:root{--ink:#171713;--paper:#f5f3ed;--line:#d8d4c9;--muted:#6d6a62;--theme:#ffd83d;--theme-ink:#171713;--theme-soft:#fff6c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}body[data-theme=white]{--theme:#fff;--theme-ink:#171713;--theme-soft:#f3f3ef}body[data-theme=yellow]{--theme:#ffd83d;--theme-ink:#171713;--theme-soft:#fff4af}body[data-theme=green]{--theme:#45c978;--theme-ink:#102719;--theme-soft:#c9f2d8}body[data-theme=blue]{--theme:#3f7cff;--theme-ink:#fff;--theme-soft:#d6e2ff}body[data-theme=red]{--theme:#ef574d;--theme-ink:#fff;--theme-soft:#ffd6d3}body[data-theme=orange]{--theme:#ff8c32;--theme-ink:#201308;--theme-soft:#ffe0c4}body[data-theme=purple]{--theme:#8b63e6;--theme-ink:#fff;--theme-soft:#e5dafa}body[data-theme=black]{--theme:#171713;--theme-ink:#fff;--theme-soft:#deded8}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:-100px;z-index:200;background:#171713;color:#fff;padding:10px 14px}.skip-link:focus{top:16px}.hero{max-width:1320px;margin:58px auto 42px;padding:0 32px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin:0 0 20px}.hero h1{font-size:clamp(50px,6.8vw,94px);line-height:.91;letter-spacing:-.065em;margin:0}.hero h1 em{font:400 italic 1em Georgia,serif}.hero>p{font-size:18px;color:#53514b;margin:0 0 6px}.randomizer{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(400px,.85fr) minmax(0,1.15fr);background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 22px 70px rgba(35,33,25,.08)}.controls,.result-panel{padding:32px;min-width:0}.controls{border-right:1px solid var(--line)}.result-panel{background:var(--theme);color:var(--theme-ink);transition:background .2s,color .2s}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-head>div{display:flex;align-items:center;gap:11px}.panel-head h2{font-size:24px;margin:0}.panel-head>div>span{font-size:11px;color:var(--muted);font-weight:700}.panel-head>button,.history button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.theme-name{border:1px solid currentColor;border-radius:999px;padding:5px 10px;font-size:11px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#efede6;border-radius:14px;padding:6px;margin:25px 0}.mode-tabs button{border:0;border-radius:10px;padding:11px;background:none;font-size:12px;font-weight:700;cursor:pointer}.mode-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}.range-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px}.range-grid label{display:flex;flex-direction:column;gap:7px}.range-grid span{font-size:12px;font-weight:700}.range-grid input{width:100%;min-width:0;border:1px solid #c9c5ba;border-radius:11px;padding:13px;background:#fff}.range-grid input:focus{outline:0;border-color:#315cf5;box-shadow:0 0 0 3px rgba(49,92,245,.12)}.choice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:13px;margin-top:13px;background:#faf9f5;cursor:pointer}.choice input{width:18px;height:18px;accent-color:var(--ink)}.choice b,.choice small{display:block}.choice b{font-size:12px}.choice small{font-size:10px;color:var(--muted);margin-top:2px}fieldset{border:0;border-top:1px solid var(--line);margin:24px 0 0;padding:20px 0 0}legend{font-size:13px;font-weight:700;padding-right:9px}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-grid button{border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px 5px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;cursor:pointer}.theme-grid button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px}.theme-grid i{display:block;width:14px;height:14px;border:1px solid #aaa;border-radius:50%}.theme-grid [data-theme-choice=white] i{background:#fff}.theme-grid [data-theme-choice=yellow] i{background:#ffd83d}.theme-grid [data-theme-choice=green] i{background:#45c978}.theme-grid [data-theme-choice=blue] i{background:#3f7cff}.theme-grid [data-theme-choice=red] i{background:#ef574d}.theme-grid [data-theme-choice=orange] i{background:#ff8c32}.theme-grid [data-theme-choice=purple] i{background:#8b63e6}.theme-grid [data-theme-choice=black] i{background:#171713}.generate{width:100%;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:#fff;font-weight:700;padding:14px;margin-top:22px;cursor:pointer}.local-note{font-size:11px;color:var(--muted);margin:13px 0 0}.series-view{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.number-output{font-size:clamp(72px,10vw,142px);font-weight:800;line-height:.9;letter-spacing:-.07em;max-width:100%;overflow-wrap:anywhere}.number-output.multiple{font-size:clamp(30px,4vw,54px);line-height:1.15;letter-spacing:-.035em}.series-view p,.wheel-view>p{text-align:center;font-size:12px;opacity:.75}.wheel-view{padding:25px 0 10px}.wheel-wrap{position:relative;width:min(390px,88%);aspect-ratio:1;margin:auto}.wheel-wrap canvas{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 16px 45px rgba(0,0,0,.2);transition:transform 3.5s cubic-bezier(.12,.7,.08,1)}.wheel-wrap .pointer{position:absolute;left:50%;top:-9px;transform:translateX(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:30px solid var(--theme-ink);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.wheel-wrap strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--theme);color:var(--theme-ink);border:5px solid var(--theme-ink);display:grid;place-items:center;font-size:25px}.error{background:#fff;color:#a52e29;border-left:4px solid #a52e29;padding:12px}.result-actions{display:flex;justify-content:center;gap:9px}.result-actions button{border:1px solid currentColor;border-radius:10px;background:transparent;color:inherit;padding:10px 14px;font-weight:700;cursor:pointer}.history{border-top:1px solid currentColor;margin-top:25px;padding-top:17px}.history>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.history ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:13px 0}.history li{background:rgba(255,255,255,.55);color:#171713;border-radius:999px;padding:5px 9px;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.history>p{font-size:11px;opacity:.72}.features{max-width:1320px;margin:100px auto;padding:0 32px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.features h2{font-size:clamp(33px,4vw,56px);line-height:1;letter-spacing:-.045em;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.feature-grid article{padding:20px 15px;border-bottom:1px solid var(--line)}.feature-grid p{font-size:13px;color:var(--muted);margin:8px 0}.intent-content{max-width:1320px;margin:80px auto 110px;padding:0 32px}.intent-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.intent-intro .eyebrow{grid-column:1/-1;margin-bottom:0}.intent-intro h2{font-size:clamp(32px,4vw,55px);line-height:1;letter-spacing:-.04em;margin:0}.intent-intro>p{font-size:18px;color:var(--muted);margin:0}.intent-steps{list-style:none;padding:0;margin:48px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intent-steps li{border-top:1px solid var(--ink);padding:15px}.intent-steps span{font-size:11px;color:var(--muted)}.intent-steps p{margin:22px 0 0}.intent-faq{max-width:850px;margin:75px 0 0 auto}.intent-faq h2{font-size:36px}.intent-faq details{border-top:1px solid var(--line);padding:17px 0}.intent-faq summary{font-weight:700;cursor:pointer}.intent-faq p{color:var(--muted)}.intent-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.intent-related a{border:1px solid var(--ink);border-radius:999px;color:var(--ink);padding:9px 14px;text-decoration:none}.toast{position:fixed;left:50%;bottom:25px;z-index:150;transform:translate(-50%,25px);opacity:0;background:#171713;color:#fff;border-radius:999px;padding:10px 17px;transition:.2s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:980px){.hero,.randomizer,.features{grid-template-columns:1fr}.hero{gap:25px}.controls{border-right:0;border-bottom:1px solid var(--line)}.intent-intro{grid-template-columns:1fr}.intent-steps{grid-template-columns:1fr}}@media(max-width:650px){.hero,.features,.intent-content{padding-left:18px;padding-right:18px}.hero h1{font-size:50px}.randomizer{border-radius:0;border-left:0;border-right:0}.controls,.result-panel{padding:22px 18px}.range-grid{grid-template-columns:1fr 1fr}.range-grid label:last-child{grid-column:1/-1}.theme-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.intent-steps{padding:0}}