@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/door/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/door/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0a1020;--tile-top: #1b2743;--tile-bottom: #141e36;--tile-edge: rgba(255, 255, 255, .07);--well: #0e1629;--text: #f2f5fb;--text-2: #a9b6cf;--primary-top: #3566ee;--primary-bottom: #2350d6;--primary-ink: #ffffff;--live: #2bd46b;--danger: #c8323a;--open: #15784a;--focus: #9db8ff;--radius: 1.6rem;--radius-sm: 1rem;--gap: 1.4rem;--shadow: 0 1.1rem 2.4rem -1.2rem rgba(0, 0, 0, .65), 0 .2rem .5rem -.2rem rgba(0, 0, 0, .4);--ease-out: cubic-bezier(.16, 1, .3, 1);--font: "DoorEntra Digits", "Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--font-directory: "Atkinson Hyperlegible Next Variable", system-ui, sans-serif;color-scheme:dark}html{font-size:clamp(15px,1.2vw + 4px,26px)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:450;line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;caret-color:#7fa2ff}::selection{background:var(--primary-bottom);color:#fff}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}h1,h2,p{margin:0}h1,h2{text-wrap:balance;letter-spacing:-.012em}.icon{width:1em;height:1em;flex:none}.screen{display:grid;height:100dvh;padding:2rem 2.4rem 2.2rem;gap:var(--gap);grid-template-rows:auto minmax(0,1fr) auto}.screen--two{grid-template-rows:auto minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.2rem}.brand{display:flex;align-items:center;gap:.7rem}.mark{width:2.6rem;height:2.6rem}.wordmark{font-size:1.65rem;font-weight:650;letter-spacing:-.015em}.clock{display:flex;align-items:center;gap:1.2rem;font-variant-numeric:tabular-nums}.clock__date{font-size:1.15rem;color:var(--text-2)}.clock__rule{width:1px;height:2rem;background:#ffffff29}.clock__time{font-size:1.9rem;font-weight:600;letter-spacing:-.01em}.topbar__title{flex:1;font-size:1.9rem;font-weight:650}.back{display:inline-flex;align-items:center;gap:.45rem;min-height:3.2rem;padding:0 1.3rem 0 .9rem;border-radius:999px;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 0 0 1px var(--tile-edge);font-size:1.2rem;font-weight:600}.back .icon{font-size:1.4rem}.stage{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--gap);min-height:0}.stage--call{grid-template-columns:1.6fr 1fr}.stack{display:grid;grid-auto-rows:minmax(0,1fr);gap:var(--gap);min-height:0}.tile{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"icon ." ". ." "text arrow";align-items:end;padding:1.7rem 1.8rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:var(--shadow),inset 0 1px #ffffff0f,inset 0 0 0 1px var(--tile-edge);text-align:left;transition:transform .14s var(--ease-out),filter .14s var(--ease-out)}.tile:active{transform:scale(.985);filter:brightness(1.12)}@media (hover: hover){.tile:hover{filter:brightness(1.08)}}.tile__icon{grid-area:icon;font-size:2.6rem;line-height:0}.tile__text{grid-area:text;display:grid;gap:.35rem}.tile__label{font-size:1.85rem;font-weight:650;line-height:1.12;letter-spacing:-.012em}.tile__sub{font-size:1.1rem;color:var(--text-2)}.tile__arrow{grid-area:arrow;font-size:2rem;line-height:0;margin-left:1rem;padding-bottom:.2rem}.stack .tile{grid-template-columns:auto 1fr auto;grid-template-rows:auto;grid-template-areas:"icon text arrow";align-items:center;column-gap:1.2rem;padding:.9rem 1.8rem}.stack .tile__label{font-size:1.6rem}.stack .tile__arrow{margin-left:0;padding-bottom:0}.tile--primary{padding:2.2rem 2.4rem;color:var(--primary-ink);background:linear-gradient(145deg,var(--primary-top),var(--primary-bottom));box-shadow:0 1.4rem 2.8rem -1.2rem #2350d68c,inset 0 1px #ffffff38}.tile--primary .tile__icon{font-size:3.6rem}.tile--primary .tile__label{font-size:2.8rem;font-weight:700}.tile--primary .tile__sub{font-size:1.3rem;color:var(--primary-ink);font-weight:500}.tile--primary .tile__arrow{font-size:2.6rem}.tile--primary{overflow:hidden;isolation:isolate}.tile--primary>:not(.door-art){position:relative}.door-art{position:absolute;top:6%;right:5%;bottom:8.8rem;width:52%;z-index:0;pointer-events:none;container-type:size}.door-art__scene{position:absolute;right:0;bottom:0;width:min(100cqw,121cqh);aspect-ratio:400 / 330}.door-art__frame{position:absolute;left:52%;top:8%;width:30%;height:78%;border:3px solid rgba(255,255,255,.8);border-radius:4px;perspective:700px}.door-art__light{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff7e4,#ffe0a0);animation:door-spill 9s cubic-bezier(.65,0,.35,1) infinite}.door-art__leaf{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3060e8,#1d43ba);transform-origin:left center;animation:door-swing 9s cubic-bezier(.65,0,.35,1) infinite}.door-art__panel{position:absolute;left:13%;right:13%;top:7%;height:38%;border:2px solid rgba(255,255,255,.22);border-radius:3px}.door-art__panel--low{top:52%;height:41%}.door-art__knob{position:absolute;right:9%;top:49%;width:7%;aspect-ratio:1;border-radius:999px;background:#ffffffe6}.door-art__floor{position:absolute;left:6%;right:0;top:86%;height:2px;border-radius:2px;background:#ffffff3d}.door-art__spill{position:absolute;left:30%;right:0;top:86%;bottom:0;background:linear-gradient(180deg,#ffe7b0cc,#ffe7b000);clip-path:polygon(45% 0,74% 0,100% 100%,12% 100%);animation:door-spill 9s cubic-bezier(.65,0,.35,1) infinite}@keyframes door-swing{0%,16%{transform:rotateY(0)}34%,62%{transform:rotateY(66deg)}82%,to{transform:rotateY(0)}}@keyframes door-spill{0%,18%{opacity:0}36%,60%{opacity:1}80%,to{opacity:0}}.banner{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border-radius:var(--radius);background:linear-gradient(100deg,#15203a,#182646 60%,#1c2c52);box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge)}.banner__art{position:absolute;top:0;right:0;width:52%;height:100%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 66%);mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 66%)}.banner__photo{object-fit:cover}.banner__icon{font-size:3rem;line-height:0;color:#c7d4ee}.banner__name{font-size:1.8rem;font-weight:650}.banner__line{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:1.1rem;color:var(--text-2)}.directory{display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--gap);min-height:0;font-family:var(--font-directory)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:1.3rem;font-size:1.7rem;line-height:0;color:var(--text-2);pointer-events:none}.search__input{width:100%;height:4.2rem;padding:0 4.5rem 0 3.9rem;border:0;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text);font:inherit;font-size:1.45rem}.search__input::placeholder{color:var(--text-2)}.search__input::-webkit-search-cancel-button{display:none}.search__clear{position:absolute;right:.6rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:999px;font-size:1.4rem;color:var(--text-2)}.results{min-height:0;overflow-y:auto;margin:0 -.3rem;padding:.3rem .3rem 1rem;scrollbar-width:thin;scrollbar-color:#34436a transparent}.results--more{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 2.2rem),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 2.2rem),transparent)}.centered{display:grid;place-items:center;min-height:0}.units{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.unit{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;min-height:7.5rem;padding:1.3rem 1.4rem 1.3rem 1.6rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge);text-align:left;transition:transform .14s var(--ease-out),filter .14s var(--ease-out)}.unit:active{transform:scale(.98);filter:brightness(1.12)}.unit__label{display:block;font-size:1.6rem;font-weight:700;line-height:1.1}.unit__names{display:block;margin-top:.3rem;font-size:1.1rem;color:var(--text-2)}.unit__call{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:999px;background:linear-gradient(145deg,var(--primary-top),var(--primary-bottom));font-size:1.5rem;color:#fff}.names{display:grid;gap:.8rem}.unit__call--choose{background:#26345a;box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text-2)}.unit--everyone{margin-top:.6rem}.names .unit{min-height:5.6rem}.empty{display:grid;place-items:center;gap:.6rem;height:100%;min-height:12rem;text-align:center}.empty__title{font-size:1.6rem;font-weight:650}.empty__line{font-size:1.15rem;color:var(--text-2)}.feed{position:relative;overflow:hidden;border-radius:var(--radius);background:radial-gradient(120% 90% at 30% 20%,#16223d,#070b15);box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge)}.feed video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.feed__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.8rem;color:var(--text-2);font-size:1.2rem}.feed__placeholder .icon{font-size:4rem;color:#c7d4ee}.pill{position:absolute;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem .45rem .8rem;border-radius:999px;background:#060a14bd;font-size:1.05rem;font-weight:600}.pill--live{top:1.2rem;left:1.2rem}.pill--note{bottom:1.2rem;left:1.2rem;font-weight:500}.live-dot{width:.7rem;height:.7rem;border-radius:999px;background:var(--live)}.status{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.2rem;padding:2rem 2rem 1.8rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge);overflow:hidden}.status__body{display:grid;align-content:center;gap:.8rem}.status__icon{font-size:3.2rem;line-height:0;margin-bottom:.4rem;color:#c7d4ee}.status__title{font-size:2.7rem;font-weight:700;line-height:1.1;text-wrap:balance}.status__line{font-size:1.3rem;color:var(--text-2)}.status__meta{align-self:start;display:grid;gap:.6rem;margin-top:.8rem;font-size:1.1rem;color:var(--text-2);font-variant-numeric:tabular-nums}.ringbar{height:.55rem;border-radius:999px;background:var(--well);overflow:hidden}.ringbar__fill{height:100%;border-radius:inherit;background:#c7d4ee;transform-origin:left;transition:transform .25s linear}.actions{display:grid;gap:.8rem}.action{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:4.4rem;padding:0 1.4rem;border-radius:var(--radius-sm);font-size:1.45rem;font-weight:650;transition:transform .14s var(--ease-out),filter .14s var(--ease-out)}.action:active{transform:scale(.98);filter:brightness(1.12)}.action .icon{font-size:1.7rem}.actions--row{grid-auto-flow:column;grid-auto-columns:minmax(14rem,auto);margin-top:1.4rem}.action--neutral{background:#26345a;box-shadow:inset 0 0 0 1px #ffffff1a}.action--primary{background:linear-gradient(145deg,var(--primary-top),var(--primary-bottom));color:#fff}.action--danger{background:var(--danger);color:#fff}.status:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(160deg,#187f4f,var(--open));clip-path:circle(0% at 3.6rem 36%);transition:clip-path .62s var(--ease-out)}.status.is-open:before{clip-path:circle(150% at 3.6rem 36%)}.status.is-open .status__icon,.status.is-open .status__line,.status.is-open .status__meta{color:#fff}.feed .feed__resident{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;transform:none;background:#070b15}.feed--two video:not(.feed__resident){position:absolute;right:1.2rem;bottom:1.2rem;z-index:2;width:28%;height:auto;aspect-ratio:4 / 3;border-radius:var(--radius-sm);box-shadow:var(--shadow),0 0 0 2px #fff3}.feed--two .pill{z-index:3}.pill--rec{top:1.2rem;right:1.2rem;background:var(--danger);color:#fff}.rec-dot{width:.7rem;height:.7rem;border-radius:999px;background:#fff}.avatar{flex:none;width:4.4rem;height:4.4rem;border-radius:50%;display:block;background:#26345a center / cover no-repeat;box-shadow:0 0 0 2px #ffffff1f}.avatar--large{width:6.2rem;height:6.2rem}.unit__who{display:flex;align-items:center;gap:1.2rem;min-width:0}.stage--pin{grid-template-columns:1.6fr 1fr}.keypad{display:grid;align-content:center;justify-items:center;gap:1.8rem;padding:1.6rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge)}.keypad__display{display:flex;gap:1.1rem}.keypad__dot{width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:inset 0 0 0 2px var(--text-2);transition:background-color .14s var(--ease-out),box-shadow .14s var(--ease-out)}.keypad__dot.is-filled{background:var(--primary-top);box-shadow:none}.keypad__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;transition:opacity .14s var(--ease-out)}.keypad__grid.is-disabled{opacity:.4;pointer-events:none}.keypad__key{width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;font-weight:650;background:#26345a;box-shadow:inset 0 0 0 1px #ffffff1a;transition:transform .14s var(--ease-out),filter .14s var(--ease-out)}.keypad__key:active{transform:scale(.95);filter:brightness(1.15)}.keypad__key--spacer{visibility:hidden}.keypad__key--muted{color:var(--text-2)}.keypad__key--muted .icon{font-size:1.7rem}.help{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--gap);min-height:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;margin:0;padding:0;list-style:none;counter-reset:step}.step{display:grid;align-content:start;gap:.8rem;padding:1.2rem 2rem 0 0;counter-increment:step}.step+.step{padding-left:2rem;border-left:1px solid rgba(255,255,255,.12)}.step:before{content:counter(step);display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:999px;background:#26345a;font-size:1.5rem;font-weight:700}.step__title{font-size:1.7rem;font-weight:650;line-height:1.15}.step__line{font-size:1.2rem;color:var(--text-2);max-width:28ch}.help__foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem 1.4rem 1.4rem 2rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:var(--shadow),inset 0 0 0 1px var(--tile-edge)}.help__privacy{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;color:var(--text-2)}.help__privacy .icon{font-size:1.8rem;color:#c7d4ee}.help__foot .action{min-width:18rem}.center{display:grid;place-items:center;height:100dvh;padding:2rem}.panel{display:grid;gap:1rem;width:min(34rem,100%);justify-items:start}.panel .mark{width:4rem;height:4rem;margin-bottom:.6rem}.panel__title{font-size:2.3rem;font-weight:700}.panel__line{font-size:1.2rem;color:var(--text-2)}.field{display:grid;gap:.5rem;width:100%;margin-top:.8rem}.field__label{font-size:1.1rem;font-weight:600}.field__input{width:100%;height:3.8rem;padding:0 1.2rem;border:0;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px #ffffff24;color:var(--text);font:inherit;font-size:1.3rem}.notice{width:100%;padding:.9rem 1.1rem;border-radius:var(--radius-sm);background:#c8323a29;box-shadow:inset 0 0 0 1px #e96e7480;color:#ffd9db;font-size:1.1rem}.panel .action{width:100%;margin-top:.6rem}.message{display:grid;justify-items:center;gap:.8rem;max-width:36rem;text-align:center}.message__icon{display:grid;place-items:center;width:6rem;height:6rem;margin-bottom:.6rem;border-radius:999px;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 0 0 1px var(--tile-edge);font-size:2.8rem;color:#c7d4ee}.message__title{font-size:2.2rem;font-weight:700}.message__line{font-size:1.3rem;color:var(--text-2)}.log{display:none}.debug .log{display:block;position:fixed;right:.5rem;bottom:.5rem;width:min(34rem,45vw);max-height:30vh;overflow-y:auto;padding:.5rem .7rem;border-radius:.6rem;background:#000000d1;font:12px/1.4 ui-monospace,monospace;color:#cfe0ff;z-index:10}@media (prefers-reduced-motion: reduce){*,*:before{transition:none!important}.door-art__leaf{animation:none;transform:rotateY(35deg)}.door-art__spill{animation:none;opacity:.45}.door-art__light{animation:none;opacity:1}}.pair-code{font-size:3.6rem;font-weight:700;letter-spacing:.12em;line-height:1.1}.identify{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;text-align:center;background:var(--primary-bottom);color:var(--primary-ink)}.identify__label{font-size:1.9rem}.identify__name{font-size:3.6rem;line-height:1.05}.identify__where{font-size:2.2rem}.viewer *{pointer-events:none}.viewer .log{display:none}.mirror-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:2rem;background:#060a14eb;font-size:2.2rem;font-weight:600;text-align:center}.mirror-lock[hidden]{display:none}