@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/resident/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(/resident/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;--text-3: #8492ad;--primary-top: #3566ee;--primary-bottom: #2350d6;--neutral: #26345a;--live: #2bd46b;--open: #15784a;--danger: #c8323a;--focus: #9db8ff;--radius: 1.4rem;--radius-sm: 1rem;--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;color-scheme:dark}html{font-size:16px}*{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.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;caret-color:#7fa2ff}::selection{background:var(--primary-bottom);color:#fff}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,p{margin:0}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}.icon{width:1.2em;height:1.2em;flex:none}.screen{display:flex;flex-direction:column;gap:1rem;width:min(100%,30rem);min-height:calc(100dvh - 2.2rem);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem .6rem}.banner{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:1rem;min-height:6.5rem;padding:1.1rem 1.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:42%;height:100%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 45%,#000 100%)}.banner__photo{object-fit:cover}.banner__icon{font-size:2.2rem;line-height:0;color:#c7d4ee}.banner__text{min-width:0}.banner__title{font-size:1.4rem;font-weight:700;line-height:1.15;text-wrap:balance}.banner__line{margin-top:.25rem;font-size:.95rem;color:var(--text-2)}.tile{display:flex;align-items:center;gap:.9rem;width:100%;min-height:4.4rem;padding:1rem 1.3rem;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);font-size:1.35rem;font-weight:650;text-align:left;transition:transform .14s var(--ease-out),filter .14s var(--ease-out),background-color .24s var(--ease-out)}.tile:active:not(:disabled){transform:scale(.98);filter:brightness(1.12)}.tile__icon{font-size:1.7rem;line-height:0}.tile--primary{background:linear-gradient(160deg,var(--primary-top),var(--primary-bottom));color:#fff;box-shadow:var(--shadow),inset 0 1px #ffffff29}.tile--neutral{background:var(--neutral);box-shadow:inset 0 0 0 1px #ffffff1a}.tile--accent{background:var(--neutral);color:var(--primary-top);box-shadow:inset 0 0 0 1px #ffffff1a}.tile--danger{background:var(--danger);color:#fff;box-shadow:none}.tile:disabled{cursor:default}.tile.is-busy{cursor:progress;filter:saturate(.7)}.tile--open{position:relative;isolation:isolate;overflow:hidden}.tile--open: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 2.9rem 50%);transition:clip-path .62s var(--ease-out)}.tile--open.is-open:before{clip-path:circle(150% at 2.9rem 50%)}.tile--submit{justify-content:center;min-height:3.6rem;font-size:1.15rem}.ready-screen{display:flex;flex-direction:column;gap:.8rem;flex:1}.ready{display:grid;align-content:center;justify-items:start;gap:.8rem;flex:1;padding:2rem 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)}.ready__icon{font-size:2.4rem;line-height:0;color:#c7d4ee}.ready__avatar{width:4.4rem;height:4.4rem;border-radius:50%;background:var(--neutral) center / cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff24}.ready__state{font-size:1.8rem;font-weight:700;line-height:1.15}.ready__line{font-size:1.05rem;color:var(--text-2);text-wrap:pretty}.live-dot{width:.7rem;height:.7rem;flex:none;border-radius:50%;background:var(--live)}.note{margin-top:.4rem;padding:.8rem 1rem;border-radius:var(--radius-sm);background:#a9b6cf1f;color:#c7d4ee;font-size:.95rem}.foot{display:flex;justify-content:center;gap:.9rem}.foot .tile{width:auto;flex:1}.actions{display:flex;flex-direction:column;gap:.8rem;flex:1}.tile--tall{position:relative;overflow:hidden;flex-direction:column;justify-content:center;gap:.6rem;flex:1;min-height:13rem;max-height:26rem;margin-top:auto;text-align:center}.tile--tall .tile__icon{font-size:3.2rem;animation:ring 1.2s var(--ease-out) infinite}.tile--tall .tile__label{font-size:2rem;font-weight:700}@keyframes ring{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}.ringbar{position:absolute;left:1.3rem;right:1.3rem;bottom:1rem;height:.3rem;border-radius:999px;background:#ffffff38;overflow:hidden}.ringbar__fill{display:block;height:100%;background:#fff;transform-origin:left;transition:transform .25s linear}.ring-left{text-align:center;font-size:.9rem;color:var(--text-2)}.call{display:flex;flex-direction:column;gap:1rem;flex:1;justify-content:center}.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{display:block;width:100%;height:auto;aspect-ratio:auto 16 / 9}.feed .feed__self{position:absolute;right:.7rem;bottom:.7rem;width:30%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-sm);transform:scaleX(-1);background:#070b15;box-shadow:0 0 0 2px #ffffff3d}.feed__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:.5rem;color:var(--text-2)}.feed__placeholder .icon{width:2.2rem;height:2.2rem}.pill{position:absolute;top:.7rem;left:.7rem;display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border-radius:999px;background:#060a14b8;font-size:.85rem;font-weight:650}.pill .live-dot{width:.55rem;height:.55rem}.call__hint{color:var(--text-2);text-align:center}.tile--open{min-height:5.6rem;font-size:1.5rem}.tile--open .tile__icon{font-size:2rem}.open-note{padding:.7rem 1rem;border-radius:var(--radius-sm);background:#c8323a29;box-shadow:inset 0 0 0 1px #e96e7480;color:#ffd9db;font-size:.95rem}.message{display:grid;align-content:center;justify-items:center;gap:.7rem;flex:1;text-align:center}.message__icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 0 0 1px var(--tile-edge);font-size:2rem;line-height:0;color:#c7d4ee}.message__title{font-size:1.6rem;font-weight:700;line-height:1.2}.message__line{max-width:22rem;color:var(--text-2);text-wrap:pretty}.message .tile{justify-content:center;margin-top:.8rem;font-size:1.1rem;min-height:3.4rem}.signin{display:grid;gap:.6rem;margin:auto 0;padding:.5rem .3rem}.signin__brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.mark{width:2.4rem;height:2.4rem}.wordmark{font-size:1.4rem;font-weight:650;letter-spacing:-.015em}.signin__title{font-size:2rem;font-weight:700;line-height:1.15}.signin__line{color:var(--text-2)}.form{display:grid;gap:1rem;margin-top:1rem}.field{display:grid;gap:.45rem}.field__label{font-size:1rem;font-weight:600}.field__input{width:100%;height:3.4rem;padding:0 1rem;border:0;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px #ffffff24;color:var(--text);font-size:1.1rem}.field__input:focus-visible{outline-offset:0}.notice{padding:.8rem 1rem;border-radius:var(--radius-sm);background:#a9b6cf1f;color:#c7d4ee;font-size:.95rem}.notice--error{background:#c8323a29;box-shadow:inset 0 0 0 1px #e96e7480;color:#ffd9db}.log{display:none}.debug .log{display:block;position:fixed;right:.5rem;bottom:.5rem;width:min(30rem,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,*:after{animation:none!important;transition-duration:1ms!important}}.tile__label small{display:block;margin-top:.15rem;font-size:1rem;font-weight:500}.settings{display:grid;align-content:start;gap:1.5rem;flex:1;padding:.2rem .1rem 1rem}.settings__section{display:grid;gap:.6rem}.settings__line{color:var(--text-2);font-size:.95rem}.settings__title{font-size:1.15rem;font-weight:700}.settings__hint{color:var(--text-2);font-size:.85rem}.settings__form{display:grid;gap:.9rem}.field__static{min-height:3.4rem;display:flex;align-items:center;padding:0 1rem;border-radius:var(--radius-sm);background:var(--tile-bottom);color:var(--text-2);font-size:1.1rem;overflow-wrap:anywhere}.photo-row{display:flex;align-items:center;gap:1.1rem}.avatar-preview{flex:none;display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--neutral) center / cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff24;font-size:2rem;font-weight:700;color:#c7d4ee}.photo-actions{display:grid;justify-items:start;gap:.4rem;min-width:0}.photo-pick{width:auto;padding:0 1.4rem;cursor:pointer}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.switch-row+.switch-row{margin-top:.6rem}.switch-row__text{display:grid;gap:.15rem}.switch-row__name{font-weight:650}.switch{position:relative;flex:none;width:3.1rem;height:1.8rem;border-radius:999px;background:var(--neutral);box-shadow:inset 0 0 0 1px #ffffff24;transition:background-color .14s var(--ease-out)}.switch__thumb{position:absolute;top:.25rem;left:.25rem;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--text-2);transition:transform .14s var(--ease-out),background-color .14s var(--ease-out)}.switch[aria-checked=true]{background:var(--primary-bottom)}.switch[aria-checked=true] .switch__thumb{transform:translate(1.3rem);background:#fff}.switch:disabled{opacity:.4;cursor:default}.key-form{display:grid;gap:.9rem;margin-top:.4rem}.key-form [data-single],.key-form [data-range]{display:grid;gap:.9rem}.key-form select.field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a9b6cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem}.key-result{display:grid;justify-items:center;gap:.7rem;padding:1.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);text-align:center}.key-result__door{font-size:1.1rem;font-weight:650}.key-result__qr{width:220px;height:220px;border-radius:var(--radius-sm);background:#fff;padding:.7rem}.key-result__when{color:var(--text-2);font-size:.9rem}.key-result .tile{width:auto;min-height:3rem;padding:0 1.4rem}.key-result__actions{display:flex;gap:.7rem}.keys-list{display:grid;gap:.6rem}.keys-list__empty{color:var(--text-2);font-size:.9rem;padding:.4rem 0}.key-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;border-radius:var(--radius-sm);background:var(--tile-bottom);box-shadow:inset 0 0 0 1px var(--tile-edge)}.key-row__text{display:grid;gap:.15rem;min-width:0}.key-row__text--button{text-align:left;cursor:pointer}.key-row__view-hint{color:var(--primary-top);font-size:.85rem;font-weight:650}.key-row__door{font-weight:650}.key-row__when{color:var(--text-2);font-size:.85rem}.key-row .tile{flex:none;width:auto;min-height:2.6rem;padding:0 1rem;font-size:1rem}.saved-recording{display:grid;gap:.6rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.call-tools{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.call-tools .tile{min-height:3.6rem;padding:0 .9rem;justify-content:center;gap:.5rem;font-size:1rem}.call-tools .tile:disabled{opacity:.4}.call-tools .tile.is-on{box-shadow:inset 0 0 0 2px var(--primary-top)}.call-tools .tile.is-on .tile__icon{color:#ffd9db}