.door-page .door{max-width:390px;min-height:844px;margin:0 auto;padding:28px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;box-sizing:border-box}.door-page .door .door-top{display:flex;flex-direction:column;gap:18px}.door-page .door .brand-line{display:flex;align-items:center;justify-content:space-between}.door-page .door .sign-in{font-family:var(--sans);font-size:14px;color:var(--ink);text-decoration:none}.door-page .door .keeping{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--edge);border-radius:12px;background:var(--paper-raised)}.door-page .door .keeping .thumb,.door-page .door .keeping .thumb img,.door-page .door .keeping .thumb .plate{width:44px;height:44px;border-radius:8px;overflow:hidden;flex-shrink:0}.door-page .door .keeping .thumb img{display:block;object-fit:cover}.door-page .door .keeping .said{display:flex;flex-direction:column;gap:3px;min-width:0}.door-page .door .keeping .label{font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.door-page .door .keeping .title{font-family:var(--serif);font-size:20px;line-height:1.05;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.door-page .door .door-says{display:flex;flex-direction:column;gap:8px}.door-page .door h1{margin:0;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.door-page .door .door-sub{font-family:var(--serif);font-size:18px;line-height:1.3;color:var(--ink-soft);margin:0}.door-page .door .door-stage-row{display:flex;justify-content:center}.door-page .door .door-stage{position:relative;width:250px;height:500px;border-radius:34px;border:6px solid var(--ink);background:var(--paper);overflow:hidden;box-shadow:0 24px 60px #1c161038}.door-page .door .door-tile{position:absolute;left:var(--x);top:var(--y);display:flex;flex-direction:column;align-items:center;gap:5px;transform:scale(0);opacity:0;animation:tile 12s ease-in-out 1 forwards}.door-page .door .door-tile .pic{position:relative;width:52px;height:52px;flex-shrink:0}.door-page .door .door-tile .pic img,.door-page .door .door-tile .pic .plate{width:52px;height:52px;border-radius:13px;overflow:hidden;box-shadow:0 6px 16px #1c161033}.door-page .door .door-tile .pic img{display:block;object-fit:cover}.door-page .door .door-tile .badge{position:absolute;right:-5px;bottom:-5px;display:flex;border-radius:6px;box-shadow:0 2px 6px #00000040;background:#fff}.door-page .door .door-tile .where{font-family:var(--mono);font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.door-page .door .door-icon{position:absolute;left:88px;top:180px;width:72px;height:72px;border-radius:18px;background:var(--ink);display:flex;align-items:center;justify-content:center;transform:scale(0);animation:icon 12s ease-in-out 1 forwards;box-shadow:0 16px 36px #1c161038}.door-page .door .door-icon .icon-name{position:absolute;top:80px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--serif);font-size:20px;color:var(--ink)}.door-page .door .door-box{position:absolute;inset:0;background:var(--paper);display:flex;flex-direction:column;transform:translateY(100%);animation:box 12s ease-in-out 1 forwards}.door-page .door .door-box .cover{position:relative;flex-shrink:0}.door-page .door .door-box .cover img,.door-page .door .door-box .cover .plate{width:100%;height:96px}.door-page .door .door-box .cover img{display:block;object-fit:cover}.door-page .door .door-box .chip{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:99px;background:color-mix(in srgb,var(--paper) 92%,transparent);border:1px solid var(--edge);color:var(--ink)}.door-page .door .door-box .cover .chip{position:absolute;right:10px;top:10px}.door-page .door .door-box .under{padding:0 12px;margin-top:-20px;position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;min-width:0}.door-page .door .door-box .portrait{width:40px;height:40px;border-radius:99px;background:var(--paper-raised);border:2.5px solid var(--paper);box-shadow:0 0 0 1px var(--edge);flex-shrink:0}.door-page .door .door-box .search{display:flex;align-items:center;gap:6px;margin-top:2px}.door-page .door .door-box .search .field-drawn{flex:1;height:24px;border-radius:99px;border:1px solid var(--edge);background:var(--paper-raised);display:flex;align-items:center;padding:0 9px;font-family:var(--sans);font-size:8px;color:var(--ink-faint)}.door-page .door .door-box .tabs{display:flex;gap:9px;border-bottom:1px solid var(--rule);margin-top:2px;overflow:hidden}.door-page .door .door-box .tab{font-family:var(--mono);font-size:6px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:5px;white-space:nowrap;color:var(--ink-faint)}.door-page .door .door-box .tab.on{color:#55603d;border-bottom:1.5px solid #55603d}.door-page .door .door-box .count{font-family:var(--mono);font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.door-page .door .door-box .toggle-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.door-page .door .door-box .toggle{display:flex;border:1px solid var(--edge);border-radius:99px;overflow:hidden}.door-page .door .door-box .toggle span{width:20px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}.door-page .door .door-box .toggle span.on{background:var(--ink);color:var(--paper)}.door-page .door .door-box .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px}.door-page .door .door-box .cell{display:flex;flex-direction:column;gap:3px;min-width:0}.door-page .door .door-box .cell img,.door-page .door .door-box .cell .plate{width:100%;height:62px;border-radius:3px;overflow:hidden}.door-page .door .door-box .cell img{display:block;object-fit:cover}.door-page .door .door-box .cell .cell-title{font-family:var(--serif);font-size:8px;line-height:1.2;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.door-page .door .door-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:var(--mono);font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);opacity:0;animation:cap1 12s ease-in-out 1 forwards}.door-page .door .door-cap.c2{animation-name:cap2}.door-page .door .door-ways{display:flex;flex-direction:column;gap:14px}.door-page .door .already{margin:0;font-family:var(--sans);font-size:14px;color:var(--ink-faint);text-align:center}.door-page .door .already a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@keyframes tile{0%{transform:translate(0) scale(0);opacity:0}6%{transform:translate(0) scale(1);opacity:1}30%{transform:translate(0) scale(1);opacity:1}44%{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}@keyframes icon{0%,20%{transform:scale(0);opacity:1}26%{transform:scale(1)}44%{transform:scale(1.12)}52%{transform:scale(1);opacity:1}62%{transform:scale(1.25);opacity:1}68%,to{transform:scale(1.25);opacity:0}}@keyframes box{0%,62%{transform:translateY(100%)}70%,to{transform:translateY(0)}}@keyframes cap1{0%,4%{opacity:0}8%,28%{opacity:1}32%,to{opacity:0}}@keyframes cap2{0%,34%{opacity:0}38%,56%{opacity:1}60%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.door-page .door .door-tile,.door-page .door .door-icon,.door-page .door .door-box,.door-page .door .door-cap,.door-page .door .door-cap.c2{animation:none}.door-page .door .door-tile,.door-page .door .door-icon{opacity:0}.door-page .door .door-box{transform:translateY(0)}.door-page .door .door-cap{opacity:0}}.door-page .form{max-width:20rem;margin:12vh auto 0;padding:28px 28px 40px}.door-page .form .brand-row{display:flex;margin:0 0 1.75rem}.door-page .form h1{font-family:var(--serif);font-size:34px;line-height:1.05;margin:0 0 .3rem}.door-page .form .sub{font-family:var(--serif);font-size:16px;color:var(--ink-soft);margin:0 0 1.3rem;line-height:1.45}.door-page .form .sub b{color:var(--ink);font-weight:inherit}.door-page .form .field-group{margin-bottom:.9rem}.door-page .form .address{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft);margin:.4rem 0 0;letter-spacing:.04em}.door-page .form .address b{color:var(--ink);font-weight:600}.door-page .form button.pill{margin-top:.4rem}.door-page .form .links{margin-top:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;font-family:var(--sans);font-size:14px;color:var(--ink-faint)}.door-page .form .links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.door-page .form .hint{font-family:var(--sans);font-size:.78rem;color:var(--ink-faint);margin:.35rem 0 0}.door-page .form .field-group .error{margin:.6rem 0 0}.door-page .form>.error{margin:0 0 1.1rem}.door-page .form .change{margin-top:1.1rem}.door-page .form .change>summary{font-family:var(--sans);font-size:.85rem;color:var(--ink);font-weight:600;cursor:pointer;list-style:none}.door-page .form .change>summary::-webkit-details-marker{display:none}.door-page .form .change[open]>summary{margin-bottom:1.1rem}