.theme-toggle{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.theme-toggle__btn{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:var(--ink-3);transition:color .15s,background .15s}.theme-toggle__btn svg{width:16px;height:16px}.theme-toggle__btn:hover{color:var(--ink-1)}.theme-toggle__btn.is-active{background:var(--bg-elev);color:var(--accent);box-shadow:0 1px 4px #0003}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;z-index:100;padding:20px;animation:fadein .15s ease}[data-theme=light] .modal-backdrop{background:#141e3c59}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;width:100%;max-width:460px;box-shadow:var(--shadow-modal);animation:pop .2s cubic-bezier(.34,1.56,.64,1);max-height:calc(100vh - 40px);overflow-y:auto}.modal__title{font-family:var(--font-display);font-size:16px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.modal__form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.modal__form-row label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase}.modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.btn{padding:9px 16px;border-radius:var(--r-md);font-weight:600;font-size:13px;letter-spacing:.04em;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:6px}.btn--ghost{color:var(--ink-2)}.btn--ghost:hover{background:var(--bg-3);color:var(--ink-0)}.btn--primary{background:var(--accent);color:var(--accent-on)}.btn--primary:hover{box-shadow:0 0 16px var(--accent-glow)}.btn--outline{border:1px solid var(--line-strong);color:var(--ink-1)}.btn--outline:hover{border-color:var(--accent);color:var(--accent)}.btn--danger{color:var(--red)}.btn--danger:hover{background:#ef444426}[data-theme=light] .btn--danger:hover{background:#dc26261a}.btn:disabled{opacity:.5;cursor:not-allowed}.toast-stack{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none}.toast{background:var(--bg-elev);border:1px solid var(--accent);color:var(--ink-0);padding:10px 16px;border-radius:var(--r-md);font-size:13px;font-weight:600;box-shadow:var(--shadow-popover);animation:slideup .25s ease;pointer-events:auto}.filter-toggle{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-toggle__pill{padding:7px 14px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-1);transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.filter-toggle__pill:hover{border-color:var(--line-strong)}.filter-toggle__pill.is-active{background:var(--accent);color:var(--accent-on);border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.filter-toggle__pill.is-active .filter-toggle__dot{background:var(--accent-on)!important}.filter-toggle__dot{width:7px;height:7px;border-radius:50%}.game-icon{display:grid;place-items:center;border-radius:10px;overflow:hidden;font-family:var(--font-display);font-weight:900;letter-spacing:.05em;flex-shrink:0;position:relative}.game-icon img{width:100%;height:100%;object-fit:cover;display:block}.game-icon__short{color:#000;text-shadow:0 1px 0 rgba(255,255,255,.2)}[data-theme=light] .game-icon__short{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.swatch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.swatch{aspect-ratio:1;border-radius:var(--r-sm);cursor:pointer;border:2px solid transparent;transition:transform .12s;padding:0}.swatch:hover{transform:scale(1.1)}.swatch.is-active{border-color:var(--ink-0);box-shadow:0 0 0 2px var(--bg-1),0 0 12px currentColor}.icon-row{display:flex;gap:12px;align-items:stretch}.icon-row__preview{width:64px;height:64px;border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:14px;color:var(--accent-on);flex-shrink:0;background-size:cover;background-position:center;border:1px solid var(--line)}[data-theme=light] .icon-row__preview{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.icon-row__controls{display:flex;flex-direction:column;gap:6px;flex:1}.icon-row__btn{padding:7px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px;font-weight:600;color:var(--ink-1);cursor:pointer;text-align:center;transition:border-color .15s,color .15s}.icon-row__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-row__btn:disabled{opacity:.5;cursor:not-allowed}.icon-row__btn--upload{display:inline-block}.icon-row__btn--clear{color:var(--ink-3)}.icon-row__btn--clear:hover{color:var(--red);border-color:var(--red)}.icon-row__status{margin-top:6px;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em}.icon-row__url-input{margin-top:6px;font-size:12px;font-family:var(--font-mono)}.search-bar{position:relative;flex:1;max-width:520px}.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search-bar__icon svg{width:16px;height:16px}.search-bar__input{width:100%;padding:12px 14px 12px 42px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);font-size:14px}.search-bar__results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;z-index:50;box-shadow:var(--shadow-popover);max-height:360px;overflow-y:auto}.search-bar__result{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line-soft);transition:background .12s}.search-bar__result:last-child{border-bottom:none}.search-bar__result.is-highlighted{background:var(--bg-3)}.search-bar__icon-tile{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:11px;flex-shrink:0}.search-bar__name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar__meta{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.search-bar__meta--add{color:var(--accent);font-weight:600}.search-bar__empty{padding:14px;color:var(--ink-3);font-size:13px;text-align:center}.sidebar{background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px;border-bottom:1px solid var(--line-soft)}.sidebar__brand-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--magenta));clip-path:polygon(20% 0,100% 0,80% 100%,0% 100%);box-shadow:0 0 20px var(--accent-glow)}.sidebar__brand-text{font-family:var(--font-display);font-weight:900;font-size:14px;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(90deg,var(--accent),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar__section{display:flex;flex-direction:column;gap:6px}.sidebar__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 4px}.sidebar__label--inline{padding:0}.sidebar__nav-btn{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);color:var(--ink-1);font-weight:500;font-size:14px;transition:background .15s,color .15s;border-left:2px solid transparent;text-align:left;width:100%}.sidebar__nav-btn:hover{background:var(--bg-2);color:var(--ink-0)}.sidebar__nav-btn.is-active{background:var(--bg-2);color:var(--accent);border-left-color:var(--accent)}.sidebar__nav-icon{font-size:16px;width:22px;text-align:center}.sidebar__nav-btn--game{padding-right:10px}.sidebar__game-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__count{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.sidebar__add-game-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-2);font-weight:600;font-size:13px;transition:border-color .15s,color .15s,background .15s;margin-top:4px}.sidebar__add-game-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-2)}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:6px}.sidebar__theme-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 10px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}@media (max-width: 880px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;z-index:80;transform:translate(-100%);transition:transform .25s ease}.sidebar.is-open{transform:translate(0);box-shadow:20px 0 40px #00000080}}.stat-card{padding:16px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c, var(--accent))}.stat-card__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.stat-card__value{font-family:var(--font-display);font-weight:900;font-size:32px;margin-top:4px;color:var(--c, var(--ink-0))}.stat-card__total{color:var(--ink-3);font-size:18px}.stat-card__bar{margin-top:10px;height:4px;background:var(--bg-3);border-radius:999px;overflow:hidden}.stat-card__bar-fill{height:100%;background:var(--c, var(--accent));border-radius:999px;transition:width .4s ease}.stat-card__meta{margin-top:6px;font-size:12px;color:var(--ink-2)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media (max-width: 880px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card__value{font-size:24px}}.task{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line-soft);transition:background .12s;position:relative;list-style:none}.task:last-child{border-bottom:none}.task:hover{background:var(--bg-2)}.task.is-done .task__title{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--c, var(--accent))}.task.is-editing{background:var(--bg-2)}.task__title{flex:1;font-size:14px;font-weight:500;cursor:text;-webkit-user-select:none;user-select:none;padding:2px 0;border-radius:var(--r-sm)}.task__title:hover{color:var(--c, var(--accent))}.task__edit-input{flex:1;font-size:14px;font-weight:500;background:var(--bg-1);border:1px solid var(--c, var(--accent));border-radius:var(--r-sm);padding:4px 8px;outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.task__checkbox{width:20px;height:20px;flex-shrink:0;border:2px solid var(--line-strong);border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s;background:var(--bg-2)}.task__checkbox:hover{border-color:var(--c, var(--accent))}.task__checkbox:disabled{opacity:.5;cursor:not-allowed}.task.is-done .task__checkbox{background:var(--c, var(--accent));border-color:var(--c, var(--accent))}.task__checkbox svg{width:14px;height:14px;stroke:var(--accent-on);stroke-width:3;fill:none;opacity:0;transition:opacity .15s}.task.is-done .task__checkbox svg{opacity:1}.task__game-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--line-soft);border-radius:var(--r-sm)}.task__actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.task:hover .task__actions,.task:focus-within .task__actions{opacity:1}.task__icon-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--ink-3);font-size:13px;transition:background .12s,color .12s}.task__icon-btn:hover{background:var(--bg-3);color:var(--ink-0)}.task__icon-btn--danger:hover{background:#ef444426;color:var(--red)}[data-theme=light] .task__icon-btn--danger:hover{background:#dc26261a}.section{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.section__head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,var(--bg-2),var(--bg-1))}.section__bar{width:4px;height:18px;border-radius:2px;box-shadow:0 0 10px currentColor}.section__title{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section__reset-tag{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.1em;margin-left:8px}.section__progress{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.section__list{list-style:none;padding:6px 0;min-height:64px;margin:0}.section__empty{padding:28px 16px;text-align:center;color:var(--ink-3);font-size:13px}.section__empty strong{color:var(--ink-1);display:block;margin-bottom:6px}.section__add-row{padding:10px 16px;border-top:1px solid var(--line-soft);background:var(--bg-2)}.section__add-input{width:100%;background:var(--bg-1);border:1px solid var(--line-soft);font-size:13px;padding:8px 10px}.section__add-input::placeholder{color:var(--ink-3)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-header__main{display:flex;align-items:center;gap:14px}.page-header__title{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:.06em;text-transform:uppercase;line-height:1}.page-header__subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-3);text-transform:uppercase;margin-bottom:6px}.page-header__trailing{display:flex;gap:8px;align-items:center}@media (max-width: 600px){.page-header__title{font-size:22px}}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-shell__main{padding:28px 32px;max-width:1400px}.app-shell__topbar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.app-shell__page{position:relative}.app-shell__menu-toggle{display:none;width:40px;height:40px;place-items:center;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line);font-size:18px;color:var(--ink-1)}.page-header__count{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.empty-hero{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:56px 24px;text-align:center}.empty-hero strong{font-family:var(--font-display);font-size:16px;letter-spacing:.12em;display:block;margin-bottom:10px}.empty-hero p{color:var(--ink-2);margin-bottom:18px}@media (max-width: 880px){.app-shell{grid-template-columns:1fr}.app-shell__main{padding:18px}.app-shell__menu-toggle{display:grid}}:root,[data-theme=dark]{--bg-0: #07070b;--bg-1: #0d0d14;--bg-2: #14141d;--bg-3: #1c1c28;--bg-elev: #20202e;--line: #26263a;--line-soft: #1a1a28;--line-strong: #353550;--ink-0: #f1f2f7;--ink-1: #c5c7d4;--ink-2: #8a8da0;--ink-3: #565a72;--ink-mute: #3a3d52;--accent: #00e5ff;--accent-dim: #00b8cc;--accent-glow: rgba(0, 229, 255, .35);--accent-on: #001016;--magenta: #ff3d8b;--gold: #ffc857;--green: #4ade80;--red: #ef4444;--violet: #a78bfa;--task-daily: #00e5ff;--task-weekly: #ff3d8b;--task-monthly: #ffc857;--task-custom: #a78bfa;--grid-line: rgba(255, 255, 255, .04);--glow-primary: rgba(0, 229, 255, .08);--glow-secondary: rgba(255, 61, 139, .06);--shadow-modal: 0 30px 80px rgba(0, 0, 0, .7);--shadow-popover: 0 12px 40px rgba(0, 0, 0, .6)}[data-theme=light]{--bg-0: #f4f5f9;--bg-1: #ffffff;--bg-2: #f0f1f7;--bg-3: #e6e8f0;--bg-elev: #ffffff;--line: #d8dbe6;--line-soft: #e6e8f0;--line-strong: #b6bccc;--ink-0: #0e1020;--ink-1: #2d3045;--ink-2: #5b6079;--ink-3: #8a8fa6;--ink-mute: #b6bccc;--accent: #0099b3;--accent-dim: #007a8f;--accent-glow: rgba(0, 153, 179, .25);--accent-on: #ffffff;--magenta: #d11367;--gold: #c89510;--green: #16a34a;--red: #dc2626;--violet: #7c3aed;--task-daily: #0099b3;--task-weekly: #d11367;--task-monthly: #c89510;--task-custom: #7c3aed;--grid-line: rgba(0, 20, 40, .04);--glow-primary: rgba(0, 153, 179, .08);--glow-secondary: rgba(209, 19, 103, .05);--shadow-modal: 0 20px 60px rgba(20, 30, 60, .18);--shadow-popover: 0 10px 30px rgba(20, 30, 60, .12)}*{box-sizing:border-box;margin:0;padding:0}:root{--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--font-display: "Orbitron", "Rajdhani", system-ui, sans-serif;--font-body: "Rajdhani", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}html{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{background:var(--bg-0);color:var(--ink-0);font-family:var(--font-body);font-size:15px;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;transition:background .25s ease,color .25s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 10%,var(--glow-primary),transparent 40%),radial-gradient(circle at 80% 90%,var(--glow-secondary),transparent 40%);pointer-events:none;z-index:0;transition:opacity .25s}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);pointer-events:none;z-index:0}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}@keyframes fadein{0%{opacity:0}}@keyframes pop{0%{transform:scale(.95);opacity:0}}@keyframes slideup{0%{transform:translate(-50%,20px);opacity:0}}