*{margin:0;padding:0;box-sizing:border-box}body{font-family:monospace;overflow:hidden;height:100vh}#root{height:100vh}.theme-retro{--bg: #0a0a00;--bg-surface: #111100;--bg-hover: #1a1a00;--text: #ffb000;--text-dim: #996600;--text-bright: #ffcc00;--accent: #ff8c00;--danger: #ff4400;--border: #332200;--badge-bg: #1a1200;--badge-text: #ffb000;--input-bg: #0d0d00;--scrollbar: #332200;height:100%;background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace;image-rendering:pixelated}.theme-retro:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:9999}.theme-retro:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:9998}.theme-modern{--bg: #1e1e2e;--bg-surface: #262637;--bg-hover: #2e2e42;--text: #cdd6f4;--text-dim: #6c7086;--text-bright: #ffffff;--accent: #89b4fa;--danger: #f38ba8;--border: #363652;--badge-bg: #313248;--badge-text: #cdd6f4;--input-bg: #1e1e2e;--scrollbar: #363652;height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.layout{display:flex;flex-direction:column;height:100vh}.nav{display:flex;align-items:center;gap:16px;padding:0 20px;height:48px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.nav-brand{font-weight:700;font-size:14px;letter-spacing:2px;color:var(--text-bright)}.theme-retro .nav-brand{text-shadow:0 0 8px var(--accent)}.nav-links{display:flex;gap:4px;margin-left:24px}.nav-link{padding:6px 14px;border-radius:4px;text-decoration:none;color:var(--text-dim);font-size:13px;transition:all .15s}.nav-link:hover{color:var(--text);background:var(--bg-hover)}.nav-link.active{color:var(--text-bright);background:var(--bg-hover)}.theme-retro .nav-link.active{text-shadow:0 0 6px var(--text)}.settings-btn{margin-left:auto;padding:4px 6px;background:none;color:var(--text-dim);border:none;cursor:pointer;line-height:1;display:flex;align-items:center}.settings-btn:hover{color:var(--text)}.settings-btn svg{transition:transform .3s}.settings-btn:hover svg{transform:rotate(45deg)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:700}.settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,90vw);max-height:80vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:24px;z-index:701;animation:search-pop .1s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-header h2{font-size:18px;color:var(--text-bright)}.theme-retro .settings-header h2{text-shadow:0 0 8px var(--accent)}.settings-section{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--border)}.settings-section h3{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--text)}.skin-switcher{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.skin-option{padding:5px 14px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;font-size:13px;font-family:inherit}.skin-option:hover{color:var(--text)}.skin-option.active{background:var(--bg-hover);color:var(--text-bright)}.theme-retro .skin-option.active{text-shadow:0 0 4px var(--text)}.import-label{cursor:pointer;display:inline-block}.settings-status{padding:8px 12px;border-radius:4px;font-size:13px;background:var(--bg);color:var(--accent);border:1px solid var(--border);margin-top:8px}.settings-status.error{color:var(--danger);border-color:var(--danger)}.shortcut-group{margin-bottom:12px}.shortcut-group-title{font-size:12px;color:var(--text);font-weight:600;margin-bottom:4px;padding-top:8px;border-top:1px solid var(--border)}.shortcut-group:first-child .shortcut-group-title{border-top:none;padding-top:0}.shortcut-row{display:flex;align-items:center;gap:12px;padding:3px 0;font-size:13px}.shortcut-key{display:inline-block;min-width:60px;padding:2px 8px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:12px;color:var(--accent);text-align:center}.theme-retro .shortcut-key{text-shadow:0 0 4px var(--accent)}.shortcut-desc{color:var(--text-dim)}.main{flex:1;overflow-y:auto;padding:24px}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-track{background:var(--bg)}.main::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.directory-view{position:relative;height:100%}.directory-content{width:100%}.directory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.directory-actions{display:flex;gap:8px;align-items:center}.directory-header h1{font-size:20px;color:var(--text-bright)}.theme-retro .directory-header h1{text-shadow:0 0 10px var(--accent)}.view-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.view-toggle-btn{padding:4px 10px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;font-size:14px;font-family:inherit;line-height:1}.view-toggle-btn:hover{color:var(--text)}.view-toggle-btn.active{background:var(--bg-hover);color:var(--text-bright)}.theme-retro .view-toggle-btn.active{text-shadow:0 0 4px var(--text)}.tree-container{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--bg-surface)}.tree-h-container{overflow:auto;padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.tree-h-roots{display:flex;flex-direction:column;gap:24px}.tree-h-row{display:flex;align-items:flex-start}.tree-h-card{position:relative;flex-shrink:0;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;min-width:120px;max-width:200px;transition:border-color .15s,background .15s}.tree-h-card:hover{border-color:var(--text-dim);background:var(--bg-hover)}.tree-h-card.selected{border-color:var(--accent)}.theme-retro .tree-h-card.selected{box-shadow:0 0 8px var(--accent)}.tree-h-card.status-bg-active{border-left:3px solid var(--accent)}.tree-h-card.status-bg-inactive{border-left:3px solid var(--text-dim);opacity:.7}.tree-h-card.status-bg-done{border-left:3px solid var(--text-dim);opacity:.5}.tree-h-card.status-bg-archived{border-left:3px solid var(--border);opacity:.4}.tree-h-name{font-size:13px;font-weight:600;color:var(--text-bright);margin-bottom:4px;word-break:break-word}.theme-retro .tree-h-name{text-shadow:0 0 4px var(--text)}.tree-h-meta{display:flex;flex-wrap:wrap;gap:3px}.tree-h-meta .badge{font-size:9px;padding:1px 5px}.tree-h-tasks{font-size:11px;color:var(--text-dim);margin-top:4px}.tree-h-card-actions{position:absolute;right:-10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:2}.tree-h-toggle,.tree-h-add{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-dim);width:18px;height:18px;border-radius:50%;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.tree-h-toggle:hover,.tree-h-add:hover{color:var(--text);border-color:var(--text-dim)}.tree-h-add{opacity:0;transition:opacity .15s;font-size:12px}.tree-h-card:hover .tree-h-add{opacity:1}.tree-h-add:hover{color:var(--accent);border-color:var(--accent)}.tree-h-create-card{flex-shrink:0;padding:8px 10px;background:var(--bg);border:1px dashed var(--accent);border-radius:6px;min-width:120px;max-width:200px;display:flex;flex-direction:column;gap:6px}.tree-h-create-input{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 8px;font-size:12px;font-family:inherit;width:100%}.tree-h-create-input:focus{outline:none;border-color:var(--accent)}.theme-retro .tree-h-create-input:focus{box-shadow:0 0 6px var(--accent)}.tree-h-create-actions{display:flex;gap:4px}.tree-h-branch{display:flex;flex-direction:column;position:relative;margin-left:28px}.tree-h-branch:after{content:"";position:absolute;left:-28px;width:28px;height:2px;top:18px;background:var(--border)}.theme-retro .tree-h-branch:after{background:var(--text-dim);box-shadow:0 0 3px var(--text-dim)}.tree-h-branch:before{display:none}.tree-h-branch-item{display:flex;align-items:flex-start;position:relative;padding:4px 0}.tree-h-branch-item:not(.last):before{content:"";position:absolute;left:0;top:22px;bottom:0;width:2px;background:var(--border)}.tree-h-branch-item:not(.first):after{content:"";position:absolute;left:0;top:0;height:22px;width:2px;background:var(--border)}.theme-retro .tree-h-branch-item:not(.last):before,.theme-retro .tree-h-branch-item:not(.first):after{background:var(--text-dim);box-shadow:0 0 3px var(--text-dim)}.tree-h-arm{width:16px;height:2px;background:var(--border);flex-shrink:0;margin-top:18px}.theme-retro .tree-h-arm{background:var(--text-dim);box-shadow:0 0 3px var(--text-dim)}.initiative-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:default;font-size:14px}.initiative-row:hover{background:var(--bg-hover)}.initiative-row.selected{background:var(--bg-hover);outline:1px solid var(--accent)}.theme-retro .initiative-row.selected{box-shadow:0 0 6px var(--accent)}.drag-handle{cursor:grab;color:var(--text-dim);font-size:12px;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .15s;flex-shrink:0;width:14px;text-align:center}.initiative-row:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.initiative-row.drop-before{border-top:2px solid var(--accent)}.initiative-row.drop-after{border-bottom:2px solid var(--accent)}.initiative-row.drop-inside{outline:2px solid var(--accent);outline-offset:-1px;background:var(--bg-hover);border-radius:4px}.theme-retro .initiative-row.drop-before,.theme-retro .initiative-row.drop-after,.theme-retro .initiative-row.drop-inside{box-shadow:0 0 6px var(--accent)}.expand-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:10px;width:16px;text-align:center;font-family:inherit;padding:0}.expand-btn:disabled{cursor:default;opacity:.3}.initiative-name{font-weight:500}.initiative-name.status-active{color:var(--text)}.initiative-name.status-inactive{color:var(--text-dim)}.initiative-name.status-done{color:var(--text-dim);text-decoration:line-through}.initiative-name.status-archived{color:var(--text-dim);opacity:.5}.theme-retro .initiative-name.status-active{text-shadow:0 0 4px var(--text)}.task-count{margin-left:auto;font-size:11px;color:var(--text-dim)}.add-child-btn{background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:12px;width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;font-family:inherit}.initiative-row:hover .add-child-btn{opacity:1}.add-child-btn:hover{color:var(--accent);border-color:var(--accent)}.badge{padding:2px 8px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:var(--badge-bg);color:var(--badge-text);border:1px solid var(--border)}.project-badge{color:var(--accent);border-color:var(--accent)}.theme-retro .project-badge{text-shadow:0 0 4px var(--accent)}.inspector-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500}.inspector{position:fixed;top:0;right:0;width:100vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);padding:24px 32px;overflow-y:auto;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(320px,1fr) minmax(0,2fr);grid-template-areas:"header header" "props content";gap:24px 32px;z-index:501;animation:slide-in .15s ease-out}.inspector-header{grid-area:header}.inspector-properties{grid-area:props;display:flex;flex-direction:column;gap:16px;align-content:start;min-width:0}.inspector-content{grid-area:content;display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:900px){.inspector{grid-template-columns:1fr;grid-template-areas:"header" "props" "content";padding:20px}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.inspector-header{display:flex;justify-content:space-between;align-items:center}.inspector-header h2{font-size:15px;color:var(--text-bright);font-weight:600}.theme-retro .inspector-header h2{text-shadow:0 0 6px var(--accent)}.close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:16px}.close-btn:hover{color:var(--text)}.inspector-section{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.inspector-section h3{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.inspector-section-actions{display:flex;align-items:center;gap:10px}.inline-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);text-transform:none;letter-spacing:0;cursor:pointer;white-space:nowrap}.task-note-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;opacity:.4;transition:opacity .15s;padding:0;display:inline-flex;align-items:center;justify-content:center}.task-note-btn svg{display:block}.task-note-btn:hover{opacity:.8}.task-note-btn.has-note{opacity:.8;color:var(--accent)}.task-note-btn.active{opacity:1;color:var(--accent)}.task-note-textarea{flex-basis:100%;margin-top:6px;margin-left:28px;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px}.task-note-textarea:focus{outline:none;border-color:var(--accent)}.inspector-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.inspector-section-header h3{margin-bottom:0}.inspector label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.inspector .inspector-section>label>input,.inspector .inspector-section>label>select,.inspector .inspector-section>label>textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit}.inspector textarea{resize:vertical;min-height:48px}.inspector .inspector-section>label>input:focus,.inspector .inspector-section>label>select:focus,.inspector .inspector-section>label>textarea:focus{outline:none;border-color:var(--accent)}.theme-retro .inspector .inspector-section>label>input:focus,.theme-retro .inspector .inspector-section>label>textarea:focus{box-shadow:0 0 6px var(--accent)}.inspector-inline-form{display:flex;gap:6px;align-items:flex-start}.inspector-inline-form input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 8px;font-size:12px;font-family:inherit}.inspector-inline-form input[type=date]{flex:0 0 auto;width:120px}.inspector-inline-form textarea{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 8px;font-size:12px;font-family:inherit;resize:vertical;min-height:40px}.inspector-inline-form input:focus,.inspector-inline-form textarea:focus{outline:none;border-color:var(--accent)}.inspector-task-list{display:flex;flex-direction:column;gap:1px}.inspector-task-item{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 6px;border-radius:3px;font-size:13px}.inspector-task-item:hover{background:var(--bg-hover)}.inspector-task-item.completed .task-title{text-decoration:line-through;color:var(--text-dim)}.task-delete-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;opacity:0;transition:opacity .15s;padding:0}.inspector-task-item:hover .task-delete-btn{opacity:1}.task-delete-btn:hover{color:var(--danger)}.task-edit-input{flex:1;background:var(--input-bg);border:1px solid var(--accent);border-radius:3px;color:var(--text);padding:2px 6px;font-size:13px;font-family:inherit;outline:none}.inspector-task-item .drag-handle{opacity:0;flex-shrink:0}.inspector-task-item:hover .drag-handle{opacity:1}.inspector-task-item.drop-before{border-top:2px solid var(--accent)}.inspector-task-item.drop-after{border-bottom:2px solid var(--accent)}.task-date-inline{flex:0 0 auto;width:110px}.task-date-inline .smart-date-text{padding:2px 4px;font-size:11px;color:var(--text-dim);border-color:transparent;background:transparent}.task-date-inline .smart-date-text:focus{border-color:var(--accent);background:var(--input-bg);color:var(--text)}.task-date-inline .smart-date-text::placeholder{color:var(--text-dim);opacity:.5}.task-date-inline:after{font-size:11px;right:4px}.task-date-prominent{flex:0 0 auto;width:180px;margin-left:auto}.task-date-prominent .smart-date-text{padding:6px 10px;font-size:14px;color:var(--text);text-align:right;border-color:transparent;background:transparent}.task-date-prominent .smart-date-text:focus{border-color:var(--accent);background:var(--input-bg);text-align:left}.task-date-prominent .smart-date-text::placeholder{color:var(--text-dim);opacity:.4}.theme-retro .task-date-prominent .smart-date-text{text-shadow:0 0 3px var(--text-dim)}.theme-retro .task-date-prominent .smart-date-text:focus{text-shadow:0 0 4px var(--accent)}.note-block{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:10px;font-size:13px;margin-top:4px;white-space:pre-wrap;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.note-content{flex:1}.note-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;opacity:0;transition:opacity .15s;flex-shrink:0;padding:0}.note-block:hover .note-delete{opacity:1}.note-delete:hover{color:var(--danger)}.note-edit-textarea{flex:1;background:var(--input-bg);border:1px solid var(--accent);border-radius:4px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical;min-height:48px;outline:none;white-space:pre-wrap}.theme-retro .note-edit-textarea{box-shadow:0 0 6px var(--accent)}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:600}.search-overlay{position:fixed;top:15%;left:50%;transform:translate(-50%);width:min(480px,90vw);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;z-index:601;overflow:hidden;animation:search-pop .1s ease-out}@keyframes search-pop{0%{opacity:0;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}.search-input{width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:15px;font-family:inherit;outline:none}.theme-retro .search-input{text-shadow:0 0 4px var(--text)}.search-results{max-height:300px;overflow-y:auto}.search-result{padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.search-result:hover,.search-result.highlighted{background:var(--bg-hover)}.search-result-name{font-size:14px;color:var(--text-bright)}.search-result-path{font-size:11px;color:var(--text-dim)}.search-empty{padding:20px 16px;color:var(--text-dim);font-size:13px;text-align:center}.inspector-meta{font-size:12px;color:var(--text-dim)}.inspector-actions{display:flex;gap:8px;margin-top:auto}.btn-secondary{padding:6px 14px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;width:100%;text-align:center}.btn-secondary:hover{background:var(--accent);color:var(--bg)}.btn-small{padding:4px 10px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;flex-shrink:0}.btn-ghost{padding:6px 12px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:13px;font-family:inherit}.btn-ghost:hover{color:var(--text);border-color:var(--text-dim)}.create-parent-label{font-size:12px;color:var(--accent);white-space:nowrap}.btn-primary{padding:6px 16px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit}.theme-retro .btn-primary{box-shadow:0 0 8px var(--accent)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:default}.btn-danger{padding:6px 16px;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:4px;cursor:pointer;font-size:13px;font-family:inherit}.btn-danger:hover{background:var(--danger);color:var(--bg)}.create-form,.add-task-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.create-form input[type=text],.create-form input:not([type]),.add-task-form input[type=text],.add-task-form input:not([type]){flex:1;min-width:150px}.create-form input,.add-task-form input{flex:none;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit}.create-form input:focus,.add-task-form input:focus{outline:none;border-color:var(--accent)}.add-task-form input[type=date]{flex:0 0 auto;width:140px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);cursor:pointer;white-space:nowrap}.project-view{max-width:720px}.project-header{margin-bottom:24px}.back-link{color:var(--text-dim);text-decoration:none;font-size:13px}.back-link:hover{color:var(--text)}.project-header h1{font-size:24px;color:var(--text-bright);margin:8px 0}.theme-retro .project-header h1{text-shadow:0 0 12px var(--accent)}.project-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.deliverable,.due-date{font-size:13px;color:var(--text-dim)}.deliverable-field{resize:vertical;min-height:60px;white-space:pre-wrap;word-wrap:break-word}.tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tasks-header h2{font-size:16px;color:var(--text-bright);margin:0}.tasks-section h2{font-size:16px;color:var(--text-bright);margin-bottom:12px}.sort-toggle{display:flex;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.sort-btn{padding:4px 12px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;font-size:12px;font-family:inherit}.sort-btn:hover{color:var(--text)}.sort-btn.active{background:var(--bg-hover);color:var(--text-bright)}.theme-retro .sort-btn.active{text-shadow:0 0 4px var(--text)}.task-item.drop-before{border-top:2px solid var(--accent)}.task-item.drop-after{border-bottom:2px solid var(--accent)}.task-item .drag-handle{opacity:0}.task-item:hover .drag-handle{opacity:1}.task-list{display:flex;flex-direction:column;gap:2px}.task-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;font-size:14px}.task-item:hover{background:var(--bg-hover)}.task-item.focused{background:var(--bg-hover);outline:1px solid var(--accent);outline-offset:-1px}.theme-retro .task-item.focused{box-shadow:0 0 6px var(--accent)}.task-item.completed .task-title{text-decoration:line-through;color:var(--text-dim)}.task-check{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:0;font-family:inherit}.task-check:hover{color:var(--accent)}.theme-retro .task-check:hover{text-shadow:0 0 6px var(--accent)}.task-title{flex:1}.task-due{font-size:11px;color:var(--text-dim)}.task-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;opacity:0;transition:opacity .15s}.task-item:hover .task-delete{opacity:1}.task-delete:hover{color:var(--danger)}.task-info{flex:1;display:flex;flex-direction:column;gap:2px}.task-project-link{font-size:11px;color:var(--accent);text-decoration:none}.task-project-link:hover{text-decoration:underline}.completed-header{font-size:13px;color:var(--text-dim);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.coming-up-view{max-width:680px}.coming-up-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.coming-up-header h1{font-size:24px;color:var(--text-bright);margin:0}.theme-retro .coming-up-header h1{text-shadow:0 0 12px var(--accent)}.range-selector{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.range-btn{padding:6px 12px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;font-size:12px;font-family:inherit;white-space:nowrap;transition:all .1s}.range-btn:hover{color:var(--text);background:var(--bg-hover)}.range-btn.active{background:var(--bg-hover);color:var(--text-bright)}.theme-retro .range-btn.active{text-shadow:0 0 4px var(--text);box-shadow:inset 0 0 8px #ffb0001a}.coming-up-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-group{margin-bottom:16px}.task-group-header{padding:6px 12px;font-size:13px;font-weight:600;color:var(--text-bright);border-bottom:1px solid var(--border);margin-bottom:2px}.theme-retro .task-group-header{text-shadow:0 0 4px var(--text)}.task-group-link{color:var(--accent);text-decoration:none}.task-group-link:hover{text-decoration:underline}.task-group-name{color:var(--text-dim)}.overdue-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer;white-space:nowrap}.overdue-toggle input{cursor:pointer}.task-sub{display:flex;gap:8px;align-items:center}.task-sub .task-due{font-size:11px;color:var(--text-dim)}.task-sub .task-project-link{font-size:11px;color:var(--accent);text-decoration:none}.task-sub .task-project-link:hover{text-decoration:underline}.task-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-tags-inline{flex:1;min-width:80px}.task-tags-inline .tag-input-cards{min-height:auto;padding:0;border:none;background:transparent;gap:3px}.task-tags-inline .tag-input-cards:focus-within{padding:2px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--input-bg)}.task-tags-inline .tag-card{font-size:10px;padding:1px 5px}.task-tags-inline .tag-input-field{font-size:11px;width:0;min-width:0;padding:0;flex:0 0 0px;transition:flex .1s}.task-tags-inline .tag-input-cards:focus-within .tag-input-field{flex:1;min-width:40px;padding:2px 4px}.task-tags-inline .tag-input-field::placeholder{opacity:0}.task-tags-inline .tag-input-cards:focus-within .tag-input-field::placeholder{opacity:.5}.inspector-task-item.editing .task-tags-inline .tag-input-cards,.task-item.focused .task-tags-inline .tag-input-cards{padding:2px 4px;border:1px solid var(--border);border-radius:4px;background:var(--input-bg)}.inspector-task-item.editing .task-tags-inline .tag-input-field,.task-item.focused .task-tags-inline .tag-input-field{flex:1;min-width:40px;padding:2px 4px}.inspector-task-item.editing .task-tags-inline .tag-input-field::placeholder,.task-item.focused .task-tags-inline .tag-input-field::placeholder{opacity:.4}.loading{color:var(--text-dim);padding:40px;text-align:center;font-size:14px}.theme-retro .loading{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.empty-state{color:var(--text-dim);padding:40px 20px;text-align:center;font-size:14px}.notes-section{margin-top:32px}.notes-section h2{font-size:16px;color:var(--text-bright);margin-bottom:12px}.inline-create-form{display:flex;gap:8px;align-items:center;padding:6px 8px;margin:2px 0}.inline-create-input{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:6px 10px;font-size:13px;font-family:inherit}.inline-create-input:focus{outline:none;border-color:var(--accent)}.theme-retro .inline-create-input:focus{box-shadow:0 0 6px var(--accent)}.btn-ghost-small{padding:4px 8px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}.btn-ghost-small:hover{color:var(--text);border-color:var(--text-dim)}.tag-input-container{position:relative}.tag-input-cards{display:flex;flex-wrap:wrap;gap:4px;padding:4px 6px;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;min-height:34px;cursor:text;align-items:center}.tag-input-cards:focus-within{border-color:var(--accent)}.theme-retro .tag-input-cards:focus-within{box-shadow:0 0 6px var(--accent)}.tag-card{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--badge-bg);border:1px solid var(--border);border-radius:3px;font-size:12px;color:var(--accent);white-space:nowrap}.theme-retro .tag-card{text-shadow:0 0 4px var(--accent)}.tag-card-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:10px;padding:0;line-height:1}.tag-card-remove:hover{color:var(--danger)}.tag-input-field{flex:1;min-width:60px;background:transparent;border:none;color:var(--text);font-size:13px;font-family:inherit;padding:2px 4px;outline:none}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;margin-top:2px;max-height:150px;overflow-y:auto;z-index:100}.tag-suggestion{padding:6px 10px;font-size:13px;cursor:pointer;color:var(--text)}.tag-suggestion:hover,.tag-suggestion.highlighted{background:var(--bg-hover);color:var(--text-bright)}.theme-retro .tag-suggestion.highlighted{text-shadow:0 0 4px var(--text)}.smart-date-input{display:flex;position:relative}.smart-date-text{flex:1;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 10px;font-size:13px;font-family:inherit;min-width:0}.smart-date-text:focus{outline:none;border-color:var(--accent)}.theme-retro .smart-date-text:focus{box-shadow:0 0 6px var(--accent)}.inspector-date{flex:0 0 auto;width:140px}.inspector-date .smart-date-text{padding:6px 8px;font-size:12px}.inspector-inline-form .smart-date-input{flex:0 0 auto;width:140px}.add-task-form .smart-date-input{flex:0 0 auto;width:220px}.login-view{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-box{display:flex;flex-direction:column;gap:16px;width:320px;padding:32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}.login-brand{font-size:20px;font-weight:700;letter-spacing:4px;text-align:center;color:var(--text-bright)}.theme-retro .login-brand{text-shadow:0 0 8px var(--accent)}.login-input{padding:10px 12px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:14px;outline:none}.login-input:focus{border-color:var(--accent)}.login-btn{padding:10px 14px;background:var(--accent);color:var(--bg);border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700}.login-btn:disabled{opacity:.5;cursor:default}.login-error{color:var(--danger);font-size:12px;text-align:center}.token-display{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px}.token-value{flex:1;padding:6px 8px;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-family:monospace;font-size:11px;overflow-x:auto;white-space:nowrap}.settings-field{width:100%;padding:6px 8px;margin-top:6px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:12px;outline:none}.settings-field:focus{border-color:var(--accent)}.settings-hint{margin-top:6px;color:var(--text-dim);font-size:11px;line-height:1.5}.inspector label.checkbox-label,.inspector label.inline-toggle{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0}.inspector label.checkbox-label{font-size:13px;gap:8px}.inspector label.checkbox-label>input[type=checkbox],.inspector label.inline-toggle>input[type=checkbox]{flex:0 0 auto;width:auto;margin:0;padding:0;background:transparent;border:none;border-radius:0;accent-color:var(--accent);cursor:pointer}.action-error{position:fixed;top:60px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--bg-surface);border:1px solid var(--danger);border-radius:4px;color:var(--danger);font-size:13px;z-index:800}.task-sort-select{padding:3px 6px;background:var(--input-bg);color:var(--text-dim);border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:11px;cursor:pointer;outline:none}.task-sort-select:focus{border-color:var(--accent)}.inspector-task-item .drag-handle.inert,.inspector-task-item:hover .drag-handle.inert{opacity:0;cursor:default;pointer-events:none}