@layer reset{*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}img,video{max-width:100%;display:block}}@layer tokens{:root{--font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Space Grotesk", Inter, system-ui, sans-serif;--grad:linear-gradient(90deg, #ffb980 0%, #bc65bd 47%, #3c3dff 85%);--btn:linear-gradient(180deg, #ffffff40 0%, #fff0 50%, #0000001a 100%), linear-gradient(100deg, #ffb980 -15%, #bc65bd 35%, #3c3dff 90%);--btn-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #00000026, 0 1px 2px #0f172a33, 0 6px 14px -4px #7c52d699;--bg:#f3f6fb;--stage:#e6ebf4;--surface:#fff;--bar:linear-gradient(180deg, #fff 0%, #f6f9fd 100%);--card:linear-gradient(180deg, #fff 0%, #f8fafe 100%);--card-shadow:inset 0 1px 0 #fff, 0 1px 2px #0f172a0f, 0 16px 32px -18px #2563eb59;--line:#dde3ec;--input-line:#c9d2df;--input-bg:#fff;--ink:#0f172a;--ink2:#334155;--console-ink:#1e293b;--muted:#556277;--track:#d3dae6;--accent:#2563eb;--accent-text:#1d4fd7;--soft:#eaf2ff;--sep:#0f172a29;--glass:#ffffffbd;--glass-line:#ffffffbf;--glass-shadow:0 0 0 1px #0f172a0f, 0 8px 24px -12px #0f172a59;--slide-shadow:0 2px 4px #0f172a0f, 0 24px 48px -20px #0f172a59;--ok:#15803d;--error:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b1020;--stage:#0b1020;--surface:#151b30;--bar:linear-gradient(180deg, #171d33 0%, #11172b 100%);--card:linear-gradient(180deg, #171d33 0%, #131a2e 100%);--card-shadow:inset 0 1px 0 #ffffff0f, 0 16px 32px -18px #0009;--line:#262e4a;--input-line:#3a4566;--input-bg:#0f1528;--ink:#e7ebf5;--ink2:#c9d1e3;--console-ink:#e7ebf5;--muted:#9aa6c0;--track:#262e4a;--accent:#5b93ff;--accent-text:#a9c4ff;--soft:#1b2a52;--sep:#ffffff2e;--glass:#141a2ecc;--glass-line:#ffffff29;--glass-shadow:0 0 0 1px #0000004d, 0 8px 24px -12px #000000b3;--slide-shadow:0 2px 4px #0000004d, 0 24px 48px -20px #000000b3;--ok:#4ade80;--error:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer base{body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--accent-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.ink{color:var(--ink);font-weight:600}.small{font-size:12px}.caps{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.num{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--accent-text);margin-right:6px;font-weight:700}.display{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:1.15}.display.sm{font-size:24px;line-height:1.2}.stack6{flex-direction:column;gap:6px;display:flex}.stack8{flex-direction:column;gap:8px;display:flex}.stack12{flex-direction:column;gap:12px;display:flex}.row-gap{flex-wrap:wrap;gap:10px;display:flex}.error{color:var(--error);margin:0;font-weight:500}.ok{color:var(--ok);margin:0;font-weight:600}.center{place-items:center;min-height:100dvh;display:grid}.spinner{border:3px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}}}@layer components{.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--btn);box-shadow:var(--btn-shadow);text-shadow:0 1px 1px #28145066;color:#fff}.btn.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:500;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0f172a1a}.btn.big{border-radius:14px;width:100%;min-height:50px;font-size:16px}.btn.secondary.big{min-height:48px;font-size:15px}.btn:disabled{opacity:.55;cursor:default}.btn.square{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--ink);padding:0}.btn.grow{flex:1;height:48px}.link{color:var(--accent-text);cursor:pointer;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.ibtn{width:44px;height:40px;color:var(--console-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.ibtn:hover:not(:disabled){background:var(--sep)}.ibtn:disabled{opacity:.4;cursor:default}.mark{background:var(--grad);flex:none;justify-content:center;align-items:flex-end;gap:3px;display:flex;box-shadow:inset 0 1px #ffffff80,0 3px 8px -2px #bc65bd99}.mark>span{background:#fff;border-radius:1px;width:3px}.gate{flex-direction:column;gap:22px;max-width:460px;min-height:100dvh;margin:0 auto;padding:56px 20px 24px;display:flex}.sender-logo{object-fit:contain;align-self:flex-start;max-width:160px;max-height:48px}.intro{flex-direction:column;gap:8px;display:flex}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.refusal{gap:14px;padding:24px 20px}.refusal p{color:var(--ink2);margin:0;line-height:1.55}.field{flex-direction:column;gap:6px;display:flex}.field label{font-weight:500}.field input,.input{border:1px solid var(--input-line);background:var(--input-bg);min-height:48px;color:var(--ink);border-radius:12px;width:100%;padding:0 14px;font-size:16px;box-shadow:inset 0 1px 2px #0f172a14}textarea.input{resize:vertical;padding:12px 14px;line-height:1.5}.field input::placeholder,.input::placeholder{color:var(--muted)}.check{align-items:flex-start;gap:10px;min-height:44px;display:flex}.check input{height:22px;accent-color:var(--accent);flex:0 0 22px;margin:2px 0 0}.check label{color:var(--ink2);line-height:1.45}.notice h2{margin:0 0 6px;font-size:15px;font-weight:600}.notice p{color:var(--ink2);margin:0 0 6px;line-height:1.55}.gate-foot{color:var(--muted);text-align:center;margin:auto 0 0;font-size:12px;line-height:1.5}.badge-icon{background:var(--soft);width:52px;height:52px;color:var(--accent-text);border-radius:16px;place-items:center;display:grid;box-shadow:inset 0 1px #fff6}.digits{justify-content:space-between;gap:6px;display:flex}.digits input{text-align:center;border:1px solid var(--input-line);background:var(--input-bg);width:46px;min-width:0;max-width:56px;height:56px;font-family:var(--display);color:var(--ink);border-radius:12px;flex:1 1 0;font-size:24px;font-weight:600;box-shadow:inset 0 1px 2px #0f172a14}.digits input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.card p.small{margin:0;font-size:13px;line-height:1.6}.viewer{background:var(--stage);height:100dvh;color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.topbar{background:var(--bar);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 20px;display:flex}.topbar-logo{object-fit:contain;max-width:120px;max-height:26px}.topbar-title{flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;display:flex}.topbar h1{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.progress{background:var(--track);flex:none;height:3px;display:flex}.progress>span{background:var(--accent);transition:width .25s}.progress.thick{border-radius:2px;height:4px}.progress.thick>span{border-radius:2px}.stage-wrap{flex:1;min-height:0;position:relative}.stage{outline:none;padding:16px 16px 20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.stage-inner{flex:none;margin:auto}.stage.room-bottom{padding-bottom:76px}.stage.room-top{padding-top:72px}.stage.portrait{flex-direction:column;align-items:center;gap:20px;padding:20px 16px 96px}.page{flex:none}.page .face{border-radius:4px}.page .face img{border-radius:3px}.face{border:1px solid var(--line);width:100%;box-shadow:var(--slide-shadow);touch-action:pan-y pinch-zoom;background:#fff;border-radius:12px;position:relative;container-type:inline-size}.face img,.face video{-webkit-user-select:none;user-select:none;border-radius:11px;width:100%;height:100%}.textlayer{border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.textlayer span{white-space:pre;color:#0000;transform-origin:0 0;cursor:text;font-family:Arial,Helvetica,sans-serif;line-height:1;position:absolute}.textlayer span::selection{color:#0000;background:#2563eb52}.textlayer span.hit{background:#facc1573;border-radius:2px}.hotspot{min-width:var(--w);color:#7e2f80;white-space:nowrap;background:linear-gradient(#fff 0%,#f7e9f7 100%);border:1px solid #e7c6e8;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;font-weight:600;text-decoration:none;display:flex;position:absolute;box-shadow:inset 0 1px #fff,0 4px 12px -4px #bc65bd99}@container (width<=720px){.hotspot{justify-content:center;width:32px;min-width:0;height:32px;min-height:0;padding:0}.hotspot-dot{flex-basis:20px;width:20px;height:20px}.hotspot-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hotspot-dot{background:var(--grad);border-radius:50%;flex:0 0 22px;width:22px;height:22px;box-shadow:inset 0 1px #fff9}.console{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--glass-line);width:-moz-fit-content;width:fit-content;box-shadow:var(--glass-shadow);color:var(--console-ink);z-index:2;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;margin-inline-start:auto;margin-inline-end:auto;padding:2px 6px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.console.top{top:16px;bottom:auto}.console.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.console.top.hidden{transform:translateY(-8px)}.console .count{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--console-ink);padding:0 6px;font-size:12px;font-weight:600}.console button.count{cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:44px;height:40px}.console button.count:hover{background:var(--sep)}.grp-zoom,.grp-fs{display:contents}.sep{background:var(--sep);width:1px;height:18px;margin:0 2px}.modal{border:1px solid var(--line);background:var(--surface);width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:18px;padding:24px;box-shadow:0 24px 64px -24px #0f172a80}.modal.wide{width:min(980px,100vw - 32px)}.modal::backdrop{background:#0b102080}.modal-x{color:var(--ink);position:absolute;top:10px;right:10px}.modal p{margin:0;line-height:1.55}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:28px;display:grid}.thumb{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:6px;padding:6px;font-size:12px;font-weight:500;line-height:1.3;display:flex}.thumb img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%}.thumb:hover{background:var(--soft)}.thumb[aria-current=true]{border-color:var(--accent);background:var(--soft)}.results{flex-direction:column;gap:4px;max-height:50dvh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.results button{text-align:left;cursor:pointer;width:100%;color:var(--ink2);background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;line-height:1.4;display:flex}.results button:hover{background:var(--soft)}.results mark{color:inherit;background:#facc1580;border-radius:2px}.ask-title{color:var(--accent-text);font-weight:600}.phone{background:var(--bg);min-height:100dvh;color:var(--ink);flex-direction:column;display:flex}.phone-head{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:20px 16px 14px;display:flex;position:sticky;top:0}.phone-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.phone-title{flex-direction:column;gap:2px;min-width:0;display:flex}.phone-title h1{font-family:var(--display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.phone-count{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-weight:500}.phone-side{align-items:center;gap:0;margin-right:-8px;display:flex}.phone-side .phone-count{margin-right:4px}.phone-side .ibtn{width:36px;height:36px;color:var(--ink)}.phone-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.phone-body .face{border-radius:10px;box-shadow:0 6px 20px #1418281f}.phone-body .face img{border-radius:9px}.upnext{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.upnext-item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-size:12px;font-weight:500;line-height:1.25;display:flex}.upnext-item img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%}.ask-card{background:var(--soft);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.ask-sender{align-items:center;gap:10px;display:flex}.sender-avatar{object-fit:cover;background:var(--bg,#f3f6fb);width:36px;height:36px;color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex:0 0 36px;place-items:center;font-size:13px;font-weight:600;display:grid}.footnote{margin:auto 0 0;line-height:1.5}.phone-foot{padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;bottom:0}@media (max-width:640px){.topbar{flex-wrap:nowrap;padding:6px 12px}.topbar-title{flex-direction:column;flex:1;align-items:flex-start;gap:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.topbar .btn{white-space:nowrap;min-height:40px;padding:0 12px}.grp-zoom,.grp-fs{display:none}.console{padding:2px;bottom:10px;left:8px;right:8px}.console .ibtn{width:40px}.stage.portrait{gap:12px;padding:12px 12px 120px}}}