@font-face{font-family:DSEG7;src:url(https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff) format("woff");font-weight:700;font-style:normal}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a12;--cyan: #00f0ff;--cyan-dim: #00f0ff44;--cyan-glow: 0 0 20px #00f0ff88, 0 0 60px #00f0ff33;--magenta: #ff2d7b;--magenta-dim: #ff2d7b44;--magenta-glow: 0 0 20px #ff2d7b88, 0 0 60px #ff2d7b33;--green: #39ff14;--green-glow: 0 0 20px #39ff1488, 0 0 60px #39ff1433;--slot-empty: #1a1a2e;--text-dim: #445566}html,body{height:100%;width:100%;background:var(--bg);font-family:Orbitron,monospace;color:#fff;overflow:hidden;user-select:none}body{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:100}.header{text-align:center;margin-bottom:2.5vw;animation:fadeDown .8s ease-out both}.header h1{font-size:clamp(2rem,4vw,5rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,var(--cyan),#fff,var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,240,255,.3))}.header .subtitle{font-family:Share Tech Mono,monospace;font-size:clamp(.7rem,1.2vw,1.4rem);color:var(--text-dim);letter-spacing:.3em;margin-top:.5em}.progress-zone{display:flex;align-items:stretch;gap:clamp(1rem,2vw,3rem);width:85vw;max-width:1600px;height:45vh;animation:fadeUp 1s ease-out .3s both}.thermometer{display:flex;flex-direction:column-reverse;gap:6px;width:clamp(80px,8vw,140px);flex-shrink:0}.thermo-segment{flex:1;border-radius:6px;border:2px solid var(--slot-empty);background:var(--slot-empty);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.thermo-segment.filled-cyan{border-color:var(--cyan);background:linear-gradient(135deg,#00f0ff40,#00f0ff14);box-shadow:var(--cyan-glow)}.thermo-segment.filled-magenta{border-color:var(--magenta);background:linear-gradient(135deg,#ff2d7b40,#ff2d7b14);box-shadow:var(--magenta-glow)}.thermo-segment .thermo-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,1.8vw,2.2rem);font-weight:900;color:#222;transition:color .5s}.thermo-segment.filled-cyan .thermo-label,.thermo-segment.filled-magenta .thermo-label{color:#ffffff26}.slots-panel{flex:1;display:flex;flex-direction:column-reverse;gap:6px}.slot-row{flex:1;display:flex;align-items:center;padding:0 clamp(.8rem,2vw,2rem);border-radius:6px;border:1px solid #1a1a2e;background:#0d0d1a;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.slot-row:hover{background:#111125;border-color:#2a2a44}.slot-row:active{transform:scale(.995)}.slot-row .check-box{width:clamp(1.6rem,2.5vw,3rem);height:clamp(1.6rem,2.5vw,3rem);border-radius:5px;border:2px solid #333;margin-right:clamp(.6rem,1.2vw,1.5rem);display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,1.6vw,2rem);flex-shrink:0;transition:all .4s}.slot-row .slot-label{font-family:Share Tech Mono,monospace;font-size:clamp(.65rem,1.3vw,1.5rem);color:#444;letter-spacing:.05em;transition:all .4s}.slot-row .slot-tag{margin-left:auto;font-size:clamp(.5rem,.8vw,.9rem);padding:.2em .8em;border-radius:3px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;opacity:.3;transition:opacity .4s;flex-shrink:0}.slot-row.type-cyan .slot-tag{border:1px solid var(--cyan-dim);color:var(--cyan)}.slot-row.type-magenta .slot-tag{border:1px solid var(--magenta-dim);color:var(--magenta)}.slot-row.filled{border-color:transparent}.slot-row.filled.type-cyan{border-color:var(--cyan-dim);background:linear-gradient(90deg,rgba(0,240,255,.06),transparent)}.slot-row.filled.type-magenta{border-color:var(--magenta-dim);background:linear-gradient(90deg,rgba(255,45,123,.06),transparent)}.slot-row.filled.type-cyan .check-box{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--cyan-glow)}.slot-row.filled.type-magenta .check-box{border-color:var(--magenta);color:var(--magenta);box-shadow:var(--magenta-glow)}.slot-row.filled.type-cyan .slot-label{color:var(--cyan)}.slot-row.filled.type-magenta .slot-label{color:var(--magenta)}.slot-row.filled .slot-tag{opacity:1}.slot-row.filled .slot-label{text-decoration:line-through;text-decoration-thickness:2px}.stats-bar{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;margin-top:2.5vw;animation:fadeUp 1s ease-out .6s both;width:85vw;max-width:1600px}.stat-block{text-align:center}.stat-block:nth-child(2){min-width:0}.stat-block .stat-value{font-size:clamp(2rem,4.5vw,5.5rem);font-weight:900;line-height:1;transition:all .4s}.stat-block .stat-label{font-family:Share Tech Mono,monospace;font-size:clamp(.5rem,.9vw,1rem);color:var(--text-dim);letter-spacing:.25em;margin-top:.4em}.stat-value.countdown{font-family:DSEG7,Share Tech Mono,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ffe564;text-shadow:0 0 20px #ffe56488,0 0 60px #ffe56433,0 0 2px #ffe564cc;letter-spacing:.05em}.stat-value.completed{color:var(--cyan);text-shadow:var(--cyan-glow)}.stat-value.remaining{color:var(--magenta);text-shadow:var(--magenta-glow)}.stat-value.all-done{color:var(--green)!important;text-shadow:var(--green-glow)!important}.stat-value.urgent{animation:pulse 1.5s ease-in-out infinite}.completion-banner{display:none;position:fixed;inset:0;z-index:50;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(57,255,20,.12),transparent 70%);pointer-events:none}.completion-banner.show{display:flex}.completion-banner h2{font-size:clamp(3rem,7vw,9rem);font-weight:900;color:var(--green);text-shadow:var(--green-glow);letter-spacing:.1em;animation:pulse 2s ease-in-out infinite}.completion-banner .sub{font-family:Share Tech Mono,monospace;font-size:clamp(.8rem,1.5vw,1.6rem);color:var(--green);opacity:.6;margin-top:.5em;letter-spacing:.3em}.undo-hint{position:fixed;bottom:1.5vw;right:2vw;font-family:Share Tech Mono,monospace;font-size:clamp(.45rem,.7vw,.8rem);color:#333;letter-spacing:.1em;z-index:101}.toolbar{position:fixed;bottom:1.5vw;left:2vw;display:flex;gap:.5em;z-index:101}.toolbar-btn{font-family:Share Tech Mono,monospace;font-size:clamp(.5rem,.8vw,.9rem);letter-spacing:.1em;color:#556;background:#151520;border:1px solid #2a2a3a;border-radius:4px;padding:.4em 1em;cursor:pointer;transition:all .3s;position:relative}.toolbar-btn:hover{border-color:#444;color:#889}.toolbar-btn.muted{color:var(--magenta);border-color:var(--magenta-dim)}.toolbar-btn.muted:before{content:"";position:absolute;left:calc(.55em + 3px);top:50%;width:1.2em;height:2px;background:var(--magenta);transform:translateY(-50%) rotate(-45deg);pointer-events:none}#mainBoard{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.setup-overlay{display:none;position:fixed;inset:0;z-index:200;background:#05050ceb;align-items:center;justify-content:center}.setup-overlay.show{display:flex}.setup-card{background:#0d0d1a;border:1px solid var(--cyan-dim);border-radius:12px;box-shadow:var(--cyan-glow),0 0 80px #0009;padding:clamp(1.5rem,3vw,3rem);width:clamp(320px,40vw,520px);display:flex;flex-direction:column;gap:1.5rem;animation:fadeUp .5s ease-out both}.setup-card h2{font-family:Orbitron,monospace;font-size:clamp(1rem,2vw,1.6rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 15px rgba(0,240,255,.4);text-align:center}.setup-field{display:flex;flex-direction:column;gap:.4rem}.setup-field label{font-family:Share Tech Mono,monospace;font-size:clamp(.55rem,.85vw,.8rem);color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase}.setup-field input,.setup-field select{font-family:Share Tech Mono,monospace;font-size:clamp(.8rem,1.1vw,1rem);background:#151520;color:#ccc;border:1px solid #2a2a3a;border-radius:4px;padding:.6em .8em;outline:none;transition:border-color .3s}.setup-field input:focus,.setup-field select:focus{border-color:var(--cyan);box-shadow:0 0 8px #00f0ff33}.setup-field input::-webkit-calendar-picker-indicator{filter:invert(.6)}.setup-row{display:flex;gap:1rem}.setup-row .setup-field{flex:1}.setup-actions{display:flex;gap:1rem;margin-top:.5rem}.setup-btn{flex:1;font-family:Orbitron,monospace;font-size:clamp(.7rem,1vw,.95rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.7em 1.2em;border-radius:6px;cursor:pointer;transition:all .3s;border:1px solid}.setup-btn.preset{background:transparent;color:var(--cyan);border-color:var(--cyan-dim)}.setup-btn.preset:hover{background:#00f0ff14;border-color:var(--cyan);box-shadow:0 0 12px #00f0ff33}.setup-btn.start{background:linear-gradient(135deg,#00f0ff26,#00f0ff0d);color:var(--cyan);border-color:var(--cyan);box-shadow:var(--cyan-glow)}.setup-btn.start:hover{background:linear-gradient(135deg,#00f0ff40,#00f0ff1a);box-shadow:0 0 30px #00f0ff80,0 0 80px #00f0ff33}.setup-btn.start:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.manage-tasks-btn{font-family:Share Tech Mono,monospace;font-size:clamp(.55rem,.85vw,.95rem);letter-spacing:.15em;color:var(--cyan);background:transparent;border:1px solid var(--cyan-dim);border-radius:4px;padding:.4em 1.2em;cursor:pointer;transition:all .3s;z-index:10;margin-top:.8em}.manage-tasks-btn:hover{background:#00f0ff14;border-color:var(--cyan);box-shadow:var(--cyan-glow)}.empty-tasks-message{display:flex;align-items:center;justify-content:center;height:100%;font-family:Share Tech Mono,monospace;font-size:clamp(.7rem,1.1vw,1.2rem);color:var(--text-dim);letter-spacing:.1em;text-align:center;line-height:1.6}.modal-overlay{display:none;position:fixed;inset:0;z-index:200;background:#000000d9;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal-card{background:#112;border:1px solid var(--cyan-dim);border-radius:10px;box-shadow:0 0 40px #00f0ff26;width:90vw;max-width:640px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.2em 1.5em .8em;border-bottom:1px solid #1a1a2e}.modal-header h2{font-family:Orbitron,monospace;font-size:clamp(.9rem,1.5vw,1.4rem);font-weight:700;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase}.modal-body{flex:1;overflow-y:auto;padding:1em 1.5em}.modal-task-row{display:flex;align-items:center;gap:.6em;margin-bottom:.6em;padding:.5em;border-radius:6px;background:#0d0d1a;border:1px solid #1a1a2e;transition:border-color .2s,background .2s}.modal-task-row:hover{border-color:#2a2a44}.modal-task-row[draggable=true]{cursor:default}.modal-task-row.drag-over{border-color:var(--cyan);background:#00f0ff0d;box-shadow:0 0 10px #00f0ff33}.modal-task-row .drag-handle{cursor:grab;color:#333;font-size:1.1rem;padding:0 .2em;user-select:none;transition:color .2s}.modal-task-row .drag-handle:hover{color:#666}.modal-task-row .drag-handle:active{cursor:grabbing}.modal-task-row input[type=text]{font-family:Share Tech Mono,monospace;font-size:clamp(.65rem,.95vw,.95rem);color:#ccc;background:#0a0a14;border:1px solid #222;border-radius:4px;padding:.4em .6em;outline:none;transition:border-color .2s}.modal-task-row input[type=text]:focus{border-color:var(--cyan-dim);color:#fff}.modal-task-row input.task-name{flex:2}.modal-task-row input.task-tag{flex:1;text-transform:uppercase}.modal-task-row .trash-btn{background:none;border:none;color:#444;font-size:1rem;cursor:pointer;padding:.2em .3em;border-radius:3px;transition:all .2s}.modal-task-row .trash-btn:hover{color:var(--magenta);background:#ff2d7b1a}.modal-add-row{display:flex;justify-content:center;padding:.5em 0}.modal-add-btn{font-family:Share Tech Mono,monospace;font-size:clamp(.6rem,.85vw,.9rem);color:var(--cyan);background:transparent;border:1px dashed var(--cyan-dim);border-radius:4px;padding:.4em 1.5em;cursor:pointer;letter-spacing:.1em;transition:all .2s}.modal-add-btn:hover{background:#00f0ff0f;border-color:var(--cyan)}.modal-footer{padding:.8em 1.5em 1.2em;border-top:1px solid #1a1a2e;display:flex;justify-content:flex-end;gap:.8em}.modal-btn{font-family:Share Tech Mono,monospace;font-size:clamp(.6rem,.85vw,.9rem);letter-spacing:.1em;padding:.5em 1.5em;border-radius:4px;cursor:pointer;transition:all .2s}.modal-btn.cancel{color:#666;background:transparent;border:1px solid #333}.modal-btn.cancel:hover{color:#999;border-color:#555}.modal-btn.save{color:#111;background:var(--cyan);border:1px solid var(--cyan);font-weight:700}.modal-btn.save:hover{box-shadow:var(--cyan-glow)}.toolbar-btn.support{color:#b8962e;border-color:#b8962e4d}.toolbar-btn.support:hover{color:gold;border-color:#ffd70080;box-shadow:0 0 10px #ffd70026}.help-card{max-width:560px}.help-content{font-family:Share Tech Mono,monospace;font-size:clamp(.65rem,.9vw,.9rem);color:#aab;line-height:1.7}.help-intro{color:var(--cyan);margin-bottom:1.2em}.help-content h3{font-family:Orbitron,monospace;font-size:clamp(.6rem,.85vw,.85rem);font-weight:700;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:1.2em 0 .5em}.help-content ol,.help-content ul{padding-left:1.5em;margin:.3em 0}.help-content li{margin-bottom:.3em}.help-table{width:100%;border-collapse:collapse;margin:.3em 0}.help-table td{padding:.3em .6em;border-bottom:1px solid #1a1a2e}.help-table td:first-child{color:var(--cyan);white-space:nowrap;width:1%}.about-card{max-width:420px;text-align:center}.about-content{display:flex;flex-direction:column;align-items:center;gap:.6em;padding:2em 1.5em 1em}.about-logo{width:96px;height:96px;margin-bottom:.3em}.about-name{font-family:Orbitron,monospace;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:900;letter-spacing:.12em;color:var(--cyan);text-shadow:0 0 15px rgba(0,240,255,.4)}.about-tagline{font-family:Share Tech Mono,monospace;font-size:clamp(.65rem,.9vw,.9rem);color:var(--text-dim);letter-spacing:.2em;font-style:italic}.about-description{font-family:Share Tech Mono,monospace;font-size:clamp(.6rem,.85vw,.85rem);color:#889;line-height:1.7;max-width:340px}.about-credit{font-family:Share Tech Mono,monospace;font-size:clamp(.6rem,.85vw,.85rem);color:#667}.about-credit a{color:var(--cyan);text-decoration:none;transition:text-shadow .3s}.about-credit a:hover{text-shadow:0 0 8px rgba(0,240,255,.4);text-decoration:underline}.about-version{font-family:Share Tech Mono,monospace;font-size:clamp(.5rem,.7vw,.75rem);color:#334;letter-spacing:.15em;margin-top:.5em}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}