@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:var(--font-inter), "Inter", -apple-system, sans-serif;--bg:#0a0a0a;--surface-1:#111;--surface-2:#161616;--surface-3:#1e1e1e;--border-1:#1a1a1a;--border-2:#262626;--border-3:#333;--text-1:#f0f0f0;--text-2:#a0a0a0;--text-3:#606060;--purple:#7c3aed;--purple-lg:#a855f7;--blue:#0ea5e9;--blue-lg:#38bdf8;--green:#10b981;--amber:#f59e0b;--r-sm:6px;--r-md:10px;--r-lg:14px;--t-fast:.15s cubic-bezier(.4, 0, .2, 1);--t-base:.25s cubic-bezier(.4, 0, .2, 1)}html,body{background:var(--bg);height:100%;color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#__next,main{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#444}.landing{background:radial-gradient(ellipse 80% 60% at 50% -10%, #7c3aed18 0%, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.landing-header{text-align:center;margin-bottom:56px}.landing-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--purple-lg);background:#7c3aed18;border:1px solid #7c3aed33;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:11px;font-weight:500;display:inline-flex}.landing-title{letter-spacing:-.03em;color:var(--text-1);margin-bottom:16px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.landing-title span{background:linear-gradient(135deg, var(--purple-lg) 0%, var(--blue-lg) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-sub{color:var(--text-2);max-width:520px;margin:0 auto;font-size:16px;line-height:1.7}.space-selector{width:100%;max-width:800px}.space-selector-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;font-size:12px;font-weight:500}.spaces-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.space-card{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);flex-direction:column;gap:10px;padding:20px;display:flex;position:relative;overflow:hidden}.space-card:before{content:"";background:var(--space-color,var(--purple));opacity:0;height:2px;transition:opacity var(--t-fast);position:absolute;top:0;left:0;right:0}.space-card:hover{border-color:var(--border-3);transform:translateY(-2px);box-shadow:0 0 24px #7c3aed1a,0 8px 24px #0006}.space-card:hover:before{opacity:1}.space-card-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.space-card-name{color:var(--text-1);font-size:15px;font-weight:600}.space-card-meta{color:var(--text-3);font-size:12px}.space-card-arrow{color:var(--text-3);transition:color var(--t-fast), transform var(--t-fast);margin-top:auto;font-size:18px}.space-card:hover .space-card-arrow{color:var(--text-2);transform:translate(4px)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--r-lg);height:120px}.error-state{text-align:center;color:var(--text-2);padding:48px}.error-icon{margin-bottom:16px;font-size:40px}.error-title{color:var(--text-1);margin-bottom:8px;font-size:18px;font-weight:600}.error-msg{color:var(--text-3);font-family:monospace;font-size:13px}.map-page{background:var(--bg);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.map-topbar{border-bottom:1px solid var(--border-1);z-index:10;background:#0d0d0d;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.topbar-back{color:var(--text-3);transition:color var(--t-fast);background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;display:flex}.topbar-back:hover{color:var(--text-1)}.topbar-divider{background:var(--border-2);width:1px;height:20px}.topbar-title{color:var(--text-1);flex:1;font-size:14px;font-weight:600}.topbar-badge{letter-spacing:.08em;background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-3);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500}.map-body{flex:1;position:relative;overflow:hidden}.react-flow__node{cursor:pointer}.react-flow__controls button{background:var(--surface-1)!important;border:1px solid var(--border-2)!important;color:var(--text-2)!important;transition:background var(--t-fast)!important;border-bottom:none!important}.react-flow__controls button:last-child{border-bottom:1px solid var(--border-2)!important}.react-flow__controls button:hover{background:var(--surface-3)!important;color:var(--text-1)!important}.react-flow__controls-interactive{display:none!important}.graph-legend{border:1px solid var(--border-1);border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);background:#0d0d0dcc;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.legend-item{color:var(--text-2);align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.space-node,.folder-node,.list-node,.task-node{background:var(--surface-1);border-radius:var(--r-md);min-width:180px;max-width:220px;transition:box-shadow var(--t-fast), border-color var(--t-fast), transform var(--t-fast);align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.space-node:hover,.folder-node:hover,.list-node:hover,.task-node:hover{transform:translateY(-1px)}.node-icon{flex-shrink:0;font-size:18px;line-height:1}.node-content{flex-direction:column;gap:3px;min-width:0;display:flex}.node-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.node-meta{color:var(--text-3);font-size:11px}.node-type-badge{letter-spacing:.1em;border-radius:999px;width:fit-content;padding:2px 7px;font-size:9px;font-weight:700}.space-node{border-radius:var(--r-lg);background:linear-gradient(135deg,#110d1e 0%,#0d0d0d 100%);min-width:200px;padding:14px 18px}.space-badge{color:#a78bfa;background:#7c3aed22;border:1px solid #7c3aed44}.folder-node{background:linear-gradient(135deg,#0a1929 0%,#0d0d0d 100%)}.list-node{gap:0;padding:0;overflow:visible}.list-color-stripe{border-radius:0;flex-shrink:0;align-self:stretch;width:4px}.list-node .node-content{width:100%;padding:10px 14px 10px 10px}.node-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.add-task-btn{background:var(--surface-2);border:1px solid var(--border-2);width:20px;height:20px;color:var(--text-2);transition:all var(--t-fast);opacity:0;border-radius:4px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.list-node:hover .add-task-btn{opacity:1}.add-task-btn:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--border-3);transform:scale(1.1)}.list-node.epic-container{background:linear-gradient(135deg,#1a152e 0%,#0d0d0d 100%);border-width:2px;min-width:200px}.epic-label{color:#a78bfa;letter-spacing:.05em;background:#7c3aed33;border-radius:4px;padding:1px 5px;font-size:9px;font-weight:800}.add-task-btn.dev-mode{opacity:1;color:#a78bfa;background:#7c3aed22;border-color:#7c3aed55}.add-task-btn.dev-mode:hover{background:#7c3aed44;border-color:#7c3aedaa;box-shadow:0 0 10px #7c3aed44}.premium-switch{background:var(--surface-3);border:1px solid var(--border-3);cursor:pointer;width:42px;height:24px;transition:all var(--t-base);border-radius:99px;flex-shrink:0;position:relative}.premium-switch.active{border-color:var(--purple);background:#7c3aed26;box-shadow:0 0 15px #7c3aed40}.premium-switch.syncing{opacity:.7;cursor:wait}.premium-switch-handle{background:var(--text-3);width:16px;height:16px;transition:all var(--t-base) cubic-bezier(.175, .885, .32, 1.275);border-radius:50%;position:absolute;top:3px;left:3px}.premium-switch.active .premium-switch-handle{background:var(--purple-lg);box-shadow:0 0 10px var(--purple);left:21px}.premium-switch.syncing .premium-switch-handle{animation:.8s infinite alternate pulse-handle}@keyframes pulse-handle{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.dev-confirm-overlay{animation:fadeInRight var(--t-fast) forwards;align-items:center;gap:8px;display:flex}@keyframes fadeInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.btn-confirm-yes,.btn-confirm-no{text-transform:uppercase;letter-spacing:.05em;transition:all var(--t-fast);border:1px solid;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700}.btn-confirm-yes{background:var(--purple);color:#fff;border-color:var(--purple)}.btn-confirm-yes:hover{background:var(--purple-lg);border-color:var(--purple-lg);box-shadow:0 0 10px #a855f766}.btn-confirm-no{background:var(--surface-2);color:var(--text-3);border-color:var(--border-2)}.btn-confirm-no:hover{background:var(--surface-3);color:var(--text-2);border-color:var(--border-3)}.task-node{flex-direction:column;align-items:flex-start;gap:6px;min-width:180px;max-width:230px;padding:10px 14px}.subtask-node{flex-direction:column;align-items:flex-start;gap:4px;min-width:140px;max-width:180px;padding:6px 10px;display:flex;position:relative}.task-header{align-items:flex-start;gap:7px;width:100%;display:flex}.task-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.task-priority{flex-shrink:0;font-size:12px}.task-label{white-space:normal;word-break:break-word;flex:1;font-size:12px;font-weight:500;line-height:1.4}.task-due{color:var(--text-3);padding-left:1px;font-size:11px}.task-tags{flex-wrap:wrap;gap:4px;display:flex}.task-tag{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:500}.react-flow__handle{background:var(--border-3)!important;border:2px solid var(--surface-1)!important;width:8px!important;height:8px!important;transition:background var(--t-fast)!important}.react-flow__handle:hover{background:var(--text-3)!important}.detail-panel{border-left:1px solid var(--border-1);z-index:20;width:320px;height:100%;animation:slideIn var(--t-base) ease;-webkit-backdrop-filter:blur(16px);background:#0d0d0d;flex-direction:column;gap:10px;padding:28px 24px;display:flex;position:absolute;top:0;right:0;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.detail-close{background:var(--surface-2);border:1px solid var(--border-2);width:28px;height:28px;color:var(--text-3);transition:color var(--t-fast), border-color var(--t-fast);border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:16px;right:16px}.detail-close:hover{color:var(--text-1);border-color:var(--border-3)}.detail-badge{letter-spacing:.1em;border:1px solid;border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.space-badge-lg{color:#a78bfa;background:#7c3aed22;border-color:#7c3aed44}.folder-badge-lg{color:#38bdf8;background:#0ea5e922;border-color:#0ea5e944}.detail-title{color:var(--text-1);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.3}.detail-meta{color:var(--text-3);font-size:13px}.detail-section{border:1px solid var(--border-1);border-radius:var(--r-md);overflow:hidden}.detail-row{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--text-3);font-size:12px}.detail-value{color:var(--text-1);text-align:right;font-size:12px;font-weight:500}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.detail-cta{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text-1);text-align:center;transition:background var(--t-fast), border-color var(--t-fast);margin-top:auto;padding:11px 16px;font-size:13px;font-weight:500;display:block}.detail-cta:hover{background:var(--surface-3);border-color:var(--border-3)}.loading-screen{background:var(--bg);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-spinner{border:2px solid var(--border-2);border-top-color:var(--purple-lg);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{color:var(--text-1);letter-spacing:-.02em;font-size:18px;font-weight:600}.loading-sub{color:var(--text-3);font-size:13px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-lg);width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 24px 48px #00000080}.modal-header{border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-1);font-size:16px;font-weight:600}.modal-close{color:var(--text-3);transition:color var(--t-fast);background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.modal-close:hover{color:var(--text-1)}.modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.form-group input,.form-group select{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text-1);width:100%;transition:border-color var(--t-fast);padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:var(--purple-lg);outline:none}.modal-footer{border-top:1px solid var(--border-1);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-primary{background:var(--purple);color:#fff;border-radius:var(--r-sm);transition:all var(--t-fast);border:none;padding:10px 20px;font-size:13px;font-weight:600}.btn-primary:hover{background:var(--purple-lg);transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border-2);border-radius:var(--r-sm);transition:all var(--t-fast);padding:10px 20px;font-size:13px;font-weight:500}.btn-secondary:hover{background:var(--border-1);border-color:var(--border-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.node-collapse-toggle{background:var(--surface-2);border:1px solid var(--border-3);width:16px;height:16px;color:var(--text-2);cursor:pointer;z-index:9999;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.node-collapse-toggle:hover{background:var(--surface-3);color:var(--text-1);border-color:var(--purple-lg);transform:translateY(-50%)scale(1.1)}.space-toggle,.list-toggle{right:-10px}.detail-inline-edit{margin-bottom:4px;position:relative}.detail-title-input{border:none;border-bottom:1.5px solid var(--border-2);width:100%;color:var(--text-1);background:0 0;outline:none;padding:6px 2px;font-family:inherit;font-size:18px;font-weight:600;transition:border-color .2s}.detail-title-input:focus{border-bottom-color:var(--purple-lg)}.detail-saving{font-size:14px;animation:1s infinite pulse;position:absolute;top:50%;right:0;transform:translateY(-50%)}.detail-hint{color:var(--text-3);margin-bottom:16px;font-size:12px}.detail-hint kbd{background:var(--surface-3);border:1px solid var(--border-3);color:var(--text-2);border-radius:4px;padding:1px 5px;font-size:11px}.detail-hint-sm{color:var(--text-3);margin-top:2px;margin-bottom:12px;font-size:11px}.detail-quarter-select{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-1);cursor:pointer;border-radius:6px;outline:none;padding:4px 10px;font-size:13px;transition:border-color .2s}.detail-quarter-select:focus{border-color:var(--purple-lg)}.temp-node{background:var(--surface-2);border:1.5px dashed var(--border-3);border-radius:10px;align-items:center;gap:8px;min-width:200px;padding:10px 14px;display:flex;position:relative}.temp-task{border-color:#f59e0b88}.temp-list{border-color:#10b98188}.temp-node-icon{flex-shrink:0;font-size:16px}.temp-node-input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px;font-weight:500}.temp-node-input::placeholder{color:var(--text-3)}.qpicker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.qpicker-modal{background:var(--surface-1);border:1px solid var(--border-2);border-radius:16px;width:340px;padding:28px 32px;animation:.2s slideUp;box-shadow:0 20px 60px #0009}.qpicker-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.qpicker-icon{margin-top:2px;font-size:28px}.qpicker-title{color:var(--text-1);margin:0 0 4px;font-size:16px;font-weight:600}.qpicker-name{color:var(--text-2);margin:0;font-size:13px;font-style:italic}.qpicker-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px}.qpicker-options{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;display:grid}.qpicker-option{background:var(--surface-2);border:1.5px solid var(--border-2);color:var(--text-2);cursor:pointer;border-radius:8px;padding:10px 0;font-size:15px;font-weight:600;transition:all .15s}.qpicker-option:hover{color:var(--text-1);border-color:#a855f7}.qpicker-option.active{color:#c084fc;background:#7c3aed22;border-color:#a855f7;box-shadow:0 0 12px #7c3aed44}.qpicker-actions{gap:10px;display:flex}.qpicker-cancel{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-2);cursor:pointer;border-radius:8px;flex:1;padding:10px;font-size:13px;transition:all .15s}.qpicker-cancel:hover{color:var(--text-1);border-color:var(--border-3)}.qpicker-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:8px;flex:2;padding:10px;font-size:13px;font-weight:600;transition:all .15s}.qpicker-confirm:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed55}.qpicker-confirm:disabled,.qpicker-cancel:disabled{opacity:.5;cursor:not-allowed}.graph-shortcuts{flex-direction:column;gap:4px;margin-top:8px;display:flex}.graph-shortcuts span{color:var(--text-3);align-items:center;gap:4px;font-size:11px;display:flex}.graph-shortcuts kbd{background:var(--surface-3);border:1px solid var(--border-3);color:var(--text-2);border-radius:4px;padding:1px 5px;font-size:10px}.detail-status-container{align-items:center;gap:12px;margin-bottom:8px;display:flex}.detail-status-select{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;outline:none;padding:4px 12px;font-size:10px;font-weight:700}.detail-status-select.unified{border-width:1px}.detail-status-select:hover:not(:disabled){border-color:var(--border-3);color:var(--text-1);background:var(--surface-3)}.detail-status-select optgroup{background:var(--bg);color:var(--text-3);text-transform:uppercase;font-size:10px;font-weight:700}.detail-status-select option{background:var(--surface-1);color:var(--text-1);text-transform:none;padding:4px;font-weight:400}.layout-settings-trigger{background:var(--surface-2);border:1px solid var(--border-3);width:48px;height:48px;color:var(--text-2);transition:all var(--t-fast);z-index:100;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0006}.layout-settings-trigger:hover{border-color:var(--text-3);color:var(--text-1);transform:scale(1.05)}.layout-settings-panel{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-2);border-radius:var(--r-lg);z-index:101;width:320px;animation:slideUp var(--t-base) ease;background:#0a0a0ae6;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 12px 48px #00000080}.layout-settings-header{border-bottom:1px solid var(--border-1);background:#ffffff08;justify-content:space-between;align-items:center;padding:16px;display:flex}.layout-settings-content{flex-direction:column;gap:24px;max-height:70vh;padding:20px;display:flex;overflow-y:auto}.settings-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:12px;font-size:10px;font-weight:700}.settings-group{flex-direction:column;gap:12px;display:flex}.settings-item{flex-direction:column;gap:8px;display:flex}.settings-label-row{color:var(--text-2);justify-content:space-between;align-items:center;font-size:12px;display:flex}.settings-value{color:var(--text-3);font-family:monospace}.settings-range{appearance:none;background:var(--border-2);border-radius:2px;outline:none;width:100%;height:4px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--purple-lg);cursor:pointer;width:14px;height:14px;transition:transform var(--t-fast);border-radius:50%}.settings-range:hover::-webkit-slider-thumb{transform:scale(1.2)}.settings-input-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-number-input{background:var(--surface-1);border:1px solid var(--border-2);color:var(--text-1);border-radius:4px;outline:none;padding:6px 10px;font-size:12px}.settings-number-input:focus{border-color:var(--purple)}.layout-settings-footer{border-top:1px solid var(--border-1);text-align:center;color:var(--text-3);background:#0003;padding:12px;font-size:10px}.detail-status-select.temp{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.tracked-time-pill{background:#141414;border:1px solid #222;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;transition:all .2s;display:flex}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.tracked-time-pill.active{background:#ef44440a;border-color:#ef4444;animation:2s infinite pulse-red}.tracked-time-pill.active .tracked-time-value{color:#ef4444;font-weight:600}.tracked-time-pill.active .tracked-time-play{color:#fff;background:#ef4444}.tracked-time-content{flex-direction:column;gap:2px;display:flex}.tracked-time-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.tracked-time-value{color:#fff;font-size:14px}.tracked-time-play{color:#aaa;cursor:pointer;background:#222;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;transition:all .2s;display:flex}.tracked-time-play:hover{transform:scale(1.05)}.detail-checklist-section{border-top:1px solid #222;flex-direction:column;gap:12px;padding-top:16px;display:flex}.detail-checklist-title{text-transform:uppercase;letter-spacing:.05em;color:#888;margin:0;font-size:13px;display:block}.checklist-scroll-container{flex-direction:column;gap:10px;max-height:180px;padding-right:4px;display:flex;overflow-y:auto}.checklist-scroll-container::-webkit-scrollbar{width:4px}.checklist-scroll-container::-webkit-scrollbar-track{background:0 0}.checklist-scroll-container::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.checklist-scroll-container::-webkit-scrollbar-thumb:hover{background:#333}.checklist-container{flex-direction:column;gap:10px;display:flex}.checklist-item{align-items:center;gap:8px;display:flex}.checklist-item-checkbox{accent-color:#5f55ee;cursor:pointer;width:16px;height:16px}.checklist-item-input{background:0 0;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:2px 4px;font-size:13px;transition:border-color .2s,color .2s}.checklist-item-input.pending{color:#fff}.checklist-item-input.resolved{color:#555;text-decoration:line-through}.checklist-item-input:focus{border-bottom:1px solid #5f55ee}.add-checklist-item{align-items:center;gap:8px;margin-top:4px;display:flex}.add-checklist-icon{color:#555;cursor:default;-webkit-user-select:none;user-select:none;padding-left:2px;font-size:18px}.add-checklist-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #222;outline:none;flex:1;padding:4px;font-size:13px;transition:border-color .2s}.add-checklist-input:focus{border-bottom:1px solid #5f55ee}.add-checklist-btn{color:#fff;cursor:pointer;background:#5f55ee;border:none;border-radius:4px;padding:2px 8px;font-size:11px;transition:background .2s}.add-checklist-btn:hover{background:#4b41d4}.open-clickup-anchor{text-align:center;margin-top:auto;display:block}