:root{--bg:#000000;--surface:#0e0f11;--surface-2:#17181b;--line:rgba(255,255,255,0.07);--accent:#b8ff2e;--accent-dim:rgba(184,255,46,0.14);--accent-text:#0a0c05;--text:#ffffff;--text-2:rgba(255,255,255,0.56);--text-3:rgba(255,255,255,0.3);--r-lg:28px;--r-md:20px;--r-sm:14px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font-family:inherit}.app{max-width:520px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)) 20px 120px;min-height:100dvh}.stack{flex-direction:column}.row,.stack{display:flex;gap:12px}.row{align-items:center;justify-content:space-between}.display{font-size:40px;line-height:1.05;letter-spacing:-.03em}.display,.h1{font-weight:700;margin:0}.h1{font-size:28px;letter-spacing:-.02em}.h2{font-size:19px;font-weight:650;letter-spacing:-.01em;margin:0}.label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.body{font-size:15px;line-height:1.5;color:var(--text-2);margin:0}.fine{font-size:13px;line-height:1.45;color:var(--text-3);margin:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{border-radius:var(--r-lg);padding:22px}.card,.card-tight{background:var(--surface)}.card-tight{border-radius:var(--r-md);padding:16px}.card-accent{background:linear-gradient(160deg,#1b2408 0,#0f1206 60%,var(--surface) 100%);border-radius:var(--r-lg);padding:24px}.bar{height:6px;background:rgba(255,255,255,.09);overflow:hidden}.bar,.bar>i{border-radius:99px}.bar>i{display:block;height:100%;background:var(--accent);transition:width .7s cubic-bezier(.16,1,.3,1)}.bar.thin{height:4px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:17px 20px;width:100%;font-size:16px;font-weight:650;background:var(--accent);color:var(--accent-text);cursor:pointer;transition:transform .14s ease,opacity .14s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.32}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.quiet{background:transparent;color:var(--text-2);font-weight:500}.btn.danger{background:transparent;color:#ff6b6b}.btn-sm{width:auto;padding:11px 18px;font-size:14px;border-radius:99px}.input{width:100%;background:var(--surface);border:none;border-radius:var(--r-sm);padding:16px;color:var(--text);font-size:17px;outline:none}.input::placeholder{color:var(--text-3)}.input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.quest{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--surface);border:none;border-radius:var(--r-md);padding:16px;color:var(--text);cursor:pointer;transition:transform .14s ease,opacity .22s ease}.quest:active{transform:scale(.99)}.quest[data-done=true]{opacity:.4}.quest[data-featured=true]{padding:20px 16px;box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-dim);animation:quest-pulse 2.4s ease-in-out infinite}@keyframes quest-pulse{0%,to{box-shadow:inset 0 0 0 1.5px var(--accent)}50%{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 16px rgba(184,255,46,.22)}}.quest-mark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);display:grid;place-items:center;font-size:13px;color:var(--accent-text)}.quest[data-done=true] .quest-mark{background:var(--accent);border-color:var(--accent)}.quest-xp{font-size:14px;font-weight:650;color:var(--accent);white-space:nowrap}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px));width:min(480px,calc(100% - 32px));display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;padding:6px;background:rgba(20,21,24,.86);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;z-index:30}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-3);padding:11px 4px 9px;border-radius:18px;font-size:9.5px;font-weight:600;letter-spacing:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:color .18s ease,background .18s ease}.tab[data-active=true]{color:var(--text);background:rgba(255,255,255,.07)}.tab-icon{display:grid;place-items:center;height:22px}.week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:7px;gap:7px}.week-cell{height:34px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:10px;font-weight:600;color:var(--text-3)}.week-cell[data-active=true]{background:var(--accent);color:var(--accent-text)}.week-cell[data-today=true]{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.week-cell[data-today=true][data-active=true]{color:var(--accent-text)}.sphere-split{display:flex;gap:3px;height:8px;border-radius:99px;overflow:hidden}.sphere-split>i{display:block;border-radius:99px;transition:flex-grow .5s ease}.board-row{position:relative;border-radius:12px;overflow:hidden;padding:10px 12px}.board-fill{position:absolute;left:0;top:0;bottom:0;display:block;background:rgba(255,255,255,.05);transition:width .7s cubic-bezier(.16,1,.3,1)}.board-row[data-lead=true] .board-fill{background:rgba(184,255,46,.1)}.board-row[data-me=true]{box-shadow:inset 0 0 0 1.5px var(--accent)}.board-row[data-me=true] .board-fill{background:var(--accent-dim)}.board-body{position:relative;display:flex;align-items:center;gap:12px}.board-place{flex:0 0 auto;min-width:18px;font-size:13px;font-weight:700;color:var(--text-3)}.board-row[data-lead=true] .board-place,.board-row[data-me=true] .board-place{color:var(--accent)}.stat-row{padding:12px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row:first-child{padding-top:0}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:10px;gap:10px}.badge{background:var(--surface);border-radius:var(--r-sm);padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.badge[data-locked=true]{opacity:.28}.badge-icon{font-size:20px}.badge-title{font-size:11px;font-weight:600;line-height:1.25}.overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .18s ease both}.overlay[data-leaving=true]{animation:fade-out .22s ease both}.burst{text-align:center;animation:pop .62s cubic-bezier(.16,1,.3,1) both}.burst[data-leaving=true]{animation:pop-out .22s ease both}.burst-xp{font-size:68px;font-weight:750;letter-spacing:-.04em;color:var(--accent);line-height:1}.burst-sub{margin-top:12px;font-size:16px;font-weight:600;color:var(--text)}.levelup-num{font-size:96px;font-weight:750;letter-spacing:-.05em;line-height:1;color:var(--accent)}.sheet{position:fixed;left:0;right:0;bottom:var(--kb,0);z-index:70;background:#0b0c0e;border-radius:28px 28px 0 0;padding:26px 20px calc(26px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto;max-height:calc(100dvh - var(--kb, 0px) - 24px);overflow-y:auto;transition:bottom .18s ease;animation:rise .32s cubic-bezier(.16,1,.3,1) both}.stars{display:flex;gap:10px;justify-content:center}.star{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font-size:34px;line-height:1;cursor:pointer;color:var(--text-3);transition:transform .14s ease}.star[data-on=true]{color:var(--accent)}.star:active{transform:scale(1.18)}.choice{width:100%;text-align:left;background:var(--surface);border:1.5px solid transparent;border-radius:var(--r-md);padding:18px;color:var(--text);cursor:pointer;transition:border-color .18s ease,background .18s ease}.choice[data-on=true]{border-color:var(--accent);background:var(--accent-dim)}.seg{display:flex;gap:6px;background:var(--surface-2);border-radius:14px;padding:4px}.seg button{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-2);padding:10px 6px;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer}.seg button[data-on=true]{background:var(--accent);color:var(--accent-text)}.weekdays{display:flex;gap:6px}.weekdays button{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--surface-2);color:var(--text-2);padding:10px 0;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease}.weekdays button[data-on=true]{background:var(--accent);color:var(--accent-text)}.weekdays button:disabled{opacity:.45;cursor:default}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.82)}55%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes fade-out{to{opacity:0}}@keyframes pop-out{to{opacity:0;transform:scale(.92)}}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}