:root{--field:#0c0e13;--surface:#1c1f27;--layer:#242833;--stroke:#323745;--text:#f2f4f7;--muted:#aab2c0;--brand:#ffd21f;--on-brand:#1a1400;--mint:#7fd8c6;--widget-a:#2b2f63;--widget-b:#191c3c;}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--field);color:var(--text)}body{font-family:"Figtree",system-ui,-apple-system,"Segoe UI Variable Text",Roboto,sans-serif;font-weight:400;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-x:clip;-webkit-font-smoothing:antialiased;}.stage{flex:1;width:100%;display:flex;justify-content:center;align-items:flex-start}.dialog{width:100%;max-width:460px;background:var(--surface);display:flex;flex-direction:column;min-height:100dvh;}.titlebar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 4px 0 14px;margin-top:env(safe-area-inset-top);font-size:clamp(.75rem,.72rem + .1vw,.8rem);color:var(--muted);border-bottom:1px solid var(--stroke);}.titlebar .name{display:flex;align-items:center;gap:8px}.titlebar .dot{width:10px;height:10px;border-radius:3px;background:var(--brand)}.controls{display:flex}.controls span{width:40px;height:36px;display:grid;place-items:center}.controls svg{width:10px;height:10px;stroke:var(--muted);stroke-width:1;fill:none}.body{flex:1;display:flex;flex-direction:column;gap:14px;padding:16px 18px 12px;}.head{display:flex;gap:14px;align-items:center}.head img{width:56px;height:56px;border-radius:8px;flex:none;border:1px solid var(--stroke)}h1{font-weight:600;font-size:clamp(1.25rem,1.05rem + 1vw,1.6rem);line-height:1.2;letter-spacing:-.01em;}.lede{font-size:clamp(.9rem,.86rem + .2vw,1rem);line-height:1.45;color:var(--muted)}.tiltwrap{flex:1;display:flex;justify-content:center;align-items:center;padding:2px 0}.widget{position:relative;width:100%;max-width:340px;border-radius:20px;background:linear-gradient(150deg,var(--widget-a),var(--widget-b));border:1px solid rgba(255,255,255,.1);padding:16px 16px 14px;display:flex;flex-direction:column;min-height:clamp(180px,100dvh - 450px,340px);box-shadow:0 18px 40px rgba(0,0,0,.45);will-change:transform;touch-action:none;cursor:grab;outline:none;overflow:hidden;}.widget:focus-visible{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--mint),0 18px 40px rgba(0,0,0,.45)}.glare{position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.16),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .2s;}.widget.live .glare{opacity:1}.wtop{display:flex;justify-content:space-between;align-items:center;font-size:clamp(.75rem,.72rem + .1vw,.8rem);color:#c9cdf0}.state{display:flex;align-items:center;gap:6px;color:var(--mint);font-weight:600}.state i{width:7px;height:7px;border-radius:50%;background:var(--mint);display:block}.wstats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px}.stat{background:rgba(255,255,255,.06);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.stat svg{width:34px;height:34px;flex:none}.stat .fig{display:block;font-weight:800;font-size:clamp(2.2rem,1.8rem + 2vw,3rem);line-height:1}.stat small{display:block;font-size:clamp(.72rem,.7rem + .1vw,.78rem);color:#c9cdf0;margin-top:3px}.wfoot{display:flex;justify-content:space-between;gap:8px;font-size:clamp(.78rem,.75rem + .15vw,.85rem);color:#dfe2ff}.wfoot span{display:flex;align-items:center;gap:6px}.wfoot svg{width:14px;height:14px;stroke:var(--mint);stroke-width:2.4;fill:none}.group{border:1px solid var(--stroke);border-radius:8px;background:var(--layer);padding:10px 12px}.group h2{font-size:clamp(.75rem,.72rem + .1vw,.8rem);font-weight:600;color:var(--muted);margin-bottom:6px}.group ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.group li{display:flex;align-items:center;gap:8px;font-size:clamp(.85rem,.82rem + .15vw,.92rem)}.check{width:18px;height:18px;border-radius:4px;background:var(--mint);display:grid;place-items:center;flex:none}.check svg{width:11px;height:11px;stroke:#0d2a24;stroke-width:3;fill:none}.actions{padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:#20232c;border-top:1px solid var(--stroke);}.cta{display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;background:var(--brand);color:var(--on-brand);font-weight:600;font-size:clamp(.95rem,.9rem + .2vw,1.05rem);text-decoration:none;border-radius:6px;border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2);-webkit-tap-highlight-color:transparent;transition:transform .1s;}.cta:active{transform:scale(.98)}.cta:focus-visible{outline:2px solid var(--text);outline-offset:3px}@media (hover: hover){.cta:hover{background:#ffdc4d}}footer{width:100%;text-align:center;padding:18px 16px calc(18px + env(safe-area-inset-bottom));font-size:clamp(.72rem,.7rem + .1vw,.78rem);color:#8d95a3;}@media (min-width:600px){body{justify-content:center}.stage{align-items:center;padding:48px 24px 0}.dialog{min-height:0;border-radius:8px;border:1px solid var(--stroke);overflow:hidden;box-shadow:0 32px 64px rgba(0,0,0,.55),0 2px 21px rgba(0,0,0,.3);}.titlebar{margin-top:0}.body{padding:22px 24px 18px;gap:16px}.head img{width:96px;height:96px}.widget{min-height:230px}.stage{padding-top:24px}.actions{display:flex;justify-content:flex-end;padding:16px 24px}.cta{width:auto;min-width:200px;padding:0 24px;min-height:40px}}@media (prefers-reduced-motion: reduce){.glare,.cta{transition:none}}