:root{--bg:#050505;--fg:#fff;--dim:#8a8a92;--card:#16161a;--line:rgba(255,255,255,.07);--acc:#00f2ff;--acc2:#0066ff;--on-acc:#001316;--hot:#ff4d00;--radius:22px;--font:'Outfit',sans-serif;--font-h:'Bebas Neue',sans-serif}
[data-theme=light]{--bg:#f2f4f8;--fg:#0a0d14;--dim:#5a6272;--card:#fff;--line:rgba(0,0,0,.08);--acc:#0090c0;--on-acc:#fff}
body{background:radial-gradient(700px 400px at 100% -5%,color-mix(in srgb,var(--acc) 16%,transparent),transparent),radial-gradient(600px 400px at 0 100%,color-mix(in srgb,var(--hot) 10%,transparent),transparent),var(--bg)}
.top{position:sticky;top:0;z-index:700;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,36px);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);flex-wrap:wrap}
.logo{font-family:var(--font-h);font-size:1.9rem;letter-spacing:.06em}.logo b{color:var(--acc);font-weight:400}
#tabs{display:flex;gap:4px}#tabs button{padding:9px 18px;border-radius:99px;font-weight:600;color:var(--dim)}#tabs .on{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc)}
.tr{display:flex;gap:10px;align-items:center}.lang{font-size:.78rem;opacity:.5}.lang[aria-pressed=true]{opacity:1;color:var(--acc)}.xp{display:flex;align-items:center;gap:8px}.xp i{font-style:normal;font-family:var(--font-h);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc)}.xp .bar{width:80px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.xp .bar b{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--hot));width:0;transition:width .6s}
main{padding:26px 0 90px}.greet{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.greet h1{font-family:var(--font-h);font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.02em;font-weight:400}.streak{display:flex;align-items:center;gap:10px;padding:12px 20px}.streak span{font-size:1.6rem}.streak b{font-family:var(--font-h);font-size:2.2rem;line-height:1;font-weight:400}.streak small{color:var(--dim)}
.rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px}.ringc{display:grid;justify-items:center;gap:10px;padding:22px}.ring>div{display:grid;text-align:center;line-height:1}.ring b{font-family:var(--font-h);font-size:2rem;font-weight:400}.ring small{color:var(--dim);font-size:.7rem}.pm{display:flex;gap:10px}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.card h3{font-family:var(--font-h);font-size:1.4rem;letter-spacing:.04em;font-weight:400;margin-bottom:12px}
.today{padding:0;overflow:hidden;position:relative;min-height:300px;display:flex}.today img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.today::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--card),transparent 80%)}.ti{position:relative;z-index:2;padding:28px;display:grid;gap:10px;align-content:center;max-width:70%}.ti h2{font-family:var(--font-h);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;letter-spacing:.02em}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wd{text-align:center;padding:10px 4px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-size:.72rem;display:grid;gap:4px}.wd.today-d{border-color:var(--acc);color:var(--acc)}.wd b{font-size:.62rem;font-weight:600;color:var(--dim);line-height:1.2}.wd.done{background:color-mix(in srgb,var(--acc) 14%,transparent)}.wd.rest{opacity:.5}
.tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.tools .inp{max-width:260px}
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.wk{padding:0;overflow:hidden;text-align:left;transition:.35s;display:grid}.wk:hover{transform:translateY(-5px);border-color:var(--acc)}.wk .im{height:130px;display:grid;place-items:center;font-size:3rem;background:linear-gradient(135deg,var(--c1),var(--c2));position:relative}.wk .im span{position:absolute;top:10px;left:12px;font-size:.66rem;font-weight:700;letter-spacing:.1em;background:rgba(0,0,0,.45);color:#fff;border-radius:99px;padding:3px 10px}.wk .in{padding:16px 18px 18px}.wk h3{margin:0 0 4px}.wk small{color:var(--dim)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.target{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;margin-top:12px}.target b{font-family:var(--font-h);font-size:3.2rem;font-weight:400;color:var(--acc);line-height:1}.target ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.85rem}.target li{display:flex;gap:8px;align-items:center}.target li i{width:10px;height:10px;border-radius:50%}
.tot{margin:16px 0}.bar{height:8px;background:var(--line);border-radius:4px;overflow:hidden}.bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acc),var(--hot));transition:width .5s}#n-tot{font-size:.85rem;color:var(--dim);display:block;margin-top:6px}
.meals{list-style:none;padding:0;margin:0;display:grid;gap:6px}.meals li{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg);border-radius:12px;font-size:.9rem}
.wl{display:flex;gap:10px;margin-bottom:12px}.wl .inp{max-width:140px}canvas{width:100%}
.ach{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.bd{text-align:center;padding:14px 8px;border:1px solid var(--line);border-radius:16px;background:var(--bg);opacity:.4;filter:grayscale(1);transition:.4s}.bd.on{opacity:1;filter:none;border-color:var(--acc)}.bd span{font-size:1.8rem;display:block}.bd b{font-size:.8rem;display:block;margin-top:4px}.bd small{font-size:.68rem;color:var(--dim)}
.set{display:grid;gap:16px}.rowsw{display:flex;justify-content:space-between;align-items:center}.act{display:flex;gap:10px;flex-wrap:wrap}
.opt{display:block;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;font-weight:600;transition:.2s}.opt:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.player{text-align:center}.player .big{font-family:var(--font-h);font-size:clamp(5rem,16vw,9rem);line-height:1;color:var(--acc);font-weight:400}.player h2{font-family:var(--font-h);font-size:2.4rem;font-weight:400;letter-spacing:.03em}.player .phase{letter-spacing:.3em;font-size:.8rem;color:var(--hot);font-weight:700}.pc{display:flex;gap:10px;justify-content:center;margin:18px 0}.seq{display:flex;gap:4px;margin:12px 0}.seq i{flex:1;height:6px;border-radius:3px;background:var(--line)}.seq i.on{background:var(--acc)}.seq i.cur{background:var(--hot)}
.gen{text-align:center;padding:30px 0}.spin{width:64px;height:64px;border-radius:50%;border:5px solid var(--line);border-top-color:var(--acc);margin:0 auto 20px;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
@media(max-width:900px){.two,.target{grid-template-columns:1fr}#tabs{order:3;width:100%;overflow:auto}.ti{max-width:100%}.xp .bar{display:none}.week{gap:3px}}