[data-tone="0"]{--t:#8fe3b8;--tl:#e6f7ee}[data-tone="1"]{--t:#9bd4ff;--tl:#e8f4ff}[data-tone="2"]{--t:#ffb9d9;--tl:#ffeef6}[data-tone="3"]{--t:#ffd23f;--tl:#fff6d1}[data-tone="4"]{--t:#ffc9a0;--tl:#fff0e3}[data-tone="5"]{--t:#a8ece6;--tl:#e6f9f7}.s-section h3{margin:32px 0 10px}.s-section h3+p{margin-top:0}.s-section>p+p{margin-top:12px}.ce{background:var(--surface);border:2px solid var(--ink);border-radius:20px;gap:20px;max-width:640px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:6px 6px #ffd23f}.ce h3{margin:0;font-size:clamp(1.3rem,3vw,1.7rem)}.ce-lede{color:var(--muted);margin:-8px 0 0}.ce-slider{gap:10px;display:grid}.ce-slider>label,.ce-label{justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-weight:700;display:flex}.ce-slider output{font-family:var(--mono);background:var(--pill,#ffd23f);border:2px solid var(--ink);text-align:center;border-radius:999px;min-width:4.2ch;padding:2px 10px;font-size:1.1rem;font-weight:800}.ce input[type=range]{appearance:none;border:2px solid var(--ink);background:linear-gradient(90deg, #8fe3b8 var(--fill,0%), #fff var(--fill,0%));cursor:pointer;border-radius:999px;width:100%;height:12px;margin:6px 0}.ce input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--signal);border:3px solid var(--ink);border-radius:50%;width:32px;height:32px;transition:transform .1s ease-out}.ce input[type=range]::-moz-range-thumb{background:var(--signal);border:3px solid var(--ink);border-radius:50%;width:26px;height:26px}.ce input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.ce input[type=range]:focus-visible{outline:3px solid var(--signal);outline-offset:4px;box-shadow:none}.ce-chips{flex-wrap:wrap;gap:8px;display:flex}.ce-chip{border:2px solid var(--ink);min-width:64px;min-height:48px;font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-weight:800;transition:background-color .1s ease-out,transform .1s ease-out}.ce-chip:hover{background:#fff6d1}.ce-chip:active{transform:scale(.95)}.ce-chip.is-on{background:#ffd23f}.ce-result{background:#f3f1ea;border-radius:14px;gap:10px;padding:18px;transition:background-color .25s ease-out;display:grid}.ce-result.is-ready{background:#e6f7ee}.ce-big{margin:0;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:900;line-height:1}.ce-big span{font-size:1.1rem;font-weight:700}.ce-line,.ce-hint,.ce-pay{margin:0}.ce-hint{color:var(--charcoal)}.ce-bars{gap:8px;margin:4px 0;display:grid}.ce-bars div{gap:4px;font-size:.84rem;font-weight:700;display:grid}.ce-bars i{border:2px solid var(--ink);background:#ff9f6b;border-radius:999px;height:14px;transition:width .35s cubic-bezier(.2,.7,.2,1);display:block}.ce-bars .ce-bar-cost{background:#8fe3b8}.ce .button{justify-self:start}.dt{gap:14px;display:grid}.dt h3{margin:0}.dt-chips,.se-chips{flex-wrap:wrap;gap:8px;display:flex}.dt-chip,.se-chip{border:2px solid var(--ink);background:var(--tl,#fff);min-height:44px;font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:750;transition:background-color .1s ease-out,transform .1s ease-out,box-shadow .1s ease-out}.dt-chip:hover,.se-chip:hover{background:var(--t)}.dt-chip:active,.se-chip:active{transform:scale(.96)}.dt-chip.is-on,.se-chip.is-on{background:var(--t);box-shadow:3px 3px 0 var(--ink)}.dt-panel{border:2px solid var(--ink);background:var(--tl);border-radius:16px;gap:8px;padding:20px;animation:.2s ease-out dt-in;display:grid}.dt-panel strong{font-size:1.15rem}.dt-panel p{max-width:60ch;margin:0}.dt-panel[hidden]{display:none}.dt-next{min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 0;font-weight:800;text-decoration:underline}@keyframes dt-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.se{gap:18px;display:grid}.se-panel{border:2px solid var(--ink);background:var(--tl);border-top:0;border-radius:18px;gap:14px;margin-top:0;padding:clamp(18px,3vw,28px);display:grid}.se-panel[hidden]{display:none}.se[data-live] .se-panel{animation:.2s ease-out dt-in}.se-panel h3,.se-panel p{margin:0}.se-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.se-step{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.se[data-live] .se-step{opacity:.25;transition:opacity .25s ease-out,transform .25s ease-out;transform:translate(-6px)}.se[data-live] .se-step.is-on{opacity:1;transform:none}.se-dot{border:2px solid var(--ink);width:34px;height:34px;font-family:var(--mono);background:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.se-step.is-on .se-dot{background:var(--t)}.se-step.is-now .se-dot{animation:.7s ease-out infinite se-pulse}.se[data-live] .se-result{opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;transform:translateY(6px)}.se[data-live] .se-result.is-on{opacity:1;transform:none}.se-result{font-size:1.15rem}.se-price{font-family:var(--mono);font-size:.9rem;font-weight:800}.se-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.se-try{text-underline-offset:4px;font-weight:800}.se-replay{min-height:44px;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:6px 4px;font-weight:700;text-decoration:underline}@keyframes se-pulse{0%{box-shadow:0 0 #ff6b1a80}to{box-shadow:0 0 0 10px #ff6b1a00}}.sp-findings{gap:0;display:grid}.sp-finding{border-bottom:1px solid var(--soft-line);padding:0 20px}.sp-finding summary{cursor:pointer;gap:6px;min-height:44px;padding:16px 28px 16px 0;list-style:none;display:grid;position:relative}.sp-finding summary::-webkit-details-marker{display:none}.sp-finding summary:after{content:"+";border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;transition:transform .16s ease-out,background-color .16s ease-out;display:grid;position:absolute;top:14px;right:0}.sp-finding[open] summary:after{content:"–";background:#ffd23f}.sp-finding summary:hover strong{text-underline-offset:3px;text-decoration:underline}.sp-finding[open]{background:#fafaf7}.sp-finding p{margin:0;padding:0 0 12px;font-size:.95rem;animation:.2s ease-out dt-in}.sp-fix{border-left:6px solid #ff8a5c}.sp-fix summary .s-level,.s-level-fix{background:#ffb08a}.sp-working{border-left:6px solid #8fe3b8}.s-level-working{background:#8fe3b8}.s-level-fix{color:var(--ink)}.sp-quote{gap:8px;margin:8px 0 4px;padding:0;list-style:none;display:grid}.sp-quote li{border:2px solid var(--ink);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;transition:background-color .16s ease-out,opacity .16s ease-out;display:flex}.sp-quote li:not(.is-on):has(input){opacity:.65}.sp-quote label{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.sp-quote input{width:24px;height:24px;accent-color:var(--ink);flex:none}.sp-quote b{font-family:var(--mono);white-space:nowrap}.sp-total{font-size:1.02rem}.sp-total strong{font-size:1.5rem}.s-report footer .button{background:#fff;justify-self:start}@media (prefers-reduced-motion:reduce){.dt-panel,.se-panel,.sp-finding p,.se-step.is-now .se-dot{animation:none}}.se,.dt,.sp,.s-report-wrap{margin-top:20px}.ce{margin-top:28px}