:root{--bg: #03141a;--bg-2: #06222a;--panel: rgba(7, 30, 35, .72);--panel-2: rgba(12, 44, 50, .65);--text: #eafdfa;--text-2: #c2e8e3;--muted: #84b0ad;--accent: #2fe9d6;--accent-2: #5ff0c8;--accent-3: #149fb0;--danger: #ff5d7a;--success: #2dffb0;--warning: #ffd23f;--border: rgba(47, 233, 214, .18);--border-strong: rgba(47, 233, 214, .45);--grid-line: rgba(47, 233, 214, .06);--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Cinzel", "Bebas Neue", serif;--font-ui: "Bebas Neue", "Montserrat", system-ui, sans-serif;--font-mono: "Rajdhani", ui-monospace, "SF Mono", Menlo, monospace;--glow-cyan: 0 0 8px rgba(47, 233, 214, .55), 0 0 24px rgba(47, 233, 214, .25);--glow-magenta: 0 0 8px rgba(95, 240, 200, .6), 0 0 24px rgba(95, 240, 200, .28);--glow-soft: 0 0 0 1px rgba(47, 233, 214, .2), 0 8px 30px rgba(20, 159, 176, .12);font-family:var(--font-body);font-size:16px;line-height:1.55;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);min-height:100vh;background-color:var(--bg);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(95,240,200,.16),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(47,233,214,.14),transparent 55%),radial-gradient(700px 400px at 50% 50%,rgba(20,159,176,.08),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;position:relative;font-family:var(--font-body);font-weight:400}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px,48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px);mix-blend-mode:overlay;opacity:.5}body>*{position:relative;z-index:1}h1,h2,h3,h4,h5{font-family:var(--font-ui);font-weight:700;margin:0 0 12px;color:var(--text);line-height:1.2;letter-spacing:-.005em}h1{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:.02em;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-3) 50%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(47,233,214,.2)}h2{font-size:22px;letter-spacing:-.01em}h3{font-size:17px;color:var(--accent);letter-spacing:.02em;text-shadow:0 0 8px rgba(47,233,214,.35)}h4{font-size:15px;letter-spacing:0}p{margin:0 0 12px;color:var(--text-2);line-height:1.6}a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .12s ease,text-shadow .12s ease}a:hover{color:var(--accent-2);text-shadow:var(--glow-magenta)}.kicker,.label-mono{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}button,.btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2fe9d629,#149fb029);color:var(--text);border:1px solid var(--border-strong);padding:10px 18px;border-radius:6px;font-family:var(--font-ui);font-weight:600;letter-spacing:.04em;cursor:pointer;font-size:13px;white-space:nowrap;transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease;box-shadow:inset 0 0 0 1px #ffffff08}button:hover,.btn:hover{border-color:var(--accent);color:#fff;box-shadow:var(--glow-cyan);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button:disabled,.btn:disabled{background:#28244099;color:var(--muted);border-color:#8a86b840;cursor:not-allowed;box-shadow:none;transform:none}button.danger,.btn.danger{background:linear-gradient(135deg,#ff386040,#5ff0c838);border-color:var(--danger);color:#ffe7ec}button.danger:hover,.btn.danger:hover{color:#fff;box-shadow:0 0 8px #ff386099,0 0 24px #ff38604d}button.ghost,.btn.ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}button.ghost:hover,.btn.ghost:hover{border-color:var(--accent-2);color:var(--accent-2);box-shadow:var(--glow-magenta)}input,select,textarea{background:#03121699;color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:6px;font-size:14px;font-family:var(--font-body);line-height:1.4;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:#9a96c48c}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow-cyan)}.container{max-width:1100px;margin:0 auto;padding:24px}@media (max-width: 640px){.container{padding:16px 14px}h1{font-size:26px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.panel{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:16px;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:var(--glow-soft);overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.7}.panel:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) top left / 14px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) top left / 1px 14px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) bottom right / 14px 1px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) bottom right / 1px 14px no-repeat;opacity:.55}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:12px}.spacer{flex:1}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em}.breadcrumb a,.breadcrumb .bc-link{color:var(--muted);background:none;border:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;white-space:nowrap;transition:color .12s ease,text-shadow .12s ease}.breadcrumb a:hover,.breadcrumb .bc-link:hover{color:var(--mod-color, var(--accent));text-shadow:0 0 6px var(--mod-color, var(--accent))}.breadcrumb .bc-sep{color:var(--muted);opacity:.5}.breadcrumb .bc-current{color:var(--mod-color, var(--text));white-space:nowrap}.muted{color:var(--muted)}.success{color:var(--success)}.danger{color:var(--danger)}.warning{color:var(--warning)}.accent{color:var(--accent)}table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:14px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}th{color:var(--accent);font-family:var(--font-ui);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:11px;background:#2fe9d60a}tr:hover td{background:#2fe9d608}td.mono,td .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:3px 10px;border-radius:3px;font-size:11px;font-family:var(--font-ui);font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#2fe9d614;color:var(--text);border:1px solid var(--border)}.badge.alpha{background:#2fe9d61f;color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-cyan)}.badge.beta{background:#5ff0c81f;color:var(--accent-2);border-color:var(--accent-2);box-shadow:var(--glow-magenta)}.badge.gamma{background:#149fb024;color:var(--accent-3);border-color:var(--accent-3);box-shadow:0 0 8px #149fb080}.badge.locked{background:#9a96c41f;color:var(--muted);border-color:#9a96c44d}.badge.unlocked{background:#39ff9d1f;color:var(--success);border-color:var(--success);box-shadow:0 0 6px #39ff9d73}.badge.complete{background:#2fe9d62e;color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-cyan)}nav.topbar{background:#061a1ed9;border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px #2fe9d640,0 8px 30px #0009}nav.topbar h1{font-size:15px;margin:0 16px 0 0;font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}nav.topbar a{color:var(--text-2);font-family:var(--font-ui);font-weight:600;letter-spacing:.03em;font-size:14px;padding:4px 2px;border-bottom:1px solid transparent;transition:color .12s ease,border-color .12s ease,text-shadow .12s ease}nav.topbar a:hover{color:var(--accent);border-bottom-color:var(--accent);text-shadow:var(--glow-cyan)}.nav-links{display:flex;align-items:center;gap:20px;flex:1}.nav-toggle{display:none;margin-left:auto;padding:6px 12px;font-size:18px;line-height:1;background:transparent;border:1px solid var(--border-strong);color:var(--accent)}@media (max-width: 760px){nav.topbar{flex-wrap:wrap;padding:12px 16px;gap:12px}.nav-toggle{display:inline-flex;align-items:center}.nav-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:6px}nav.topbar.open .nav-links{display:flex}.nav-links .spacer{display:none}.nav-links a{padding:10px 8px;border-bottom:1px solid var(--border)}.nav-links a:hover{border-bottom-color:var(--border)}.nav-links>button{width:100%;justify-content:center}}.error{background:#ff38601a;border:1px solid var(--danger);color:#ffd6df;padding:11px 14px;border-radius:6px;margin:8px 0;font-family:var(--font-body);font-size:14px;box-shadow:0 0 14px #ff386033}.checkbox-action{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:6px;background:#061a1e99;margin-bottom:10px;position:relative;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.checkbox-action:hover{border-color:var(--accent);box-shadow:var(--glow-cyan)}.checkbox-action.done{border-color:var(--success);background:#39ff9d0f;box-shadow:0 0 12px #39ff9d2e}.checkbox-action.expired{border-color:var(--danger);background:#ff38600f;box-shadow:0 0 12px #ff386033}.checkbox-action input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-2)}.checkbox-action .title{flex:1;font-weight:500;font-size:15px}.checkbox-action .timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:var(--glow-cyan);font-size:14px}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 14px #2fe9d6d9,0 0 36px #2fe9d666}}.pulse{animation:pulse-glow 2.2s ease-in-out infinite}::selection{background:#5ff0c873;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-3));border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-2),var(--accent-3))}.icon{display:inline-flex;vertical-align:-.15em;flex:none}.icon--glow{filter:drop-shadow(0 0 3px currentColor)}