:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}body{margin:0}#root{width:100%;min-height:100svh}:root{--bg:#14100e;--bg-2:#1b1512;--panel:#fff7ee0a;--panel-2:#fff7ee10;--line:#ffeee01a;--text:#f4ece3;--muted:#b1a394;--accent:#7c5cff;--accent-2:#2dd4bf;--warm:#ffb37a;--radius:18px;--shadow:0 12px 34px #1408006b, inset 0 1px 0 #fff0e10f}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 85% at 12% -12%,#ff965c1c,#0000 55%),radial-gradient(100% 75% at 96% 4%,#7c5cff1c,#0000 55%),radial-gradient(120% 90% at 50% 120%,#2dd4bf12,#0000 55%);background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{align-items:stretch;gap:0;width:100%;min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex:0 0 250px;align-self:flex-start;gap:14px;width:250px;min-height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.side-profile{align-items:center;gap:12px;display:flex;position:relative}.side-profile .avatar{border-radius:14px;flex:none;width:48px;height:48px;font-size:26px}.side-profile .hero-info{gap:4px;min-width:0}.side-profile .hero-name{width:100%;font-size:18px}.side-profile .level-chip{text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;max-width:100%;padding:2px 8px;font-size:10px;overflow:hidden}.side-xp{flex-direction:column;gap:5px;padding:0 2px;display:flex}.side-xp .xp-bar{width:100%}.side-nav{flex-direction:column;gap:3px;margin-top:2px;display:flex}.side-link{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.side-link .side-ico{text-align:center;width:20px;font-size:17px}.side-link:not(.active):hover{color:var(--text);background:var(--panel-2)}.side-link.active{background:linear-gradient(180deg, #8b6cff, var(--accent));color:#fff;box-shadow:0 4px 14px #7c5cff66}.side-foot{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px;margin-top:auto;padding-top:12px;display:flex}.side-foot .badge-chip{text-align:center;justify-content:center}.main-col{flex-direction:column;flex:auto;min-width:0;min-height:100vh;padding:20px clamp(18px,3vw,48px) 40px;display:flex}.topbar{align-items:center;gap:22px;margin-bottom:18px;display:flex}.mini-stats-row{gap:26px;display:flex}.mini-stats-row .stat{text-align:left}.content{flex:auto}.aurora{filter:blur(42px);z-index:0;pointer-events:none;background:radial-gradient(40% 60% at 18% 14%,#ffaa7038,#0000 70%),radial-gradient(38% 58% at 82% 8%,#7c5cff3d,#0000 70%),radial-gradient(50% 52% at 60% 42%,#ff7a9626,#0000 70%);height:62vh;position:fixed;inset:-30% -10% auto}.app>*{z-index:1;position:relative}.header{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff12,#ffffff05);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 14px 40px #1408006b,inset 0 1px #fff0e112}.hero-block{align-items:center;gap:14px;display:flex}.avatar{border:1px solid var(--line);cursor:pointer;background:linear-gradient(145deg,#7c5cff4d,#2dd4bf33);border-radius:20px;place-items:center;width:68px;height:68px;font-size:40px;transition:transform .15s;display:grid}.hero-info{flex-direction:column;display:flex;position:relative}.hero-name{color:var(--text);background:0 0;border:none;border-bottom:1px dashed #0000;outline:none;width:180px;margin:0;padding:0;font-size:22px;font-weight:700;line-height:1.1;display:block}.hero-name:focus{border-bottom-color:var(--line)}.hero-sub{align-items:center;gap:10px;margin-top:2px;display:flex}.level-chip{background:var(--accent);color:#fff;letter-spacing:.03em;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:700}.xp{align-items:center;gap:8px;display:flex}.xp-bar{background:#ffffff1a;border-radius:20px;width:120px;height:8px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .5s}.xp-text{color:var(--muted);font-size:12px}.avatar-picker{border:1px solid var(--line);z-index:5;background:#221a16;border-radius:14px;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px;padding:8px;display:grid;position:absolute;top:100%;left:0}.avatar-picker button{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;font-size:22px}.header-rings{align-items:center;gap:18px;display:flex}.mini-stats{flex-direction:column;gap:8px;display:flex}.stat{text-align:right}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.ring{place-items:center;display:grid;position:relative}.ring-label{text-align:center;place-items:center;line-height:1.1;display:grid;position:absolute;inset:0}.ring-label strong{font-size:26px}.ring-label small{color:var(--muted);font-size:12px;display:block}.tabs{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:6px;margin:18px 0;padding:5px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .15s}.tab.active{background:linear-gradient(180deg, #8b6cff, var(--accent));color:#fff;box-shadow:0 4px 14px #7c5cff73}.tab:not(.active):hover{color:var(--text);background:var(--panel-2)}.view{flex-direction:column;gap:18px;display:flex}h2{margin:0;font-size:18px}h3{margin:0 0 10px;font-size:15px}.muted{color:var(--muted);margin:4px 0 0;font-size:13px}.today-head{justify-content:space-between;align-items:center;display:flex}.today-head-right{align-items:center;gap:12px;display:flex}.edit-toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.edit-toggle.on{background:var(--accent);color:#fff;border-color:var(--accent)}.today-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}.today-main,.today-side{flex-direction:column;gap:16px;display:flex}@media (width>=860px){.today-layout{grid-template-columns:1.7fr 1fr}.today-side{position:sticky;top:20px}}.add-today .add-btn{width:100%}.clear-day-btn{color:#ff9caa;cursor:pointer;background:#ff5d731f;border:1px solid #ff5d734d;border-radius:12px;width:100%;margin-top:10px;padding:10px;font-weight:600;transition:all .15s}.clear-day-btn:hover{background:#ff5d7333}.date-nav{border:1px solid var(--line);background:linear-gradient(#fff7ee0d,#fff7ee05);border-radius:16px;align-items:center;gap:10px;padding:8px 10px;display:flex}.date-nav.past{border-color:color-mix(in srgb, var(--warm) 50%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--warm) 13%, transparent), #fff7ee05)}.date-arrow{border:1px solid var(--line);background:var(--panel-2);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;flex-shrink:0;font-size:22px;line-height:1;transition:all .15s}.date-arrow:hover:not(:disabled){background:#fff7ee1c}.date-arrow:disabled{opacity:.3;cursor:not-allowed}.date-nav-center{text-align:center;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.date-label{font-size:16px;font-weight:800}.date-sub{color:var(--muted);font-size:12px}.date-jump{background:var(--warm);color:#2a1a0e;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:9px 15px;font-size:13px;font-weight:800;transition:all .15s}.date-jump:hover{filter:brightness(1.08)}@media (width<=520px){.date-jump{flex-basis:100%;order:3}}.today-workout .tw-swap{background:color-mix(in srgb, var(--c) 20%, transparent);color:var(--text);cursor:pointer;border:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.tw-card{background:color-mix(in srgb, var(--c) 12%, var(--panel-2));border:1px solid color-mix(in srgb, var(--c) 35%, transparent);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px;transition:all .15s;display:flex}.tw-card:hover{filter:brightness(1.08)}.tw-card.done{opacity:.7}.tw-check{color:#fff;border:2px solid;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.tw-name{font-size:17px;font-weight:800}.tw-rest{align-items:center;gap:14px;padding:8px 0;display:flex}.tw-emoji{font-size:34px}.cat-group{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);padding:14px;box-shadow:0 8px 24px #14080057,inset 0 1px #fff0e10d}.cat-title{letter-spacing:.02em;margin-bottom:10px;font-size:13px;font-weight:700}.habit{align-items:stretch;gap:6px;margin-bottom:8px;display:flex}.habit:last-child{margin-bottom:0}.habit-main{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;color:var(--text);text-align:left;border-radius:12px;flex:1;align-items:center;gap:12px;padding:12px 14px;font-size:15px;transition:all .15s;display:flex}.habit-main:hover{background:#ffffff17}.habit.done .habit-main{opacity:.55}.habit.done .habit-name{text-decoration:line-through}.habit-del{color:#ff8a9b;cursor:pointer;background:#ff5d731f;border:1px solid #ff5d734d;border-radius:12px;padding:0 12px;font-size:13px}.habit-del:hover{background:#ff5d7340}.check{border:2px solid var(--muted);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid}.habit.done .check{background:currentColor}.habit-name{flex:1}.habit-time{color:var(--muted);white-space:nowrap;background:#ffffff0f;border-radius:20px;padding:3px 8px;font-size:11px}.habit-xp{color:var(--accent-2);background:#2dd4bf1f;border-radius:20px;padding:3px 8px;font-size:12px;font-weight:700}.dw{padding:0;overflow:hidden}.dw-head{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px;display:flex}.dw-toggle{color:var(--muted);font-size:12px}.dw-body{padding:0 14px 14px}.dw-ritual{color:var(--text);background:#ffb8001a;border:1px solid #ffb80040;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:13px}.dw-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.dw-list li{color:var(--muted);font-size:13px}.week{flex-direction:column;gap:8px;margin-top:14px;display:flex}.day-row{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.day-row.today{border-color:var(--accent-2)}.day-when{flex-direction:column;flex-shrink:0;align-items:center;width:42px;display:flex}.day-name{color:var(--muted);font-size:12px;font-weight:600}.day-num{font-size:16px;font-weight:700}.workout-chip{text-align:left;cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:14px;font-weight:700;transition:all .15s}.workout-chip:hover{filter:brightness(1.15)}.log-circle{cursor:pointer;border:2px solid;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:15px;font-weight:800;transition:all .15s}.rest-tag{text-align:center;width:30px;color:var(--muted);flex-shrink:0}.legend{flex-wrap:wrap;gap:14px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.focus{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.focus-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.focus-row:last-child{margin-bottom:0}.focus-label{width:110px;font-size:13px}.focus-track{background:#ffffff14;border-radius:20px;flex:1;height:10px;overflow:hidden}.focus-fill{border-radius:20px;height:100%;transition:width .5s}.focus-num{text-align:right;width:36px;color:var(--muted);font-size:13px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff0d,#ffffff05);padding:16px;box-shadow:0 8px 24px #14080057,inset 0 1px #fff0e10d}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel.danger{border-color:#ff5d7359;justify-content:space-between;align-items:center;gap:14px;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--c,var(--accent));border-radius:14px;padding:14px}.card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.badge{color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}.card-name{font-size:15px;font-weight:600}.card-why{color:var(--muted);margin-top:4px;font-size:13px;font-style:italic}.skill-track{background:#ffffff14;border-radius:20px;height:8px;margin-top:12px;overflow:hidden}.skill-fill{background:var(--c);border-radius:20px;height:100%;transition:width .5s}.skill-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;display:flex}.mini-btn{background:color-mix(in srgb, var(--c) 20%, transparent);color:var(--text);cursor:pointer;border:none;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.mini-btn:hover{background:color-mix(in srgb, var(--c) 35%, transparent)}.count{color:var(--accent-2);vertical-align:middle;background:#2dd4bf1f;border-radius:20px;margin-left:6px;padding:2px 9px;font-size:12px;font-weight:600}.check.sm{cursor:pointer;background:0 0;border-radius:6px;width:20px;height:20px;font-size:12px}.project-item{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.project-item.done{opacity:.5}.project-item.done .habit-item-name{text-decoration:line-through}.project-item.done .check.sm{background:currentColor;color:#fff!important}.habit-list{flex-direction:column;gap:8px;display:flex}.habit-item{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.habit-item-name{flex:1;font-size:14px}.pill{color:var(--muted);background:#ffffff0f;border-radius:20px;padding:2px 8px;font-size:11px}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:13px}.x:hover{color:#ff5d73;background:#ff5d731f}.add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600}.add-btn:hover{filter:brightness(1.1)}.inline-form{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.inline-form input,.inline-form select{border:1px solid var(--line);color:var(--text);background:#221a16;border-radius:10px;outline:none;padding:8px 10px;font-size:13px}.inline-form input{flex:1;min-width:120px}.inline-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.inline-form button.ghost{background:var(--panel-2);color:var(--muted)}.reset-btn{color:#ff8a9b;cursor:pointer;white-space:nowrap;background:#ff5d7326;border:1px solid #ff5d7366;border-radius:12px;padding:9px 16px;font-weight:600}.reset-btn:hover{background:#ff5d7340}.grid{grid-template-columns:repeat(11,1fr);gap:6px;margin-top:14px;display:grid}.cell{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff7ee0d;border-radius:9px;place-items:center;padding:0;font-family:inherit;font-size:11px;transition:transform .12s,box-shadow .12s;display:grid}.cell:hover:not(:disabled){color:var(--text);z-index:2;transform:scale(1.14);box-shadow:0 6px 16px #14080080}.cell:disabled{cursor:default;opacity:.55}.cell.today{outline:2px solid var(--accent-2);color:#fff;font-weight:700}.cell.missed{border-color:#ff5d7340}.log{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.log li{align-items:center;gap:10px;font-size:14px;display:flex}.log-time{color:var(--muted);margin-left:auto;font-size:12px}.toast{border:1px solid var(--line);z-index:50;background:#221a16;border-radius:14px;padding:12px 20px;font-size:14px;font-weight:600;animation:.25s pop;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.toast.success{border-color:#2dd4bf80}.toast.level{border-color:var(--accent);background:linear-gradient(135deg,#7c5cff59,#221a16)}@keyframes pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.foot{text-align:center;color:var(--muted);margin-top:24px;font-size:12px}.hero-badges{gap:6px;margin-top:8px;display:flex}.badge-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:default;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.badge-chip.combo{color:var(--accent);background:#7c5cff1f;border-color:#7c5cff80}.badge-chip.freeze{cursor:pointer;color:#7dd3fc;background:#7dd3fc1a;border-color:#7dd3fc66}.badge-chip.freeze:hover{background:#7dd3fc38}.boss{background:linear-gradient(135deg, #ff5d7324, var(--panel));border-radius:var(--radius);border:1px solid #ff5d734d;padding:16px}.boss.ready{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.boss-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.boss-title{font-size:16px;font-weight:800}.boss-reward{color:var(--accent-2);font-size:13px;font-weight:700}.boss-goals{flex-direction:column;gap:8px;display:flex}.boss-goal{align-items:center;gap:10px;display:flex}.boss-goal-label{width:120px;font-size:13px}.boss-track{background:#ffffff14;border-radius:20px;flex:1;height:8px;overflow:hidden}.boss-fill{background:linear-gradient(90deg, #ff5d73, var(--accent));border-radius:20px;height:100%;transition:width .5s}.boss-num{text-align:right;width:44px;color:var(--muted);font-size:12px}.boss-num.met{color:var(--accent-2);font-weight:700}.boss-claim{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:12px;padding:11px;font-weight:700;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.boss-done{color:var(--accent-2);margin-top:10px;font-size:13px}.dw-head{align-items:stretch;display:flex}.dw-headbtn{color:var(--text);cursor:pointer;background:0 0;border:none;flex:1;justify-content:space-between;align-items:center;padding:14px;display:flex}.focus-launch{color:#ffb800;cursor:pointer;background:#ffb80026;border:none;border-radius:10px;margin:8px;padding:0 16px;font-size:13px;font-weight:700}.focus-launch:hover{background:#ffb80047}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#05050cb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);text-align:center;background:#1d1611;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:24px;display:flex;box-shadow:0 20px 60px #0009}.modal h3{font-size:18px}.ritual-steps{flex-direction:column;gap:8px;width:100%;display:flex}.ritual-step{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.ritual-step.on{opacity:.6}.preset-row{gap:8px;display:flex}.preset{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;padding:8px 16px;font-weight:700}.preset.active{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-actions{gap:10px;width:100%;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:11px;font-weight:700}.modal-actions .primary{background:var(--accent);color:#fff}.modal-actions .primary:disabled{opacity:.4;cursor:not-allowed}.modal-actions .ghost{background:var(--panel-2);color:var(--muted)}.tiles{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.tile{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:12px;padding:12px}.tile-value{font-size:22px;font-weight:800}.tile-label{color:var(--muted);margin-top:2px;font-size:11px}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:130px;padding-bottom:4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .4s}.bar-label{color:var(--muted);font-size:10px}.line-chart{width:100%;height:100px;display:block}.heat{flex-direction:column;gap:6px;display:flex;overflow-x:auto}.heat-row{align-items:center;gap:10px;display:flex}.heat-name{width:130px;min-width:130px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.heat-cells{gap:3px;display:flex}.heat-cell{background:#ffffff0f;border-radius:3px;flex-shrink:0;width:12px;height:12px}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.ach{background:var(--panel-2);border:1px solid var(--line);text-align:center;opacity:.45;filter:grayscale(.6);border-radius:12px;padding:12px}.ach.got{opacity:1;filter:none;background:#7c5cff14;border-color:#7c5cff66}.ach-icon{font-size:28px}.ach-name{margin-top:4px;font-size:13px;font-weight:700}.ach-desc{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.3}.panel.toggl{border-color:#2dd4bf4d}.toggl-controls{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.toggl-url{border:1px solid var(--line);min-width:160px;color:var(--text);background:#221a16;border-radius:10px;outline:none;flex:1;padding:8px 10px;font-size:13px}.toggl-controls select{border:1px solid var(--line);color:var(--text);background:#221a16;border-radius:10px;padding:8px 10px;font-size:13px}.toggl-error{color:#ff8a9b;background:#ff5d731f;border:1px solid #ff5d7366;border-radius:10px;padding:10px 12px;font-size:13px}.toggl-total{color:var(--muted);margin-bottom:10px;font-size:13px}.toggl-list{flex-direction:column;gap:8px;display:flex}.toggl-row{align-items:center;gap:10px;display:flex}.toggl-name{white-space:nowrap;text-overflow:ellipsis;width:120px;min-width:120px;font-size:13px;overflow:hidden}.toggl-track{background:#ffffff14;border-radius:20px;flex:1;height:8px;overflow:hidden}.toggl-fill{background:var(--accent-2);border-radius:20px;height:100%;transition:width .5s}.toggl-hours{text-align:right;width:48px;color:var(--muted);font-size:12px}.toggl-map{border:1px solid var(--line);color:var(--text);background:#221a16;border-radius:8px;max-width:130px;padding:5px 6px;font-size:12px}.toggl-apply{background:var(--accent-2);color:#0b0b14;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:12px;padding:10px;font-weight:800}.toggl-apply:disabled{opacity:.5;cursor:not-allowed}.manage-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.manage-backup{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.manage-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s}.manage-btn:hover{background:#ffffff17}.manage-btn.danger{color:#ff8a9b;border-color:#ff5d7359}.manage-btn.danger:hover{background:#ff5d732e}.egg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.egg-card{background:radial-gradient(130% 80% at 50% -10%, color-mix(in srgb, var(--c) 26%, transparent), transparent 60%), linear-gradient(180deg, #ffffff0d, #ffffff05);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:18px 16px 16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000059,inset 0 1px #ffffff0f}.egg-card:hover{box-shadow:0 18px 40px #00000073, 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent) inset;transform:translateY(-3px)}.egg-card.maxed{border-color:color-mix(in srgb, var(--c) 55%, transparent)}.egg-badge{letter-spacing:.01em;color:#fff;font-size:13px;font-weight:800}.creature-stage-wrap{place-items:center;height:112px;display:grid}.egg-svg{animation:3.4s ease-in-out infinite bob;display:block}.egg-svg .egg-body{transform-origin:50% 60%}.egg-svg.hatching .egg-body{animation:.5s ease-in-out infinite hatchshake}@keyframes hatchshake{0%,to{transform:rotate(-3deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.creature{place-items:center;width:104px;height:104px;display:grid;position:relative}.creature-glow{filter:blur(4px);border-radius:50%;animation:3s ease-in-out infinite pulseglow;position:absolute;inset:-10%}.creature-emoji{filter:drop-shadow(0 8px 14px #00000073);font-size:64px;line-height:1;animation:3s ease-in-out infinite bob;position:relative}.creature.final .creature-emoji{animation:2.4s ease-in-out infinite bob,6s linear infinite floaty}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulseglow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes floaty{0%,to{filter:drop-shadow(0 8px 14px #00000073)}50%{filter:drop-shadow(0 8px 22px color-mix(in srgb, var(--c) 60%, transparent))}}.creature-stage{font-size:16px;font-weight:800}.creature-lv{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lv-pill{color:#fff;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:800}.next-tag{color:var(--muted);font-size:11px}.max-tag{color:#ffb800;font-size:11px;font-weight:800}.evo-track{background:#00000059;border-radius:20px;width:100%;height:9px;margin-top:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.evo-fill{height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--c) 70%, transparent);border-radius:20px;transition:width .6s}.evo-chain{gap:6px;margin-top:8px;display:flex}.evo-dot{opacity:.28;filter:grayscale();font-size:16px;transition:all .3s}.evo-dot.reached{opacity:1;filter:none;transform:scale(1.05)}.egg-feeds{color:var(--muted);margin-top:8px;font-size:10.5px;font-style:italic;line-height:1.3}.levelup{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05050c99;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.levelup-card{text-align:center;animation:.5s cubic-bezier(.2,.9,.3,1.3) rise}.levelup-burst{font-size:64px;animation:1.2s spin}.levelup-big{letter-spacing:2px;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:900}.levelup-title{color:var(--text);font-size:22px;font-weight:700}.levelup-sub{color:#7dd3fc;margin-top:6px;font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.9)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(-40deg)scale(0)}to{transform:none}}.confetti{pointer-events:none;position:absolute;inset:0}.confetti span{border-radius:2px;width:9px;height:14px;animation:2.6s linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{opacity:.2;transform:translateY(105vh)rotate(720deg)}}@media (width<=520px){.header{text-align:center;justify-content:center}.hero-block{flex-direction:column}.grid{grid-template-columns:repeat(8,1fr)}.stat{text-align:center}.hero-badges{justify-content:center}.heat-name{width:92px;min-width:92px}}:root{--bg:#06050e;--bg-2:#0c0a1c;--text:#efecff;--muted:#9a92c6;--accent:#8b6cff;--accent-2:#34e0d0;--accent-3:#ff5d8f;--warm:#ffbf6b;--gold:#ffd35c;--line:#9682ff24;--glass:linear-gradient(180deg, #201a3a9e, #100c2294);--glass-solid:#140f28e6;--grad-royal:linear-gradient(135deg, #a78bff 0%, #7b5cff 55%, #5b8bff 100%);--grad-cosmic:linear-gradient(120deg, #8b6cff, #34e0d0, #ff5d8f, #8b6cff);--radius:22px;--font-display:"Space Grotesk", "Sora", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:#06050e;background-image:radial-gradient(1200px 720px at 12% -12%,#8b6cff33,#0000 60%),radial-gradient(1000px 640px at 100% -4%,#34e0d021,#0000 55%),radial-gradient(1100px 900px at 50% 118%,#ff5d8f24,#0000 58%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#ffffffe6,#0000 60%),radial-gradient(1.2px 1.2px at 75% 22%,#c8dcffcc,#0000 60%),radial-gradient(1.6px 1.6px at 43% 68%,#ffffffbf,#0000 60%),radial-gradient(1.1px 1.1px at 88% 74%,#d2c8ffb3,#0000 60%),radial-gradient(1.3px 1.3px at 62% 46%,#fff5dcb3,#0000 60%),radial-gradient(1px 1px at 10% 82%,#fff9,#0000 60%),radial-gradient(1.5px 1.5px at 33% 12%,#bed2ffb3,#0000 60%),radial-gradient(1px 1px at 95% 40%,#fff9,#0000 60%);background-repeat:repeat;background-size:520px 520px,380px 380px,620px 620px,460px 460px,540px 540px,300px 300px,700px 700px,340px 340px;animation:7s ease-in-out infinite alternate twinkle;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 50% 40%,#0000 55%,#0201088c 100%);position:fixed;inset:0}@keyframes twinkle{0%{opacity:.35}to{opacity:.7}}.aurora{filter:blur(60px);background:radial-gradient(38% 55% at 20% 18%,#8b6cff57,#0000 70%),radial-gradient(34% 52% at 80% 10%,#34e0d042,#0000 70%),radial-gradient(46% 50% at 58% 44%,#ff5d8f38,#0000 70%);height:80vh;animation:26s ease-in-out infinite alternate nebula-drift;inset:-35% -15% auto}@keyframes nebula-drift{0%{transform:translate(-3%)scale(1)}to{transform:translate(4%,2%)scale(1.12)}}.view{animation:.5s cubic-bezier(.2,.8,.3,1) both view-rise}@keyframes view-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}h1,h2,h3,.hero-name,.stat-value,.date-label,.tile-value,.creature-stage,.boss-title,.levelup-big,.levelup-title,.count,.level-chip{font-family:var(--font-display);letter-spacing:-.01em}h2{font-weight:700}.header,.panel,.cat-group,.boss,.focus,.egg-card,.date-nav,.modal,.tabs,.sidebar{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);position:relative;box-shadow:0 22px 55px #0000008c,inset 0 1px #ffffff12}.sidebar{border-top:none;border-bottom:none;border-left:none;border-radius:0}.header:before,.panel:before,.cat-group:before,.boss:before,.focus:before,.egg-card:before,.date-nav:before,.modal:before{content:"";border-radius:inherit;background:var(--grad-cosmic);-webkit-mask-composite:xor;pointer-events:none;opacity:.32;background-size:300% 300%;padding:1px;animation:14s linear infinite edge-flow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel:hover:before,.cat-group:hover:before,.egg-card:hover:before{opacity:.6}@keyframes edge-flow{0%{background-position:0%}to{background-position:300%}}.header{background:radial-gradient(130% 180% at 0% 0%, #8b6cff38, transparent 52%), radial-gradient(130% 180% at 100% 0%, #34e0d026, transparent 52%), var(--glass);border-radius:26px;padding:22px 24px}.avatar{background:linear-gradient(145deg,#8b6cff66,#34e0d040);border-radius:22px;width:74px;height:74px;font-size:42px;animation:4s ease-in-out infinite float-soft;box-shadow:0 0 0 1px #8b6cff80,0 0 34px #8b6cff66}.avatar:hover{transform:scale(1.06)rotate(-3deg)}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-name{font-size:24px;font-weight:700}.level-chip{background:var(--grad-royal);box-shadow:0 4px 16px #8b6cff73}.xp-bar{height:9px;box-shadow:inset 0 0 0 1px #ffffff0d}.xp-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));background-size:200% 100%;animation:3s linear infinite energy-flow;box-shadow:0 0 14px #34e0d080}@keyframes energy-flow{0%{background-position:0 0}to{background-position:200% 0}}.ring svg{filter:drop-shadow(0 0 6px #8b6cff8c)}.tabs{border-radius:18px;gap:4px;padding:6px}.tab{border-radius:12px;transition:all .2s}.tab span{transition:transform .2s;display:inline-block}.tab.active{background:var(--grad-royal);transform:translateY(-1px);box-shadow:0 6px 22px #8b6cff80,inset 0 1px #ffffff40}.tab.active span{transform:scale(1.25)}.tab:not(.active):hover{box-shadow:inset 0 0 0 1px var(--line);background:#8b6cff1f}.xp-bar,.boss-track,.skill-track,.evo-track,.toggl-track,.focus-track{position:relative}.xp-bar:after,.boss-track:after,.skill-track:after,.evo-track:after,.toggl-track:after,.focus-track:after{content:"";border-radius:inherit;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff59 50%,#0000 80%) 0 0/220% 100%;animation:3.6s ease-in-out infinite sheen;position:absolute;inset:0}@keyframes sheen{0%{background-position:180% 0}to{background-position:-80% 0}}.add-btn,.date-jump,.boss-claim,.inline-form button:not(.ghost),.modal-actions .primary,.preset.active,.focus-launch{background:var(--grad-royal);color:#fff;border:none;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 6px 20px #8b6cff66}.add-btn:hover,.date-jump:hover,.boss-claim:hover,.inline-form button:not(.ghost):hover,.modal-actions .primary:hover,.focus-launch:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 10px 28px #8b6cff8c}.date-jump{color:#fff}.focus-launch{color:#fff;background:linear-gradient(135deg, var(--gold), var(--warm));box-shadow:0 6px 20px #ffb05a66}.toggl-apply{background:linear-gradient(135deg, var(--accent-2), #21b8ac);color:#05201d;box-shadow:0 6px 20px #34e0d066}.edit-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.habit-main,.project-item,.habit-item,.day-row,.tile,.ach,.card{border:1px solid var(--line);background:#140f2880;transition:transform .15s,box-shadow .15s,background .15s}.habit-main:hover{background:#8b6cff24;transform:translate(2px);box-shadow:0 6px 18px #00000059}.habit.done .habit-main{box-shadow:none}.tile:hover,.ach.got:hover,.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0006}.tile-value{background:var(--grad-cosmic);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite energy-flow}.boss{background:radial-gradient(120% 160% at 100% 0%, #ff5d8f33, transparent 55%), var(--glass)}.boss.ready:before{opacity:.9}.boss.ready{box-shadow:0 22px 55px #0000008c,0 0 40px #8b6cff59}.date-nav.past:before{background:linear-gradient(120deg, var(--gold), var(--warm), var(--gold));opacity:.6}.date-arrow{background:#140f2899}.date-arrow:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent);background:#8b6cff2e}.date-jump{background:linear-gradient(135deg, var(--gold), var(--warm));box-shadow:0 6px 20px #ffb05a66}.egg-card{background:radial-gradient(130% 85% at 50% -12%, color-mix(in srgb, var(--c) 32%, transparent), transparent 62%), var(--glass);border-radius:22px}.egg-card.maxed{box-shadow:0 22px 55px #0000008c, 0 0 40px color-mix(in srgb, var(--c) 45%, transparent)}.egg-badge{font-family:var(--font-display);font-size:14px}.creature-emoji{font-size:68px}.cell{background:#ffffff0a;border-radius:10px}.cell:hover:not(:disabled){color:#fff;transform:scale(1.16);box-shadow:0 0 18px #8b6cff99}.cell.today{outline:2px solid var(--accent-2);box-shadow:0 0 16px #34e0d099}.inline-form input,.inline-form select,.toggl-url,.toggl-controls select,.toggl-map,.toggl select{border:1px solid var(--line);color:var(--text);background:#0e0a20d9}.inline-form input:focus,.inline-form select:focus,.toggl-url:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b6cff38}.avatar-picker{border-color:var(--line);background:#14102c;box-shadow:0 18px 44px #0009}.avatar-picker button:hover,.avatar-picker button.active{background:#8b6cff59}.modal{border-radius:24px;box-shadow:0 30px 80px #000000b3}.toast{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#16102ceb;box-shadow:0 14px 44px #0009,0 0 24px #8b6cff40}.toast.level{background:linear-gradient(135deg,#8b6cff80,#16102ceb)}.levelup{background:radial-gradient(circle at 50% 45%,#1e0f3cb3,#04020cd9)}.levelup-big{background:var(--grad-cosmic);color:#0000;text-shadow:0 0 40px #8b6cff66;background-size:220%;-webkit-background-clip:text;background-clip:text;font-size:60px;animation:3s linear infinite energy-flow}.levelup-burst{filter:drop-shadow(0 0 30px #ffd35cb3);font-size:72px}.foot{font-family:var(--font-display);letter-spacing:.02em;opacity:.75}@media (width<=820px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex:none;width:100%;min-height:0;position:static}.side-nav{flex-flow:wrap}.side-link{flex:auto;justify-content:center}.side-foot{border-top:none;flex-flow:wrap;padding-top:0}.main-col{min-height:0}}@media (width<=520px){.levelup-big{font-size:44px}.avatar{width:66px;height:66px;font-size:38px}.side-profile .avatar{width:48px;height:48px;font-size:26px}}