@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #f5f5f5;--surface: #ffffff;--surface-alt: #f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text: #1f2937;--text-muted: #6b7280;--text-dim: #9ca3af;--accent: #3B82F6;--accent-deep: #2563EB;--accent-soft: rgba(59, 130, 246, .12);--indigo: #6366F1;--success: #10B981;--warn: #F59E0B;--danger: #EF4444;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;font-family:var(--font-sans);line-height:1.55;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,h4{margin:0;color:var(--text);font-weight:600}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.1rem}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-deep)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.95rem;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-soft)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input[type=color]{padding:0;height:36px;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:var(--accent-soft);color:var(--text)}.dashboard h2{margin:0;font-size:1.6rem;color:var(--text)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dashboard-stats{display:grid;grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}@media(min-width:480px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}.stat-card{background:var(--surface);padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.stat-number{font-size:2.25rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.4rem}.stat-label{color:var(--text-muted);font-size:.85rem}.todos-widget{background:var(--surface);padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.todos-widget h3{margin:0 0 .85rem;font-size:1rem;color:var(--text)}.todos-widget .empty{color:var(--text-muted);text-align:center;padding:.5rem;font-size:.9rem}.widget-link{text-align:right;margin-top:.65rem}.widget-link a{color:var(--accent);font-size:.85rem}.habits-section{margin-bottom:2rem}.dashboard h3{margin-top:1.5rem;margin-bottom:.85rem;font-size:1.05rem;color:var(--text);display:flex;align-items:center;gap:.4rem}.dashboard h3.essential:before{content:"★";color:var(--warn)}.habits-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:640px){.habits-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.habit-card{background:var(--surface);padding:1.15rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--card-accent, var(--accent));display:flex;flex-direction:column;gap:.85rem;transition:transform .15s,box-shadow .15s}.habit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.habit-card.essential{background:linear-gradient(180deg,#fffbeb,var(--surface));border-left-width:5px;border-left-color:var(--warn)}.habit-card.cooldown{opacity:.75;background:var(--surface-alt)}.habit-info{flex:1}.habit-info h4{margin:0 0 .4rem;font-size:1.05rem;color:var(--text);font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.habit-info p{margin:0;color:var(--text-muted);font-size:.88rem}.essential-star{color:var(--warn);font-size:1rem;filter:drop-shadow(0 0 4px rgba(245,158,11,.35))}.habit-target{font-size:.72rem;color:var(--warn);background:#fff7ed;border:1px solid #fed7aa;padding:.1rem .5rem;border-radius:4px;font-family:var(--font-mono)}.period-badge{font-size:.7rem;color:var(--indigo);background:#eef2ff;border:1px solid #c7d2fe;padding:.1rem .5rem;border-radius:4px;letter-spacing:.04em;font-weight:500;text-transform:uppercase}.streak-badge{display:inline-block;background:#fef3c7;color:#92400e;padding:.22rem .7rem;border-radius:999px;font-size:.82rem;font-weight:600;margin-top:.5rem}.complete-btn{background:var(--success);color:#fff;border:none;padding:.7rem 1.1rem;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.complete-btn:hover{background:#059669}.complete-btn-extra{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer}.complete-btn-extra:hover{background:#e5e7eb;color:var(--text)}.cooldown-meta{font-size:.82rem;color:var(--text-muted);margin-top:.5rem;font-family:var(--font-mono)}.timer-modal{text-align:center}.muted{color:var(--text-muted);font-size:.88rem;margin:0}.timer-display{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:var(--accent);margin:1.25rem 0 1rem;letter-spacing:.04em;line-height:1}.timer-controls{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.5rem}.timer-btn-start{background:var(--success);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600}.timer-btn-stop{background:var(--danger);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:600}.timer-btn-reset{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border);padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem}.timer-btn-reset:hover{color:var(--text);border-color:var(--accent)}.small{font-size:.78rem}.warn{background:#f59e0b1f;color:var(--warning, #d97706);padding:.4rem .65rem;border-radius:var(--radius-sm);font-size:.82rem;margin:0 0 .5rem}.card-live-timer{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem 0 .3rem;padding:.25rem .55rem;background:#10b9811a;border-radius:999px;font-family:var(--font-mono);font-size:.85rem;color:var(--card-accent, var(--accent));font-variant-numeric:tabular-nums}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--card-accent, var(--accent))}.live-dot.on{animation:live-pulse 1.2s ease-in-out infinite}.live-dot.off{opacity:.4}@keyframes live-pulse{0%,to{opacity:.45}50%{opacity:1}}.live-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.habit-card.timer-active{outline:2px solid var(--card-accent, var(--accent));outline-offset:-2px}.timer-manual{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);text-align:left}.timer-manual label{font-size:.88rem;color:var(--text-muted)}.timer-manual input{width:5rem;padding:.4rem .5rem;text-align:center;margin:0 .5rem;font-family:var(--font-mono)}.timer-modal textarea{width:100%;margin-top:1rem}.dragon-preview-banner,.xp-toast{display:none!important}.habit-list-page h2{margin:0;color:var(--text)}.page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:480px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.habits-list{display:flex;flex-direction:column;gap:.7rem}.habit-item{background:var(--surface);padding:1.15rem 1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--card-accent, var(--accent));display:flex;justify-content:space-between;align-items:center;transition:transform .15s,box-shadow .15s;cursor:pointer}.habit-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.habit-item-content{flex:1}.habit-item h3{margin:0 0 .3rem;font-size:1.05rem;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.habit-item p{margin:0;color:var(--text-muted);font-size:.88rem}.habit-item-actions{display:flex;align-items:center;gap:.25rem}.delete-btn,.edit-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.4rem .55rem;opacity:.55;transition:opacity .15s}.delete-btn:hover,.edit-btn:hover{opacity:1}.modal--wide{max-width:580px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group--emoji{flex:0 0 auto;min-width:110px}.form-group--name{flex:1}.emoji-input{font-size:1.4rem;width:3rem;text-align:center;padding:.3rem}.emoji-quick{display:flex;flex-wrap:wrap;gap:4px;margin-top:.4rem}.emoji-btn{background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:1rem;cursor:pointer;transition:background .15s,border-color .15s}.emoji-btn:hover{background:#e5e7eb}.emoji-btn.selected{background:#e0e7ff;border-color:#6366f1}.type-toggle{display:flex;gap:.5rem}.type-btn{flex:1;padding:.55rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:.9rem;transition:all .15s;color:var(--text);font-weight:500}.type-btn.active{border-color:var(--accent);background:#eff6ff;color:var(--accent-deep);font-weight:600}.form-group small{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.3rem}.habit-type-badge{font-size:.72rem;padding:1px 7px;border-radius:4px;vertical-align:middle;font-weight:500;letter-spacing:.02em}.habit-emoji{margin-right:.35rem}.toggle-row{display:flex;align-items:center;gap:.6rem}.toggle-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .85rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:.88rem;color:var(--text-muted);font-weight:500;transition:all .15s}.toggle-pill.active{border-color:var(--accent);background:#eff6ff;color:var(--accent-deep)}.toggle-pill.essential.active{border-color:var(--warn);background:#fffbeb;color:#92400e}.habit-detail{max-width:900px;margin:0 auto}.back-btn{background:none;border:none;color:var(--accent);font-size:.95rem;cursor:pointer;padding:.4rem 0;margin-bottom:1rem;transition:opacity .15s}.back-btn:hover{opacity:.7}.habit-header{background:var(--surface);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;border-left:4px solid var(--card-accent, var(--accent))}.habit-header h2{margin:0 0 .5rem;color:var(--text);font-size:1.6rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.habit-header p{margin:0;color:var(--text-muted)}.habit-emoji{font-size:1.3em}.habit-type-badge{font-size:.72rem;padding:.15rem .55rem;border-radius:4px;vertical-align:middle}.habit-type-badge.timer{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.essential-star{color:var(--warn);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}@media(min-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-box{background:var(--surface);padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.stat-icon{font-size:1.6rem;margin-bottom:.35rem}.stat-value{font-size:1.85rem;font-weight:700;color:var(--accent);margin-bottom:.25rem;line-height:1}.stat-label{color:var(--text-muted);font-size:.82rem}.cycle-panel{background:var(--surface);padding:1.25rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.cycle-panel h3{margin:0 0 .5rem;font-size:1rem;color:var(--text)}.cycle-window{margin:0 0 .85rem;color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono)}.cycle-status{margin:0;font-weight:500;color:var(--text)}.completions-section{background:var(--surface);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.completions-section h3{margin:0 0 1rem;font-size:1rem;color:var(--text)}.completions-list{display:flex;flex-direction:column;gap:.6rem}.completion-item{position:relative;padding:.85rem 1rem;background:var(--surface-alt);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.completion-date{font-weight:500;font-family:var(--font-mono);color:var(--text);margin-bottom:.35rem;font-size:.85rem}.completion-note{color:var(--text-muted);font-size:.92rem;font-style:italic}.completion-duration{display:inline-block;font-family:var(--font-mono);font-size:.82rem;color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;padding:.15rem .5rem;border-radius:4px;margin-bottom:.4rem;font-weight:500}.completion-del{position:absolute;top:.45rem;right:.45rem;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.2rem .5rem;transition:color .15s}.completion-del:hover{color:var(--danger)}.empty-message{text-align:center;color:var(--text-muted);padding:2rem}.goals-page h2{margin:0;color:var(--text)}.goals-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:640px){.goals-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.goal-card{background:var(--surface);padding:1.25rem;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--card-accent, var(--accent));transition:transform .15s,box-shadow .15s}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.goal-card.completed{background:#f0fdf4;border-left-color:var(--success)!important}.goal-card.expired{background:#fef2f2;border-left-color:var(--danger)!important}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;gap:.5rem}.goal-header h3{margin:0;font-size:1rem;flex:1;color:var(--text)}.goal-description{margin:0 0 .85rem;color:var(--text-muted);font-size:.88rem}.goal-progress{margin-bottom:.85rem}.progress-bar{width:100%;height:10px;background:var(--border);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.goal-card.completed .progress-fill{background:var(--success)}.progress-text{font-size:.88rem;color:var(--text-muted);font-weight:500;font-family:var(--font-mono)}.goal-deadline{font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono)}.goal-card.expired .goal-deadline{color:var(--danger);font-weight:500}.projects-page h1{margin:0;color:var(--text);font-size:1.6rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.project-form{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.2rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.form-row{display:flex;gap:.55rem;align-items:center}.form-row input[type=text]{flex:1}.emoji-input{width:56px;text-align:center;font-size:1.1rem}.color-input{width:46px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem}.project-card{position:relative;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--card-accent, var(--accent));transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.project-card-link{display:block;padding:1.05rem 1.25rem;color:inherit;text-decoration:none}.project-card-link:hover{color:inherit}.project-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.project-emoji{font-size:1.6rem}.project-card-header h3{margin:0;font-size:1.1rem;color:var(--text)}.project-desc{color:var(--text-muted);font-size:.88rem;margin:.2rem 0 .5rem}.project-excerpt{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:.5rem 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-meta{color:var(--text-dim);font-size:.75rem;margin-top:.85rem;font-family:var(--font-mono)}.project-del{position:absolute;top:.45rem;right:.45rem;background:#0000000d;border:none;color:var(--text-muted);cursor:pointer;width:26px;height:26px;border-radius:13px;font-size:.78rem;transition:background .15s,color .15s}.project-del:hover{background:#ef44441a;color:var(--danger)}.empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.project-detail{max-width:900px;margin:0 auto}.pd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.pd-back{color:var(--accent);font-size:.92rem}.pd-back:hover{color:var(--accent-deep)}.pd-save-state{font-size:.82rem;color:var(--text-muted);font-family:var(--font-mono);min-width:140px;text-align:right}.pd-meta{display:flex;gap:.55rem;align-items:center;padding:.6rem .9rem;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:.55rem;border-left:3px solid var(--card-accent, var(--accent))}.pd-emoji{width:48px;font-size:1.2rem;text-align:center;background:transparent;border:1px solid transparent;color:inherit;border-radius:4px;padding:.25rem}.pd-name{flex:1;font-size:1.25rem;font-weight:600;background:transparent;border:1px solid transparent;color:var(--text);padding:.25rem .5rem;border-radius:4px}.pd-name:focus,.pd-emoji:focus,.pd-desc:focus{outline:none;border-color:var(--accent);background:var(--surface-alt)}.pd-color{width:38px;height:32px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer}.pd-desc{width:100%;padding:.6rem .85rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem}.rich-editor{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.rt-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;padding:.55rem .7rem;background:var(--surface-alt);border-bottom:1px solid var(--border)}.rt-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.3rem .55rem;font-size:.85rem;border-radius:4px;cursor:pointer;min-width:28px;transition:background .15s,border-color .15s}.rt-btn:hover{background:#e5e7eb}.rt-btn.active{background:#e0e7ff;border-color:var(--indigo);color:#3730a3}.rt-content{padding:1.25rem 1.5rem;min-height:420px}.rt-content .ProseMirror{outline:none;min-height:400px;line-height:1.65;color:var(--text)}.rt-content .ProseMirror h1{font-size:1.7em;margin:.5em 0 .3em;font-weight:700}.rt-content .ProseMirror h2{font-size:1.35em;margin:.5em 0 .3em;font-weight:600}.rt-content .ProseMirror h3{font-size:1.15em;margin:.5em 0 .3em;font-weight:600}.rt-content .ProseMirror ul,.rt-content .ProseMirror ol{padding-left:1.5em}.rt-content .ProseMirror blockquote{border-left:3px solid var(--border-strong);padding-left:.95rem;margin-left:0;color:var(--text-muted)}.rt-content .ProseMirror code{background:var(--surface-alt);border:1px solid var(--border);padding:1px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.88em;color:#c2410c}.rt-content .ProseMirror a{color:var(--accent);text-decoration:underline}.rt-content .ProseMirror p.is-editor-empty:first-child:before{content:"Notizen schreiben…";float:left;color:var(--text-dim);pointer-events:none;height:0}.todos-page{max-width:800px;margin:0 auto}.todos-page h1{margin:0 0 1rem;color:var(--text);font-size:1.6rem}.todo-quickadd{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.todo-quickadd.inline{margin-bottom:.75rem;padding:.5rem;background:var(--surface-alt);box-shadow:none}.todo-quickadd input[type=text]{flex:1;padding:.55rem .8rem}.todo-quickadd input[type=date]{padding:.55rem;font-size:.85rem;font-family:var(--font-mono)}.todo-quickadd .btn-primary{padding:0 1.1rem;font-size:1.05rem}.todo-section{margin-bottom:1.5rem}.todo-section h2{font-size:.95rem;color:var(--text);margin:.75rem 0 .5rem;font-weight:600}.todo-section.overdue h2{color:var(--danger)}.todo-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .95rem;background:var(--surface);border-radius:var(--radius-sm);margin-bottom:.45rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.todo-item:hover{box-shadow:var(--shadow)}.todo-item.done{opacity:.6;background:var(--surface-alt)}.todo-item.done .todo-title{text-decoration:line-through;color:var(--text-muted)}.todo-check{display:flex;align-items:center;gap:.7rem;flex:1;cursor:pointer}.todo-check input[type=checkbox]{width:17px;height:17px;cursor:pointer;accent-color:var(--accent)}.todo-title{font-size:.95rem;color:var(--text)}.todo-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.todo-due{white-space:nowrap}.todo-desc{font-size:.78rem;color:var(--text-muted)}.todo-del{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:color .15s}.todo-del:hover{color:var(--danger)}.todo-edit-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:.25rem .5rem;transition:color .15s}.todo-edit-btn:hover{color:var(--accent)}.todo-title{cursor:text}.todo-item.editing{background:var(--surface-alt);padding:.7rem .95rem}.todo-edit-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.todo-edit-title{font-size:.95rem;padding:.45rem .6rem;width:100%}.todo-edit-date{padding:.4rem .55rem;font-size:.85rem;font-family:var(--font-mono);width:max-content}.todo-edit-desc{font-size:.85rem;padding:.4rem .55rem;resize:vertical;font-family:inherit}.todo-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.empty{text-align:center;color:var(--text-muted);padding:1.5rem .5rem;font-size:.9rem}.notes-moved{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.notes-moved-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px #0000000f;padding:2.2rem 2rem;max-width:460px;text-align:center}.notes-moved-icon{font-size:2.2rem;margin-bottom:.8rem}.notes-moved-card h2{margin:0 0 .6rem;font-size:1.45rem}.notes-moved-card p{color:#4b5563;line-height:1.5;margin-bottom:1.4rem}.notes-moved-card a{color:#3b82f6;font-weight:600}.notes-moved-btn{display:inline-block;background:#3b82f6;color:#fff!important;padding:.7rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;margin-bottom:1rem}.notes-moved-btn:hover{background:#2563eb}.notes-moved-card small{display:block;color:#9ca3af;font-size:.78rem}.score-page{max-width:1000px;margin:0 auto}.score-page h1{margin:0 0 1.25rem;color:var(--text);font-size:1.6rem}.score-top{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.score-stats{flex:1;min-width:240px;display:flex;flex-direction:column;gap:.55rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--surface-alt);border-radius:var(--radius-sm)}.stat-row .stat-label{color:var(--text-muted);font-size:.88rem;margin:0}.stat-val{font-family:var(--font-mono);font-weight:600;color:var(--text);font-size:.95rem}.score-range{display:flex;gap:.45rem;align-items:center;margin-bottom:.85rem;flex-wrap:wrap}.score-range span{color:var(--text-muted);font-size:.88rem;margin-right:.4rem}.score-range button{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.35rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-family:var(--font-mono);transition:background .15s,border-color .15s}.score-range button:hover{background:var(--surface-alt)}.score-range button.active{background:var(--accent);border-color:var(--accent);color:#fff}.score-chart{display:flex;gap:4px;align-items:flex-end;height:220px;padding:1rem 1rem 2rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.bar{flex:1;min-width:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.bar-track{width:100%;background:var(--surface-alt);border-radius:2px;position:relative;overflow:hidden;display:flex;flex-direction:column-reverse;min-height:3px}.bar-fill{width:100%;background:var(--success);border-radius:2px;transition:height .3s ease}.bar-label{font-size:.6rem;color:var(--text-muted);margin-top:4px;transform:rotate(-45deg);transform-origin:top left;white-space:nowrap;position:absolute;bottom:-1rem;left:50%;font-family:var(--font-mono)}.habit-stats-header{margin:2rem 0 .85rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.habit-stats-header h2{font-size:1.1rem;margin:0;color:var(--text)}.habit-stats-controls{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.check-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);padding:.3rem .7rem;border-radius:999px;font-size:.82rem;cursor:pointer;color:var(--text)}.check-pill input{margin:0}.sort-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .55rem;font-size:.82rem;color:var(--text)}.habit-stats-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:640px){.habit-stats-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}}.habit-stat-card{background:var(--surface);padding:1rem 1.15rem;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--card-accent, var(--accent));display:flex;flex-direction:column;gap:.7rem}.habit-stat-card.deleted{opacity:.7;background:var(--surface-alt)}.hsc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem}.hsc-title{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-weight:600;font-size:1rem}.hsc-emoji{font-size:1.1rem}.hsc-name{font-weight:600}.restore-btn{background:var(--surface-alt);border:1px solid var(--border);color:var(--accent);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;flex-shrink:0}.restore-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.badge-mini{font-size:.6rem;padding:.08rem .4rem;border-radius:3px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.badge-mini.essential{background:#fffbeb;color:#92400e;border-color:#fde68a}.badge-mini.period{background:#eef2ff;color:var(--indigo);border-color:#c7d2fe}.badge-mini.timer{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.badge-mini.deleted{background:#fee2e2;color:#991b1b;border-color:#fecaca}.hsc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.hsc-kpi{background:var(--surface-alt);padding:.45rem .4rem;border-radius:var(--radius-sm);text-align:center}.hsc-kpi-val{font-size:1.05rem;font-weight:700;color:var(--card-accent, var(--accent));line-height:1}.hsc-kpi-label{font-size:.62rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem}.hsc-weeks{display:flex;gap:3px;height:36px;align-items:flex-end;padding:0 2px;background:var(--surface-alt);border-radius:5px}.hsc-week{flex:1;background:var(--card-accent, var(--accent));border-radius:2px;min-height:3px;transition:opacity .15s}.hsc-meta{font-size:.76rem;color:var(--text-muted)}.timer-bar{position:sticky;top:0;z-index:50;display:flex;align-items:stretch;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;--bar-accent: #10B981}.timer-bar-progress{position:absolute;left:0;top:0;bottom:0;background:var(--bar-accent);opacity:.18;transition:width .4s ease;pointer-events:none}.timer-bar-content{flex:1;display:flex;align-items:center;gap:.6rem;padding:.55rem .95rem;background:transparent;border:none;cursor:pointer;color:var(--text);font:inherit;text-align:left;position:relative;z-index:1}.timer-bar-emoji{font-size:1.05rem}.timer-bar-name{font-weight:600;font-size:.9rem;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timer-bar-time{font-family:var(--font-mono);font-size:.95rem;font-variant-numeric:tabular-nums}.timer-bar-time.running{color:var(--bar-accent)}.timer-bar-time.paused{color:var(--text-muted);font-size:.85rem}.timer-bar-controls{display:flex;align-items:center;padding:0 .6rem;position:relative;z-index:1}.timer-bar-btn{background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.3rem .65rem;font-size:.8rem;cursor:pointer;font-family:var(--font-mono)}.timer-bar-btn:hover{border-color:var(--bar-accent);color:var(--bar-accent)}.app{min-height:100vh;background:var(--bg)}.navbar{background:var(--surface);box-shadow:var(--shadow-sm);padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.app-title{margin:0;font-size:1.3rem;font-weight:700;color:var(--accent)}.app-title:before{content:none}.nav-links{display:flex;gap:.4rem;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--text);font-weight:500;padding:.5rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;transition:background-color .15s,color .15s}.nav-link:hover{background:var(--surface-alt)}.nav-link.active{background:#e0e7ff;color:#3730a3}@media(min-width:768px){.nav-container{padding:0 2rem}.app-title{font-size:1.5rem}.nav-link{padding:.5rem 1rem;font-size:.95rem}}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}@media(min-width:768px){.main-content{padding:0 2rem 2rem}}.loading{text-align:center;padding:3rem;font-size:1rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface);padding:1.5rem;border-radius:var(--radius);max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}@media(min-width:768px){.modal{padding:2rem}}.modal h3{margin:0 0 1.25rem;font-size:1.25rem}.form-group{margin-bottom:1.15rem}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;font-size:.88rem;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.65rem .75rem;font-size:.95rem}.modal-actions{display:flex;gap:.65rem;justify-content:flex-end;margin-top:1.5rem;flex-direction:column}@media(min-width:480px){.modal-actions{flex-direction:row}}.btn-primary,.btn-secondary{padding:.6rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:var(--surface-alt);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:#e5e7eb}.color-picker{display:flex;gap:.45rem;flex-wrap:wrap}.color-option{width:34px;height:34px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:transform .15s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--text)}