:root{--page: #ECEFEB;--bg: #FBFAF6;--bg2: #F5F4F2;--card: #FFFFFF;--line: #E5E3E0;--line-strong: #D4D2CE;--ink: #394540;--ink-strong: #2D3633;--muted: #5C6560;--teal: #177D83;--teal-faint: #E6F4F5;--orange: #D4874D;--red: #C75450;--green: #5E8B5A;--on-accent: #FFFFFF;--font: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}:root[data-theme=dark]{--page: #101312;--bg: #1A1A1A;--bg2: #222222;--card: #2C2C2C;--line: #3A3A3A;--line-strong: #4A4A4A;--ink: #F0F6F6;--ink-strong: #FFFFFF;--muted: #A3A8A5;--teal: #2A9DA4;--teal-faint: #1D3436;--orange: #E8A96B;--red: #E07B77;--green: #7DAF79;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:2px}#root{height:100%}.rv{height:100%;display:flex;flex-direction:column}.rv-top{flex:none;display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line-strong);background:var(--bg)}.rv-brand{line-height:1.2;min-width:0}.rv-brand small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.rv-brand b{display:block;font-size:15px;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rv-steps{display:flex;gap:3px}.rv-steps i{flex:1;height:5px;border-radius:99px;background:var(--line)}.rv-steps i.done{background:color-mix(in srgb,var(--teal) 55%,transparent)}.rv-steps i.now{background:var(--teal)}.rv-progress span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-tools{flex:none;display:flex;align-items:center;gap:8px}.seg{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card)}.seg button{padding:5px 10px;border-radius:7px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--teal);color:var(--on-accent)}.ibtn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:10px;background:var(--card)}.rv-main{flex:1;min-height:0;display:flex}.rv-proto{flex:1;min-width:0;min-height:0;position:relative}.rv-proto iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:var(--page)}.rv-side{flex:none;width:420px;min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--line-strong);background:var(--bg)}.rv[data-proto=false] .rv-proto{display:none}.rv[data-proto=false] .rv-side{flex:1;width:auto;border-left:0;align-items:center}.rv[data-proto=false] .rv-side>*{width:100%;max-width:720px}.rv-scroll{flex:1;min-height:0;overflow-y:auto;padding:24px 24px 32px}.rv-foot{flex:none;display:flex;align-items:center;gap:10px;padding:12px 24px;border-top:1px solid var(--line);background:var(--bg)}.rv-foot .grow{flex:1;font-size:12px;color:var(--muted)}.eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}h1{margin:4px 0 12px;font-size:26px;line-height:1.15;color:var(--ink-strong);letter-spacing:-.01em;text-wrap:balance}.intro p{margin:0 0 10px;color:var(--ink)}.intro ul{margin:0 0 10px;padding-left:20px}.intro li{margin:0 0 6px}.intro b{color:var(--ink-strong)}.task{margin:14px 0 6px;padding:12px 14px;border-radius:12px;background:var(--teal-faint);border:1px solid color-mix(in srgb,var(--teal) 35%,transparent)}.task small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.task p{margin:4px 0 0;color:var(--ink-strong)}.score{margin:10px 0 0;padding:10px 14px;border-radius:12px;border:1px dashed var(--line-strong);font-size:13px;color:var(--muted)}.score b{color:var(--ink-strong)}.q{margin:22px 0 0}.q-p{display:block;margin:0 0 4px;font-weight:600;color:var(--ink-strong)}.q-p em{font-style:normal;color:var(--red)}.q-h{margin:0 0 8px;font-size:13px;color:var(--muted)}.q.err .q-p{color:var(--red)}.opts{display:flex;flex-direction:column;gap:6px}.opt{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}.opt:hover{border-color:var(--line-strong)}.opt input{margin:3px 0 0;accent-color:var(--teal);flex:none}.opt span small{display:block;font-size:12px;color:var(--muted)}.opt:has(input:checked){border-color:var(--teal);background:color-mix(in srgb,var(--teal) 6%,var(--card))}.txt{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);font-size:15px}textarea.txt{min-height:84px;resize:vertical;line-height:1.45}.other{margin-top:6px}.scale{display:flex;gap:4px}.scale button{flex:1;height:40px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);font-weight:600}.scale button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--on-accent)}.scale-l{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--muted)}.items{display:flex;flex-direction:column;gap:8px}.item{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.item-h{display:flex;align-items:flex-start;gap:10px}.item-h div{flex:1;min-width:0}.item-h b{display:block;font-size:14px;color:var(--ink-strong)}.item-h small{display:block;font-size:12px;color:var(--muted)}.verdict{display:inline-flex;flex:none;padding:2px;gap:2px;border:1px solid var(--line-strong);border-radius:9px}.verdict button{padding:4px 8px;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap}.verdict button[aria-pressed=true][data-v=keep]{background:var(--green);color:#fff}.verdict button[aria-pressed=true][data-v=change]{background:var(--orange);color:#241608}.verdict button[aria-pressed=true][data-v=remove]{background:var(--red);color:#fff}.item .txt{margin-top:8px;font-size:14px}.btn{height:42px;padding:0 18px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--teal);color:var(--on-accent)}.btn.ghost{border:1px solid var(--line-strong);background:var(--card)}.btn[disabled]{opacity:.5;cursor:default}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.banner{margin:0 0 16px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--orange) 14%,transparent);font-size:14px}.banner button{color:var(--teal);font-weight:600;text-decoration:underline}.thanks{max-width:560px;margin:10vh auto;padding:0 24px;text-align:center}.thanks p{color:var(--muted)}.saving{font-size:12px;color:var(--muted)}@media(max-width:900px){.rv{height:auto;min-height:100%}.rv-top{flex-wrap:wrap}.rv-progress{order:3;flex-basis:100%}.rv-main{flex-direction:column}.rv-proto{flex:none;height:100vh;height:100svh}.rv-side{width:auto;border-left:0;border-top:1px solid var(--line-strong)}.rv-scroll{overflow:visible;padding:20px 16px}.rv-foot{padding:12px 16px 24px}.rv-tools .seg{display:none}}
