:root{--void:#030306;--card:#12121d;--card2:#1a1a28;--card3:#22223a;--line:#ffffff1c;--line2:#fff3;--line3:#ffffff4d;--t1:#f6f6fa;--t2:#d2d2da;--t3:#a2a2b2;--t4:#6e6e80;--ship:#a942e5;--ship2:#c77dff;--alien:#3fc706;--alien2:#6dff2e;--ice:#00bfff;--ice2:#8fe3ff;--disp:"Sarpanch",system-ui,sans-serif;--body:"Space Grotesk",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--tabs:64px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--void);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--t1);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation;min-height:100dvh;font-size:16px;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}input,textarea,select{font:inherit;color:var(--t1);background:0 0;border:0;outline:0;width:100%;font-size:16px}textarea{resize:none}::placeholder{color:var(--t4)}.stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.stars i{background:#fff;border-radius:50%;width:2px;height:2px;animation:50s linear infinite drift;position:absolute}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-80px)}}@media (prefers-reduced-motion:reduce){.stars i{animation:none}}.app{z-index:1;max-width:460px;min-height:100dvh;padding:calc(var(--sat) + 16px)18px calc(var(--sab) + var(--tabs) + 28px);margin:0 auto;position:relative}.app.full{padding-bottom:calc(var(--sab) + 22px);flex-direction:column;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ship2);font-size:11px;font-weight:500}.hint{font-family:var(--mono);color:var(--t3);letter-spacing:.06em;text-align:center;margin-top:14px;font-size:12px;line-height:1.6}.sec{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--t3);margin:18px 0 8px 4px;font-size:11px}.h1{font-family:var(--disp);letter-spacing:.06em;text-transform:uppercase;color:#fff;font-size:22px;font-weight:900;line-height:1.1}.lock{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:14px;display:flex}.lock .wm{align-items:center;gap:9px;display:flex}.lock .wm span{font-family:var(--disp);letter-spacing:.08em;color:var(--t1);text-transform:uppercase;font-size:19px;font-weight:900}.lock .days{font-family:var(--mono);letter-spacing:.12em;color:var(--t3);text-transform:uppercase;font-size:12px}.lock .days b{color:var(--t1);font-weight:600}.tn{text-align:left;border:1px solid var(--line2);border-left:3px solid var(--ship);background:linear-gradient(180deg,var(--card2),var(--card));border-radius:14px;width:100%;margin-bottom:16px;padding:13px 15px;display:block}.tn p{color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:15.5px;line-height:1.42;display:-webkit-box;overflow:hidden}.tn p.empty{color:var(--t3);font-style:italic}.hero{align-items:center;gap:24px;margin:2px 0 8px;display:flex}.hero.center{justify-content:center}.ring{flex:none;width:140px;height:140px;position:relative}.ring svg{width:140px;height:140px;transform:rotate(-90deg)}.ring .track{fill:none;stroke:#23233a;stroke-width:10px}.ring .arc{fill:none;stroke:var(--alien);stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 7px #3fc70699);transition:stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1),stroke .3s}.ring .arc.closed{stroke:var(--alien2);filter:drop-shadow(0 0 12px #6dff2ed9)}.ring .num{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring .num b{font-family:var(--mono);color:#fff;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1}.ring .num b small{color:var(--t2);font-size:17px}.ring .num span{font-family:var(--mono);letter-spacing:.2em;color:var(--t3);text-transform:uppercase;margin-top:5px;font-size:10px}.stats{flex-direction:column;gap:14px;display:flex}.stat b{font-family:var(--mono);color:#fff;font-size:30px;font-weight:700;line-height:1;display:block}.stat b i{color:var(--alien2);text-shadow:0 0 14px #6dff2e73;font-style:normal}.stat b small{color:var(--t3);font-size:15px;font-weight:500}.stat span{font-family:var(--mono);letter-spacing:.2em;color:var(--t3);text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.h{border:1px solid var(--line2);background:var(--card);text-align:left;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:64px;margin-bottom:8px;padding:10px 14px 10px 12px;transition:border-color .2s,background .2s,transform 80ms;display:flex}.h:active{background:var(--card2);transform:scale(.985)}.h .n{font-family:var(--mono);color:var(--t4);text-align:right;width:16px;font-size:11px}.h .t{flex:1;min-width:0}.h .t b{font-family:var(--disp);letter-spacing:.08em;color:var(--t1);text-transform:uppercase;font-size:17px;font-weight:700;line-height:1.1;display:block}.h .t span{font-family:var(--mono);color:var(--t3);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.h .c{border:2px solid var(--line3);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.h .c svg{opacity:0;width:16px;height:16px;transition:all .2s;transform:scale(.6)}.h.on{background:linear-gradient(90deg,#3fc70629,var(--card)65%);border-color:#6dff2e8c}.h.on .t b{color:#fff}.h.on .t span{color:var(--t2)}.h.on .c{background:var(--alien);border-color:var(--alien2);box-shadow:0 0 14px #6dff2e8c}.h.on .c svg{opacity:1;transform:scale(1)}.h.open .c{border-color:var(--ship2);border-style:dashed}.h.open.on .c{border-style:solid}.full .eyebrow{margin-bottom:22px}.big{color:#fff;white-space:pre-wrap;flex:1;font-size:23px;font-weight:500;line-height:1.4}.big.empty{color:var(--t3);font-weight:400}.btn{border:1px solid var(--ship2);color:#fff;width:100%;min-height:58px;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(#a942e542,#a942e51a);border-radius:16px;justify-content:center;align-items:center;font-size:13px;transition:transform 80ms;display:flex}.btn:active{transform:scale(.985)}.btn.go{border-color:var(--alien2);background:linear-gradient(#3fc7064d,#3fc7061a);box-shadow:0 0 22px #3fc70647}.btn.ghost{border-color:var(--line3);background:var(--card);color:var(--t2)}.btn+.btn{margin-top:10px}.btn:disabled{opacity:.4}.field{border:1px solid var(--line2);background:var(--card);border-radius:14px;margin-top:12px;padding:12px 15px}.field label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--t3);margin-bottom:6px;font-size:10px;display:block}.field input,.field textarea{font-size:16px;line-height:1.4}.field.req{border-color:#c77dff99}.field.req label{color:var(--ship2)}.alts{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px;display:grid}.alt{border:1px solid var(--line2);text-align:center;background:var(--card);border-radius:12px;padding:11px 3px 9px}.alt b{font-family:var(--mono);color:#fff;font-size:17px;font-weight:700;display:block}.alt b.g{color:var(--alien2)}.alt span{font-family:var(--mono);letter-spacing:.14em;color:var(--t3);text-transform:uppercase;margin-top:3px;font-size:9px;display:block}.alt em{font-style:normal;font-family:var(--mono);color:var(--t4);margin-top:4px;font-size:9px;display:block}.alt.now{border-color:#6dff2e8c}.lifeline{border:1px solid var(--line2);background:var(--card);border-radius:12px;align-items:baseline;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.lifeline span{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--t3);font-size:10px}.lifeline b{font-family:var(--mono);color:#fff;font-size:20px}.lifeline em{font-style:normal;font-family:var(--mono);color:var(--t3);margin-left:auto;font-size:11px}.chainhead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chainhead button{font-family:var(--mono);color:var(--t2);border:1px solid var(--line2);background:var(--card);border-radius:9px;min-width:36px;height:32px;font-size:14px}.chainhead button:disabled{opacity:.35}.chain{grid-template-columns:repeat(7,1fr);gap:6px;margin:8px 0 14px;display:grid}.d{aspect-ratio:1;background:var(--card);border:1px solid var(--line);border-radius:7px;position:relative}.d.l1{background:#3fc7063d;border-color:#3fc7064d}.d.l2{background:#3fc7067a;border-color:#3fc70673}.d.l3{background:#3fc706c2;border-color:#6dff2ea6}.d.l4{background:#6dff2eeb;border-color:#6dff2ef2;box-shadow:0 0 8px #6dff2e66}.d.ice{border-color:var(--ice2);background:linear-gradient(135deg,#00bfff99,#8fe3ff47);overflow:hidden}.d.ice:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff80 50%,#0000 60%);animation:3.5s ease-in-out infinite sheen;position:absolute;inset:-40% -60%}@keyframes sheen{0%{transform:translate(-40%)}to{transform:translate(40%)}}.d.today{outline:2px solid var(--ship2);outline-offset:1px}.d.none{opacity:.5}.d.broken{background:var(--card);border-color:var(--line)}.legend{font-family:var(--mono);letter-spacing:.12em;color:var(--t3);text-transform:uppercase;flex-wrap:wrap;gap:12px;margin-bottom:18px;font-size:10px;display:flex}.legend .sw{vertical-align:-1px;border:1px solid var(--line2);background:var(--card);border-radius:3px;width:11px;height:11px;margin-right:6px;display:inline-block}.legend .sw.l2{background:#3fc7067a}.legend .sw.l4{background:var(--alien2)}.legend .sw.ice{border-color:var(--ice2);background:linear-gradient(135deg,#00bfffb3,#8fe3ff4d)}.counts{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px;display:grid}.counts .alt b{font-size:22px}.miles{height:40px;margin:10px 6px 0;position:relative}.miles .line{background:var(--line2);height:2px;position:absolute;top:14px;left:0;right:0}.miles .fill{background:var(--alien);height:2px;position:absolute;top:14px;left:0;box-shadow:0 0 8px #3fc706b3}.miles .m{background:var(--line3);width:2px;height:14px;position:absolute;top:8px;transform:translate(-50%)}.miles .m.hit{background:var(--alien2)}.miles .m span{font-family:var(--mono);color:var(--t3);font-size:10px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.miles .m.hit span{color:var(--alien2)}.tabs{z-index:5;padding-bottom:var(--sab);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);border-top:1px solid var(--line2);background:#0e0e16db;position:fixed;bottom:0;left:0;right:0}.tabs div{max-width:460px;height:var(--tabs);margin:0 auto;display:flex}.tabs a{color:var(--t3);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;transition:color .15s;display:flex}.tabs a svg{width:24px;height:24px}.tabs a.on{color:#fff}.tabs a.on svg{color:var(--alien2);filter:drop-shadow(0 0 8px #6dff2e8c)}.tabs a:active{color:#fff}.vb{background:var(--void);z-index:2;position:fixed;inset:0}.vb .bg{object-fit:cover;filter:blur(26px)saturate(1.25)brightness(.55);pointer-events:none;width:120%;height:120%;position:absolute;inset:-10%;transform:translateZ(0)}.vb .img{object-fit:contain;filter:drop-shadow(0 8px 30px #0000008c);width:100%;height:100%;position:absolute;inset:0}.vb .fade{background:linear-gradient(#0000,#030306eb);height:48%;position:absolute;bottom:0;left:0;right:0}.vb .top{top:calc(var(--sat) + 16px);z-index:3;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:absolute;left:0;right:0}.vb .cnt{font-family:var(--mono);letter-spacing:.16em;color:var(--t1);text-shadow:0 1px 8px #000c;font-size:12px}.vb .bottom{left:20px;right:20px;bottom:calc(var(--sab) + 20px);z-index:3;position:absolute}.vb .capt{color:#fff;text-shadow:0 2px 12px #000000b3;margin-bottom:14px;font-size:21px;font-weight:500}.vb .dots{gap:3px;margin-bottom:14px;display:flex}.vb .dots i{background:#ffffff38;border-radius:2px;flex:1;height:3px}.vb .dots i.on{background:#fff}.vb .tapzone{z-index:2;width:50%;position:absolute;top:0;bottom:30%}.vb .tapzone.l{left:0}.vb .tapzone.r{right:0}.vb .empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:36px;display:flex;position:absolute;inset:0}.vb .grid{padding:calc(var(--sat) + 64px)16px calc(var(--sab) + 100px);position:absolute;inset:0;overflow-y:auto}.vb .grid div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vb .grid img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line2);border-radius:10px;width:100%}.vb .grid button{border-radius:10px;padding:0;position:relative;overflow:hidden}.vb .grid button.sel img{outline:3px solid var(--alien2);outline-offset:-3px}.vb .grid .add{aspect-ratio:3/4;border:1px dashed var(--line3);font-family:var(--mono);color:var(--t2);background:var(--card);border-radius:10px;justify-content:center;align-items:center;font-size:24px;display:flex}.tiny{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t1);border:1px solid var(--line3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e16b3;border-radius:10px;min-height:36px;padding:0 12px;font-size:11px}.tiny.danger{color:#ff7c88;border-color:#ff5c6a8c}.sixty{width:140px;height:140px;position:relative}.sixty svg{width:140px;height:140px;transform:rotate(-90deg)}.sixty .arc{fill:none;stroke:var(--ship2);stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 8px #c77dff99);transition:stroke-dashoffset 1s linear}.sixty b{font-family:var(--mono);color:#fff;justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}.welcome{flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}.welcome .line{color:#fff;font-size:21px;font-weight:500;line-height:1.4}.welcome .line em{color:var(--alien2);font-style:normal}.welcome .list{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);font-size:12px;line-height:2}.welcome textarea{border:1px solid var(--line2);background:var(--card);border-radius:14px;min-height:160px;padding:14px;font-size:17px;line-height:1.45}.toast{left:50%;bottom:calc(var(--sab) + 100px);z-index:9;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--card3);border:1px solid var(--line3);white-space:nowrap;border-radius:12px;padding:11px 16px;font-size:11px;position:fixed;transform:translate(-50%)}