@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--bg: #F5F0E8;--surface: #FFFFFF;--ink: #1A1714;--ink-secondary: #6B5F52;--ink-muted: #A89A8C;--ink-light: #C4B8AA;--accent: #C45A3C;--accent-hover: #D4714F;--accent-subtle: rgba(196, 90, 60, .07);--green: #3A7D5C;--green-hover: #4A9A70;--green-subtle: rgba(58, 125, 92, .07);--red: #B5403A;--red-hover: #C95650;--red-subtle: rgba(181, 64, 58, .06);--border: #E0D9CE;--border-light: #EBE6DD;--bg-tint-1: rgba(196, 90, 60, .04);--bg-tint-2: rgba(58, 125, 92, .03);--shadow-xs: 0 1px 2px rgba(26, 23, 20, .04);--shadow-sm: 0 1px 4px rgba(26, 23, 20, .06), 0 1px 2px rgba(26, 23, 20, .04);--shadow-md: 0 4px 16px rgba(26, 23, 20, .07), 0 1px 4px rgba(26, 23, 20, .04);--shadow-hover: 0 8px 24px rgba(26, 23, 20, .09), 0 2px 6px rgba(26, 23, 20, .04);--radius: 8px;--radius-lg: 14px;--radius-pill: 100px;--font-display: "Bricolage Grotesque", Georgia, serif;--font-body: "Karla", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-med: .25s;--dur-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(ellipse at 15% 5%,var(--bg-tint-1) 0%,transparent 55%),radial-gradient(ellipse at 85% 95%,var(--bg-tint-2) 0%,transparent 55%),var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}.app-shell{max-width:1280px;margin:0 auto;padding:36px 20px 72px;min-height:100vh;min-height:100dvh;overflow-x:hidden}.tier-banner{display:flex;align-items:center;justify-content:center;padding:10px 20px;font-size:13px;font-weight:500;border-radius:var(--radius);margin:0 auto 16px;max-width:700px}.tier-banner-info{background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--ink-muted);border:1px solid var(--border)}.tier-banner-warning{background:color-mix(in srgb,#e6a817 10%,var(--surface));color:#8a6d00;border:1px solid color-mix(in srgb,#e6a817 30%,var(--border))}.tier-banner-expired{background:color-mix(in srgb,var(--red) 10%,var(--surface));color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,var(--border))}.app-header{text-align:center;margin-bottom:40px;padding-top:8px}.app-header h1{line-height:1;display:inline-block;margin:0}.header-logo{height:52px;width:auto;color:var(--ink)}.tagline{font-family:var(--font-body);font-size:14px;color:var(--ink-muted);font-style:italic;margin-top:18px;font-weight:400;letter-spacing:.4px}.header-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;position:relative;z-index:2}.logout-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:500;color:var(--ink, #333);text-decoration:none;letter-spacing:.3px;padding:4px 12px;border-radius:var(--radius-pill, 100px);border:1.5px solid transparent;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.logout-link:hover{color:var(--accent);border-color:var(--accent);background:#c45a3c0f}.playground-link:hover{color:#5b21b6;border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#ec48991f,#f59e0b1f)}.new-list-bar{margin-bottom:32px;display:flex;justify-content:center}.new-list-form{display:flex;gap:12px;align-items:center}.new-list-input{padding:10px 2px;border:none;border-bottom:2px solid var(--border);font-family:var(--font-body);font-size:15px;font-weight:500;background:transparent;color:var(--ink);outline:none;width:240px;transition:border-color var(--dur-fast) var(--ease-out);letter-spacing:.2px}.new-list-input::placeholder{color:var(--ink-light);font-weight:400}.new-list-input:focus{border-color:var(--accent)}.hidden-toggle-bar{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.show-hidden-label{color:var(--ink-muted);cursor:pointer;user-select:none;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.2px}.lists-grid{display:grid;grid-template-columns:var(--grid-template, repeat(2, 1fr));gap:var(--list-gap, 16px);align-items:start;backface-visibility:hidden}.list-card[data-span="2"]{grid-column:span 2}.list-card[data-span="3"]{grid-column:span 3}.list-card[data-span=full]{grid-column:1 / -1}.list-card[data-card-cols="2"] .item-list{column-count:2;column-gap:var(--item-gap, 10px)}.list-card[data-card-cols="3"] .item-list{column-count:3;column-gap:var(--item-gap, 10px)}.list-card[data-card-cols="2"] .todo-item,.list-card[data-card-cols="3"] .todo-item{break-inside:avoid}.item-list{gap:var(--item-gap, 10px)}.list-card{background:color-mix(in srgb,var(--surface) calc(var(--card-opacity, 1) * 100%),transparent);border:1px solid var(--border);border-top:3px solid var(--list-accent, var(--accent));border-radius:var(--radius-lg);padding:20px 20px 16px;box-shadow:var(--shadow-md);font-size:14px;transition:background var(--dur-slow) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out);--list-accent: var(--accent);animation:cardEnter .5s var(--ease-out) backwards;position:relative;z-index:2;contain:layout style paint}#animation-canvas,#speed-lines-canvas,#fx-canvas{opacity:var(--fx-opacity, 1)}.list-card:nth-child(1){animation-delay:0s}.list-card:nth-child(2){animation-delay:.07s}.list-card:nth-child(3){animation-delay:.14s}.list-card:nth-child(4){animation-delay:.21s}.list-card:nth-child(5){animation-delay:.28s}.list-card:nth-child(6){animation-delay:.35s}.list-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}@keyframes cardEnter{0%{opacity:0;transform:translateY(14px)}}.list-card-hidden{opacity:.5;border-style:dashed}.list-card-pinned{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pin-indicator{font-size:14px;vertical-align:middle}.list-card.dragging{opacity:.8;transform:scale(1.02)!important;box-shadow:0 12px 40px #1a17142e,0 4px 12px #1a17141a;z-index:100;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.list-card.dragging *{pointer-events:none}.lists-grid.drag-active .list-card{transition:background var(--dur-slow) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-spring)}.lists-grid.drag-active .list-card.dragging{transition:opacity var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.drag-placeholder{border-radius:var(--radius-lg);border:2px dashed var(--accent);background:var(--accent-subtle);min-height:80px;pointer-events:none;opacity:0;transform:scale(.92);transition:opacity var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-spring),min-height var(--dur-med) var(--ease-out)}.drag-placeholder.visible{opacity:1;transform:scale(1)}.lists-grid.drag-active .list-card:not(.dragging):hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.list-header[draggable=true]{cursor:grab}.list-header[draggable=true]:active{cursor:grabbing}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.list-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--list-accent, var(--accent));text-transform:uppercase;letter-spacing:1.5px}.list-header-actions{display:flex;gap:2px}.list-header-actions .btn-small{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;border-color:transparent;color:var(--ink-muted)}.list-header-actions .btn-small:hover{background:var(--border-light);color:var(--ink-secondary);border-color:transparent}.list-header-actions .btn-del:hover{background:var(--red-subtle);color:var(--red)}.list-menu-anchor{position:relative}.list-menu-trigger{font-size:28px;font-weight:900;letter-spacing:3px;line-height:1;padding:2px 8px;border-radius:var(--radius-sm, 6px);opacity:.85;transition:opacity var(--dur-fast, .15s) ease,background var(--dur-fast, .15s) ease}.list-menu-trigger:hover{opacity:1;background:var(--border-light, rgba(0,0,0,.06))}.list-menu-dropdown{position:fixed;z-index:9999;min-width:220px;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:var(--radius-md, 10px);box-shadow:0 8px 24px #0000001f;padding:6px 0;animation:menu-appear .15s ease-out}@keyframes menu-appear{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.list-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--ink-secondary, #666);font-size:13px;font-family:var(--font-body, sans-serif);cursor:pointer;text-align:left}.list-menu-item:hover{background:var(--border-light, #f5f5f5);color:var(--ink, #222)}.list-menu-danger:hover{background:#c45a3c1a;color:var(--red, #c45a3c)}.list-menu-icon{width:18px;text-align:center;font-weight:600;font-size:11px;opacity:.6}.list-menu-divider{height:1px;background:var(--border, #ddd);margin:4px 0}.list-menu-section-label{padding:6px 14px 2px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted, #999)}.list-menu-pills{display:flex;gap:4px;padding:4px 14px 6px}.list-menu-pill{padding:4px 12px;border:1.5px solid var(--border, #ddd);border-radius:100px;background:none;color:var(--ink-secondary, #666);font-size:11px;font-family:var(--font-body, sans-serif);cursor:pointer;transition:all .15s ease}.list-menu-pill:hover{border-color:var(--ink-secondary, #666)}.list-menu-pill.active{border-color:var(--accent, #c45a3c);background:#c45a3c14;color:var(--accent, #c45a3c)}.list-header-left{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;min-width:0;flex:1}.collapse-toggle{font-size:10px;color:var(--ink-muted);transition:transform var(--dur-med) var(--ease-out);flex-shrink:0;line-height:1}.list-card.collapsed .collapse-toggle{transform:rotate(-90deg)}.list-item-count{font-size:11px;font-weight:500;color:var(--ink-muted);letter-spacing:.3px;white-space:nowrap;opacity:0;transition:opacity var(--dur-med) var(--ease-out)}.list-card.collapsed .list-item-count{opacity:1}.list-body{overflow:hidden;transition:none}.list-card.collapsed .list-body{display:none}.list-body.fx-collapsing{display:block!important;overflow:hidden}.item-add-form{display:flex;gap:8px;margin-bottom:14px}.item-add-input{flex:1;padding:9px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:16px;background:var(--surface);color:var(--ink);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.item-add-input::placeholder{color:var(--ink-light)}.item-add-input:focus{border-color:var(--list-accent, var(--accent));box-shadow:0 0 0 3px var(--accent-subtle)}.item-add-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--list-accent, var(--accent));color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),opacity var(--dur-fast) var(--ease-out);flex-shrink:0;line-height:1}.item-add-btn:hover{transform:scale(1.08);opacity:.9}.item-add-btn:active{transform:scale(.92)}.list-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:12px}.show-done-label{color:var(--ink-secondary);cursor:pointer;user-select:none;display:flex;align-items:center;gap:7px;font-weight:500;letter-spacing:.2px;font-size:12px}.show-done-toggle{appearance:none;-webkit-appearance:none;width:34px;height:19px;background:var(--border);border:none;border-radius:10px;position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);flex-shrink:0}.show-done-toggle:before{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs)}.show-done-toggle:checked{background:var(--green)}.show-done-toggle:checked:before{transform:translate(15px)}.list-bulk-actions{display:flex;gap:6px}.live-sort-label{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px;flex-shrink:0}.live-sort-toggle{appearance:none;-webkit-appearance:none;width:34px;height:19px;background:var(--red);border:none;border-radius:10px;position:relative;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0}.live-sort-toggle:before{content:"";position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs)}.live-sort-toggle:checked{background:var(--green);animation:livePulse 2s ease-in-out infinite}.live-sort-toggle:checked:before{transform:translate(15px)}@keyframes livePulse{0%,to{box-shadow:0 0 #3a7d5c00}50%{box-shadow:0 0 6px 2px #3a7d5c59}}.sort-controls{display:flex;align-items:center;gap:4px}.sort-dir-btn{appearance:none;-webkit-appearance:none;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;width:28px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:all var(--dur-fast) var(--ease-out)}.sort-dir-btn:hover{border-color:var(--ink-muted);color:var(--ink)}.sort-mode-btn{appearance:none;-webkit-appearance:none;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;padding:3px 10px;line-height:1.4;letter-spacing:.2px;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.sort-mode-btn:hover{border-color:var(--ink-muted);color:var(--ink)}.sort-mode-btn.sort-active,.sort-dir-btn.sort-active{border-color:var(--accent);color:var(--accent)}.list-search-input{appearance:none;-webkit-appearance:none;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:11px;font-weight:500;padding:3px 12px;line-height:1.4;width:140px;outline:none;transition:all var(--dur-fast) var(--ease-out)}.list-search-input::placeholder{color:var(--ink-light);font-weight:500}.list-search-input:focus{border-color:var(--accent);color:var(--ink);width:200px;position:relative;z-index:2;background:var(--bg)}.search-hidden{display:none!important}.search-dimmed{opacity:.35;transition:opacity var(--dur-fast) var(--ease-out)}.btn{padding:6px 14px;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);letter-spacing:.3px;line-height:1.4}.btn:hover{border-color:var(--ink-muted);color:var(--ink)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-primary:disabled{background:var(--accent);opacity:.3}.btn-outline{background:transparent}.btn-green{color:var(--green);border-color:var(--green)}.btn-green:hover{background:var(--green);color:#fff;border-color:var(--green)}.btn-accent{color:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-small{padding:4px 10px;font-size:11px}.btn-done{color:var(--green);border-color:var(--green)}.btn-done:hover{background:var(--green-subtle)}.btn-del{color:var(--red);border-color:transparent}.btn-del:hover{background:var(--red-subtle);border-color:var(--red)}.btn-printed{background:var(--accent);color:#fff;border-color:var(--accent)}.item-list{perspective:1200px;perspective-origin:center center;contain:layout style}.item-list.fx-height-locked{overflow:hidden}.item-list::-webkit-scrollbar{width:4px}.item-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.todo-item{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;margin-bottom:10px;background:color-mix(in srgb,var(--surface) calc(var(--card-opacity, 1) * 100%),transparent);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transform-style:preserve-3d;transform-origin:center center;transform:translateZ(0);will-change:transform,box-shadow,opacity;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out);box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.todo-item:hover{border-color:var(--ink-muted);box-shadow:var(--shadow-hover)}}.todo-item.animating{z-index:100;pointer-events:none}.todo-item:last-child{margin-bottom:0}.todo-done{border-left:3px solid var(--green)}.todo-done .todo-task-text{color:var(--ink-muted)}.todo-hidden{display:none!important}.todo-done-animate{animation:strikeFade .5s var(--ease-out) forwards}@keyframes strikeFade{0%{opacity:1;transform:translate(0)}50%{opacity:.25}to{opacity:0;max-height:0;padding:0;margin:0;overflow:hidden;transform:translate(12px)}}.todo-optimistic{opacity:.35}.todo-checkbox{flex-shrink:0;width:22px;height:22px;border:2px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:2px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s ease,background .2s ease}.todo-checkbox .item-select-cb{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.todo-checkbox svg{width:14px;height:14px;opacity:0;transform:scale(0);transition:opacity .15s,transform .15s;pointer-events:none}@media (hover: hover) and (pointer: fine){.todo-item:hover .todo-checkbox{border-color:var(--accent)}}.todo-checkbox:has(.item-select-cb:checked){border-color:var(--accent);background:var(--accent)}.todo-checkbox:has(.item-select-cb:checked) svg{opacity:1;transform:scale(1);color:#fff}.todo-done .todo-checkbox{border-color:var(--green);background:var(--green)}.todo-done .todo-checkbox svg{opacity:1;transform:scale(1);color:#fff}.todo-item.item-selected{border-color:var(--accent);background:var(--accent-subtle)}@keyframes tap-hint-flash{0%{background:var(--accent-subtle)}to{background:color-mix(in srgb,var(--surface) calc(var(--card-opacity, 1) * 100%),transparent)}}.todo-item.tap-hint{animation:tap-hint-flash .4s ease-out}.todo-task-title{position:relative}.todo-task-title .strikethrough{position:absolute;left:0;top:50%;height:2px;width:0;background:var(--green);border-radius:1px;pointer-events:none}.task-shadow{position:absolute;inset:6px 6px -2px;border-radius:var(--radius-lg);background:#0000004d;filter:blur(12px);opacity:0;z-index:-1;pointer-events:none;will-change:opacity,transform,filter}.impact-burst{position:absolute;inset:-20px;border-radius:var(--radius-lg);pointer-events:none;opacity:0;z-index:-1}.done-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--green);background:var(--green-subtle);border:1px solid var(--green);padding:6px 18px;border-radius:8px;pointer-events:none;opacity:0;z-index:10}.todo-content{flex:1 1 0;min-width:120px}.todo-task-text{display:inline;font-size:14px;font-weight:500;cursor:pointer;overflow-wrap:break-word;word-break:normal;line-height:1.5;color:var(--ink);transition:color var(--dur-fast) var(--ease-out)}.todo-task-text:hover{color:var(--accent)}.todo-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-muted);margin-top:4px;font-weight:400}.todo-printed-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);border:1.5px solid var(--accent);padding:1px 6px;border-radius:3px;margin-top:3px;transform:rotate(-2deg);opacity:.65}.category-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#fff;cursor:pointer;white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-out);z-index:3}.todo-item>.category-tag{flex-shrink:0;margin-left:auto}.category-tag:hover{opacity:.8}.category-tag-add{background:var(--border)!important;color:var(--ink-tertiary);font-size:13px;padding:1px 7px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.todo-item:hover .category-tag-add{opacity:.5}}.category-tag-add:hover{opacity:1!important}.todo-item.category-editor-open{z-index:9000;overflow:visible}.list-body:has(.category-editor-open){overflow:visible}.list-card:has(.category-editor-open){overflow:visible;contain:layout style}.category-editor{position:absolute;right:0;top:100%;margin-top:4px;z-index:9001;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:0 8px 24px #00000026;min-width:220px}.category-editor-label{font-family:var(--font-body);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);margin-bottom:6px}.category-picker-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.category-picker-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.category-picker-chip:hover{opacity:.85;transform:scale(1.05)}.category-picker-chip.picker-active{outline:2px solid var(--ink);outline-offset:1px}.category-editor-divider{height:1px;background:var(--border);margin:8px 0}.category-editor-input{width:100%;padding:5px 8px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:12px;color:var(--ink);outline:none;margin-bottom:8px;box-sizing:border-box}.category-editor-input:focus{border-color:var(--accent)}.category-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.category-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.category-swatch:hover{transform:scale(1.15)}.category-swatch.swatch-active{border-color:var(--ink)}.category-editor-actions{display:flex;gap:4px}.category-tag-group{display:inline-flex;align-items:center;gap:4px;z-index:3;flex-shrink:0;margin-left:auto}.category-tag-group .category-tag{position:static}.category-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--border);color:var(--ink-secondary);font-size:11px;font-weight:700;cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);line-height:1}@media (hover: hover) and (pointer: fine){.todo-item:hover .category-expand-btn{opacity:.6}}.category-expand-btn:hover{opacity:1!important;background:var(--accent);color:#fff}.category-link-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring);line-height:1}.category-link-badge:hover{background:var(--green-hover);transform:scale(1.15)}.list-family-group{display:flex;align-items:flex-start;gap:0;grid-column:1 / -1}.list-family-group>.list-card{flex:1;min-width:300px;max-width:420px}.list-family-connector{display:flex;align-items:center;padding:0 2px;align-self:center}.list-family-connector:before{content:"";display:block;width:24px;height:2px;background:var(--border);border-radius:1px}.list-family-children{display:flex;flex-direction:column;gap:10px;flex:1;min-width:300px;max-width:420px}.list-family-children .list-card{width:100%}.child-list-indicator{font-size:11px;color:var(--ink-muted);margin-top:2px;font-weight:400}.list-card.child-list{border-left:3px solid var(--list-accent, var(--accent))}@keyframes listHighlight{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:var(--shadow-sm)}}.list-card-highlight{animation:listHighlight 1.5s var(--ease-out) forwards}.todo-item>.expand-trigger{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:18px;padding:0;margin:0;border:none;background:none;cursor:pointer;color:var(--ink-muted);opacity:.85;transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);z-index:4}.todo-item>.expand-trigger:hover{opacity:1;color:var(--accent)}.expand-trigger .chevron-icon{width:14px;height:14px;transition:transform var(--dur-med) var(--ease-out)}.todo-item.expanded>.expand-trigger .chevron-icon{transform:rotate(180deg)}.todo-item.expanded>.expand-trigger{opacity:.6}.todo-item.animating>.expand-trigger{pointer-events:none;opacity:.15}@media (pointer: coarse){.todo-item>.expand-trigger{width:60px;height:28px;bottom:0}.expand-trigger .chevron-icon{width:18px;height:18px}}.todo-expanded{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-med) var(--ease-out)}.todo-item.expanded .todo-expanded{grid-template-rows:1fr;margin-top:8px}.todo-expanded-inner{overflow:hidden}.todo-description{font-size:13px;line-height:1.6;color:var(--ink-muted);cursor:pointer;padding:8px 0;border-top:1px solid var(--border)}.todo-description:hover{color:var(--ink)}.todo-description p{margin:0 0 8px}.todo-description p:last-child{margin-bottom:0}.todo-description strong{color:var(--ink);font-weight:600}.todo-description code{background:color-mix(in srgb,var(--surface) 80%,var(--ink) 10%);padding:1px 5px;border-radius:3px;font-size:12px}.todo-description pre{background:color-mix(in srgb,var(--surface) 70%,var(--ink) 10%);padding:10px 12px;border-radius:var(--radius);overflow-x:auto;margin:8px 0}.todo-description pre code{background:none;padding:0;font-size:12px}.todo-description ul,.todo-description ol{padding-left:20px;margin:6px 0}.todo-description li{margin-bottom:3px}.todo-description blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:8px 0;color:var(--ink-muted);font-style:italic}.todo-description a{color:var(--accent);text-decoration:underline}.todo-description h3,.todo-description h4,.todo-description h5,.todo-description h6{margin:10px 0 4px;color:var(--ink);font-size:13px;font-weight:600}.todo-obsidian-links{padding:6px 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px 12px}.obsidian-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-family:var(--font-mono);color:var(--ink-muted);text-decoration:none;padding:2px 6px;border-radius:4px;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.obsidian-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.obsidian-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.obsidian-link:hover .obsidian-icon{opacity:1}.todo-related-lists{padding:6px 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px 12px}.related-list-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-family:var(--font-mono);color:var(--ink-muted);text-decoration:none;padding:2px 6px;border-radius:4px;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.related-list-link:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.related-list-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.related-list-link:hover .related-list-icon{opacity:1}.sublist-inline{padding:8px 0;border-top:1px solid var(--border)}.sublist-progress-bar{height:6px;background:color-mix(in srgb,var(--surface) 70%,var(--ink) 10%);border-radius:3px;position:relative;margin-bottom:8px;overflow:hidden}.sublist-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width var(--dur-med) var(--ease-out)}.sublist-progress-text{position:absolute;right:0;top:-18px;font-size:11px;color:var(--ink-muted)}.sublist-items{list-style:none;padding:0;margin:0}.sublist-item{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;color:var(--ink)}.sublist-item-done{opacity:.5}.sublist-item-done .sublist-item-text{text-decoration:line-through}.sublist-item-status{width:14px;text-align:center;color:var(--ink-muted);font-size:10px}.sublist-more{color:var(--ink-muted);font-style:italic;padding-left:20px}.sublist-open-link{display:inline-block;margin-top:8px;font-size:12px;color:var(--accent);text-decoration:none}.sublist-open-link:hover{text-decoration:underline}.todo-item.cascade-complete{animation:cascadeFade .8s var(--ease-out) forwards}@keyframes cascadeFade{0%{opacity:1;box-shadow:0 0 0 0 var(--accent)}30%{box-shadow:0 0 12px 2px var(--accent);opacity:.9}to{opacity:.45;box-shadow:var(--shadow-sm)}}.desc-editor-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.desc-editor-overlay.visible{opacity:1}.desc-editor-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0,0,0,.2));width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;transform:translateY(20px);transition:transform var(--dur-fast) var(--ease-out)}.desc-editor-overlay.visible .desc-editor-modal{transform:translateY(0)}.desc-editor-header{padding:16px 20px 12px;border-bottom:1px solid var(--border)}.desc-editor-title{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desc-editor-tabs{display:flex;gap:0}.desc-editor-tab{padding:6px 16px;font-size:12px;font-weight:500;border:1px solid var(--border);background:none;color:var(--ink-muted);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.desc-editor-tab:first-child{border-radius:var(--radius) 0 0 var(--radius)}.desc-editor-tab:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.desc-editor-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.desc-editor-body{flex:1;padding:16px 20px;overflow-y:auto;min-height:200px}.desc-editor-textarea{width:100%;height:100%;min-height:180px;border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:ui-monospace,SF Mono,monospace;font-size:13px;line-height:1.5;color:var(--ink);background:var(--surface);resize:vertical}.desc-editor-textarea:focus{outline:none;border-color:var(--accent)}.desc-editor-preview{font-size:13px;line-height:1.6;color:var(--ink)}.desc-editor-preview p{margin:0 0 8px}.desc-editor-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}@media (max-width: 600px){.desc-editor-modal{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}}.todo-actions{display:flex;gap:4px;flex-shrink:0;position:relative;z-index:2}@media (pointer: coarse){.todo-item{-webkit-tap-highlight-color:transparent}}.todo-edit-input{flex:1;padding:5px 10px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:13px;color:var(--ink);outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.todo-edit-input:focus{border-color:var(--accent)}.edit-inline{display:flex;gap:6px;align-items:center}.todo-empty{text-align:center;color:var(--ink-muted);font-style:italic;padding:28px 0;font-size:13px}.loading{text-align:center;color:var(--ink-muted);font-style:italic;padding:48px 0;font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.preview-label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-muted);margin:20px 0 8px}.preview-img{max-width:100%;border:1px solid var(--border);border-radius:var(--radius);display:block;box-shadow:var(--shadow-sm)}#print-status:not(:empty){text-align:center;padding:14px 20px;margin-top:24px;font-size:13px;font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);animation:slideUp .3s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius-lg);padding:48px 40px 40px;box-shadow:var(--shadow-md);width:100%;max-width:360px;text-align:center;animation:cardEnter .5s var(--ease-out);position:relative;z-index:1}.login-brand{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--accent);letter-spacing:8px;text-transform:lowercase;line-height:1}.login-logo{display:block;margin:0 auto 4px;color:var(--accent)}.login-tagline{font-size:14px;color:var(--ink-muted);font-style:italic;margin-top:8px;margin-bottom:32px}.login-error{color:var(--red);font-size:13px;font-weight:500;margin-bottom:16px}.login-form{display:flex;flex-direction:column;gap:14px}.login-input{padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-family:var(--font-body);font-size:15px;background:var(--surface);color:var(--ink);outline:none;text-align:center;letter-spacing:2px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.login-btn{padding:12px 24px;font-size:14px;border-radius:var(--radius-pill)}.login-signup-link{font-size:13px;color:var(--ink-muted);margin-top:16px}.login-signup-link a{color:var(--accent);text-decoration:none;font-weight:500}.login-signup-link a:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;margin:20px 0;color:var(--ink-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{padding:0 12px}.login-oauth{display:flex;flex-direction:column;gap:10px}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-google{background:var(--surface);color:var(--ink)}.btn-google:hover{background:var(--surface-hover);border-color:var(--ink-muted)}.btn-apple{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn-apple:hover{opacity:.9}.login-message{font-size:13px;color:var(--green, #2a6a2a);margin-bottom:16px}.login-admin-fallback{margin-top:24px;font-size:12px;color:var(--ink-muted)}.login-admin-fallback summary{cursor:pointer;user-select:none}.login-legal-links{font-size:11px;color:var(--ink-muted);margin-top:24px;text-align:center;opacity:.7}.login-legal-links a{color:var(--ink-muted);text-decoration:none}.login-legal-links a:hover{text-decoration:underline;color:var(--accent)}.login-input[type=email],.login-input[type=text]{letter-spacing:normal;text-align:left}.anon-expiry-banner{background:var(--accent-subtle);border:1px solid rgba(196,90,60,.15);border-radius:var(--radius);padding:10px 16px;font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);text-align:center;margin-bottom:16px}.anon-expiry-banner a{color:var(--accent);font-weight:600;text-decoration:none}.anon-expiry-banner a:hover{text-decoration:underline}.anon-expiry-urgent{background:var(--red-subtle);border-color:#b5403a26;color:var(--red)}.anon-expiry-urgent a{color:var(--red)}.nudge-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);padding:12px 20px;font-family:var(--font-body);font-size:14px;color:var(--ink);z-index:9999;display:flex;align-items:center;gap:8px;animation:nudgeSlideUp var(--dur-med) var(--ease-spring)}@keyframes nudgeSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nudge-toast a{color:var(--accent);font-weight:600;text-decoration:none;white-space:nowrap}.nudge-toast a:hover{text-decoration:underline}.nudge-toast-close{background:none;border:none;color:var(--ink-muted);cursor:pointer;font-size:18px;padding:0 4px;line-height:1}.nudge-toast-close:hover{color:var(--ink)}.auth-modal-overlay{position:fixed;inset:0;z-index:10000;background:#1a171480;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn var(--dur-fast) var(--ease-out)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px 36px 32px;max-width:420px;width:100%;position:relative;animation:modalSlideUp var(--dur-med) var(--ease-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:var(--ink-muted);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius);transition:color var(--dur-fast),background var(--dur-fast)}.auth-modal-close:hover{color:var(--ink);background:var(--accent-subtle)}.auth-modal-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.5px;color:var(--ink);margin:0 0 6px}.auth-modal-subtitle{font-family:var(--font-body);font-size:14px;color:var(--ink-secondary);margin:0 0 20px}.auth-modal-error{background:var(--red-subtle);color:var(--red);font-size:13px;padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;font-family:var(--font-body)}.auth-modal-toggle{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);text-align:center;margin-top:16px}.auth-modal-toggle a{color:var(--accent);text-decoration:none;font-weight:600}.auth-modal-toggle a:hover{text-decoration:underline}@media (max-width: 480px){.auth-modal{padding:32px 24px 24px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}@media (max-width: 720px){.app-shell{padding:20px 14px 52px}.app-header{margin-bottom:12px;padding-top:0}.header-logo{height:32px}.tagline{display:none}.header-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:4px;margin:0 -14px;padding:4px 14px}.header-nav::-webkit-scrollbar{display:none}.header-nav .logout-link{margin-top:0;flex-shrink:0;font-size:12px;padding:6px 12px}.header-nav .btn{flex-shrink:0;font-size:12px}.login-input,.new-list-input,.todo-edit-input,.desc-editor-textarea,.list-search-input,input[type=text],input[type=email],input[type=password],textarea{font-size:16px!important}.lists-grid{grid-template-columns:1fr;gap:12px}.list-card[data-span="2"],.list-card[data-span="3"],.list-card[data-span=full]{grid-column:1 / -1}.list-card[data-card-cols="2"] .item-list,.list-card[data-card-cols="3"] .item-list{column-count:1}.list-family-group{flex-direction:column;gap:10px}.list-family-group>.list-card,.list-family-children{max-width:none}.list-family-connector{display:none}.list-card{padding:16px 16px 12px}.list-card:hover{transform:none;box-shadow:var(--shadow-sm)}.list-controls{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.list-bulk-actions{justify-content:flex-end;gap:4px}.list-bulk-actions .btn-small{padding:3px 8px;font-size:10px;min-height:auto;min-width:auto}.sort-controls{justify-content:flex-start;gap:3px}.sort-dir-btn{width:24px;height:22px;font-size:11px}.sort-mode-btn{padding:2px 7px;font-size:10px}.list-search-input{width:100px;font-size:10px;padding:2px 8px}.list-search-input:focus{width:140px}.hidden-toggle-bar{flex-wrap:wrap;gap:8px}.show-done-label{font-size:11px;gap:5px}.show-done-toggle{width:28px;height:16px}.show-done-toggle:before{width:11px;height:11px}.show-done-toggle:checked:before{transform:translate(12px)}.live-sort-toggle{width:28px;height:16px}.live-sort-toggle:before{width:11px;height:11px}.live-sort-toggle:checked:before{transform:translate(12px)}.todo-item{padding:12px 14px 8px;gap:10px;flex-wrap:wrap;will-change:auto}.todo-actions{opacity:1;flex-wrap:nowrap;gap:4px;justify-content:flex-end;order:10;flex-shrink:0}.category-tag-group,.todo-item>.category-tag{position:static;order:9;flex-shrink:0}.category-tag-group{justify-content:flex-start}.todo-item:after{content:"";display:block;width:100%;height:0;border-top:1px solid var(--border-light);order:8;margin-top:4px}.todo-item:has(.category-tag-group) .todo-actions,.todo-item:has(>.category-tag) .todo-actions{margin-left:auto}.new-list-input{width:180px}.new-list-form{gap:10px}}@media (max-width: 400px){.new-list-input{width:150px;font-size:14px}.list-title{font-size:14px;letter-spacing:1px}}@media (min-width: 721px) and (max-width: 1199px){.app-shell{padding:28px 24px 60px}.app-header{margin-bottom:32px}.todo-item{min-height:44px}.todo-checkbox{width:26px;height:26px}.item-add-btn{width:44px;height:44px;font-size:22px}.item-add-input{padding:11px 14px}.list-header-actions .btn-small{width:36px;height:36px;font-size:13px}.btn{padding:8px 16px;font-size:13px}.btn-small{padding:6px 12px;font-size:12px}.todo-actions{opacity:1;gap:6px}.todo-actions .btn-small{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.todo-task-text{font-size:15px}.new-list-input{width:220px}}@supports (padding: env(safe-area-inset-top)){@media (min-width: 721px) and (max-width: 1199px) and (pointer: coarse){.app-shell{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(60px,env(safe-area-inset-bottom))}}}@supports (padding: env(safe-area-inset-top)){@media (max-width: 720px){.app-shell{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(52px,env(safe-area-inset-bottom))}.anim-panel-toggle{bottom:max(16px,env(safe-area-inset-bottom))}.anim-panel{padding-bottom:env(safe-area-inset-bottom)}.nudge-toast{bottom:max(24px,env(safe-area-inset-bottom))}.auth-modal{padding-bottom:max(24px,env(safe-area-inset-bottom))}}}.anim-panel-toggle.fx-tease{animation:fxTeasePulse 2s ease-in-out 3}@keyframes fxTeasePulse{0%,to{box-shadow:0 0 #c45a3c00}50%{box-shadow:0 0 12px 4px #c45a3c4d}}.fx-tease-tooltip{position:fixed;right:52px;top:50%;transform:translateY(-50%);z-index:901;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:var(--font-mono, monospace);white-space:nowrap;animation:fxTeaseTooltipIn .4s ease 1s both;pointer-events:none}.fx-tease-tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:var(--ink)}@keyframes fxTeaseTooltipIn{0%{opacity:0;transform:translateY(-50%) translate(8px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.anim-panel-toggle{position:fixed;top:50%;right:0;z-index:900;transform:translateY(-50%);writing-mode:vertical-rl;padding:12px 6px;background:var(--surface);border:1.5px solid var(--border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--dur-fast) var(--ease-out)}.anim-panel-toggle:hover{box-shadow:var(--shadow-hover);border-color:var(--accent);padding-right:10px}.anim-panel-toggle-open{right:300px}.anim-panel-toggle-open .anim-panel-toggle-icon,.anim-panel-toggle-open .anim-panel-toggle-label{display:none}.anim-panel-toggle-open .anim-panel-toggle-arrow{display:block}.anim-panel-toggle-icon{font-size:14px;line-height:1;color:var(--accent);writing-mode:horizontal-tb}.anim-panel-toggle-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-secondary);line-height:1}.anim-panel-toggle-arrow{display:none;font-size:16px;line-height:1;color:var(--ink-muted);writing-mode:horizontal-tb}.anim-panel{position:fixed;top:0;right:0;bottom:0;z-index:899;width:300px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 24px #00000014;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;animation:animPanelSlide .25s var(--ease-out)}@keyframes animPanelSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.anim-panel-drag-handle{display:none}.anim-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.anim-panel-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.2px}.anim-panel-close{background:none;border:none;font-size:20px;color:var(--ink-muted);cursor:pointer;line-height:1;padding:0 2px;transition:color var(--dur-fast) var(--ease-out)}.anim-panel-close:hover{color:var(--ink)}.anim-panel-body{padding:14px 18px 24px}.anim-panel-label{font-size:10px;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;margin-top:14px}.anim-panel-body>.anim-panel-label:first-child{margin-top:0}.anim-panel-label[data-tip],.anim-panel-fx-toggles [data-tip]{cursor:help;position:relative}.anim-panel-label[data-tip]:after,.anim-panel-fx-toggles [data-tip]:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 6px);background:var(--ink);color:var(--bg);font-size:10px;font-weight:400;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:20;letter-spacing:0;text-transform:none}.anim-panel-label[data-tip]:hover:after,.anim-panel-fx-toggles [data-tip]:hover:after{opacity:1}.anim-panel-label[data-tip].tip-visible:after,.anim-panel-fx-toggles [data-tip].tip-visible:after{opacity:1}.anim-panel-selector-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.anim-char-pill{width:32px;padding:5px 0!important;text-align:center;font-size:14px!important;font-weight:700}.anim-panel-fx-toggles{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:4px}.anim-fx-chip{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1.5px solid var(--border);border-radius:var(--radius-pill);font-size:10px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);user-select:none;letter-spacing:.2px}.anim-fx-chip input{display:none}.anim-fx-chip:hover{border-color:var(--ink-muted)}.anim-fx-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.anim-panel-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.anim-panel-slider{flex:1;accent-color:var(--accent);height:4px;min-width:60px}.anim-panel-slider-val{font-size:11px;font-weight:700;color:var(--accent);min-width:36px;text-align:right}.anim-panel-reset-row{display:flex;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.anim-panel-reset-btn{flex:1;padding:7px 0;border:1.5px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-secondary);font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.anim-panel-reset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.anim-panel-reset-btn:active{transform:scale(.97)}@media (max-width: 720px){.anim-panel-toggle{top:auto;bottom:16px;right:16px;transform:none;writing-mode:horizontal-tb;border-radius:var(--radius-pill);border-right:1.5px solid var(--border);padding:8px 14px;z-index:901}.anim-panel-toggle.anim-panel-toggle-open{opacity:1;pointer-events:auto;bottom:calc(70vh + 16px)}.anim-panel{width:100%;top:auto;bottom:0;max-height:70vh;border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform .3s var(--ease-out);display:block!important;animation:none}.anim-panel.anim-panel-open{transform:translateY(0)}.anim-panel-drag-handle{display:block;width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0;cursor:pointer}}.sandbox-shell{max-width:700px;margin:0 auto;padding:36px 20px 72px;min-height:100vh}.sandbox-header{text-align:center;margin-bottom:32px}.sandbox-subtitle{font-size:13px;color:var(--ink-muted);font-style:italic;margin-top:8px}.sandbox-controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.sandbox-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.sandbox-row:last-child{margin-bottom:0}.sandbox-label{font-size:12px;font-weight:600;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:80px}.sandbox-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);gap:10px}.sandbox-arena{margin-bottom:24px}.sandbox-arena .todo-actions{opacity:1}.sandbox-trigger-btn{color:var(--accent)!important;border-color:var(--accent)!important}.sandbox-trigger-btn:hover{background:var(--accent-subtle)!important}.sandbox-code-output{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.sandbox-code-pre{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:var(--ink-secondary);overflow-x:auto;white-space:pre}@media (max-width: 720px){.sandbox-shell{padding:20px 14px 52px}.sandbox-label{min-width:100%}}.vim-cursor{border-color:var(--accent)!important;background:var(--accent-subtle)!important;box-shadow:inset 3px 0 0 var(--accent),var(--shadow-sm)!important}.vim-active-list{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.vim-statusline{position:fixed;bottom:0;left:0;right:0;z-index:9000;display:flex;align-items:center;gap:16px;padding:6px 16px;background:var(--ink);color:var(--bg);font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1;user-select:none;-webkit-user-select:none}.vim-status-mode{font-weight:700;letter-spacing:.5px}.vim-mode-normal{color:var(--bg)}.vim-mode-insert{color:#7ec876}.vim-status-count{color:#f5c842;font-weight:600;min-width:20px}.vim-status-pos{color:color-mix(in srgb,var(--bg) 70%,transparent);flex:1}.vim-status-hint{color:color-mix(in srgb,var(--bg) 35%,transparent);font-size:11px}body:has(.vim-statusline){padding-bottom:32px}@media (max-width: 720px){.vim-statusline,.vim-help-btn{display:none}}@media (pointer: coarse) and (max-width: 1024px){.vim-statusline,.vim-help-btn{display:none}}.vim-search-bar{position:fixed;bottom:0;left:0;right:0;z-index:9001;display:flex;align-items:center;padding:6px 16px;background:var(--ink);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.vim-search-slash{color:var(--accent);font-weight:700;margin-right:6px}.vim-search-input{flex:1;background:none;border:none;color:var(--bg);font-family:inherit;font-size:inherit;outline:none;caret-color:var(--accent)}.vim-search-input::placeholder{color:#ffffff4d}.vim-search-match{outline:2px solid var(--accent)!important;outline-offset:-2px;background:color-mix(in srgb,var(--accent) 15%,transparent)!important}.vim-help-btn{position:fixed;bottom:36px;left:12px;z-index:9001;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface);color:var(--ink-muted);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-out)}.vim-help-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-sm)}.vim-help-overlay{position:fixed;inset:0;z-index:9500;background:#1a171480;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.vim-help-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;animation:vim-help-in .15s var(--ease-out)}@keyframes vim-help-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.vim-help-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.vim-help-header h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--ink);margin:0}.vim-help-close{background:none;border:none;font-size:22px;color:var(--ink-muted);cursor:pointer;padding:0 4px;line-height:1}.vim-help-close:hover{color:var(--ink)}.vim-help-body{padding:16px 22px 22px}.vim-help-section{margin-bottom:18px}.vim-help-section:last-child{margin-bottom:0}.vim-help-section h3{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin:0 0 8px}.vim-help-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:5px 12px;align-items:center}.vim-help-grid kbd{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 7px;color:var(--ink);text-align:center;min-width:28px;display:inline-block}.vim-help-grid span{font-family:var(--font-body);font-size:12px;color:var(--ink-secondary)}.vim-search-match{background:color-mix(in srgb,#F5C842 25%,transparent)!important;border-color:#f5c842!important;box-shadow:inset 3px 0 #f5c842!important}.vim-search-bar{position:fixed;bottom:0;left:0;right:0;z-index:9000;display:flex;align-items:center;gap:4px;padding:4px 16px;background:var(--ink);color:var(--bg);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1}.vim-search-slash{color:#f5c842;font-weight:700}.vim-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--bg);font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px;caret-color:var(--bg)}.demo-btn{background:var(--accent);color:#fff;border:none;font-weight:600;letter-spacing:.5px}.demo-btn:hover{opacity:.85}.cd-view-toggle{display:flex;justify-content:center;gap:4px;margin:0 auto 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px;width:fit-content;position:relative;z-index:2}.cd-view-tab{padding:7px 20px;border-radius:var(--radius-pill);border:none;background:none;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-secondary, #666);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);white-space:nowrap}.cd-view-tab:hover{color:var(--ink)}.cd-view-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.cd-view-panel{display:none}.cd-view-panel.active{display:block;animation:cdFadeIn .3s var(--ease-out)}@keyframes cdFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cd-panes{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 16px;height:640px;margin-bottom:24px;position:relative;z-index:2}.cd-pane-label{font-family:"Bricolage Grotesque",var(--font-body);font-style:normal;font-weight:500;font-size:20px;line-height:1.45;color:var(--ink);letter-spacing:-.3px;padding:4px 4px 4px 22px;margin:8px 0 18px;border-left:2px solid #C45A3C;background:transparent;border-radius:0;max-width:920px;position:relative;z-index:2}.cost-stage-label{transition:opacity .22s ease,transform .22s ease}.cost-stage-label.is-fading{opacity:0;transform:translateY(-4px)}.cd-panes>.cd-pane-label{grid-column:1 / -1}.cd-terminal{background:#1a1a2e;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.cd-term-chrome{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#12122a}.cd-term-dot{width:10px;height:10px;border-radius:50%}.cd-term-dot:nth-child(1){background:#ff5f57}.cd-term-dot:nth-child(2){background:#febc2e}.cd-term-dot:nth-child(3){background:#28c840}.cd-term-title{flex:1;text-align:center;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:#ffffff59;font-weight:500}.cd-term-body{flex:1;padding:14px 16px;overflow-y:auto;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65;color:#ffffffd9;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cd-term-body::-webkit-scrollbar{width:5px}.cd-term-body::-webkit-scrollbar-track{background:transparent}.cd-term-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.cd-term-line{margin-bottom:2px;word-wrap:break-word}.cd-term-cmd{color:#7aa2f7;font-weight:700;font-size:13px}.cd-term-prompt .cd-term-prompt-marker{color:#9ece6a;font-weight:700}.cd-term-prompt .cd-term-prompt-text{color:#fff}.cd-term-thinking{color:#ffffff8c;font-style:italic}.cd-term-dim{color:#ffffff59}.cd-term-response{color:#ffffff80;font-size:11.5px}.cd-term-success .cd-term-check{color:#9ece6a;font-weight:700}.cd-term-success{color:#ffffffd9}.cd-term-final{font-size:13px}#cost-demo-board{position:relative}#cost-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;position:relative}.cd-term-routing{color:#ffffffd9;font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cost-route-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;flex-shrink:0;box-shadow:0 0 4px currentColor}.cost-route-model{font-weight:600;letter-spacing:.2px}.cost-route-why{color:#fff6;font-style:italic;font-size:11.5px}.cost-meter{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:16px 20px 14px;margin:4px 4px 14px;box-shadow:0 2px 6px #0000000a}.cost-meter-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.cost-meter-side{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.cost-meter-label{font-family:var(--font-body);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-muted);margin-bottom:4px}.cost-meter-value{font-family:var(--font-mono, ui-monospace, monospace);font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.5px;line-height:1.1;transition:color .2s ease}.cost-meter-sub{font-size:11px;color:var(--ink-tertiary, var(--ink-muted));margin-top:3px;letter-spacing:.2px}.cost-meter-before .cost-meter-value{color:var(--ink-muted);text-decoration:line-through;text-decoration-color:#d94a4a8c;text-decoration-thickness:2px}.cost-meter-after .cost-meter-value{color:#2f9e7e}.cost-meter-arrow{color:var(--ink-tertiary, var(--ink-muted));display:flex;align-items:center;justify-content:center;opacity:.5}.cost-meter-arrow svg{width:22px;height:22px}.cost-meter-savings{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);font-size:12px;color:var(--ink-muted);text-align:center;letter-spacing:.2px;min-height:18px;opacity:0;transform:translateY(2px);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.cost-meter-savings strong{color:#2f9e7e;font-weight:800}.cost-meter-savings.cost-meter-savings-reveal{opacity:1;transform:translateY(0)}@media (max-width: 640px){.cost-meter-compare{gap:8px}.cost-meter-value{font-size:22px}.cost-meter-arrow svg{width:16px;height:16px}}.cost-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:12px}.cost-controls-row{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.cost-pr-segmented{display:inline-flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:9999px;overflow:hidden;height:36px;box-shadow:0 1px 3px #0000000a}.cost-pr-btn{background:transparent;border:0;color:var(--ink);cursor:pointer;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;min-width:38px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.cost-pr-btn:hover{background:#0000000d}.cost-pr-btn:active{background:#00000017}.cost-pr-btn svg{width:14px;height:14px;display:block}.cost-pr-btn[aria-pressed=true]{background:#7c5cff1f;color:#7c5cff}.cost-pr-divider{width:1px;background:var(--border);align-self:stretch}.cost-next-btn,.cost-act4-btn{display:inline-flex;align-items:center;height:36px;padding:0 18px;border:1px solid transparent;border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:.1px;cursor:pointer;white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);color:#fff}.cost-next-btn{background:linear-gradient(135deg,#7c5cff,#5b8cff);box-shadow:0 2px 8px #7c5cff4d}.cost-next-btn:hover{transform:translateY(-1px);opacity:.95}.cost-next-btn-pulse{animation:cost-next-pulse 1.6s ease-in-out infinite}@keyframes cost-next-pulse{0%,to{box-shadow:0 2px 8px #7c5cff4d}50%{box-shadow:0 2px 14px #7c5cff8c}}.cost-task-routing{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:8px}.cost-task-routing-row{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:baseline;font-size:12.5px}.cost-task-routing-key{font-family:var(--font-body);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted)}.cost-task-routing-tags{display:flex;flex-wrap:wrap;gap:5px}.cost-task-need{display:inline-block;background:#7c5cff1a;color:#5b8cff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;letter-spacing:.2px}.cost-task-routing-pick{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.cost-task-routing-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cost-task-routing-why{color:var(--ink);opacity:.78;line-height:1.45;font-style:italic}#demos-view-route.cost-act2-mode .cd-panes{grid-template-columns:1fr;height:auto;min-height:640px}#demos-view-route.cost-act2-mode .cd-pane-label,#demos-view-route.cost-act2-mode .cd-terminal{display:none}#demos-view-route.cost-act2-mode .cd-board{grid-column:1 / -1;overflow:visible}.cost-plan-stage{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);gap:56px;padding:28px 32px 36px;min-height:640px;align-items:start}.cost-plan-col{display:flex;flex-direction:column;position:relative;z-index:2}.cost-plan-col-router{align-items:center;justify-content:center;min-height:100%}.cost-plan-col-label{font-family:"Space Grotesk",var(--font-body);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2.8px;color:var(--ink-muted);margin-bottom:16px;text-align:center;opacity:.7}.cost-plan-col-tasks .cost-plan-col-label,.cost-plan-col-lanes .cost-plan-col-label{text-align:left;padding-left:4px}.cost-plan-source-card{margin:0;position:relative;z-index:2}.cost-plan-source-card .list-header{cursor:default}.cost-plan-source-card .list-item-count{font-family:"Space Grotesk",var(--font-body);font-size:11px;font-weight:500;letter-spacing:.4px;color:var(--ink-muted)}.cost-plan-tasks{display:flex;flex-direction:column;gap:6px}.cost-plan-source-task{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--task-accent, var(--border));border-radius:8px;padding:10px 12px;opacity:0;transform:translateY(-160px) scale(1.04);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;will-change:transform,opacity}.cost-plan-source-task-thud{animation:cost-task-thud .46s cubic-bezier(.22,1.2,.36,1) forwards}.cost-plan-source-task-settled{opacity:1;transform:none}@keyframes cost-task-thud{0%{opacity:0;transform:translateY(-160px) scale(1.04) rotate(-1deg)}55%{opacity:1;transform:translateY(8px) scale(1.015) rotate(.4deg)}74%{transform:translateY(-3px) scale(1) rotate(-.15deg)}90%{transform:translateY(1px) scale(1) rotate(.05deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.cost-plan-source-task-active{box-shadow:0 4px 14px #7c5cff2e;transform:translateY(-1px);border-left-width:4px}.cost-plan-source-task-title{font-family:"Bricolage Grotesque",var(--font-body);font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:6px;letter-spacing:-.15px}.cost-plan-source-card .list-title{font-family:"Bricolage Grotesque",var(--font-body);font-weight:700;letter-spacing:-.2px}.cost-plan-source-task-meta{display:flex;flex-wrap:wrap;gap:4px}.cost-plan-pill{display:inline-block;font-family:"Karla",var(--font-body);font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:8px;letter-spacing:.2px;text-transform:lowercase}.cost-plan-pill-scope{background:#7c5cff14;color:#5b8cff}.cost-plan-pill-need{background:#0000000a;color:var(--ink-muted)}.cost-plan-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.cost-plan-router{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 26px 24px;background:radial-gradient(circle at 50% 0%,rgba(204,120,92,.06) 0%,transparent 55%),linear-gradient(180deg,#fffaf3 0%,var(--surface) 100%);border:1px solid rgba(204,120,92,.18);border-radius:22px;box-shadow:0 1px #ffffffb3 inset,0 0 0 1px #7c5cff0a,0 12px 36px -12px #7c5cff47,0 4px 18px -8px #cc785c2e;width:100%;min-width:280px;max-width:340px;z-index:2;isolation:isolate}.cost-plan-router:before{content:"";position:absolute;inset:-28px;border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.12) 0%,transparent 60%),radial-gradient(circle at 30% 30%,rgba(204,120,92,.08) 0%,transparent 50%);filter:blur(18px);z-index:-1;pointer-events:none;animation:cost-router-aurora 6s ease-in-out infinite}@keyframes cost-router-aurora{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.04) rotate(2deg);opacity:1}}.cost-plan-router-ring{position:absolute;inset:-4px;border-radius:24px;border:1px solid rgba(124,92,255,.22);animation:cost-router-pulse 3.2s ease-in-out infinite;pointer-events:none}@keyframes cost-router-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.025);opacity:.15}}.cost-plan-router-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#7c5cff;background:radial-gradient(circle at 50% 30%,#ffffffe6,#7c5cff0f 70%),#7c5cff1a;border-radius:50%;margin-bottom:12px;box-shadow:0 0 0 1px #7c5cff2e,0 6px 14px -6px #7c5cff73;animation:cost-router-icon-spin 24s linear infinite}.cost-plan-router-icon svg{width:32px;height:32px}@keyframes cost-router-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cost-plan-router-label{font-family:"Space Grotesk",var(--font-body);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:2.8px;color:#7c5cff;margin-bottom:14px;position:relative}.cost-plan-router-label:after{content:"";display:block;width:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,255,.5),transparent);margin:6px auto 0}.cost-plan-router-eval{font-family:"DM Sans",var(--font-body);font-size:14px;color:var(--ink-muted);min-height:90px;line-height:1.6;width:100%;transition:opacity .24s ease}.cost-plan-eval-flash{animation:cost-eval-flash .36s ease}@keyframes cost-eval-flash{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.cost-plan-eval-task{font-family:Playfair Display,Georgia,serif;font-weight:500;color:var(--ink);font-size:19px;line-height:1.25;letter-spacing:-.4px;margin-bottom:10px}.cost-plan-eval-needs{font-size:13px;color:var(--ink-tertiary, var(--ink-muted));margin-bottom:10px;line-height:1.6}.cost-plan-eval-tag{display:inline-block;background:#7c5cff1a;color:#5b8cff;font-size:12px;font-weight:600;padding:3px 9px;border-radius:10px;margin-right:5px;margin-top:3px;letter-spacing:.2px}.cost-plan-eval-pick{font-size:14px;font-weight:600;margin-top:10px;line-height:1.4}.cost-plan-lanes{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.cost-plan-lane{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--lane-color, var(--border));border-radius:8px;padding:10px 14px}.cost-plan-lane-head{display:flex;align-items:center;gap:8px}.cost-plan-lane-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cost-plan-lane-name{font-family:Playfair Display,Georgia,serif;font-weight:500;font-size:17px;color:var(--ink);letter-spacing:-.3px;line-height:1.2}.cost-plan-lane-cost{margin-left:auto;font-family:"Space Grotesk",var(--font-mono, ui-monospace, monospace);font-size:11px;font-weight:400;color:var(--ink-muted);letter-spacing:.4px;opacity:.75}.cost-plan-lane-strength{font-family:"DM Sans",var(--font-body);font-size:11.5px;font-weight:400;font-style:normal;color:var(--ink-tertiary, var(--ink-muted));margin-top:3px;margin-bottom:8px;line-height:1.5;letter-spacing:.05px;opacity:.8}.cost-plan-lane-queue{display:flex;flex-direction:column;gap:6px;min-height:4px}.cost-plan-task{background:var(--surface-subtle, rgba(0,0,0,.025));border-left:3px solid var(--border);border-radius:6px;padding:9px 12px}.cost-plan-task-name{font-family:"DM Sans",var(--font-body);font-weight:500;color:var(--ink);font-size:13px;line-height:1.4;letter-spacing:-.1px}.cost-plan-task-why{font-family:"DM Sans",var(--font-body);font-size:11.5px;font-weight:400;font-style:normal;color:var(--ink-muted);margin-top:4px;line-height:1.5;letter-spacing:.05px;opacity:.8}[data-model^=claude-] .cost-plan-lane-strength,[data-model^=claude-] .cost-plan-task-name,[data-model^=claude-] .cost-plan-task-why{font-family:"DM Sans",var(--font-body)}[data-model^=gpt-] .cost-plan-lane-name{font-family:"Inter",var(--font-body);font-weight:600;font-size:16px;letter-spacing:-.3px}[data-model^=gpt-] .cost-plan-lane-strength,[data-model^=gpt-] .cost-plan-task-name,[data-model^=gpt-] .cost-plan-task-why{font-family:"Inter",var(--font-body)}[data-model^=gpt-] .cost-plan-task-name{font-weight:500}[data-model^=gemini-] .cost-plan-lane-name{font-family:"Plus Jakarta Sans",var(--font-body);font-weight:700;font-size:16px;letter-spacing:-.4px}[data-model^=gemini-] .cost-plan-lane-strength,[data-model^=gemini-] .cost-plan-task-name,[data-model^=gemini-] .cost-plan-task-why{font-family:"Plus Jakarta Sans",var(--font-body)}[data-model^=gemini-] .cost-plan-task-name{font-weight:600}[data-model^=deepseek-] .cost-plan-lane-name{font-family:"Manrope",var(--font-body);font-weight:800;font-size:16px;letter-spacing:-.4px}[data-model^=deepseek-] .cost-plan-lane-strength,[data-model^=deepseek-] .cost-plan-task-name,[data-model^=deepseek-] .cost-plan-task-why{font-family:"Manrope",var(--font-body)}[data-model^=deepseek-] .cost-plan-task-name{font-weight:600}@media (max-width: 760px){.cost-plan-stage{grid-template-columns:1fr;gap:12px}.cost-plan-router{max-width:none}}.cost-meta-stage{padding:28px 32px 32px;display:flex;flex-direction:column;gap:20px;min-height:600px}.cost-meta-header{text-align:center}.cost-meta-title{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px;margin-bottom:6px}.cost-meta-subtitle{font-size:14px;color:var(--ink-muted);max-width:720px;margin:0 auto;line-height:1.5}.cost-meta-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}.cost-meta-col-label{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--ink-muted);margin-bottom:8px}.cost-meta-task-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid #7C5CFF;border-radius:12px;padding:18px 22px;box-shadow:0 2px 6px #0000000a}.cost-meta-task-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.3}.cost-meta-task-desc{font-size:13px;color:var(--ink-muted);line-height:1.55;margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed var(--border)}.cost-meta-fields{display:flex;flex-direction:column;gap:6px}.cost-meta-field{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;padding:4px 8px;border-radius:6px;font-size:13px;transition:background .24s ease,color .24s ease}.cost-meta-field-key{font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;font-weight:600;color:var(--ink-tertiary, var(--ink-muted));text-transform:lowercase;letter-spacing:.2px}.cost-meta-field-val{color:var(--ink);line-height:1.4}.cost-meta-field-active{background:#7c5cff1f;outline:1px solid rgba(124,92,255,.3)}.cost-meta-field-matched{background:#2f9e7e14}.cost-meta-field-matched .cost-meta-field-key{color:#2f9e7e}.cost-meta-arrow{display:flex;align-items:center;justify-content:center;color:var(--ink-tertiary, var(--ink-muted));opacity:.6}.cost-meta-arrow svg{width:60px;height:18px}.cost-meta-router-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 22px;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:column;align-items:stretch}.cost-meta-router-icon{width:40px;height:40px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;color:#7c5cff;background:#7c5cff14;border-radius:50%}.cost-meta-router-icon svg{width:24px;height:24px}.cost-meta-router-readout{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-height:100px}.cost-meta-readout-status{color:var(--ink-muted);font-size:12.5px;font-style:italic}.cost-meta-readout-line{display:grid;grid-template-columns:16px 96px 1fr;gap:8px;align-items:baseline;font-size:12.5px;animation:cost-meta-line-in .24s ease}@keyframes cost-meta-line-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.cost-meta-readout-mark{font-weight:700;text-align:center;color:var(--ink-tertiary, var(--ink-muted))}.cost-meta-readout-decisive .cost-meta-readout-mark{color:#2f9e7e}.cost-meta-readout-key{font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;color:var(--ink-tertiary, var(--ink-muted))}.cost-meta-readout-decisive .cost-meta-readout-key{color:#2f9e7e}.cost-meta-readout-val{color:var(--ink);line-height:1.4}.cost-meta-pick-arrow{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:4px 0 6px;opacity:0;animation:cost-meta-fade-in .36s ease forwards}.cost-meta-pick-card{border:2px solid;border-radius:10px;padding:12px 14px;background:var(--bg);opacity:0;animation:cost-meta-fade-in .42s .12s ease forwards}@keyframes cost-meta-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cost-meta-pick-head{display:flex;align-items:center;gap:8px}.cost-meta-pick-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cost-meta-pick-name{font-size:15px;font-weight:700;color:var(--ink)}.cost-meta-pick-cost{margin-left:auto;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;color:var(--ink-muted)}.cost-meta-pick-strength{font-size:12px;color:var(--ink-muted);margin-top:4px;font-style:italic;line-height:1.4}.cost-meta-pick-reason{font-size:12.5px;color:var(--ink);margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);line-height:1.45}.cost-meta-cycle{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.cost-meta-cycle-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.cost-meta-cycle-tab:hover{color:var(--ink)}.cost-meta-cycle-active{background:#7c5cff1f;border-color:#7c5cff4d;color:var(--ink)}.cost-meta-cycle-dot{width:8px;height:8px;border-radius:50%}@media (max-width: 900px){.cost-meta-flow{grid-template-columns:1fr}.cost-meta-arrow{transform:rotate(90deg)}}.cost-act4-btn{background:linear-gradient(135deg,#d97706,#cc785c);color:#fff;border-color:transparent;box-shadow:0 2px 8px #d977064d}.cost-act4-btn:hover{transform:translateY(-1px);opacity:.95}.cost-news-stage{padding:32px 32px 28px;display:flex;flex-direction:column;gap:22px;min-height:600px}.cost-news-header{text-align:center;max-width:820px;margin:0 auto}.cost-news-eyebrow{font-family:var(--font-body);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:#d97706;margin-bottom:12px}.cost-news-title{font-size:30px;font-weight:700;color:var(--ink);letter-spacing:-.4px;line-height:1.18;margin-bottom:14px}.cost-news-subtitle{font-size:16px;color:var(--ink);opacity:.78;line-height:1.55;font-weight:450;max-width:720px;margin:0 auto}.cost-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.cost-news-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px 22px;display:flex;flex-direction:column;box-shadow:0 2px 10px #0000000a;position:relative;overflow:hidden}.cost-news-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--ink-muted)}.cost-news-card-real:before{background:linear-gradient(90deg,#d97706,#cc785c)}.cost-news-card-pattern:before{background:linear-gradient(90deg,#5b8cff,#7c5cff)}.cost-news-card-trend:before{background:linear-gradient(90deg,#2f9e7e,#4d6bfe)}.cost-news-meta{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);margin-bottom:16px}.cost-news-source{color:var(--ink)}.cost-news-date{color:var(--ink);opacity:.5;font-weight:600}.cost-news-pull{display:flex;align-items:baseline;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px dashed var(--border)}.cost-news-pull-num{font-family:var(--font-mono, ui-monospace, monospace);font-size:40px;font-weight:800;letter-spacing:-.8px;color:var(--ink);line-height:1}.cost-news-card-real .cost-news-pull-num{color:#d97706}.cost-news-card-pattern .cost-news-pull-num{color:#5b8cff}.cost-news-card-trend .cost-news-pull-num{color:#2f9e7e}.cost-news-pull-label{font-size:12px;color:var(--ink);opacity:.7;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.cost-news-headline{font-size:17px;font-weight:700;color:var(--ink);line-height:1.35;margin:0 0 12px;letter-spacing:-.1px}.cost-news-blurb{font-size:14px;color:var(--ink);opacity:.78;line-height:1.55;margin:0;flex:1;font-weight:450}.cost-news-footer{text-align:center;margin-top:8px;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.cost-news-footer-reveal{opacity:1;transform:translateY(0)}.cost-news-footer-line{font-size:16px;color:var(--ink);opacity:.85;margin-bottom:10px;font-weight:500;letter-spacing:-.1px}.cost-news-footer-cta{display:inline-block;padding:12px 22px;background:linear-gradient(135deg,#7c5cff,#5b8cff);color:#fff;border-radius:var(--radius-pill);font-size:14px;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 14px #7c5cff4d}.cost-icp-section{margin:16px auto 18px;max-width:1080px;text-align:left}.cost-icp-eyebrow{text-align:center;font-family:var(--font-body);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:var(--ink);opacity:.6;margin-bottom:16px}.cost-icp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cost-icp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column}.cost-icp-role{font-family:var(--font-body);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;color:#7c5cff;margin-bottom:8px}.cost-icp-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.3;letter-spacing:-.1px}.cost-icp-body{font-size:14px;color:var(--ink);opacity:.82;line-height:1.55;font-weight:450}.cost-icp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cost-icp-list li{font-size:14px;color:var(--ink);opacity:.82;padding-left:16px;position:relative;line-height:1.5;font-weight:450}.cost-icp-list li:before{content:"\2022";position:absolute;left:2px;color:#7c5cff;font-weight:700;font-size:14px;line-height:1.4}.cost-icp-list strong{color:var(--ink);opacity:1;font-weight:700}@media (max-width: 900px){.cost-icp-grid{grid-template-columns:1fr}}@media (max-width: 900px){.cost-news-grid{grid-template-columns:1fr}.cost-news-title{font-size:22px}}.cd-term-final strong{color:#9ece6a}.cd-term-cat{font-size:11px;font-weight:600}.cd-term-blank{height:8px}.cd-term-task-add{color:#fffc}.cd-board{background:transparent;border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}#cd-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#cd-board-mount::-webkit-scrollbar{width:5px}#cd-board-mount::-webkit-scrollbar-track{background:transparent}#cd-board-mount::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#cd-board-mount .list-card{contain:layout style;overflow:visible}#cd-board-mount .list-card:hover{transform:none}#cd-board-mount .list-body{overflow:visible}.cd-board .todo-item,#lifecycle-board-mount .todo-item{cursor:pointer}#lifecycle-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;position:relative}#lifecycle-board-mount::-webkit-scrollbar{width:5px}#lifecycle-board-mount::-webkit-scrollbar-track{background:transparent}#lifecycle-board-mount::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#lifecycle-board-mount .list-card{contain:layout style;overflow:visible}#lifecycle-board-mount .list-card:hover{transform:none}#lifecycle-board-mount .list-body{overflow:visible}.cd-board-cta{padding:16px 18px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.cd-board-cta p{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);margin-bottom:10px}.cd-board-cta .btn{font-size:13px}.cd-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:1}.cd-pause-btn,.cd-replay-btn{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.cd-pause-btn:hover,.cd-replay-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 820px){.cd-panes{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;gap:8px}.cd-pane-label:first-child{display:none}.cd-pane-label{font-size:17px;line-height:1.45;padding:4px 4px 4px 16px;margin:6px 0 14px}.cd-terminal{min-height:160px;max-height:28vh}.cd-board{min-height:280px;max-height:none;overflow:visible}}@media (max-width: 820px){.cd-view-toggle{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;scroll-snap-type:x mandatory;margin-left:0;margin-right:0;box-sizing:border-box}.cd-view-toggle::-webkit-scrollbar{display:none}.cd-view-tab{scroll-snap-align:start;flex-shrink:0}}@media (max-width: 480px){.cd-view-tab{padding:6px 14px;font-size:12px}.cd-term-body{font-size:11px;padding:10px 12px}}#obs-demo-board{position:relative}#obs-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#obs-board-mount::-webkit-scrollbar{width:5px}#obs-board-mount::-webkit-scrollbar-track{background:transparent}#obs-board-mount::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#obs-board-mount .list-card{contain:layout style;overflow:visible}#obs-board-mount .list-card:hover{transform:none}#obs-board-mount .list-body{overflow:visible}#enrich-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}#enrich-board-mount::-webkit-scrollbar{width:5px}#enrich-board-mount::-webkit-scrollbar-track{background:transparent}#enrich-board-mount::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#enrich-board-mount .list-card{contain:layout style;overflow:visible}#enrich-board-mount .list-card:hover{transform:none}#enrich-board-mount .list-body{overflow:visible}.obs-board-cta{padding:16px 18px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.obs-board-cta p{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);margin-bottom:10px}.obs-board-cta .btn{font-size:13px}.enrich-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:1}.enrich-pause-btn,.enrich-replay-btn{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.enrich-pause-btn:hover,.enrich-replay-btn:hover{border-color:var(--accent);color:var(--accent)}.obs-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:1}.obs-pause-btn,.obs-replay-btn{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.obs-pause-btn:hover,.obs-replay-btn:hover{border-color:var(--accent);color:var(--accent)}.obsidian-link-demo-pulse{animation:obsLinkPulse .6s ease-in-out 3;position:relative;z-index:2}@keyframes obsLinkPulse{0%,to{background:transparent;box-shadow:none}50%{background:color-mix(in srgb,#7C3AED 15%,transparent);box-shadow:0 0 12px 4px #7c3aed59}}.obs-preview{background:#1e1e2e;border-radius:var(--radius-lg);opacity:0;transform:translateY(12px) scale(.97);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 48px #00000080;border:1px solid rgba(124,58,237,.25);margin-top:12px;max-height:320px}.obs-preview-visible{opacity:1;transform:translateY(0) scale(1)}@keyframes acceptPlanPulse{0%,to{box-shadow:0 0 12px #4a8c6f80,0 0 24px #4a8c6f40}50%{box-shadow:0 0 20px #4a8c6fb3,0 0 40px #4a8c6f59}}.obs-preview-chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#181825;border-bottom:1px solid rgba(124,58,237,.15)}.obs-preview-icon{color:#7c3aed;flex-shrink:0}.obs-preview-vault{font-family:var(--font-mono, monospace);font-size:11px;color:#fff6;font-weight:600}.obs-preview-path{font-family:var(--font-mono, monospace);font-size:11px;color:#7c3aedb3;margin-left:auto}.obs-preview-content{flex:1;padding:20px 24px;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.7;color:#fffc}.obs-preview-content h1{font-size:20px;font-weight:700;color:#cdd6f4;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(124,58,237,.2)}.obs-preview-content h2{font-size:15px;font-weight:600;color:#bac2de;margin:16px 0 8px}.obs-preview-content p{margin:6px 0;color:#ffffffa6}.obs-preview-content ul{margin:6px 0;padding-left:20px}.obs-preview-content li{margin:4px 0;color:#ffffffa6}.obs-preview-content strong{color:#cdd6f4}.obs-board-blurred #obs-board-mount .list-card{filter:blur(4px);opacity:.4;transition:filter .4s ease,opacity .4s ease;pointer-events:none}.recon-dual-lists{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recon-dual-lists .list-card{min-width:0;overflow:hidden}.recon-dual-lists .todo-item{overflow:hidden}.recon-dual-lists .category-tag{font-size:9px;padding:2px 6px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#recon-board-mount{flex:1;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;position:relative}#recon-board-mount::-webkit-scrollbar{width:5px}#recon-board-mount::-webkit-scrollbar-track{background:transparent}#recon-board-mount::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#recon-board-mount .list-card{contain:layout style;overflow:visible}#recon-board-mount .list-card:hover{transform:none}#recon-board-mount .list-body{overflow:visible}.recon-matched{box-shadow:0 0 0 2px var(--recon-match-color, var(--accent));animation:reconPulse 1.2s ease-in-out infinite;position:relative}@keyframes reconPulse{0%,to{box-shadow:0 0 0 2px var(--recon-match-color, var(--accent))}50%{box-shadow:0 0 12px 4px color-mix(in srgb,var(--recon-match-color, var(--accent)) 40%,transparent)}}.recon-match-label{position:absolute;top:-24px;left:12px;color:#fff;padding:2px 10px;border-radius:6px;font-size:10px;font-weight:700;font-family:var(--font-mono, monospace);letter-spacing:.5px;z-index:10;animation:reconLabelIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes reconLabelIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.recon-connection-line{transition:stroke-dashoffset .8s ease-in-out,opacity .3s ease}.recon-line-sweep{animation:reconLineSweep .8s ease-in-out}@keyframes reconLineSweep{0%{stroke-opacity:.7;stroke-width:2}50%{stroke-opacity:1;stroke-width:3.5}to{stroke-opacity:.7;stroke-width:2}}.recon-confidence-badge{position:absolute;transform:translate(-50%,-50%) scale(.8);color:#fff;padding:3px 10px;border-radius:10px;font-size:9px;font-weight:700;font-family:var(--font-body);letter-spacing:.3px;text-transform:uppercase;z-index:21;pointer-events:none;white-space:nowrap;box-shadow:0 2px 8px #0000004d}.recon-sweep-active{animation:reconSweep 1.5s ease-in-out}@keyframes reconSweep{0%{filter:none;box-shadow:none}25%{filter:brightness(1.15);box-shadow:0 0 30px 10px #4a90d926}50%{filter:brightness(1.25);box-shadow:0 0 50px 20px #4a90d940}75%{filter:brightness(1.15);box-shadow:0 0 30px 10px #4a90d926}to{filter:none;box-shadow:none}}.recon-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:1}.recon-pause-btn,.recon-replay-btn{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.recon-pause-btn:hover,.recon-replay-btn:hover{border-color:var(--accent);color:var(--accent)}.demos-doc-link{text-align:center;margin-bottom:12px;position:relative;z-index:1}.demos-doc-link a{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;padding:6px 16px;border:1.5px solid var(--accent);border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out);display:inline-block}.demos-doc-link a:hover{background:var(--accent);color:#fff}.demos-doc-link-bottom{margin-top:28px;margin-bottom:4px}.recon-board-cta{padding:16px 18px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.recon-board-cta p{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);margin-bottom:10px}.recon-board-cta .btn{font-size:13px}.enrich-board-cta,.doc-board-cta{padding:16px 18px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.enrich-board-cta p,.doc-board-cta p{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);margin-bottom:10px}.enrich-board-cta .btn,.doc-board-cta .btn{font-size:13px}.cd-term-commit{font-weight:500}@media (max-width: 820px){.recon-dual-lists{grid-template-columns:1fr}}.vim-help-btn-tooltip{position:fixed;bottom:72px;left:8px;z-index:9001;background:var(--surface);border:1.5px solid var(--accent);border-radius:8px;padding:7px 12px;font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm);animation:cdFadeIn .3s var(--ease-out)}.vim-help-btn-tooltip:after{content:"";position:absolute;bottom:-6px;left:16px;width:10px;height:10px;background:var(--surface);border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(45deg)}.vim-help-btn-tooltip .dismiss-tip{background:none;border:none;font-size:14px;color:var(--ink-muted);cursor:pointer;padding:0 0 0 8px;line-height:1;vertical-align:middle}@keyframes vimBtnPulse{0%,to{box-shadow:var(--shadow-xs)}50%{box-shadow:0 0 0 4px #c45a3c26}}.vim-help-btn-pulse{animation:vimBtnPulse 2s ease infinite;width:32px;height:32px;font-size:15px}.lifecycle-header{text-align:center;font-family:var(--font-body);font-size:15px;font-weight:600;font-style:italic;color:var(--ink);margin:20px 0 16px;opacity:.85}.lifecycle-bar{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 28px;padding:6px 8px;width:fit-content;max-width:100%;position:relative;z-index:2}.lifecycle-stage{padding:8px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all .25s var(--ease-out);white-space:nowrap;flex-shrink:0}.lifecycle-stage:hover{color:var(--ink);border-color:var(--ink-muted)}.lifecycle-stage.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 12px #c45a3c40}.lifecycle-stage.completed{background:var(--bg);color:var(--ink);border-color:var(--accent)}.lifecycle-stage.completed:after{content:"";display:inline-block;width:10px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);margin-left:6px;position:relative;top:-1px}.lifecycle-connector{display:block;width:24px;height:2px;background:var(--border);flex-shrink:0;transition:background .25s var(--ease-out)}.lifecycle-connector.completed{background:var(--accent)}.lifecycle-next{display:flex;justify-content:center;padding:24px 20px 8px;animation:cdFadeIn .4s var(--ease-out)}.lifecycle-next-btn{padding:12px 32px;border-radius:var(--radius-pill);border:none;background:var(--accent);font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:0 2px 12px #c45a3c40}.lifecycle-next-btn:hover{background:var(--accent-hover);box-shadow:0 4px 20px #c45a3c59;transform:translateY(-1px)}.lifecycle-complete{display:flex;justify-content:center;align-items:center;padding:60px 20px;animation:cdFadeIn .4s var(--ease-out)}.lifecycle-complete-inner{text-align:center}.lifecycle-complete-text{font-family:var(--font-body);font-size:16px;font-weight:600;font-style:italic;color:var(--ink);margin-bottom:20px;opacity:.85}.lifecycle-restart-btn{padding:10px 28px;border-radius:var(--radius-pill);border:1.5px solid var(--accent);background:var(--surface);font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.lifecycle-restart-btn:hover{background:var(--accent);color:#fff}@media (max-width: 820px){.lifecycle-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:6px 12px}.lifecycle-bar::-webkit-scrollbar{display:none}.lifecycle-stage{font-size:12px;padding:6px 14px}.lifecycle-connector{width:12px}.lifecycle-header{font-size:13px}}@media (max-width: 480px){.lifecycle-stage{font-size:11px;padding:5px 10px}.lifecycle-connector{width:10px}}.lifecycle-full-cta{display:flex;justify-content:center;margin-bottom:12px;position:relative;z-index:2}.lifecycle-full-btn{padding:8px 24px;border-radius:var(--radius-pill);border:1.5px solid var(--accent);background:var(--surface);font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--accent);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.lifecycle-full-btn:hover{background:var(--accent);color:#fff;box-shadow:0 2px 12px #c45a3c40}#lifecycle-indicator-mount{flex-shrink:0;position:relative;z-index:10;background:var(--surface);border-bottom:1px solid var(--border-light)}.lifecycle-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0 10px;font-family:var(--font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.lci-stage{color:var(--ink-muted);transition:color .3s ease}.lci-stage.active{color:var(--accent)}.lci-stage.completed{color:var(--ink)}.lci-stage.completed:before{content:"\2713";color:var(--green, #4a8c6f)}.lci-dot{width:3px;height:3px;border-radius:50%;background:var(--border)}.lifecycle-stage-header{text-align:center;padding:20px 20px 16px;border-bottom:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 auto;max-width:1080px;position:relative;z-index:2}.lsh-stage-name{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--accent);margin-bottom:4px;transition:opacity .35s ease,transform .35s ease}.lsh-stage-desc{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-secondary);margin-bottom:12px;transition:opacity .4s ease}.lsh-progress{display:flex;align-items:center;justify-content:center;gap:8px}.lsh-pip{width:32px;height:4px;border-radius:2px;background:var(--border);transition:background .4s ease}.lsh-pip.active{background:var(--accent)}.lsh-pip.done{background:var(--green, #3A7D5C)}.lifecycle-board-cta{padding:16px 18px;border-top:1px solid var(--border);text-align:center;background:var(--surface)}.lifecycle-board-cta p{font-family:var(--font-body);font-size:13px;color:var(--ink-secondary, var(--ink-muted));margin-bottom:10px}.lifecycle-controls{display:flex;justify-content:center;gap:8px;margin-top:12px;position:relative;z-index:2}.lifecycle-restart-stage-btn{padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--ink-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.lifecycle-restart-stage-btn:hover{color:var(--accent);border-color:var(--accent)}.lifecycle-pause-btn,.lifecycle-replay-btn,.lifecycle-back-btn{padding:6px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.lifecycle-pause-btn:hover,.lifecycle-replay-btn:hover,.lifecycle-back-btn:hover{border-color:var(--ink-muted);color:var(--ink)}.lifecycle-next-stage-btn{padding:12px 32px;border-radius:var(--radius-pill);border:none;background:var(--accent);font-family:var(--font-body);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);box-shadow:0 2px 12px #c45a3c40;animation:cdFadeIn .4s var(--ease-out)}.lifecycle-next-stage-btn:hover{background:var(--accent-hover);box-shadow:0 4px 20px #c45a3c59;transform:translateY(-1px)}.lc-commit-card{margin:8px 8px 0;padding:12px 16px;background:#1a1714;border-radius:var(--radius);border-left:3px solid var(--accent)}.lcc-hash{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#7aa2f7;margin-bottom:3px}.lcc-msg{font-family:var(--font-body);font-size:13px;font-weight:600;color:#e0d9ce;margin-bottom:4px}.lcc-files{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#a89a8c}.lc-recon-svg{pointer-events:none}.lifecycle-conclusion{max-width:600px;margin:0 auto;padding:40px 24px 48px;position:relative;z-index:2;background:var(--surface)}.lc-header{text-align:center;margin-bottom:28px}.lc-title{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--ink);letter-spacing:-1px;margin-bottom:8px}.lc-subtitle{font-family:var(--font-body);font-size:16px;font-weight:600;color:var(--ink-secondary);margin-bottom:8px;line-height:1.5}.lc-desc{font-family:var(--font-body);font-size:14px;color:var(--ink-muted);line-height:1.6;max-width:480px;margin:0 auto}.lc-diamond{position:relative;width:440px;height:380px;margin:24px auto 0}.lc-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lc-line{stroke:var(--border);stroke-width:1.5}.lc-node{position:absolute;transform:translate(-50%,-50%) scale(.6);z-index:2}.lc-node-label{padding:8px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm)}.lc-descs{display:flex;flex-direction:column;gap:8px;margin-top:24px}.lc-desc-row{border-left:2px solid var(--accent);padding-left:12px;font-family:var(--font-body);font-size:13px;color:var(--ink-secondary);line-height:1.5}.lc-desc-row strong{color:var(--ink)}.lc-restart{text-align:center;margin-top:24px;padding-bottom:20px}.ld-restart{padding:8px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--ink-muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.ld-restart:hover{color:var(--accent);border-color:var(--accent)}