:root{
  --bg:#f4f7fb;--panel:#fff;--ink:#13223a;--muted:#637083;--line:#dce3ec;--brand:#e51b23;--brand-dark:#b80f17;--nav:#13223a;--nav-soft:#223654;--accent:#f0b323;--ok:#19724a;--danger:#b42318;--shadow:0 12px 35px rgba(19,34,58,.08);--radius:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;padding:10px 14px;z-index:999;border-radius:8px}.skip-link:focus{top:12px}.topbar{height:96px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:18px}.brand img{width:196px;height:auto;display:block}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.73rem;color:var(--brand)}.tagline{margin:0;color:var(--muted);font-size:.95rem}.header-actions{display:flex;align-items:center;gap:10px}.privacy-pill{font-size:.83rem;color:var(--ok);background:#eaf6ef;border:1px solid #c8e7d5;border-radius:999px;padding:7px 10px}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 96px)}.sidebar{background:var(--nav);padding:22px 14px;display:flex;flex-direction:column;gap:7px;position:sticky;top:96px;height:calc(100vh - 96px)}.nav-item{border:0;background:transparent;color:#cbd5e1;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;text-align:left;font-weight:700}.nav-item span:first-child{font-size:1.25rem;width:24px;text-align:center}.nav-item:hover{background:var(--nav-soft);color:#fff}.nav-item.active{background:#fff;color:var(--ink)}.main-content{padding:34px;max-width:1500px;width:100%;margin:0 auto}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:clamp(1.75rem,3vw,2.6rem);line-height:1.08;margin:0 0 8px;letter-spacing:-.035em}.page-heading p:last-child{margin:0;color:var(--muted)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h2,.card h3{margin-top:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head.small h3{font-size:1rem;margin:0}.counter{font-size:.8rem;background:#eef2f7;color:var(--muted);border-radius:999px;padding:4px 9px}.muted,.hint{color:var(--muted)}.hint{font-size:.84rem}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.88rem}.field input,.field select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;color:var(--ink)}.field.compact{max-width:170px}.field.grow{flex:1;max-width:none;min-width:180px}.saved-list-box{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fafc}.saved-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.saved-list-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:9px}.saved-list-controls .field select{min-width:210px}.saved-list-controls .btn{margin-bottom:0}.wheel-saved-list{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}textarea{width:100%;resize:vertical;min-height:120px;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fbfcfe;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55}textarea:focus,input:focus,select:focus,button:focus-visible{outline:3px solid rgba(229,27,35,.18);outline-offset:2px;border-color:var(--brand)}.row{display:flex;align-items:end;gap:16px;margin-top:16px}.row.wrap{flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px;font-size:.9rem}.check input{width:18px;height:18px;accent-color:var(--brand)}.button-row{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.button-row.center{justify-content:center}.btn{border:1px solid transparent;border-radius:11px;padding:10px 15px;font-weight:800;transition:transform .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn-secondary:hover,.btn-ghost:hover{background:#eef2f7}.btn-ghost{background:transparent;color:var(--ink);border-color:transparent}.btn-danger{background:#fff1f0;color:var(--danger);border-color:#f4c7c3}.btn-large{padding:13px 19px}.icon-btn{border:0;background:#eef2f7;color:var(--ink);border-radius:9px;width:36px;height:36px;font-size:1.2rem}.text-btn{border:0;background:none;color:var(--brand);font-weight:700}.result-card{min-height:410px}.empty-state{display:grid;place-items:center;text-align:center;color:var(--muted);min-height:210px}.big-symbol{font-size:3.4rem;color:var(--accent)}.result-list{list-style:none;padding:0;margin:10px 0}.result-list li{font-size:1.55rem;font-weight:900;padding:12px 14px;border-radius:12px;background:#fff4f4;margin:8px 0;border-left:5px solid var(--brand)}.history-block{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.history{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.history span{font-size:.82rem;background:#eef2f7;padding:5px 8px;border-radius:7px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab,.segment{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:10px;font-weight:800;color:var(--muted)}.tab.active,.segment.active{background:var(--nav);color:#fff;border-color:var(--nav)}.segmented{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.group-box{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px}.group-box h3{font-size:.9rem;color:var(--brand);margin:0 0 8px}.group-box ol{margin:0;padding-left:22px}.span-two{grid-column:1/-1}.pairs-result{margin-top:16px}.pair-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.pair-row span:nth-child(2){color:var(--brand);font-weight:900}.wheel-layout{display:grid;grid-template-columns:minmax(390px,1.35fr) minmax(280px,.65fr);gap:22px}.wheel-card{text-align:center}.wheel-wrap{position:relative;max-width:620px;margin:0 auto}.wheel-wrap canvas{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 18px rgba(19,34,58,.15))}.wheel-pointer{position:absolute;right:-2px;top:50%;transform:translateY(-50%);transform-origin:right center;width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:36px solid var(--brand)}.wheel-pointer.tick{animation:pointerTick .12s ease-out}.winner{margin:16px auto 0;font-size:1.35rem;font-weight:900;min-height:2em}.chance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.chance-card{text-align:center}.chance-card .row{justify-content:center}.tool-icon{font-size:3rem}.chance-result{font-size:2.4rem;font-weight:950;min-height:70px;display:grid;place-items:center;margin-top:14px}.timer-card{max-width:820px;margin:0 auto;text-align:center;padding:36px}.timer-display{font-variant-numeric:tabular-nums;font-size:clamp(4rem,12vw,8.5rem);font-weight:950;letter-spacing:-.06em;line-height:1}.timer-display.done{color:var(--brand);animation:pulse .8s 3}.timer-presets{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:7px 12px;font-weight:800}.timer-inputs{justify-content:center}.center-check{justify-content:center;margin-top:14px}.timer-sound-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:20px;text-align:left}.clock-view{min-height:calc(100vh - 164px)}.clock-heading{margin-bottom:18px}.clock-stage{min-height:calc(100vh - 238px);background:var(--nav);color:#fff;border-radius:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(24px,5vw,70px);position:relative;overflow:hidden}.clock-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.06),transparent 55%);pointer-events:none}.clock-time{position:relative;font-variant-numeric:tabular-nums;font-size:clamp(5rem,15vw,14rem);font-weight:950;letter-spacing:-.075em;line-height:.9;white-space:nowrap}.clock-date{position:relative;margin-top:clamp(20px,4vh,42px);font-size:clamp(1.7rem,4.2vw,4.4rem);font-weight:850;line-height:1.08;text-transform:uppercase;letter-spacing:.035em}.clock-fullscreen-exit{display:none;position:absolute;right:22px;top:18px;z-index:2;border:0;background:rgba(255,255,255,.12);color:#fff;width:52px;height:52px;border-radius:999px;font-size:2rem;line-height:1}.clock-stage:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0;padding:5vw}.clock-stage:fullscreen .clock-time{font-size:clamp(7rem,19vw,18rem)}.clock-stage:fullscreen .clock-date{font-size:clamp(2rem,5.3vw,5rem)}.clock-stage:fullscreen .clock-fullscreen-exit{display:block}
.codes-result{margin:16px 0;max-height:330px;overflow:auto;border-radius:10px}.code-row{display:flex;justify-content:space-between;gap:15px;padding:8px 10px;border-bottom:1px solid var(--line);font-family:ui-monospace,monospace}.code-row strong{color:var(--brand)}.stack{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.file-label input{display:none}.empty-copy{color:var(--muted)}.hidden{display:none!important}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;border-radius:10px;padding:11px 15px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}dialog{border:0;padding:0;background:transparent;max-width:520px;width:calc(100% - 30px)}dialog::backdrop{background:rgba(19,34,58,.45);backdrop-filter:blur(2px)}.dialog-card{background:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{background:#fff0f0;color:#900;padding:20px;text-align:center}.dice-token{display:inline-grid;place-items:center;min-width:54px;height:54px;border:2px solid var(--ink);border-radius:12px;margin:3px;font-size:1.5rem}.coin-flip{animation:coin .55s ease}.pop{animation:pop .32s ease}@keyframes pop{50%{transform:scale(1.08)}}@keyframes coin{50%{transform:rotateY(180deg) scale(1.2)}}@keyframes pulse{50%{transform:scale(1.04)}}@keyframes pointerTick{45%{transform:translateY(-50%) translateX(-7px) rotate(-5deg)}100%{transform:translateY(-50%) translateX(0) rotate(0)}}
@media(max-width:980px){.app-shell{grid-template-columns:78px 1fr}.sidebar{padding:14px 8px}.nav-item{justify-content:center;padding:12px}.nav-item span:last-child{display:none}.main-content{padding:24px}.two-col,.wheel-layout{grid-template-columns:1fr}.chance-grid{grid-template-columns:1fr 1fr}.span-two{grid-column:auto}}
@media(max-width:680px){.topbar{height:auto;min-height:82px;padding:10px 14px}.brand img{width:145px}.brand .eyebrow,.tagline,.privacy-pill{display:none}.app-shell{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:68px;z-index:30;display:grid;grid-template-columns:repeat(7,1fr);padding:6px;background:var(--nav);gap:3px}.nav-item{flex-direction:column;gap:0;padding:5px 2px;font-size:.64rem}.nav-item span:first-child{font-size:1rem;height:20px}.nav-item span:last-child{display:block}.main-content{padding:20px 14px 88px}.page-heading{align-items:flex-start;flex-direction:column}.two-col,.chance-grid{grid-template-columns:1fr}.card{padding:17px}.wheel-wrap{max-width:100%}.row{flex-wrap:wrap}.timer-card{padding:24px 12px}.timer-display{font-size:18vw}.clock-view{min-height:auto}.clock-stage{min-height:calc(100vh - 245px);border-radius:20px;padding:20px 12px}.clock-time{font-size:clamp(3.4rem,19vw,7rem);letter-spacing:-.08em}.clock-date{font-size:clamp(1.25rem,7vw,2.3rem)}.toast{bottom:80px;right:12px}.pair-row{grid-template-columns:1fr;gap:3px}.pair-row span:nth-child(2){display:none}}
@media print{.topbar,.sidebar,.page-heading .btn,.button-row,.tabs,.segmented,.icon-btn,.text-btn{display:none!important}.app-shell{display:block}.main-content{padding:0}.view{display:none!important}.view.active{display:block!important}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}