:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d10;--bg-bar: #111418;--bg-panel: #14181d;--bg-elevated: #1b2026;--border: #262c34;--border-strong: #333b45;--fg: #e6e9ee;--fg-dim: #9aa4b2;--fg-faint: #5c6675;--accent: #4c9fff;--accent-dim: #2d5a8a;--accent-fg: #06121f;--danger: #e5484d;--ok: #46b67c;--warn: #e0a73a;--bg-weekend: #101a1c;--fg-weekend: #7fb8c4;--postit-yellow: #5a4d14;--postit-pink: #5c2540;--postit-green: #1e4a2c;--postit-blue: #1b3f63;--postit-ink: #f2ede2;--postit-edge: rgba(0,0,0,.45);--background: var(--bg);--foreground: var(--fg);--muted: var(--bg-elevated);--muted-fg: var(--fg-dim);--muted-foreground: var(--fg-dim);--primary: var(--accent);--primary-fg: var(--accent-fg);--sync-local-only: #8b93a1;--sync-waiting-to-upload: #e0a73a;--sync-external: #46b67c;--sync-external-blocked: #d2554e;--sync-awaiting-verification: #7a6ad8;--shadow: 0 6px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 18px 50px -12px rgba(0, 0, 0, .7);--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-ui-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=light]{color-scheme:light;--bg: #f5f6f8;--bg-bar: #ffffff;--bg-panel: #eceef2;--bg-elevated: #ffffff;--border: #dfe3e9;--border-strong: #c3cad4;--fg: #171b21;--fg-dim: #59616e;--fg-faint: #8b93a1;--accent: #2f6fe0;--accent-dim: #d7e4fb;--accent-fg: #ffffff;--danger: #d32f2f;--ok: #14855c;--warn: #a86a10;--bg-weekend: #f0eef7;--fg-weekend: #7a6fa3;--postit-yellow: #ffef9f;--postit-pink: #ffc9de;--postit-green: #c4efc8;--postit-blue: #c2e4ff;--postit-ink: #3a3226;--postit-edge: rgba(0,0,0,.14);--background: var(--bg);--foreground: var(--fg);--muted: var(--bg-panel);--muted-fg: var(--fg-dim);--muted-foreground: var(--fg-dim);--primary: var(--accent);--primary-fg: var(--accent-fg);--sync-local-only: #767e8b;--sync-waiting-to-upload: #b57d12;--sync-external: #14855c;--sync-external-blocked: #c1443c;--sync-awaiting-verification: #5a4bc4;--shadow: 0 1px 2px rgba(23, 27, 33, .06), 0 6px 18px rgba(23, 27, 33, .08);--shadow-lg: 0 18px 50px -12px rgba(23, 27, 33, .22);--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-ui-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:400px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:16px}.card.wide{max-width:560px}.brand{display:flex;align-items:center;gap:10px;color:var(--fg-dim);font-weight:600;letter-spacing:.01em}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-weight:800;font-size:14px}h1{font-size:22px;line-height:1.25;margin:0;font-weight:650}.sub{margin:-8px 0 0;color:var(--fg-dim)}.sub strong{color:var(--fg);font-weight:600}.help{color:var(--fg-faint);font-size:13px;margin:0;text-align:center}form{display:flex;flex-direction:column;gap:12px;margin:0}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--fg-dim)}input[type=email],input[type=text],input[type=password],input.code{width:100%;height:46px;padding:0 14px;background:var(--bg);color:var(--fg);border:1px solid var(--border-strong);border-radius:10px;font:inherit;font-size:16px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}input.code{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px;padding-left:calc(14px + .5em)}.pw{position:relative;display:flex}.pw input{padding-right:46px}.pw .eye{position:absolute;right:4px;top:50%;transform:translateY(-50%)}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}.primary{height:46px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-fg);font-weight:650}.primary:hover:not(:disabled){filter:brightness(1.08)}.secondary{height:44px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--fg);font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.secondary:hover:not(:disabled){border-color:var(--fg-faint)}.link{background:none;border:0;padding:6px 2px;min-height:32px;color:var(--accent);text-decoration:none;font-size:14px;text-align:left}.link:hover{text-decoration:underline}.link.dim{color:var(--fg-dim)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--fg-dim)}.icon-btn:hover{background:var(--bg-elevated);color:var(--fg)}:is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:8px}.back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin:-8px 0 -4px -6px}.divider{display:flex;align-items:center;gap:12px;color:var(--fg-faint);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.circles{display:flex;justify-content:center;gap:28px}.circle{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--fg-dim);font-size:12px;text-decoration:none;background:none;border:0;padding:0}.circle .disc{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--fg);transition:border-color .15s,transform .15s}.circle:hover .disc{border-color:var(--accent)}.circle:active .disc{transform:scale(.96)}.circle:focus-visible{outline:none}.circle:focus-visible .disc{outline:2px solid var(--accent);outline-offset:2px}.notice{border-radius:10px;padding:10px 12px;font-size:14px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--fg-dim)}.notice.error{border-color:var(--danger);color:var(--fg)}.notice.ok{border-color:var(--ok);color:var(--fg)}.who{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);color:var(--fg);display:grid;place-items:center;font-weight:700;text-transform:uppercase;flex:none}.who .email{font-weight:600;overflow-wrap:anywhere}.qr{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-frame{position:relative;width:248px;height:248px;padding:12px;background:#fff;border-radius:14px}.qr-frame img{width:100%;height:100%;display:block;image-rendering:pixelated}.qr-bar{width:248px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.qr-bar>i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:qr-drain 10s linear forwards}@keyframes qr-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.viewport{position:relative;width:100%;aspect-ratio:1;max-width:300px;border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center}.viewport video{width:100%;height:100%;object-fit:cover}.viewport .aim{position:absolute;inset:18%;border:2px solid var(--accent);border-radius:12px}.viewport .note{padding:16px;text-align:center;color:var(--fg-dim);font-size:14px}.waiting{color:var(--fg-dim);font-size:14px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding:12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font:15px/1.6 ui-monospace,SF Mono,Menlo,monospace}.section{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.section h2{font-size:15px;margin:0;font-weight:650}.section p{margin:0;color:var(--fg-dim);font-size:14px}.item{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.item .what{display:flex;flex-direction:column;min-width:0}.item .what span:first-child{font-weight:550;overflow-wrap:anywhere}.item .what span+span{color:var(--fg-faint);font-size:13px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--accent-dim);color:var(--fg)}.switch{display:inline-flex;align-items:center;gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.footer{margin-top:18px;color:var(--fg-faint);font-size:12px;display:flex;gap:14px}.footer a{color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition:none!important}.qr-bar>i{animation:none}}.disc-lg{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--accent-dim);color:var(--fg)}a.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}h1[tabindex="-1"]:focus{outline:none}.item>.row{flex-wrap:nowrap;flex:none}