:root{--bg:#f8fafc;--fg:#0f172a;--muted:#475569;--border:#94a3b8;--accent:#0f766e;--accent-fg:#fff;--confirm:#b45309;--success:#15803d;--danger:#b91c1c;--surface:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--fg:#f1f5f9;--muted:#cbd5e1;--border:#64748b;--accent:#2dd4bf;--accent-fg:#042f2e;--confirm:#fbbf24;--success:#15803d;--danger:#f87171;--surface:#111827}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.screen{flex-direction:column;gap:16px;min-block-size:100dvh;max-inline-size:480px;margin-inline:auto;padding-block:16px 24px;padding-inline:16px;display:flex}.topbar{justify-content:flex-end;display:flex}.topbar select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:8px;padding-block:8px;padding-inline:12px}.content{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}h1{margin:0;font-size:1.75rem;line-height:1.2}h2{margin:0;font-size:1.25rem}p{margin:0}.listing,.window,.privacy{color:var(--muted)}.window,.privacy{font-size:.875rem}form{flex-direction:column;gap:12px;display:flex}label{font-weight:600}input{font:inherit;letter-spacing:.05em;border:2px solid var(--border);background:var(--surface);color:var(--fg);border-radius:12px;padding-block:14px;padding-inline:16px;font-size:1.25rem}input[aria-invalid=true]{border-color:var(--danger)}.button,.open-button{font:inherit;background:var(--accent);color:var(--accent-fg);cursor:pointer;text-align:center;border:0;border-radius:12px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.button{min-block-size:64px;padding-inline:16px;font-size:1.125rem}.button.secondary{color:var(--fg);border:2px solid var(--border);background:0 0}.open-button{touch-action:manipulation;border-radius:20px;min-block-size:140px;inline-size:100%;padding-inline:16px;font-size:1.5rem}.open-button.confirm{background:var(--confirm);color:#1c1917}.open-button:disabled{opacity:.7;cursor:progress}.open-door,.contacts{flex-direction:column;gap:12px;display:flex}.notice:empty{display:none}.sent{background:var(--success);color:#fff;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-block-size:140px;padding:16px;display:flex}.sent-title{font-size:1.75rem;font-weight:800}.error-box{border-inline-start:4px solid var(--danger);padding-inline-start:12px}.error-title{font-weight:700}[role=alert]:not(.error-box){color:var(--danger)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}