:root{--bg:#07051a;--bg2:#100b28;--card:#161034;--card2:#221a49;--card3:#2f2560;--line:#ffffff14;--line2:#ffffff2b;--text:#f6f3ff;--muted:#a59fd0;--dim:#6f6a98;--accent:#9d8bff;--accent2:#58c7ff;--accent3:#ff79d2;--gold:#ffd76e;--gold2:#ff9d3f;--good:#49e6a0;--bad:#ff667f;--warn:#ffc44d;--glow:#9d8bff73;--on-accent:#fff;--sky1:#5b3df5;--sky2:#1fb6c9;--sky3:#c23fd6;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--tab-h:62px;--radius:22px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--font-round:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:"Iowan Old Style", "Palatino", "Palatino Linotype", Georgia, ui-serif, serif;--ease-out:cubic-bezier(.16,1,.3,1);--ease-back:cubic-bezier(.34,1.56,.64,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-scheme=light]{--bg:#f1eefb;--bg2:#e7e2f8;--card:#fff;--card2:#f3effd;--card3:#e7e0fb;--line:#1e0f5a1a;--line2:#1e0f5a33;--text:#1b1538;--muted:#66608a;--dim:#9792b5;--accent:#6a54ff;--accent2:#1c8fd6;--accent3:#d93fa8;--gold:#c98a00;--gold2:#d9620f;--good:#0ea868;--bad:#e0344f;--warn:#c98a00;--glow:#6a54ff40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=ember]{--accent:#ff7f4d;--accent2:#ffb84d;--accent3:#ff4d6d;--glow:#ff7f4d73;--bg:#150806;--bg2:#210e0a;--card:#291410;--card2:#3a1e17;--card3:#4c2a1f;--muted:#cda596}:root[data-theme=verdant]{--accent:#4be39a;--accent2:#38d6c0;--accent3:#c1e34b;--glow:#4be39a61;--bg:#05140e;--bg2:#0a2017;--card:#0f2a1f;--card2:#17392b;--card3:#204a39;--muted:#93c4ae;--on-accent:#06271a}:root[data-theme=abyss]{--accent:#4cc4ff;--accent2:#6b6fff;--accent3:#2dd4bf;--glow:#4cc4ff66;--bg:#040e1c;--bg2:#08182d;--card:#0c2240;--card2:#122e54;--card3:#1a3c6a;--muted:#91b3d6}:root[data-theme=aurora]{--accent:#3ee0a6;--accent2:#a98bff;--accent3:#ff7ad9;--glow:#3ee0a666;--bg:#06121a;--bg2:#0b1d27;--card:#102835;--card2:#173747;--card3:#1f485c;--muted:#94bdca;--on-accent:#042619}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html{background:var(--bg)}body{color:var(--text);font:16px/1.42 var(--font);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none}.app{flex-direction:column;height:100%;display:flex;position:relative}.screen{-webkit-overflow-scrolling:touch;padding:calc(var(--sat) + 14px) 16px calc(var(--tab-h) + var(--sab) + 34px);scrollbar-width:none;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen.no-tab{padding-bottom:calc(var(--sab) + 30px)}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--bg2) 90%, var(--sky1)) 0%, var(--bg) 62%);position:fixed;inset:0;overflow:hidden}.ambient i{will-change:transform;border-radius:50%;display:block;position:absolute}.ambient .a1{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 50%, transparent), transparent);opacity:.5;width:120vmax;height:120vmax;animation:26s ease-in-out infinite alternate drift1;top:-62vmax;left:-55vmax}.ambient .a2{background:radial-gradient(closest-side, color-mix(in srgb, var(--sky2) 42%, transparent), transparent);opacity:.42;width:110vmax;height:110vmax;animation:34s ease-in-out infinite alternate drift2;top:-18vmax;right:-60vmax}.ambient .a3{background:radial-gradient(closest-side, color-mix(in srgb, var(--sky3) 40%, transparent), transparent);opacity:.42;width:130vmax;height:130vmax;animation:40s ease-in-out infinite alternate drift3;bottom:-90vmax;left:-40vmax}.ambient canvas{width:100%;height:100%;position:absolute;inset:0}:root[data-scheme=light] .ambient i{opacity:.2}@keyframes drift1{to{transform:translate(24vmax,16vmax)scale(1.2)}}@keyframes drift2{to{transform:translate(-22vmax,26vmax)scale(.86)}}@keyframes drift3{to{transform:translate(18vmax,-22vmax)scale(1.14)}}.fade-in{animation:screenIn .36s var(--ease-out) both}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:none}}.stagger>*{animation:rise .55s var(--ease-out) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(7){animation-delay:.26s}.stagger>:nth-child(8){animation-delay:.3s}.stagger>:nth-child(9){animation-delay:.34s}.stagger>:nth-child(10){animation-delay:.38s}.stagger>:nth-child(n+11){animation-delay:.42s}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.975)}to{opacity:1;transform:none}}h1{font:800 31px/1.12 var(--font-display);letter-spacing:-.4px;background:linear-gradient(100deg, var(--text) 30%, color-mix(in srgb, var(--accent) 70%, var(--text)) 70%, var(--text));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:4px 0 12px;animation:9s ease-in-out infinite titleShine}@keyframes titleShine{0%,to{background-position:0 0}50%{background-position:100% 0}}h2{font:700 21px/1.2 var(--font-display);letter-spacing:-.1px;margin:22px 0 10px}h3{margin:0 0 8px;font-size:15px;font-weight:700}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:13px}.tiny{font-size:11.5px;line-height:1.35}.num{font-family:var(--font-round);font-variant-numeric:tabular-nums;font-weight:800}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.start{align-items:flex-start}.jc{justify-content:center}.grow{flex:1;min-width:0}.col{flex-direction:column;gap:10px;display:flex}.center{text-align:center}.gap6{gap:6px}.gap14{gap:14px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.clip{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hscroll{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;margin:0 -16px;padding:2px 16px 6px;scroll-padding:0 16px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.card{background:linear-gradient(165deg, color-mix(in srgb, var(--card2) 78%, transparent), color-mix(in srgb, var(--card) 90%, transparent));border-radius:var(--radius);border:1px solid var(--line);margin-bottom:12px;padding:15px;position:relative;box-shadow:inset 0 1px #ffffff12,0 10px 26px -12px #0000008c}:root[data-scheme=light] .card{box-shadow:inset 0 1px #fff,0 8px 22px -14px #321e8266}.card.tap,.tap{cursor:pointer;transition:transform .22s var(--ease-out), border-color .2s, box-shadow .2s}.card.tap:active,.tap:active{transform:scale(.972)}.card.glow{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 10px 34px -6px var(--glow)}.fantasy{background:linear-gradient(155deg, color-mix(in srgb, var(--card3) 85%, transparent), color-mix(in srgb, var(--card) 92%, transparent));border-color:var(--line2)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.grid2>.card,.grid3>.card{margin-bottom:0}.stat{background:linear-gradient(165deg, color-mix(in srgb, var(--card2) 78%, transparent), color-mix(in srgb, var(--card) 90%, transparent));border:1px solid var(--line);border-radius:18px;padding:12px 13px;position:relative;box-shadow:inset 0 1px #ffffff0f}.stat b{font:800 23px/1.15 var(--font-round);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--muted);font-size:11.5px}.holo{isolation:isolate;position:relative;overflow:hidden;border-color:#0000!important}.holo:before{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(from 0deg, var(--accent), var(--accent2), var(--accent3), var(--gold), var(--accent));width:220%;animation:7s linear infinite spinC;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.holo:after{content:"";z-index:-1;border-radius:calc(var(--radius) - 1.5px);background:linear-gradient(155deg, color-mix(in srgb, var(--card3) 94%, var(--bg)), color-mix(in srgb, var(--card) 96%, var(--bg)));position:absolute;inset:1.5px}@keyframes spinC{to{transform:translate(-50%,-50%)rotate(360deg)}}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:45%;animation:3.6s ease-in-out infinite sweep;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-160%)skew(-16deg)}@keyframes sweep{0%,55%{transform:translate(-160%)skew(-16deg)}to{transform:translate(330%)skew(-16deg)}}.btn{color:var(--on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent2) 60%, var(--accent)));min-height:48px;transition:transform .18s var(--ease-back), filter .2s, opacity .2s;box-shadow:inset 0 1px 0 #ffffff47, 0 8px 20px -8px var(--glow);white-space:nowrap;border:0;border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-weight:700;display:inline-flex;position:relative}.btn:active{filter:brightness(1.12);transform:scale(.94)}.btn:disabled{opacity:.38;box-shadow:none}.btn.ghost{background:color-mix(in srgb, var(--card3) 82%, transparent);color:var(--text);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff14}.btn.danger{background:linear-gradient(135deg, var(--bad), #ff8a5c);color:#fff;box-shadow:inset 0 1px #ffffff40}.btn.gold{background:linear-gradient(135deg, #ffe58f, var(--gold) 45%, var(--gold2));color:#331f00;box-shadow:inset 0 1px #fff9,0 8px 24px -6px #ffbe4699}.btn.sm{border-radius:13px;min-height:37px;padding:8px 13px;font-size:14px}.btn.block{width:100%}.btn.lg{border-radius:19px;min-height:56px;font-size:17px}.icon-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--card2) 75%, transparent);width:42px;height:42px;color:var(--text);transition:transform .18s var(--ease-back);border-radius:15px;flex:none;place-items:center;display:grid;position:relative}.icon-btn:active{transform:scale(.88)}.icon-btn .badge{position:absolute;top:-5px;right:-5px}.chip{background:color-mix(in srgb, var(--card3) 70%, transparent);border:1px solid var(--line);transition:transform .15s var(--ease-back), background .2s;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}button.chip:active{transform:scale(.92)}.chip.on{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent2) 55%, var(--accent)));color:var(--on-accent);border-color:#0000}.pill{border:1px solid var(--line);font:800 13.5px var(--font-round);font-variant-numeric:tabular-nums;background:#0000003d;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 7px;display:inline-flex}:root[data-scheme=light] .pill{background:#ffffffa6}.seg{background:color-mix(in srgb, var(--card) 80%, transparent);border:1px solid var(--line);scrollbar-width:none;border-radius:16px;gap:2px;margin-bottom:14px;padding:4px;display:flex;position:relative;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg .seg-pill{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent2) 55%, var(--accent)));box-shadow:0 4px 14px -3px var(--glow), inset 0 1px 0 #ffffff40;transition:transform .42s var(--ease-out), width .42s var(--ease-out);border-radius:12px;position:absolute;top:4px;bottom:4px;left:0}.seg button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:12px;flex:1 0 auto;padding:8px 13px;font-size:13.5px;font-weight:700;transition:color .25s;position:relative}.seg button.on{color:var(--on-accent)}input,select,textarea{background:color-mix(in srgb, var(--card3) 55%, transparent);border:1px solid var(--line);border-radius:14px;outline:none;width:100%;padding:12px 13px;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}input[type=date]{appearance:none;min-width:0;max-width:100%;min-height:47px;display:block}.grid2>*,.grid3>*{min-width:0}input[type=range]{height:30px;accent-color:var(--accent);box-shadow:none;background:0 0;border:0;padding:0}input[type=checkbox]{accent-color:var(--accent)}label.f{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:12px 0 5px;font-size:11.5px;font-weight:800;display:block}.switch{background:color-mix(in srgb, var(--card3) 90%, transparent);border:0;border-radius:15px;flex:none;width:50px;height:30px;padding:0;transition:background .25s;position:relative}.switch:after{content:"";width:24px;height:24px;transition:transform .3s var(--ease-back);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.switch.on{background:linear-gradient(135deg, var(--accent), var(--accent2))}.switch.on:after{transform:translate(20px)}.bar{background:color-mix(in srgb, var(--card3) 70%, #0000004d);border-radius:999px;height:10px;position:relative;overflow:hidden}.bar>u{transition:width 1.1s .25s var(--ease-out);background:#ffffff8c;border-radius:999px;position:absolute;top:0;bottom:0;left:0}.bar>i{background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;transition:width .7s var(--ease-out);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;display:block;position:relative;overflow:hidden}.bar>i:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:2.6s ease-in-out infinite barSheen;position:absolute;inset:0}@keyframes barSheen{0%{transform:translate(-120%)}to{transform:translate(320%)}}.bar.thin{height:6px}.bar.fat{height:13px}.bar.hp>i{background:linear-gradient(90deg,#ff4d6d,#ff9f43);box-shadow:0 0 12px #ff5a5a99}.ring-glow{filter:drop-shadow(0 0 7px var(--rg,var(--glow)))}.list>.item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 0;display:flex}.list>.item:last-child{border-bottom:0;padding-bottom:2px}.list>.item:first-child{padding-top:2px}.avatar{background:color-mix(in srgb, var(--card3) 70%, transparent);border-radius:15px;flex:none;place-items:center;width:44px;height:44px;font-size:24px;display:grid}.badge{background:linear-gradient(135deg, var(--bad), #ff8a5c);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;display:inline-grid;box-shadow:0 2px 8px #ff506e8c}.tabbar{left:12px;right:12px;bottom:calc(var(--sab) + 10px);z-index:20;height:var(--tab-h);background:color-mix(in srgb, var(--bg2) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.5);border:1px solid var(--line2);border-radius:24px;padding:5px;display:flex;position:fixed;box-shadow:0 18px 40px -12px #000000b3,inset 0 1px #ffffff1a}.tabbar .blob{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent2) 30%, transparent));width:calc(20% - 2px);box-shadow:inset 0 1px 0 #ffffff40, 0 6px 18px -4px var(--glow);transition:transform .5s var(--ease-out);border-radius:19px;position:absolute;top:5px;bottom:5px;left:5px}.tabbar a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-size:10.5px;font-weight:700;transition:color .25s;display:flex;position:relative}.tabbar a svg{transition:transform .45s var(--ease-back)}.tabbar a.active{color:var(--text)}.tabbar a.active svg{transform:translateY(-1px)scale(1.14)}.tabbar a .badge{position:absolute;top:2px;left:54%}.fab{right:18px;bottom:calc(var(--tab-h) + var(--sab) + 24px);z-index:19;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));width:58px;height:58px;box-shadow:0 12px 28px -6px var(--glow), inset 0 1px 0 #ffffff59;transition:transform .2s var(--ease-back);border:0;border-radius:22px;place-items:center;display:grid;position:fixed}.fab:active{transform:scale(.88)rotate(12deg)}.sheet-bg{-webkit-backdrop-filter:blur(3px);z-index:50;background:#0402109e;animation:.25s fadeOnly;position:fixed;inset:0}@keyframes fadeOnly{0%{opacity:0}}.sheet{z-index:51;background:linear-gradient(180deg, var(--bg2), var(--bg));max-height:92%;padding:0 16px calc(var(--sab) + 22px + var(--kb,0px));animation:slideUp .42s var(--ease-out);border-top:1px solid var(--line2);touch-action:pan-y;overscroll-behavior:contain;color:var(--text);border-radius:28px 28px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 50px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}}.sheet-head{z-index:3;background:linear-gradient(180deg, var(--bg2) 72%, transparent);margin:0 -16px 8px;padding:8px 16px;position:sticky;top:0}.sheet .grab{background:var(--line2);border-radius:3px;width:44px;height:5px;margin:2px auto 10px}.hdr{align-items:center;gap:8px;margin-bottom:8px;display:flex}.back{border:1px solid var(--line);background:color-mix(in srgb, var(--card2) 75%, transparent);color:var(--text);border-radius:13px;align-items:center;gap:3px;padding:7px 12px 7px 8px;font-size:14px;font-weight:700;display:inline-flex}.setrow{border-radius:14px;grid-template-columns:26px 1fr 1fr 54px;align-items:center;gap:8px;margin-bottom:8px;transition:background .35s;display:grid}.setrow.is-done input{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent);background:color-mix(in srgb, var(--good) 12%, transparent)}.setrow input{text-align:center;font:800 16px var(--font-round);padding:10px 4px}.check{border:1.5px solid var(--line2);background:color-mix(in srgb, var(--card3) 55%, transparent);width:54px;height:46px;transition:transform .3s var(--ease-back), background .25s, border-color .25s, box-shadow .25s;color:inherit;border-radius:15px;flex:none;place-items:center;padding:0;font-size:21px;display:inline-grid}.check:active{transform:scale(.86)}.check.done{background:linear-gradient(135deg, var(--good), #2dd4bf);color:#04291a;box-shadow:0 6px 16px -4px color-mix(in srgb, var(--good) 75%, transparent);animation:checkPop .5s var(--ease-back);border-color:#0000}.check svg path{stroke-dasharray:26;stroke-dashoffset:0;animation:drawCheck .35s 50ms var(--ease-out) backwards}@keyframes drawCheck{0%{stroke-dashoffset:26px}}@keyframes checkPop{0%{transform:scale(.7)}60%{transform:scale(1.14)}to{transform:scale(1)}}.done-line{opacity:.55;text-decoration:line-through}.diff-dot{vertical-align:1px;background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block;box-shadow:0 0 7px}.toasts{top:calc(var(--sat) + 10px);z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:12px;right:12px}.toast{background:color-mix(in srgb, var(--card3) 90%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line2);max-width:100%;animation:toastIn .55s var(--ease-back);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 14px 34px -10px #000000a6}@keyframes toastIn{0%{opacity:0;transform:translateY(-34px)scale(.8)}}.xpfloat{color:var(--gold);font-weight:800;font-family:var(--font-round)}.banner{pointer-events:auto;background:linear-gradient(135deg, color-mix(in srgb, var(--card3) 95%, transparent), color-mix(in srgb, var(--card) 96%, transparent));border:1.5px solid var(--gold);width:100%;animation:bannerIn .7s var(--ease-back);border-radius:22px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;box-shadow:0 16px 40px -10px #000000bf,0 0 30px -6px #ffcd5a8c}.banner .art{animation:medalIn .9s var(--ease-back)}@keyframes bannerIn{0%{opacity:0;transform:translateY(-120%)scale(.9)}}@keyframes medalIn{0%{transform:scale(.2)rotate(-200deg)}}.float-text{z-index:96;pointer-events:none;font:900 19px var(--font-round);color:var(--gold);text-shadow:0 2px 10px #000000b3,0 0 12px #ffbe468c;animation:floatUp 1.25s var(--ease-out) forwards;white-space:nowrap;position:fixed;transform:translate(-50%,-50%)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.55)}18%{opacity:1;transform:translate(-50%,-75%)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.orb{z-index:95;background:radial-gradient(circle at 35% 30%, #fff, var(--gold) 45%, var(--gold2));pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:fixed;top:0;left:0;box-shadow:0 0 12px 3px #ffc85abf}.bump{animation:bump .55s var(--ease-back)}@keyframes bump{30%{transform:scale(1.22)}}.overlay{z-index:90;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--rc,var(--accent)) 45%, #0a0620) 0%, #060314f7 68%);text-align:center;padding:calc(var(--sat) + 24px) 24px calc(var(--sab) + 24px);color:#f6f3ff;place-items:center;animation:.35s fadeOnly;display:grid;position:fixed;inset:0;overflow:hidden}.overlay .muted{color:#c8c2ea}.overlay>.ov-body{z-index:2;width:100%;max-width:420px;position:relative}.overlay h1{animation:rise .7s .15s var(--ease-out) both;margin:10px 0 6px;font-size:38px}.overlay .big{animation:pop .8s var(--ease-back);font-size:96px}@keyframes pop{0%{opacity:0;transform:scale(.15)rotate(-24deg)}}.rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc,var(--gold)) 34%, transparent) 0deg 9deg, transparent 9deg 22deg);pointer-events:none;border-radius:50%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;animation:26s linear infinite spinRays,1s fadeOnly;position:absolute;top:40%;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 8%,#0000 70%);mask-image:radial-gradient(closest-side,#000 8%,#0000 70%)}@keyframes spinRays{to{transform:rotate(360deg)}}.flash{z-index:3;pointer-events:none;background:#fff;animation:.75s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.lv-num{font:900 104px/1 var(--font-round);background:linear-gradient(180deg, #fff, var(--gold) 55%, var(--gold2));color:#0000;filter:drop-shadow(0 8px 24px #ffbe4680);animation:pop .9s var(--ease-back);-webkit-background-clip:text;background-clip:text}.screen-shake{animation:.5s linear screenShake}@keyframes screenShake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,3px)}40%,60%{transform:translate(6px,-3px)}}.hm{scrollbar-width:none;grid-template-rows:repeat(7,13px);grid-auto-columns:13px;grid-auto-flow:column;gap:3.5px;padding:2px 2px 6px;display:grid;overflow-x:auto}.hm::-webkit-scrollbar{display:none}.hm i{background:color-mix(in srgb, var(--card3) 60%, transparent);border-radius:4px;width:13px;height:13px;transition:transform .15s;display:block}.hm i.l1{background:color-mix(in srgb, var(--accent) 34%, var(--card2))}.hm i.l2{background:color-mix(in srgb, var(--accent) 60%, var(--card2))}.hm i.l3{background:color-mix(in srgb, var(--accent) 85%, var(--card2))}.hm i.l4{background:linear-gradient(135deg, var(--accent), var(--accent2));box-shadow:0 0 7px var(--glow)}.hm i.sel{outline:2px solid var(--gold);transform:scale(1.2)}.r-common{--rc:#a7b0c4}.r-rare{--rc:#56ccf2}.r-epic{--rc:#bb8dff}.r-legendary{--rc:#ffbf47}.itemcard{border:1.5px solid color-mix(in srgb, var(--rc) 65%, transparent);background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--rc) 24%, transparent), transparent), color-mix(in srgb, var(--card) 88%, transparent);text-align:center;transition:transform .2s var(--ease-back);color:inherit;border-radius:18px;padding:11px 8px;position:relative;overflow:hidden}.itemcard:active{transform:scale(.95)}.itemcard.locked{opacity:.5;filter:grayscale(.85)}.itemcard .ico{place-items:center;min-height:44px;font-size:34px;line-height:1.25;display:grid}.itemcard.r-legendary{box-shadow:0 0 20px -2px color-mix(in srgb, var(--rc) 60%, transparent)}.itemcard.r-epic{box-shadow:0 0 14px -4px color-mix(in srgb, var(--rc) 55%, transparent)}.itemcard.eq{outline:2px solid var(--gold);outline-offset:1px}.swatch{border:1px solid var(--line2);border-radius:12px;height:40px;margin-bottom:6px;position:relative;overflow:hidden}.art{flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.art img{object-fit:contain;width:100%;height:100%;animation:artIn .45s var(--ease-out)}@keyframes artIn{0%{opacity:0;transform:scale(.94)}}.silhouette,.art.silhouette img{filter:brightness(0) saturate(0) opacity(.72) drop-shadow(0 0 7px color-mix(in srgb, var(--accent) 65%, transparent))}:root[data-scheme=light] .silhouette,:root[data-scheme=light] .art.silhouette img{filter:brightness(0)opacity(.45)}.floaty{animation:4.2s ease-in-out infinite floaty}@keyframes floaty{50%{transform:translateY(-7px)}}.floaty-s{animation:3.4s ease-in-out infinite floatyS}@keyframes floatyS{50%{transform:translateY(-4px)}}.comp{flex:none;place-items:center;display:inline-grid;position:relative}.comp-disc{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 70%, transparent), transparent);border-radius:50%;width:92%;height:24%;animation:3.6s ease-in-out infinite discPulse;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}@keyframes discPulse{50%{opacity:.6;transform:translate(-50%)scale(.82)}}.comp-halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 38%, transparent), transparent 75%);border-radius:50%;animation:4.2s ease-in-out infinite haloPulse;position:absolute;inset:-6%}@keyframes haloPulse{50%{opacity:.65;transform:scale(1.09)}}.comp-body{transform-origin:50% 90%;animation:4.2s ease-in-out infinite breathe;position:relative}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6%)scale(1.012,.988)}}.comp-squish{animation:squish .62s var(--ease-back);transform-origin:50% 90%}@keyframes squish{0%{transform:scale(1)}22%{transform:scale(1.2,.78)}48%{transform:scale(.88,1.16)translateY(-9%)}74%{transform:scale(1.05,.96)}to{transform:scale(1)}}.comp-aura{pointer-events:none;animation:24s linear infinite spinFree;position:absolute;inset:-9%}.comp-aura .art{width:100%!important;height:100%!important}@keyframes spinFree{to{transform:rotate(360deg)}}.comp-aura.wings{animation:3.8s ease-in-out infinite wingBeat;inset:-20%}@keyframes wingBeat{0%,to{transform:scaleX(1)translateY(0)}50%{transform:scaleX(1.07)translateY(-2%)}}.comp-acc{filter:drop-shadow(0 3px 5px #00000080);animation:2.8s ease-in-out infinite floatyS;position:absolute;bottom:2%;left:-2%}.skin-prism img{animation:7s linear infinite prism,.45s artIn}@keyframes prism{to{filter:hue-rotate(360deg)saturate(1.3)}}.bubble{z-index:6;transform-origin:50% 100%;color:#231a4e;text-align:center;width:max-content;max-width:210px;animation:bubbleIn .5s var(--ease-back);pointer-events:none;background:#fff;border-radius:15px;padding:7px 11px;font-size:12.5px;font-weight:700;line-height:1.25;position:absolute;top:-14px;left:50%;translate:-50%;box-shadow:0 8px 20px #00000073}.bubble:after{content:"";border:6px solid #0000;border-top-color:#fff;margin-left:-6px;position:absolute;top:100%;left:50%}.hero .bubble{transform-origin:68px 100%;width:max-content;max-width:190px;left:-4px;translate:0}.hero .bubble:after{left:68px}@keyframes bubbleIn{0%{opacity:0;transform:scale(.3)}}.hero{border-radius:var(--radius);box-shadow:0 18px 40px -16px #000000b3, 0 0 44px -18px var(--glow);margin-bottom:12px;padding:15px;position:relative}.hero-stars{z-index:-1;border-radius:inherit;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 14% 22%,#fff,#0000),radial-gradient(1px 1px at 72% 18%,#fff,#0000),radial-gradient(1.4px 1.4px at 88% 64%,#fff,#0000),radial-gradient(1px 1px at 42% 78%,#fff,#0000),radial-gradient(1.2px 1.2px at 58% 42%,#fff,#0000),radial-gradient(1px 1px at 26% 60%,#fff,#0000);animation:4.8s ease-in-out infinite twinkle;position:absolute;inset:1.5px;overflow:hidden}@keyframes twinkle{50%{opacity:.18}}.lv-big{font:900 44px/1 var(--font-round);letter-spacing:-1.5px;background:linear-gradient(180deg, #fff, color-mix(in srgb, var(--rk,var(--accent)) 75%, #fff));color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}:root[data-scheme=light] .lv-big{background:linear-gradient(180deg, var(--text), var(--rk,var(--accent)));-webkit-background-clip:text;background-clip:text}.strip{border:1px solid;border-radius:15px;align-items:center;gap:10px;margin-bottom:10px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.tile{border:1px solid var(--line);background:linear-gradient(170deg, color-mix(in srgb, var(--tc) 26%, var(--card)), color-mix(in srgb, var(--card) 92%, transparent));width:76px;color:var(--text);transition:transform .22s var(--ease-back);border-radius:19px;flex-direction:column;align-items:center;gap:5px;padding:10px 2px 8px;font-size:11.5px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff14}.tile:active{transform:scale(.88)}.tile .tile-ic{color:#fff;background:linear-gradient(135deg, var(--tc), color-mix(in srgb, var(--tc) 55%, #1a1240));width:36px;height:36px;box-shadow:0 6px 14px -4px var(--tc), inset 0 1px 0 #ffffff4d;border-radius:13px;place-items:center;display:grid}.flame{width:var(--fs,56px);height:calc(var(--fs,56px) * 1.16);transform-origin:50% 100%;flex:none;animation:2.2s ease-in-out infinite flameSway;position:relative}.flame b{transform-origin:50%;border-radius:50% 50% 50% 8%;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-45deg)}.flame .f1{background:linear-gradient(45deg, var(--f1,#ff5a1f), var(--f2,#ff9d2e));width:74%;height:64%;box-shadow:0 0 calc(var(--fs,56px) * .45) var(--f1,#ff5a1f);animation:.9s ease-in-out infinite alternate flick1}.flame .f2{background:linear-gradient(45deg, var(--f2,#ff9d2e), var(--f3,#ffe06b));width:50%;height:44%;animation:.7s ease-in-out infinite alternate flick2;bottom:3%}.flame .f3{background:#fff7c9;width:26%;height:23%;animation:.55s ease-in-out infinite alternate flick1;bottom:5%}@keyframes flameSway{0%,to{transform:rotate(-2deg)scaleY(1)}50%{transform:rotate(2deg)scaleY(1.05)}}@keyframes flick1{to{transform:translate(-50%)rotate(-45deg)scale(1.07,.95)}}@keyframes flick2{to{transform:translate(-54%)rotate(-41deg)scale(.92,1.1)}}.flame.dead{filter:grayscale()brightness(.6);animation:none}.flame.dead b{box-shadow:none;animation:none}.week-dots{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.wd{text-align:center;color:var(--muted);font-size:10px;font-weight:700}.wd i{background:color-mix(in srgb, var(--card3) 55%, transparent);color:#04291a;border-radius:9px;place-items:center;height:26px;margin-top:3px;font-size:13px;font-style:normal;font-weight:900;display:grid}.wd.plan i{border:1.5px dashed color-mix(in srgb, var(--muted) 65%, transparent);background:0 0}.wd.done i{background:linear-gradient(135deg, var(--good), #2dd4bf);box-shadow:0 0 10px -1px var(--good);animation:checkPop .5s var(--ease-back) both;border:0}.wd.today{color:var(--text)}.wd.today i{outline:2px solid var(--accent);outline-offset:1px}.map{margin:0 -16px;position:relative;overflow:hidden}.map svg.path{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map .road{stroke:color-mix(in srgb, var(--muted) 38%, transparent);stroke-width:2.5px;stroke-dasharray:2 9;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.map .road.lit{stroke:var(--gold);filter:drop-shadow(0 0 4px var(--gold));animation:1.5s linear infinite roadFlow}@keyframes roadFlow{to{stroke-dashoffset:-22px}}.isle{width:50%;transition:transform .25s var(--ease-back);color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;translate:-50%}.isle:active{transform:scale(.93)}.isle .art{filter:drop-shadow(0 14px 16px #00000080) drop-shadow(0 0 var(--isle-glow,0px) color-mix(in srgb, var(--accent) 80%, transparent))}.isle.closed .art img{filter:grayscale()brightness(.42)contrast(.9)}.isle .isle-label{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;color:#f6f3ff;background:#05031499;border-radius:999px;max-width:100%;margin-top:2px;padding:4px 11px;font-size:12px;font-weight:800;overflow:hidden}.isle .stars{letter-spacing:1px;color:var(--gold);text-shadow:0 1px 3px #000;min-height:13px;margin-top:2px;font-size:10px}.cloud{pointer-events:none;width:190px;height:70px;animation:cloudDrift var(--t,40s) linear infinite;animation-delay:var(--d,0s);background:radial-gradient(closest-side,#ffffff21,#0000);border-radius:50%;position:absolute}@keyframes cloudDrift{0%{transform:translate(-210px)}to{transform:translate(110vw)}}.fog{pointer-events:none;background:radial-gradient(closest-side,#b4aae633,#0000);height:52%;animation:5s ease-in-out infinite floatyS;position:absolute;top:28%;left:-10%;right:-10%}.lock-badge{border:1px solid var(--line2);width:30px;height:30px;color:var(--muted);background:#050314c7;border-radius:50%;place-items:center;display:grid;position:absolute;top:34%;left:50%;translate:-50%}.orbit{z-index:2;filter:drop-shadow(0 4px 5px #00000080);font-size:22px;animation:3.6s ease-in-out infinite floaty;position:absolute}.chest{filter:drop-shadow(0 12px 26px var(--rc));margin:12px auto;display:block}.chest.idle{animation:2.6s ease-in-out infinite chestIdle}@keyframes chestIdle{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}.chest.shake{animation:.32s linear infinite chestShake}.chest.shake2{animation:.14s linear infinite chestShake}@keyframes chestShake{0%,to{transform:rotate(0)scale(1.03)}25%{transform:rotate(-7deg)scale(1.08)translate(-3px)}75%{transform:rotate(7deg)scale(1.08)translate(3px)}}.chest-mini{animation:chestHop 2.8s var(--ease-out) infinite;animation-delay:var(--d,0s)}@keyframes chestHop{0%,72%,to{transform:translateY(0)scale(1)}80%{transform:translateY(-9px)scale(1.05,.95)}88%{transform:translateY(0)scale(.97,1.04)}}.reveal{animation:reveal .95s var(--ease-back) both}@keyframes reveal{0%{opacity:0;transform:scale(0)rotate(160deg)}}.loot-card{border:2px solid var(--rc);background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--rc) 40%, transparent), transparent), #0f0928eb;box-shadow:0 0 60px -6px var(--rc);border-radius:26px;padding:22px 18px;position:relative}.rarity-tag{font:900 12px var(--font-round);letter-spacing:3px;text-transform:uppercase;color:#120a2a;background:var(--rc);box-shadow:0 0 20px var(--rc);border-radius:999px;padding:4px 14px;display:inline-block}.urgent{animation:1.5s ease-in-out infinite urgent}@keyframes urgent{50%{box-shadow:0 0 0 1px var(--bad), 0 0 26px -2px var(--bad)}}.pulse-gold{animation:2.2s infinite pulseGold}@keyframes pulseGold{50%{box-shadow:0 0 0 1px var(--gold), 0 0 30px -2px #ffcf5ca6}}.pulse{animation:1.8s ease-in-out infinite pulseS}@keyframes pulseS{50%{transform:scale(1.05)}}.boss-stage{place-items:center;padding:8px 0 4px;display:grid;position:relative}.boss-stage:before{content:"";background:radial-gradient(closest-side,#ff465a6b,#0000);border-radius:50%;width:190px;height:190px;animation:2.8s ease-in-out infinite haloPulse;position:absolute;top:46%;left:50%;translate:-50% -50%}.boss-idle{animation:3.2s ease-in-out infinite bossIdle}@keyframes bossIdle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.022)}}.boss-hit{animation:.55s linear bossHit}@keyframes bossHit{0%{filter:brightness(3)saturate(0);transform:translate(0)scale(1.05)}20%{transform:translate(-11px)rotate(-3deg)}40%{filter:brightness(1.5);transform:translate(10px)rotate(3deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}to{filter:none;transform:none}}.boss-dead img{filter:grayscale()brightness(.5)}.boss-final{animation:1.3s ease-in-out infinite bossFinal}@keyframes bossFinal{50%{filter:drop-shadow(0 0 16px #ff3b30);transform:scale(1.04)}}.boss-card{background:radial-gradient(90% 90% at 12% 10%, #ff465a2b, transparent), linear-gradient(155deg, color-mix(in srgb, var(--card3) 80%, transparent), color-mix(in srgb, var(--card) 92%, transparent))!important;border-color:#ff5a6e52!important}.lb-row{background:color-mix(in srgb, var(--card2) 70%, transparent);border:1px solid var(--line);height:52px;transition:transform .8s var(--ease-out);border-left:4px solid #0000;border-radius:15px;align-items:center;gap:10px;padding:0 12px 0 8px;display:flex;position:absolute;top:0;left:0;right:0}.lb-row.me{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 42%, transparent), color-mix(in srgb, var(--accent2) 18%, transparent));border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 22px -5px var(--glow);z-index:2}.podium{grid-template-columns:1fr 1.16fr 1fr;align-items:end;gap:6px;margin-bottom:12px;display:grid}.pod{text-align:center;min-width:0}.pod .av{background:color-mix(in srgb, var(--mc) 25%, var(--card2));border:2px solid var(--mc);width:54px;height:54px;box-shadow:0 0 18px -4px var(--mc);border-radius:50%;place-items:center;margin:0 auto 4px;font-size:30px;display:grid}.pod .col-b{background:linear-gradient(180deg, color-mix(in srgb, var(--mc) 42%, var(--card)), color-mix(in srgb, var(--card) 80%, transparent));border:1px solid color-mix(in srgb, var(--mc) 50%, transparent);animation:podRise .8s var(--ease-back) both;transform-origin:bottom;border-bottom:0;border-radius:14px 14px 5px 5px;padding:7px 4px}@keyframes podRise{0%{opacity:0;transform:scaleY(.15)}}.pod.me .av{outline:3px solid var(--accent);outline-offset:2px}.rank-road{scrollbar-width:none;gap:10px;margin:0 -16px;padding:6px 16px 10px;display:flex;overflow-x:auto}.rank-road::-webkit-scrollbar{display:none}.rank-stop{text-align:center;width:78px;color:var(--muted);flex:none;font-size:11px;font-weight:700}.rank-stop .art img{filter:grayscale()brightness(.5)}.rank-stop.got{color:var(--text)}.rank-stop.got .art img{filter:none}.rank-stop.cur .art{filter:drop-shadow(0 0 12px var(--rk));animation:3s ease-in-out infinite floatyS}.medal{text-align:center;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, transparent);transition:transform .22s var(--ease-back);color:inherit;border-radius:18px;padding:10px 4px 8px;position:relative}.medal:active{transform:scale(.92)}.medal.got{background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--gold) 16%, transparent), transparent), color-mix(in srgb, var(--card2) 84%, transparent);border-color:color-mix(in srgb, var(--gold) 34%, transparent)}.medal.off .art img{filter:grayscale()brightness(.42)}.medal.off{color:var(--muted)}.medal b{margin-top:4px;font-size:11px;line-height:1.2;display:block}.body-map{width:100%;max-width:360px;margin:0 auto;display:block}.body-map .m{cursor:pointer;stroke:#fff3;stroke-width:.7px;transition:opacity .2s,filter .2s}.body-map .m:active{opacity:.6}.body-map .sel{stroke:var(--gold);stroke-width:1.6px;filter:drop-shadow(0 0 5px var(--gold));animation:1.1s ease-in-out infinite muscleSel}@keyframes muscleSel{50%{opacity:.68}}table.t{border-collapse:collapse;width:100%;font-size:13px}table.t th,table.t td{text-align:center;padding:6px 4px}table.t th:first-child,table.t td:first-child{text-align:left}.cell{width:26px;height:26px;transition:transform .25s var(--ease-back), background .25s;border-radius:8px;font-size:13px;font-weight:800;line-height:26px;display:inline-block}.cell.completed{background:linear-gradient(135deg, var(--good), #2dd4bf);color:#052e16}.cell.missed{background:linear-gradient(135deg, var(--bad), #ff8a5c);color:#fff}.cell.excused{background:var(--warn);color:#2a1d00}.cell.cancelled{background:var(--card2)}.cell.pending,.cell.upcoming,.cell.due{background:color-mix(in srgb, var(--card3) 45%, transparent);border:1.5px dashed color-mix(in srgb, var(--muted) 70%, transparent);line-height:23px}.cell.due{border-color:var(--warn);color:var(--warn)}button.cell:active{transform:scale(.85)}.cell.none{background:0 0}.sticky-act{padding-top:10px;position:sticky;bottom:0}.empty-ic{font-size:44px;animation:3.8s ease-in-out infinite floaty;display:inline-block}.recharts-default-tooltip{color:var(--text);font-size:12px;box-shadow:0 10px 24px #00000080;background:color-mix(in srgb, var(--card3) 96%, transparent)!important;border:1px solid var(--line2)!important;border-radius:12px!important}.recharts-tooltip-label{color:var(--muted)!important}.recharts-surface{overflow:visible}.w-top{top:calc(var(--sat) * -1 - 14px);z-index:12;margin:calc(var(--sat) * -1 - 14px) -16px 10px;padding:calc(var(--sat) + 10px) 16px 10px;background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky}.rest-pill{left:50%;bottom:calc(var(--sab) + 16px);z-index:30;background:color-mix(in srgb, var(--card3) 92%, transparent);border:1px solid var(--line2);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px -10px #000c, 0 0 30px -8px var(--glow);animation:bannerUp .5s var(--ease-back);border-radius:24px;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:flex;position:fixed;translate:-50%}@keyframes bannerUp{0%{opacity:0;transform:translateY(80px)}}.ex-card.complete{border-color:color-mix(in srgb, var(--good) 45%, transparent)}.pr-tag{font:900 10px var(--font-round);letter-spacing:1px;color:#331f00;background:linear-gradient(135deg, #ffe58f, var(--gold2));animation:pop .6s var(--ease-back);border-radius:8px;padding:2px 7px;display:inline-block}.focus-pill{top:calc(var(--sat) + 8px);z-index:40;border:1px solid color-mix(in srgb, var(--accent2) 60%, transparent);background:color-mix(in srgb, var(--card3) 94%, transparent);font:800 14px var(--font-round);font-variant-numeric:tabular-nums;box-shadow:0 10px 26px -8px #000000b3, 0 0 20px -6px var(--accent2);animation:toastIn .5s var(--ease-back);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 11px;display:flex;position:fixed;left:50%;translate:-50%}.demo-strip{border-color:color-mix(in srgb, var(--accent2) 55%, transparent);background:color-mix(in srgb, var(--accent2) 14%, transparent)}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after,[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}