.host-app{--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Sora",var(--font);--bg:#f5f6fb;--surface:#fff;--surface-2:#f8f9fc;--line:#e5e7f0;--line-strong:#cfd3e2;--ink:#141622;--ink-2:#464b60;--ink-3:#737992;--brand:#5b4bdb;--brand-600:#4a3bc4;--brand-50:#f1efff;--brand-100:#e2deff;--ok:#15803d;--ok-bg:#e7f6ed;--warn:#9a5b06;--warn-bg:#fff3dc;--bad:#b42318;--bad-bg:#fdebe9;--info:#1d4ed8;--info-bg:#e8f0ff;--r-sm:8px;--r:12px;--r-lg:18px;--shadow-sm:0 1px 2px rgba(20,22,34,.06);--shadow:0 6px 24px rgba(20,22,34,.08);--ring:0 0 0 3px rgba(91,75,219,.28);min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.host-app *,.host-app :after,.host-app :before{box-sizing:border-box}.host-app h1,.host-app h2,.host-app h3,.host-app p{margin:0}.host-app h1,.host-app h2,.host-app h3{font-family:var(--font-display);text-wrap:balance}.host-app h1{font-size:28px;line-height:1.2;letter-spacing:-.02em;font-weight:700}.host-app h2{font-size:18px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.host-app h3{font-size:15px;font-weight:700}.host-app a:not(.btn){color:var(--brand);text-decoration:none}.host-app a:not(.btn):hover{text-decoration:underline}.host-app a.btn{text-decoration:none}.host-app :focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.muted{color:var(--ink-3)}.small{font-size:13px}.tiny{font-size:12px}.strong{font-weight:650}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1080px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--ink)}.host-app a.brand,.host-app a.brand:hover{color:var(--ink);text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6cf0,#4a3bc4);color:#fff;font-size:16px;box-shadow:var(--shadow-sm)}.topbar-user{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-100);color:var(--brand-600);display:grid;place-items:center;font-weight:700;font-size:13px}.container{max-width:1080px}.container,.container-narrow{margin:0 auto;padding:28px 20px 64px}.container-narrow{max-width:760px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head p{margin-top:4px;color:var(--ink-3)}.stack{gap:16px}.stack,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:8px}.stack-lg{display:flex;flex-direction:column;gap:24px}.row{gap:10px}.row,.row-between{display:flex;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between;gap:12px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}@media (max-width:760px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}.card-flat{box-shadow:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.card-head p{margin-top:4px;color:var(--ink-3);font-size:14px;max-width:62ch}.card-sub{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.divider{height:1px;background:var(--line);margin:18px 0;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(74,59,196,.35)}.btn-primary:hover:not(:disabled){background:var(--brand-600)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:#b9bfd3}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:rgba(20,22,34,.05)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover:not(:disabled){background:#96201a}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover:not(:disabled){background:#106832}.btn-danger-soft{background:var(--bad-bg);color:var(--bad)}.btn-danger-soft:hover:not(:disabled){background:#fadbd8}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:12px}.btn-block{width:100%}.btn-icon{width:32px;padding:0}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:14px;font-weight:600;color:var(--ink)}.hint{font-size:13px;color:var(--ink-3)}.input,.select,.textarea{width:100%;height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:10px 12px;resize:vertical;min-height:84px}.input::placeholder,.textarea::placeholder{color:#a3a8bd}.input:hover,.select:hover,.textarea:hover{border-color:#b3b9cf}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.input:disabled{background:var(--surface-2);color:var(--ink-3)}.input-sm{height:34px;font-size:14px}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:40px;height:24px;border-radius:999px;background:#c9cee0;position:relative;transition:background .15s;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .15s}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track:after{transform:translateX(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--ring)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}.badge-neutral{background:#eceef5;color:var(--ink-2)}.badge-brand{background:var(--brand-50);color:var(--brand-600)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-info{background:var(--info-bg);color:var(--info)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r);border:1px solid;font-size:14px}.alert-icon{font-size:18px;line-height:1.4;flex-shrink:0}.alert strong{display:block;margin-bottom:2px}.alert-ok{background:var(--ok-bg);border-color:#b8e2c8;color:#0f5a2c}.alert-warn{background:var(--warn-bg);border-color:#f3d9a4;color:#7a4a06}.alert-bad{background:var(--bad-bg);border-color:#f5c6c1;color:#8a1c14}.alert-info{background:var(--info-bg);border-color:#c4d5fb;color:#173c9b}.alert-neutral{background:var(--surface-2);border-color:var(--line);color:var(--ink-2)}.tabs-wrap{position:-webkit-sticky;position:sticky;top:60px;z-index:10;background:var(--bg);margin:0 -20px;padding:0 20px;border-bottom:1px solid var(--line)}.tabs{display:flex;overflow-x:auto;scrollbar-width:thin}@media (min-width:900px){.tabs{flex-wrap:wrap;overflow-x:visible}}.tab{position:relative;flex-shrink:0;height:46px;border:0;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--brand-600)}.tab[aria-current=page]:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}.tab-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}.editable-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editable-title-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;flex-shrink:0;border:1px solid var(--brand-100);background:var(--brand-50);color:var(--brand-600);border-radius:999px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:0;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.editable-title-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(91,75,219,.3)}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{margin-top:4px;font-size:13px;color:var(--ink-3)}.stat-ok .stat-value{color:var(--ok)}.stat-bad .stat-value{color:var(--bad)}.stat-warn .stat-value{color:var(--warn)}.opt{position:relative;text-align:left;width:100%;padding:16px;border-radius:var(--r);border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;font:inherit;color:var(--ink);transition:border-color .15s,background .15s,box-shadow .15s}.opt:hover:not(:disabled){border-color:#a9a0ee}.opt:disabled{opacity:.6;cursor:default}.opt[aria-pressed=true]{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand)}.opt-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opt-desc{margin-top:4px;font-size:13.5px;color:var(--ink-2)}.opt-icon{font-size:26px;line-height:1;margin-bottom:8px}.opt-check{position:absolute;top:14px;right:14px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line-strong);display:grid;place-items:center;font-size:12px;color:transparent}.opt[aria-pressed=true] .opt-check{background:var(--brand);border-color:var(--brand);color:#fff}.stepper{gap:8px;margin-bottom:26px}.step,.stepper{display:flex;align-items:center}.step{gap:10px;font-size:14px;font-weight:600;color:var(--ink-3)}.step-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:#e7e9f2;color:var(--ink-3);flex-shrink:0}.step-active{color:var(--ink)}.step-active .step-num{background:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--brand-100)}.step-done .step-num{background:var(--ok);color:#fff}.step-done{color:var(--ink-2)}.step-line{flex:1 1;height:2px;background:var(--line);min-width:16px}.step-line-done{background:var(--ok)}@media (max-width:640px){.step-label{display:none}.step-active .step-label{display:inline}}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:stretch}.flow-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.flow-step+.flow-step:before{content:"›";position:absolute;left:-11px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--ink-3);background:transparent}.flow-icon{font-size:22px;margin-bottom:6px}.flow-title{font-weight:700;font-size:14px}.flow-desc{font-size:13px;color:var(--ink-3);margin-top:2px}.flow-ai{border-color:var(--brand);background:var(--brand-50)}@media (max-width:760px){.flow{grid-template-columns:1fr}.flow-step+.flow-step:before{content:"↓";left:50%;top:-14px;transform:translateX(-50%);font-size:16px}}.outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.outcome{border-radius:var(--r);padding:12px 14px;font-size:13.5px;border:1px solid}.outcome strong{display:block;font-size:14px;margin-bottom:2px}.outcome-ok{background:var(--ok-bg);border-color:#b8e2c8;color:#0f5a2c}.outcome-warn{background:var(--warn-bg);border-color:#f3d9a4;color:#7a4a06}.outcome-bad{background:var(--bad-bg);border-color:#f5c6c1;color:#8a1c14}@media (max-width:760px){.outcomes{grid-template-columns:1fr}}.compare{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.compare td,.compare th{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.compare tr:last-child td,.compare tr:last-child th{border-bottom:0}.compare thead th{font-size:13px}.compare tbody th,.compare thead th{background:var(--surface-2);color:var(--ink-2)}.compare tbody th{font-weight:600;width:28%}.compare-hl{background:var(--brand-50)}@media (max-width:640px){.compare td,.compare th{padding:9px 10px;font-size:13px}}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.checklist li{display:flex;gap:10px;font-size:14px;color:var(--ink-2)}.checklist li:before{content:"✓";flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:1px}.checklist-x li:before{content:"–";background:#eceef5;color:var(--ink-3)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line-strong);font-size:13px;color:var(--ink-2)}.chip-btn{cursor:pointer;font:inherit;font-size:13px}.chip-btn:hover{border-color:var(--brand);color:var(--brand-600);background:var(--brand-50)}.chip-locked{background:var(--surface-2);border-style:dashed}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:16px;gap:16px}.photo-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e9ebf3}.photo-body{padding:12px;display:flex;flex-direction:column;gap:10px;flex:1 1}.photo-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:auto}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:12px;gap:12px}.thumb{position:relative;border-radius:var(--r-sm);overflow:hidden;background:#e9ebf3}.thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.thumb-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:rgba(20,22,34,.72);color:#fff;font-size:13px;display:grid;place-items:center;opacity:0;transition:opacity .15s}.thumb-remove:focus-visible,.thumb:hover .thumb-remove{opacity:1}.thumb-remove:hover{background:var(--bad)}@media (hover:none){.thumb-remove{opacity:1}}.thumb-num{position:absolute;top:6px;left:6px;min-width:22px;height:22px;border-radius:6px;background:rgba(20,22,34,.72);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 5px}.empty{text-align:center;padding:36px 16px;color:var(--ink-3)}.empty-icon{font-size:34px;margin-bottom:8px}.empty strong{display:block;color:var(--ink-2);margin-bottom:2px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.list-row-muted{opacity:.6}.event-card{display:flex;flex-direction:column;gap:14px;transition:box-shadow .15s,border-color .15s,transform .15s}.event-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-1px)}.event-date{width:52px;height:56px;border-radius:12px;background:var(--brand-50);color:var(--brand-600);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;flex-shrink:0}.event-date b{font-size:20px}.event-date span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;word-break:break-all}.code-box,.link-box{background:var(--surface-2)}.link-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:6px 6px 6px 12px;font-size:13px;color:var(--ink-2);min-width:0}.link-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.auth-hero{background:radial-gradient(1100px 600px at 10% -10%,#8b7cf6 0,transparent 60%),linear-gradient(160deg,#3b2fb0,#1d1670);color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-hero h1{font-size:38px;line-height:1.12;letter-spacing:-.03em;max-width:16ch}.auth-hero .brand{color:#fff}.auth-hero .brand-mark{background:hsla(0,0%,100%,.18);box-shadow:none}.auth-points{display:flex;flex-direction:column;gap:18px;margin-top:28px;max-width:46ch}.auth-point{display:flex;gap:14px}.auth-point-icon{width:38px;height:38px;border-radius:11px;background:hsla(0,0%,100%,.14);display:grid;place-items:center;font-size:19px;flex-shrink:0}.auth-point strong{display:block;font-size:15px}.auth-point span{font-size:14px;color:hsla(0,0%,100%,.78)}.auth-form-wrap{display:grid;place-items:center;padding:32px 20px;background:var(--bg)}.auth-form{width:100%;max-width:400px}.segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:4px;background:#e8eaf3;border-radius:12px}.segmented button{height:38px;border:0;border-radius:9px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--ink-3);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}@media (max-width:900px){.auth{grid-template-columns:1fr}.auth-hero{padding:28px 24px}.auth-hero h1{font-size:26px;max-width:none}.auth-points{display:none}}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line-strong);border-top-color:var(--brand);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.center-screen{min-height:60vh;display:grid;place-items:center;text-align:center;grid-gap:12px;gap:12px}video.player{width:100%;max-width:720px;border-radius:var(--r);background:#000;display:block}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;max-width:min(92vw,520px);padding:12px 18px;border-radius:12px;font-size:14px;font-weight:550;color:#fff;background:#1d2033;box-shadow:0 10px 30px rgba(20,22,34,.28);display:flex;gap:10px;align-items:center;animation:toast-in .18s ease-out}.toast-error{background:var(--bad)}.toast-ok:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ok);font-size:12px;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.screen-mini{height:64px;border-radius:8px;background:#1d2033;padding:6px;display:grid;grid-gap:4px;gap:4px;margin-bottom:10px}.screen-mini i{background:#6c62e6;border-radius:3px;display:block;opacity:.85}.screen-mosaic{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.screen-slide{grid-template-columns:1fr}.screen-hybrid{grid-template-columns:repeat(4,1fr);grid-template-rows:3fr 1fr}.screen-hybrid i:first-child{grid-column:1/-1}.pos{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;background:#eceef5;color:var(--ink-2);flex-shrink:0}.pos-1{background:#fde68a;color:#7a5a06}.pos-2{background:#e2e5ee;color:#4b5064}.pos-3{background:#f6d5b6;color:#7c4a1d}.rule-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.rule-row span{flex:1 1;font-size:14px}.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:24px;gap:24px;align-items:start}.split-side{position:-webkit-sticky;position:sticky;top:130px}@media (max-width:960px){.split{grid-template-columns:1fr}.split-side{position:static}}.swatch-btn{display:inline-flex;align-items:center;gap:8px}.swatches{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--line-strong)}.swatches i{width:14px;height:18px;display:block}.color-field{display:flex;align-items:center;gap:8px}.color-field input[type=color]{width:44px;height:42px;padding:3px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);cursor:pointer}.poster{background:var(--poster-bg,#fff);color:var(--poster-ink,#111);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.poster-cover{width:100%;max-height:190px;object-fit:cover;display:block}.poster-body{padding:26px 22px 24px}.poster-title{font-size:24px;font-weight:750;letter-spacing:-.02em;line-height:1.2}.poster-sub{margin-top:6px;font-size:16px;opacity:.85}.poster-qr{width:100%;max-width:260px;aspect-ratio:1;margin:20px auto 14px;display:block;background:#fff;border-radius:14px;padding:6px;border:3px solid var(--poster-accent,#5b4bdb)}.poster-help{font-size:15px;font-weight:600}.poster-url{margin-top:6px;font-size:13px;opacity:.7;word-break:break-all}@media print{body{background:#fff!important}body *{visibility:hidden}.poster,.poster *{visibility:visible;-webkit-print-color-adjust:exact;print-color-adjust:exact}.poster{position:absolute;left:0;top:0;width:100%;border:0;box-shadow:none;border-radius:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.poster-title{font-size:44px}.poster-sub{font-size:24px}.poster-qr{max-width:420px}.poster-help{font-size:20px}.poster-url{font-size:16px}.poster-cover{max-height:320px}}.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(20,22,34,.5);display:grid;place-items:center;padding:20px;animation:fade-in .12s ease-out}.modal{background:var(--surface,#fff);color:var(--ink,#141622);border-radius:18px;padding:24px;width:100%;max-width:440px;box-shadow:0 24px 60px rgba(20,22,34,.35)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.split-mail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-gap:24px;gap:24px;align-items:start}@media (max-width:900px){.split-mail{grid-template-columns:1fr}}.host-app{--bg:#f4f5fb;--line:#e6e8f2;--shadow-sm:0 1px 2px rgba(20,22,34,.04),0 2px 6px rgba(20,22,34,.04);--shadow:0 2px 4px rgba(20,22,34,.04),0 12px 32px rgba(20,22,34,.08);--grad-brand:linear-gradient(135deg,#6d5cf0,#5b4bdb 45%,#4a3bc4);background:radial-gradient(1200px 420px at 15% -80px,rgba(124,108,240,.12),transparent 70%),radial-gradient(900px 380px at 100% 0,rgba(56,189,248,.08),transparent 70%),var(--bg);background-attachment:fixed}.topbar{background:hsla(0,0%,100%,.78);border-bottom-color:rgba(20,22,34,.06);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6)}.brand-mark{box-shadow:0 4px 12px rgba(91,75,219,.35);border-radius:10px}.avatar,.brand-mark{background:var(--grad-brand)}.avatar{color:#fff;box-shadow:0 2px 6px rgba(91,75,219,.3)}.host-app h1{font-size:30px;letter-spacing:-.03em}.page-head p{font-size:14.5px}.card{border-color:rgba(20,22,34,.06);box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow)}.card-sub{background:linear-gradient(180deg,#fafbff,var(--surface-2))}.btn{border-radius:11px}.btn-primary{background:var(--grad-brand);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 4px 14px rgba(91,75,219,.32)}.btn-primary:hover:not(:disabled){background:var(--grad-brand);filter:brightness(1.07);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),0 6px 18px rgba(91,75,219,.4)}.btn-secondary{box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-100);color:var(--brand-600);background:#fff}.tabs-wrap{background:rgba(244,245,251,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:0;padding-top:8px;padding-bottom:8px}.tabs{gap:4px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.tab{height:38px;padding:0 14px;border-radius:10px;transition:background .15s,color .15s}.tab:hover{background:var(--surface-2)}.tab[aria-current=page]{background:var(--grad-brand);color:#fff;box-shadow:0 3px 10px rgba(91,75,219,.3)}.tab[aria-current=page]:after{display:none}.tab[aria-current=page] .tab-count{background:#fff;color:var(--bad)}.stat{position:relative;overflow:hidden;border-color:rgba(20,22,34,.06);box-shadow:var(--shadow-sm);padding:18px 18px 16px}.stat:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-brand);opacity:.85}.stat-ok:before{background:linear-gradient(90deg,#22c55e,#15803d)}.stat-bad:before{background:linear-gradient(90deg,#f87171,#b42318)}.stat-warn:before{background:linear-gradient(90deg,#fbbf24,#b45309)}.stat-value{font-size:30px}.badge{font-weight:600}.opt{border-radius:14px}.opt[aria-pressed=true]{background:linear-gradient(180deg,#f6f4ff,var(--brand-50))}.input,.select,.textarea{border-radius:11px;background:#fff}@media (prefers-reduced-motion:reduce){.btn,.card,.tab{transition:none}}