:root{--brand:#1f5fbf;--text:#17202b;--muted:#5b6573;--line:#d6dbe3;--surface:#fff;--canvas:#f3f5f8;--ok:#1d7a46;--danger:#b42318;--radius:12px;color:var(--text);background:var(--canvas);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.25}.lead{color:var(--muted);margin-top:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{background:var(--surface);max-width:760px;min-height:100dvh;margin:0 auto;padding:16px 16px 96px}@media (width>=760px){.page{border-radius:var(--radius);min-height:auto;margin:32px auto;padding:32px 40px;box-shadow:0 2px 12px #10182814}}.topbar{gap:8px;margin-bottom:20px;display:grid}.brand{color:var(--muted);font-size:.9rem;font-weight:600}.progress-track{background:#e4e8ee;border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:var(--brand);height:100%;transition:width .3s}.notice{color:var(--muted);font-size:.9rem}.button{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;padding:0 24px;font-weight:600}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button[data-disabled]{opacity:.45;cursor:not-allowed}.button[data-pressed]{transform:translateY(1px)}.button[data-focus-visible],.card[data-focus-visible],.segment[data-focus-visible],.step[data-focus-visible],.thumb[data-focus-visible]{outline:3px solid var(--brand);outline-offset:2px}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.actions-hint{color:var(--muted);font-size:.9rem}@media (width<=759px){.actions{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;margin:0;position:fixed;bottom:0;left:0;right:0}.actions .button{flex:none}}.activate{gap:10px;max-width:420px;display:grid}.activate input{min-height:48px;font:inherit;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px}.screen-header{margin-bottom:16px;font-weight:600}.message{font-size:1.05rem}.question{margin-bottom:28px}.question-text{margin-bottom:14px;font-size:1.1rem;font-weight:600}.hint{color:var(--muted);margin:-8px 0 12px;font-size:.9rem;display:block}.cards{gap:10px;display:grid}.card{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;touch-action:manipulation;align-items:flex-start;gap:12px;min-height:52px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.card[data-hovered]{border-color:#a9b3c1}.card[data-selected]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 7%, white)}.card-mark{border:1.5px solid var(--line);height:28px;color:var(--muted);border-radius:50%;flex:0 0 28px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.card-mark.check{color:#0000;border-radius:7px}.card[data-selected] .card-mark{background:var(--brand);border-color:var(--brand);color:#fff}.card-text{padding-top:2px}.segmented-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.segmented-row{border-bottom:1px solid var(--line);gap:10px;padding:12px 14px;display:grid}.segmented-row:last-child{border-bottom:0}@media (width>=640px){.segmented-row{grid-template-columns:1fr auto;align-items:center}}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width>=640px){.segmented{grid-template-columns:repeat(3,92px)}}.segment{border:1.5px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:10px;place-items:center;min-height:44px;font-weight:600;display:grid}.segment[data-selected]{background:var(--brand);border-color:var(--brand);color:#fff}.track{touch-action:none;flex:1;height:44px;margin:0 14px;position:relative}.track:before{content:"";background:#e4e8ee;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.thumb{background:var(--surface);border:3px solid var(--brand);border-radius:50%;width:28px;height:28px;top:50%;box-shadow:0 1px 4px #10182840}.thumb[data-dragging]{transform:scale(1.12)}.bipolar{margin-bottom:28px}.poles{justify-content:space-between;gap:16px;margin-bottom:4px;font-size:.95rem;font-weight:600;display:flex}.poles span:last-child{text-align:right}.ticks{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ticks span{background:#b8c1cd;width:2px;height:14px}.ticks span:first-child{margin-left:-1px}.ticks span:last-child{margin-right:-1px}.split{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;padding:14px}.remaining{color:var(--danger);margin-bottom:8px;font-weight:700}.remaining.done{color:var(--ok)}.split-row{border-top:1px solid #eef1f5;padding:10px 0}.split-row:first-of-type{border-top:0}.split-head{justify-content:space-between;gap:12px;font-weight:600;display:flex}.split-value{font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch}.split-controls{align-items:center;gap:10px;display:flex}.fill{background:var(--brand);z-index:0;border-radius:3px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:50%;flex:0 0 44px;height:44px;font-size:1.4rem;line-height:1}.step[data-disabled]{opacity:.35;cursor:not-allowed}.video{margin-bottom:16px;position:relative}.video video{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;display:block}.video .play{background:var(--brand);border-color:var(--brand);color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error{color:var(--danger)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}