:root{--bg-primary:#09090b;--bg-surface:#18181b99;--bg-elevated:#27272acc;--border:#ffffff14;--border-hover:#ffffff26;--accent:#00ff41;--accent-glow:#00ff4166;--accent-dim:#003b00;--urgente:#ef4444;--urgente-bg:#ef444414;--importante:#fbbf24;--importante-bg:#fbbf2414;--diaria:#3b82f6;--diaria-bg:#3b82f614;--agent-accent:#b026ff;--agent-glow:#b026ff80;--break-accent:#70e0ff;--break-glow:#70e0ff80;--break-dim:#004d66;--text-primary:#f4f4f5;--text-muted:#a1a1aa;--text-dim:#52525b;--font-mono:"JetBrains Mono", monospace;--font-display:"Outfit", sans-serif;--font-terminal:"VT323", monospace;--radius:12px;--radius-sm:6px}body.agent-mode-active{--accent:var(--agent-accent);--accent-glow:var(--agent-glow);--accent-dim:#4c0082}body.break-mode-active{--accent:var(--break-accent);--accent-glow:var(--break-glow);--accent-dim:var(--break-dim)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#00ff4108,#0000 25%),radial-gradient(circle at 85% 30%,#3b82f608,#0000 25%);min-height:100vh;overflow-x:hidden}.app-container{width:100%;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);scrollbar-width:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000500d9;flex-direction:column;flex-shrink:0;width:280px;padding:1.25rem;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.profile-section{flex-direction:column;gap:.75rem;display:flex}.stats-row{align-items:center;gap:.75rem;display:flex}.avatar-glitch{background:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);width:50px;height:40px;color:var(--accent);text-shadow:0 0 8px var(--accent-glow);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;transition:all .3s;display:flex}.avatar-glitch:hover{box-shadow:0 0 15px var(--accent-glow)}.xp-bar-column{flex-direction:column;flex:1;gap:4px;display:flex}.xp-bar-container{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;width:100%;height:10px;overflow:hidden}.xp-bar{background:linear-gradient(90deg, var(--accent-dim), var(--accent));height:100%;box-shadow:0 0 12px var(--accent-glow);transition:width .5s cubic-bezier(.4,0,.2,1)}.xp-text{color:var(--accent);opacity:.7;text-align:center;font-size:.7rem}.level-info{text-align:center}.level-info h2{font-size:.9rem;font-family:var(--font-display);color:var(--accent);text-transform:uppercase;text-shadow:0 0 5px var(--accent-dim);letter-spacing:.05em;font-weight:600}.mission-log{flex:1;margin-top:1.5rem}.mission-log h3{text-transform:uppercase;color:var(--accent);opacity:.6;border-bottom:1px solid var(--border);letter-spacing:.1em;margin-bottom:.75rem;padding-bottom:.25rem;font-size:.8rem}#mission-list{flex-direction:column;gap:.4rem;list-style:none;display:flex}.mission-item{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#0014004d;padding:.6rem;font-size:.6rem;transition:all .2s}.mission-item:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:translate(4px)}.mission-item.completed{opacity:.4;color:var(--text-dim);text-decoration:line-through}.daily-quote{border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;background:#00000080;align-items:flex-start;gap:.5rem;margin-top:1.5rem;padding:.5rem .6rem;font-size:.75rem;line-height:1.4;display:flex;box-shadow:0 0 10px #00ff4114}.terminal-prompt{color:var(--accent);flex-shrink:0;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.main-content{flex-direction:column;flex:1;align-items:center;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.hero-header{text-align:center;animation:.6s fadeInDown}.glitch-text{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent), var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.subtitle{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.25em;margin-top:.25rem;font-size:.85rem;font-weight:300}.focus-matrix{flex-direction:column;align-items:center;gap:0;width:100%;max-width:500px;display:flex}.timer-display{font-family:var(--font-terminal);color:var(--accent);text-shadow:0 0 20px var(--accent-glow);letter-spacing:4px;text-align:center;font-size:8rem;line-height:1}.timer-controls{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.btn{background:var(--bg-primary);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 3px 0 var(--accent-dim);padding:.7rem 1.5rem;font-size:.8rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.btn:hover{background:var(--accent);color:var(--bg-primary);box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--accent-dim);transform:translateY(1px)}.btn-secondary{border-color:var(--border-hover);color:var(--text-muted);box-shadow:none}.btn-secondary:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent);box-shadow:none}.status-indicator{color:var(--text-muted);justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;transition:all .3s}.status-active .status-dot{background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.status-divider{opacity:.3}.btn-protocol{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;letter-spacing:.1em;background:0 0;border-radius:3px;padding:3px 10px;font-size:.6rem;transition:all .3s}.btn-protocol:hover,.agent-mode-active .btn-protocol{border-color:var(--accent);color:var(--accent)}.task-link{align-items:center;gap:.5rem;margin-top:1rem;font-size:.7rem;display:flex}.task-link-label{color:var(--text-dim);white-space:nowrap}.task-link-select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);border-radius:var(--radius-sm);outline:none;min-width:180px;padding:4px 8px;font-size:.7rem}.task-link-select:focus{border-color:var(--accent)}.timer-options{opacity:.3;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.7rem;transition:opacity .3s;display:flex}.timer-options:hover{opacity:1}.presets{gap:.5rem;display:flex}.btn-preset{color:var(--accent);cursor:pointer;font-family:var(--font-mono);background:0 0;border:1px solid #0000;border-radius:3px;padding:2px 6px;font-size:.7rem;transition:all .2s}.btn-preset:hover{border-color:var(--accent-dim);background:#00ff4114}.manual-override{border-top:1px solid var(--border);align-items:center;gap:.3rem;padding-top:.5rem;display:flex}.terminal-mini{color:var(--text-dim)}#manual-input{border:none;border-bottom:1px solid var(--text-dim);color:var(--accent);width:30px;font-family:var(--font-mono);text-align:center;background:0 0;outline:none;font-size:.7rem}#manual-input::-webkit-inner-spin-button{-webkit-appearance:none}#manual-input::-webkit-outer-spin-button{-webkit-appearance:none}.unit{color:var(--text-dim)}.btn-apply{border:1px solid var(--text-dim);color:var(--text-dim);font-size:.6rem;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:3px;padding:1px 6px;transition:all .2s}.btn-apply:hover{border-color:var(--accent);color:var(--accent)}.board-section{width:100%;max-width:1100px;animation:.6s fadeInUp}.board{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.column{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:.5rem;min-height:200px;padding:1rem;display:flex}.column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.column-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600}.urgente .column-title{color:var(--urgente)}.importante .column-title{color:var(--importante)}.diaria .column-title{color:var(--diaria)}.btn-add-task{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;line-height:1;transition:all .2s;display:flex}.btn-add-task:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.task-list{flex-direction:column;flex:1;gap:.4rem;display:flex}.task-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;align-items:flex-start;gap:.5rem;padding:.6rem .5rem;transition:all .2s;display:flex}.task-card:hover{background:var(--bg-elevated);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.urgente .task-card:hover{border-color:#ef44444d}.importante .task-card:hover{border-color:#fbbf244d}.diaria .task-card:hover{border-color:#3b82f64d}.task-card.done{opacity:.5}.task-check{border:2px solid var(--text-dim);width:18px;height:18px;color:var(--accent);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.7rem;transition:all .2s;display:flex}.task-card.done .task-check{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.task-content{flex-direction:column;flex:1;gap:2px;display:flex}.task-text{font-size:.75rem;line-height:1.3}.task-card.done .task-text{color:var(--text-dim);text-decoration:line-through}.pomodoro-badge{color:var(--text-muted);opacity:.7;font-size:.6rem}.task-delete{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:1rem;transition:all .2s}.task-card:hover .task-delete{opacity:.5}.task-delete:hover{color:var(--urgente);opacity:1!important}.new-task-input{padding:.25rem 0}.task-input-field{border:none;border-bottom:1px solid var(--accent);width:100%;color:var(--text-primary);font-family:var(--font-mono);background:0 0;outline:none;padding:.4rem 0;font-size:.75rem}.empty-state{text-align:center;color:var(--text-dim);padding:2rem 0;font-size:.7rem;font-weight:300}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-elevated);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-mono);box-shadow:0 4px 20px #0006, 0 0 15px var(--accent-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:auto;padding:.75rem 1.25rem;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.toast.show{opacity:1;transform:translate(0)}.auth-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:360px;padding:2.5rem}.auth-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent), var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:.8rem;font-family:var(--font-display);margin-bottom:1.5rem}.auth-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:var(--radius-sm);outline:none;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.auth-btn{width:100%}.auth-message{color:var(--text-muted);min-height:1.2em;margin-top:1rem;font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:1rem;width:100%;padding:1rem}.profile-section{flex:1;min-width:200px}.mission-log{flex:1;min-width:200px;margin-top:0}.daily-quote{width:100%;margin-top:0}.main-content{gap:1.5rem;padding:1rem}.glitch-text{font-size:2rem}.timer-display{font-size:5rem}.timer-controls{flex-wrap:wrap}.board{grid-template-columns:1fr;gap:1rem}.timer-options{opacity:1}.toast-container{bottom:1rem;left:1rem;right:1rem}}