:root{--sky-top:#3aa7f0;--sky-mid:#7fd4ff;--sky-low:#c8f3ff;--aqua:#2ec4d6;--leaf:#5cc34a;--leaf-dark:#2f8f2c;--ink:#0b3a5b;--ink-soft:#2b6384;--glass:#ffffff57;--glass-strong:#ffffff8c;--glass-border:#ffffffd9;--radius:26px;--font:"SF Pro Display", "Helvetica Neue", -apple-system, "Segoe UI", system-ui, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 38%, var(--sky-low) 72%, #e9fbff 100%);text-shadow:0 1px #ffffff8c;-webkit-font-smoothing:antialiased;background-attachment:fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(115deg,#fff0 0 120px,#ffffff24 150px,#fff0 210px);height:90%;animation:18s ease-in-out infinite alternate rays;position:fixed;inset:-20% -10% auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}@keyframes rays{0%{opacity:.8;transform:translate(-3%)}to{opacity:1;transform:translate(3%)}}.bokeh{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bokeh i{background:radial-gradient(circle at 35% 30%,#ffffffbf,#ffffff1f 60%,#fff0);border:1px solid #ffffff73;border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}@keyframes drift{0%{transform:translateY(0)translate(0)}to{transform:translateY(-40px)translate(18px)}}.hill{pointer-events:none;z-index:0;filter:drop-shadow(0 -6px 10px #2e8c2c59);background:radial-gradient(60% 100% at 18% 100%,#7ddc5a 0 60%,#0000 61%),radial-gradient(70% 120% at 70% 100%,#5cc34a 0 60%,#0000 61%),radial-gradient(50% 90% at 100% 100%,#3da63a 0 60%,#0000 61%);height:150px;position:fixed;bottom:-60px;left:-5%;right:-5%}.flare{pointer-events:none;z-index:0;background:radial-gradient(circle,#fffffff2 0 6%,#fff7c88c 18%,#fff0 62%);border-radius:50%;width:340px;height:340px;position:fixed;top:-90px;right:-90px}.shell{z-index:1;max-width:1280px;margin:0 auto;padding:18px 20px 170px;position:relative}.glass{background:linear-gradient(180deg, var(--glass-strong), var(--glass) 40%, #ffffff38);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(1.4);padding:18px 20px;position:relative;box-shadow:0 14px 34px #10508238,inset 0 2px #fffffff2,inset 0 -10px 24px #ffffff38}.glass:after{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:20px 20px 60% 60%/20px 20px 14px 14px;height:34%;position:absolute;top:6px;left:14px;right:14px}.glass>*{z-index:1;position:relative}.card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px;font-size:13px;font-weight:700}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.app-icon{background:linear-gradient(#8ff0ff,#1fa5d8 70%,#0f7fb4);border:1px solid #ffffffe6;border-radius:14px;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 6px 14px #085a8c59,inset 0 2px #ffffffe6,inset 0 -6px 10px #00508240}.app-icon:after{content:"";background:linear-gradient(#ffffffd9,#ffffff0d);border-radius:12px 12px 30px 30px;height:45%;position:absolute;top:3px;left:4px;right:4px}.pills{flex-wrap:wrap;gap:10px;display:flex}.gel{font:700 14px var(--font);color:#06364f;cursor:pointer;background:linear-gradient(#e8fbff 0%,#8fe3f5 48%,#38bfdc 52%,#7fe0f0 100%);border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 5px 12px #0a64964d,inset 0 -3px 6px #00648c40,inset 0 1px #fff}.gel:after{content:"";pointer-events:none;background:linear-gradient(#ffffffe6,#ffffff26);border-radius:999px;height:46%;position:absolute;top:2px;left:8px;right:8px}.gel:active{transform:translateY(1px);box-shadow:0 2px 6px #0a64964d,inset 0 3px 8px #00648c66}.gel:focus-visible{outline-offset:2px;outline:3px solid #fff}.gel.green{color:#12420f;background:linear-gradient(#f1ffe8 0%,#a6ee80 48%,#4fc23a 52%,#8be267 100%)}.gel.static{cursor:default}.grid{grid-template-columns:280px minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.stage{display:contents}.lagoon-wrap{padding:8px}@media (max-width:1050px){.grid{grid-template-columns:1fr}.lagoon-wrap{order:-1}}.lagoon{background:#7fd4ff;border:1px solid #ffffffe6;border-radius:20px;width:100%;height:clamp(320px,58vh,620px);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ffffff59,inset 0 3px #fffc}.lagoon svg,.lagoon canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lagoon .haze{pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#96aa6e26,#788c5080);transition:opacity 1.4s;position:absolute;inset:0}.lagoon canvas{cursor:pointer}.badge-float{z-index:3;animation:6s ease-in-out infinite bob;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.lagoon-note{z-index:3;color:#04435f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fffc;border-radius:16px;max-width:60%;padding:8px 14px;font-size:14px;font-weight:600;position:absolute;bottom:54px;left:14px}.bubble-tip{z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #fff;border-radius:16px;min-width:190px;max-width:260px;padding:10px 12px;font-size:13px;position:absolute;box-shadow:0 8px 20px #003c644d}.bubble-tip .big{font-size:15px;font-weight:800}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.lanterns{z-index:3;pointer-events:none;justify-content:center;gap:clamp(6px,1.4vw,18px);display:flex;position:absolute;bottom:8px;left:0;right:0}.lantern{background:radial-gradient(circle at 40% 30%,#fff8c8,#ffd25a 60%,#f0a020);border:1px solid #fffc;border-radius:9px 9px 12px 12px;width:18px;height:26px;transition:opacity .8s,filter .8s;box-shadow:0 0 14px 4px #ffdc6ebf,inset 0 -4px 6px #c8780059}.lantern.dim{opacity:.28;filter:saturate(.5);box-shadow:0 0 4px 1px #ffdc6e40}.pct-badge{text-align:center;color:#0f3d0c;background:linear-gradient(#f3ffe9 0%,#a9ef83 46%,#4fc23a 52%,#8fe46b 100%);border:1px solid #fff;border-radius:28px;flex-direction:column;align-items:center;padding:10px 22px 12px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #1e6e1e59,inset 0 -4px 8px #14641447,inset 0 2px #fff}.pct-badge:after{content:"";background:linear-gradient(#ffffffd9,#ffffff1a);border-radius:22px 22px 40px 40px;height:44%;position:absolute;top:3px;left:10px;right:10px}.pct-badge .num{z-index:1;font-size:34px;font-weight:900;line-height:1;position:relative}.pct-badge .txt{z-index:1;font-size:12px;font-weight:700;position:relative}.stat{border-bottom:1px dashed #0b3a5b26;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.stat:last-child{border-bottom:0}.stat b{font-weight:800}.plist{gap:8px;max-height:430px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pitem{background:#ffffff73;border:1px solid #fffc;border-radius:16px;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 12px;font-size:13px;display:grid}.pitem .m{font-weight:800}.pitem .sub{color:var(--ink-soft);font-size:12px}.pitem .kg{text-align:right;justify-content:flex-end;align-items:center;gap:6px;font-weight:800;display:flex}.pitem .actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin-top:4px;display:flex}.mini{padding:4px 11px;font-size:12px}.info-wrap{display:inline-flex;position:relative}.info-btn{width:22px;height:22px;font:800 12px var(--font);color:#05476a;cursor:pointer;background:linear-gradient(#fff,#9ee6f7 55%,#55c6e3);border:1px solid #fff;border-radius:8px;padding:0;font-style:italic;box-shadow:0 2px 5px #0050784d,inset 0 1px #fff}.info-btn:focus-visible{outline-offset:2px;outline:3px solid #0b72b0}.info-tip{z-index:20;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #fff;border-radius:14px;width:250px;padding:10px 12px;font-size:12px;font-weight:500;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 22px #003c6452}.info-wrap[data-open=true] .info-tip{display:block}.info-tip .src{color:var(--ink-soft);margin-top:3px;font-size:11px}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:170px 1fr 90px;align-items:center;gap:10px;font-size:13px;font-weight:700;display:grid}.bar-track{background:#ffffff73;border:1px solid #ffffffe6;border-radius:999px;height:18px;overflow:hidden;box-shadow:inset 0 2px 4px #00507833}.bar-fill{background:linear-gradient(#cdfaff 0%,#5fd6ee 48%,#1da7cb 52%,#5fd6ee 100%);border-radius:999px;height:100%;transition:width .9s;position:relative;box-shadow:inset 0 -2px 4px #00648c4d}.bar-fill:after{content:"";background:#ffffffb3;border-radius:999px;height:40%;position:absolute;top:2px;left:6px;right:6px}@media (max-width:560px){.bar-row{grid-template-columns:110px 1fr 70px;font-size:12px}}.drawer-scrim{z-index:40;background:#003c6440;position:fixed;inset:0}.drawer{z-index:41;width:min(420px,100vw - 28px);position:fixed;top:14px;bottom:14px;right:14px;overflow:auto}.swap-opt{text-align:left;cursor:pointer;width:100%;font:600 14px var(--font);color:var(--ink);background:#ffffff8c;border:1px solid #fff;border-radius:18px;gap:2px;margin-top:8px;padding:12px 14px;display:grid}.swap-opt:hover,.swap-opt:focus-visible{background:#ffffffd9;outline:none}.swap-opt .lbl{font-size:15px;font-weight:800}.swap-opt .nt{color:var(--ink-soft);font-size:12px;font-weight:500}.ba{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.ba>div{text-align:center;background:#ffffff80;border:1px solid #fff;border-radius:16px;padding:10px}.ba .v{font-size:26px;font-weight:900}.ba .l{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:11px}.tiger{z-index:30;width:270px;padding:12px 14px;position:fixed;bottom:14px;right:14px}.tiger-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tiger h3{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.tiger .live{background:#35d44a;border-radius:50%;width:9px;height:9px;margin-right:6px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 8px #35d44a}@keyframes pulse{50%{opacity:.4}}.tiger .num{font-variant-numeric:tabular-nums}.tiger.collapsed{width:auto}.footer{text-align:center;color:#0b3a5b;max-width:820px;margin-top:22px;margin-left:auto;margin-right:auto;font-size:12.5px;font-weight:600}.err{background:#ffffffb3;border:1px solid #fff;border-radius:14px;padding:10px 14px;font-weight:700}@media (prefers-reduced-motion:reduce){body:before,.bokeh i,.badge-float,.tiger .live{animation:none}.lagoon .haze,.bar-fill,.lantern{transition:none}}.bottom-strip{margin-top:16px}@media (min-width:1051px){.bottom-strip{margin-right:215px}}@media (max-width:1050px){.tiger{width:auto;margin:16px 20px 150px;position:static}}@media (max-width:700px){.shell{padding:12px 12px 40px}.lagoon-note{max-width:86%;font-size:13px;bottom:52px}.brand h1{font-size:22px}}.grid>*{min-width:0}@media (max-width:1050px){.grid{grid-template-columns:minmax(0,1fr)}}.glass,.lagoon{max-width:100%}.logo{filter:drop-shadow(0 1px #ffffffb3);width:auto;height:46px;display:block}@media (max-width:700px){.logo{height:36px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}