@layer tokens.tokens{:root{--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-pill: 999px;--swatch-size: 9px;--swatch-gap: var(--space-2);--swatch-border-width: 1.5px;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: clamp(22px, 3.2vw, 28px);--text-3xl: clamp(32px, 4.4vw, 40px);--text-4xl: clamp(38px, 5.6vw, 52px);--ease-out: cubic-bezier(.22, .61, .36, 1);--duration-1: .14s;--duration-2: .2s;--danger-1: #c94a47;--danger-soft: rgba(201, 74, 71, .14)}[data-font=editorial]{--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-font=sans]{--font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-font=system]{--font-display: ui-serif, Georgia, serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}[data-font=mono]{--font-display: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=navy]{--paper-0: #060709;--paper-1: #101318;--paper-2: #151920;--paper-3: #1d232c;--ink-1: #eef2f8;--ink-2: #bcc5d2;--ink-3: #7e8796;--ink-4: #4f5866;--rule-1: rgba(238, 242, 248, .05);--rule-2: rgba(238, 242, 248, .1);--rule-3: rgba(238, 242, 248, .18);--accent-1: #4f83ff;--accent-2: #79a2ff;--accent-soft: rgba(79, 131, 255, .16);--accent-softer: rgba(79, 131, 255, .08);--shadow-card: 0 1px 0 rgba(0, 0, 0, .42);--shadow-raised: 0 18px 44px rgba(0, 0, 0, .54);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .66);--page-glow-warm: rgba(28, 48, 112, .06);--page-glow-cool: rgba(53, 93, 210, .04)}[data-theme=ink]{--paper-0: #0d0907;--paper-1: #16110c;--paper-2: #1e1812;--paper-3: #2a2218;--ink-1: #ece3cf;--ink-2: #b8ac90;--ink-3: #7a6f59;--ink-4: #4d4537;--rule-1: rgba(236, 227, 207, .06);--rule-2: rgba(236, 227, 207, .12);--rule-3: rgba(236, 227, 207, .22);--accent-1: #d65a45;--accent-2: #e07868;--accent-soft: rgba(214, 90, 69, .14);--accent-softer: rgba(214, 90, 69, .06);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3);--shadow-raised: 0 12px 36px rgba(0, 0, 0, .4);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .55);--page-glow-warm: rgba(214, 90, 69, .08);--page-glow-cool: rgba(236, 227, 207, .04)}[data-theme=graphite]{--paper-0: #0e1013;--paper-1: #161a1f;--paper-2: #1f242b;--paper-3: #2c333c;--ink-1: #e8ebf0;--ink-2: #aab1bb;--ink-3: #6f7785;--ink-4: #464d57;--rule-1: rgba(232, 235, 240, .06);--rule-2: rgba(232, 235, 240, .12);--rule-3: rgba(232, 235, 240, .22);--accent-1: #c89a55;--accent-2: #d8b378;--accent-soft: rgba(200, 154, 85, .14);--accent-softer: rgba(200, 154, 85, .06);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3);--shadow-raised: 0 12px 36px rgba(0, 0, 0, .4);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .55);--page-glow-warm: rgba(200, 154, 85, .06);--page-glow-cool: rgba(232, 235, 240, .04)}[data-theme=forest]{--paper-0: #0a1310;--paper-1: #111d18;--paper-2: #182824;--paper-3: #233a33;--ink-1: #e4eee5;--ink-2: #a8c0b0;--ink-3: #6f8779;--ink-4: #475a51;--rule-1: rgba(228, 238, 229, .06);--rule-2: rgba(228, 238, 229, .12);--rule-3: rgba(228, 238, 229, .22);--accent-1: #e8a358;--accent-2: #f0b878;--accent-soft: rgba(232, 163, 88, .14);--accent-softer: rgba(232, 163, 88, .06);--shadow-card: 0 1px 0 rgba(0, 0, 0, .3);--shadow-raised: 0 12px 36px rgba(0, 0, 0, .4);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .55);--page-glow-warm: rgba(232, 163, 88, .06);--page-glow-cool: rgba(228, 238, 229, .04)}}@layer reset,components;@layer reset{*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}html{font-family:var(--font-sans);font-feature-settings:"ss01","cv11";color:var(--ink-1);background-color:var(--paper-0);background-image:radial-gradient(circle at 18% 12%,var(--page-glow-warm),transparent 40%),radial-gradient(circle at 86% 88%,var(--page-glow-cool),transparent 44%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.85  0 0 0 0 0.85  0 0 0 0 0.85  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-soft);color:var(--ink-1)}html[data-theme=navy]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.85  0 0 0 0 0.85  0 0 0 0 0.85  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}@layer components{.app-shell{--app-zoom: 1;--app-frame-pad-top: clamp(4px, 1.6vw, var(--space-8));--app-frame-pad-side: clamp(4px, 1.25vw, var(--space-6));--app-frame-pad-bottom: clamp(4px, 1.25vw, var(--space-6));--surface-frame-radius: clamp(8px, 1.4vw, var(--radius-2xl));--surface-frame-pad-top: clamp(5px, .7vw, 12px);--surface-frame-pad-side: clamp(6px, 1.35vw, 28px);--surface-frame-pad-bottom: clamp(6px, 1.35vw, 28px);--surface-inner-radius: clamp(8px, 1.05vw, var(--radius-xl));height:calc(100dvh / var(--app-zoom));width:calc(100vw / var(--app-zoom));padding:var(--app-frame-pad-top) var(--app-frame-pad-side) var(--app-frame-pad-bottom);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;zoom:var(--app-zoom)}.app-header{display:flex;gap:clamp(var(--space-4),2vw,var(--space-8));align-items:center;margin-bottom:clamp(var(--space-2),1.2vw,var(--space-4));padding-bottom:clamp(6px,.8vw,var(--space-3));border-bottom:1px solid var(--rule-2)}.app-header h1{margin:0;font-family:var(--font-display);font-weight:400;font-style:italic;font-size:var(--text-4xl);line-height:.96;letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;color:var(--ink-1)}.sidebar-card h2,.dialog-card h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:1.15;letter-spacing:-.02em;font-variation-settings:"opsz" 24;color:var(--ink-1)}.desk-header h2{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:1.15;letter-spacing:-.02em;font-variation-settings:"opsz" 24;color:var(--ink-1)}.empty-state h3{margin:0;font-family:var(--font-display);font-weight:400;font-style:italic;font-size:24px;line-height:1.2;letter-spacing:-.015em;color:var(--ink-2)}.desk-motto{margin:0;font-family:var(--font-display);font-style:italic;font-weight:300;font-size:var(--text-lg);line-height:1.2;letter-spacing:0;color:var(--ink-3)}.area-title{display:grid;gap:4px;padding-left:8px}.eyebrow{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.22em;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--accent-1)}.subtle-copy,.sidebar-copy,.dialog-copy,.empty-state p{margin:var(--space-3) 0 0;color:var(--ink-2);font-size:14px;line-height:1.55;max-width:52ch}.empty-state p{font-style:italic;color:var(--ink-3)}.desk,.sidebar-card,.dialog-card,.context-menu,.task-peek{background:var(--paper-1);border:1px solid var(--rule-2);box-shadow:var(--shadow-card)}.workspace{--desk-header-block-size: 72px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 0px;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(.25em,.7vw,.5em);min-height:0;transition:grid-template-columns var(--duration-2) var(--ease-out)}.workspace.workspace--pinned{grid-template-columns:minmax(0,1fr) var(--sidebar-width, 320px);column-gap:clamp(var(--space-3),1.6vw,var(--space-6))}.sidebar-rail{position:fixed;top:calc(var(--space-8) + 4.5em);right:0;width:6px;height:4em;padding:0;background:var(--rule-2);border:0;border-radius:4px 0 0 4px;cursor:pointer;z-index:5;transition:background var(--duration-2) var(--ease-out),width var(--duration-2) var(--ease-out)}.sidebar-rail:hover{background:var(--ink-3);width:9px}.sidebar-card--peeked{box-shadow:-10px 0 28px #00000029}.desk{display:grid;grid-template-rows:auto minmax(0,1fr);grid-row:span 2;min-height:0;border-radius:var(--surface-frame-radius);padding:var(--surface-frame-pad-top) var(--surface-frame-pad-side) var(--surface-frame-pad-bottom);position:relative}.sidebar-card{position:absolute;top:0;right:0;bottom:0;width:320px;height:100%;max-height:100%;z-index:6;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border-radius:var(--surface-frame-radius);background:var(--paper-2);border:1px solid var(--rule-2);padding:var(--surface-frame-pad-top) 0 0;overflow:hidden;transform:translate(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform var(--duration-2) var(--ease-out),opacity var(--duration-2) var(--ease-out),box-shadow var(--duration-2) var(--ease-out)}.sidebar-card.is-visible{transform:translate(0);opacity:1;pointer-events:auto}.sidebar-card--peeked.is-visible{box-shadow:-10px 0 28px #00000029}.sidebar-card--pinned.is-visible{box-shadow:-12px 0 32px #00000038}.sidebar-resize-handle{position:absolute;left:0;top:0;bottom:0;width:6px;cursor:ew-resize;z-index:1}.sidebar-resize-handle:hover{background:var(--accent-softer)}.sidebar-content{min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 clamp(var(--space-3),1.6vw,var(--space-5)) clamp(var(--space-3),1.6vw,var(--space-5))}.desk-header{display:flex;min-block-size:var(--desk-header-block-size);align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:0;padding-bottom:8px}.segmented-control{display:inline-flex;flex-wrap:wrap;padding:0;border-radius:0;background:transparent;border:0;border-bottom:1px solid var(--rule-2);gap:var(--space-1)}.sidebar-view-control{width:fit-content;max-width:100%;display:inline-grid;grid-template-columns:auto auto auto;align-items:center;justify-content:start;padding:3px;border-radius:999px;background:var(--paper-2);border:1px solid var(--rule-2);box-shadow:inset 0 1px 0 var(--rule-1);gap:3px}.segment-button{position:relative;border:0;min-width:40px;padding:6px 10px;border-radius:0;background:transparent;color:var(--ink-3);font-family:var(--font-sans);font-size:var(--text-md);font-weight:500;letter-spacing:.02em;transition:color var(--duration-1) var(--ease-out),background var(--duration-1) var(--ease-out),box-shadow var(--duration-1) var(--ease-out)}.sidebar-view-control .segment-button{min-width:78px;min-height:36px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:calc(var(--text-md) + 1px);font-weight:400;letter-spacing:.02em;color:var(--ink-2)}.sidebar-view-control .segment-button:last-child{min-width:36px}.canvas-area{position:relative;display:grid;min-height:0}.priority-pair-widget{position:absolute;top:1em;left:50%;transform:translate(-50%);z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-pill);background:var(--paper-2);border:1px solid var(--rule-2);box-shadow:inset 0 1px 0 var(--rule-1);white-space:nowrap}.priority-pair-word{background:none;border:0;padding:0;margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;letter-spacing:-.015em;color:var(--ink-2);cursor:pointer;transition:color var(--duration-1) var(--ease-out);max-width:14ch;overflow:hidden;text-overflow:ellipsis}.priority-pair-word:hover{color:var(--ink-1)}.priority-pair-separator{font-family:var(--font-mono);font-size:11px;color:var(--accent-1);-webkit-user-select:none;user-select:none;letter-spacing:-.02em}.settings-icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;font-size:1em;line-height:1}.sidebar-view-control .settings-icon{width:1.1em;height:1.1em;font-size:1.5em;transform:translate(.5px,-1px)}.segment-button:disabled{opacity:.38;cursor:not-allowed}.segment-button:hover:not(:disabled){color:var(--ink-1)}.segment-button.is-active{color:var(--accent-1);font-weight:600}.segment-button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;border-bottom:2px solid var(--accent-1)}.sidebar-view-control .segment-button.is-active{background:var(--paper-0);color:var(--ink-1);font-weight:500;border-color:var(--rule-2);box-shadow:0 1px 2px #00000029}.sidebar-view-control .segment-button.is-active:after{content:none}.sidebar-view-control .segment-button:hover:not(:disabled){color:var(--ink-1)}.undo-segment{min-width:68px}.cloud-canvas{position:relative;min-height:0;height:100%;border-radius:var(--surface-inner-radius);overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(214,90,69,.025),transparent 70%),var(--paper-1);border:1px solid var(--rule-2);box-shadow:inset 0 0 160px #0000002e}html[data-theme=navy] .cloud-canvas{background:radial-gradient(ellipse at 50% 48%,rgba(32,58,150,.18) 0%,rgba(32,58,150,.14) 20%,rgba(22,40,106,.11) 40%,rgba(12,22,58,.08) 60%,transparent 82%),radial-gradient(ellipse at 50% 48%,rgba(10,18,48,.28) 0%,rgba(7,12,30,.24) 36%,rgba(4,7,16,.18) 60%,rgba(1,2,5,.12) 78%,transparent 92%),var(--paper-1);box-shadow:inset 0 0 240px #0000006b}.cloud-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.18) 100%);pointer-events:none}.cloud-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cloud-word-padding-guide{fill:transparent;stroke:var(--rule-2);stroke-width:1;stroke-dasharray:3 5;pointer-events:none}.cloud-word{font-family:var(--font-display);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;letter-spacing:-.02em;fill:var(--ink-1);cursor:pointer;transition:fill var(--duration-2) var(--ease-out),opacity var(--duration-2) var(--ease-out);-webkit-user-select:none;user-select:none}.cloud-word:hover{fill:var(--accent-1)}.layout-badge{position:absolute;right:var(--space-5);bottom:var(--space-5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--paper-2);border:1px solid var(--rule-2);color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:var(--space-6);z-index:1;max-width:480px;margin:0 auto}.sidebar-header{display:flex;min-block-size:var(--desk-header-block-size);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-5);margin-bottom:0;border-bottom:1px solid var(--rule-1)}.settings-panel{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.settings-section{display:grid;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule-1)}.settings-section:last-child{border-bottom:0;padding-bottom:0}.settings-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-size:15px;color:var(--ink-2)}.settings-row>.segmented-control{margin-left:0;max-width:100%;justify-content:flex-start}.settings-panel .segmented-control{gap:2px}.settings-panel .segment-button{min-width:0;padding:6px 8px;font-size:calc(var(--text-sm) + 1px)}.switch{width:40px;height:22px;padding:2px;border:1px solid var(--rule-3);border-radius:var(--radius-pill);background:var(--paper-3);display:inline-flex;align-items:center;justify-content:flex-start;transition:background var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out)}.switch.is-on{background:var(--accent-1);border-color:var(--accent-1)}.switch__thumb{width:16px;height:16px;border-radius:var(--radius-pill);background:var(--ink-1);box-shadow:0 1px 2px #0006;transition:transform var(--duration-2) var(--ease-out)}.switch.is-on .switch__thumb{transform:translate(18px)}.settings-value{color:var(--accent-1);font-family:var(--font-mono);font-size:calc(var(--text-md) + 1px)}.settings-range{width:100%;accent-color:var(--accent-1)}.task-list{list-style:none;padding:0;margin:var(--space-5) 0 0;display:grid;gap:var(--space-1)}.task-row{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;border:0;background:transparent;color:var(--ink-1);border-radius:var(--radius-md);box-shadow:inset 0 -1px 0 var(--rule-1);padding:var(--space-3) var(--space-1) var(--space-3) 14px;text-align:left;transition:background var(--duration-1) var(--ease-out)}.task-row:last-child{box-shadow:none}.area-row{padding:10px var(--space-1) 10px 14px;align-items:stretch}.row-main-action{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border:0;background:transparent;color:inherit;text-align:left;padding:0;font-family:inherit;font-size:calc(var(--text-md) + 2px)}.area-row__lead{display:flex;align-items:center;gap:var(--swatch-gap);min-width:0;flex:1}.area-color-swatch{--swatch-color: var(--ink-3);flex-shrink:0;width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-pill);background:var(--swatch-color)}.area-color-swatch--composite{background:transparent;border:var(--swatch-border-width) dashed var(--swatch-color);border-radius:var(--radius-xs)}.area-title-button{background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit;font:inherit;display:block}.area-title-button h2{transition:opacity var(--duration-1) var(--ease-out)}.area-title-button:hover h2{opacity:.7;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:4px}.area-meta-glyph{display:inline-flex;align-items:center;justify-content:center;width:var(--swatch-size);height:var(--swatch-size);color:var(--ink-3);font-size:calc(var(--swatch-size) * 1.4);line-height:1;flex-shrink:0}.settings-categories{margin-bottom:var(--space-4)}.area-color-picker{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2)}.dialog-fields{display:grid;gap:var(--space-4)}.area-color-option{--picker-swatch-size: 24px;width:var(--picker-swatch-size);height:var(--picker-swatch-size);border-radius:var(--radius-pill);background:var(--swatch-color);border:2px solid transparent;padding:0;cursor:pointer;transition:transform var(--duration-1) var(--ease-out),border-color var(--duration-1) var(--ease-out)}.area-color-option:hover{transform:scale(1.1)}.area-color-option.is-selected{outline:2px solid var(--ink-1);outline-offset:2px}.area-members-fieldset{border:none;padding:0;margin:var(--space-4) 0 0}.area-members-legend{opacity:.75;font-size:var(--text-sm);color:var(--ink-3);padding:0 0 var(--space-2)}.area-members-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:12em;overflow-y:auto}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);cursor:pointer}.toggle-row--divided{padding:var(--space-3) 0;border-top:1px solid var(--rule-1);border-bottom:1px solid var(--rule-1)}.toggle-row__copy{display:grid;gap:2px}.toggle-row__label{font-family:var(--font-display);font-size:18px;letter-spacing:-.01em;color:var(--ink-1)}.toggle-row__hint{font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.4;color:var(--ink-3)}.area-member-row{display:flex;align-items:center;gap:var(--swatch-gap);cursor:pointer;font-size:var(--text-md);color:var(--ink-1)}.option-card-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--rule-1);border-radius:var(--radius-lg);background:var(--paper-3);cursor:pointer;color:var(--ink-1)}.option-card-row:hover{border-color:var(--rule-3);background:var(--paper-2)}.option-card-row__main{display:flex;align-items:center;gap:var(--swatch-gap);min-width:0}.row-actions{display:flex;gap:var(--space-1);align-items:center}.row-action-button{border:1px solid transparent;background:transparent;color:var(--ink-3);border-radius:var(--radius-sm);padding:var(--space-1) 10px;font-size:calc(var(--text-md) + 1px);transition:color var(--duration-1) var(--ease-out),background var(--duration-1) var(--ease-out),border-color var(--duration-1) var(--ease-out)}.row-icon-button{width:30px;min-width:30px;height:30px;padding:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.sidebar-add-button{width:42px;min-width:42px;height:42px;align-self:center;padding:0;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);line-height:1}.sidebar-add-button svg{width:18px;height:18px}.row-action-button:disabled{opacity:.4;cursor:not-allowed}.danger-inline{color:var(--danger-1)}.task-row:hover{background:var(--accent-softer)}.task-row:hover .row-action-button{color:var(--ink-1)}.task-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.task-label{font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);line-height:1.2;letter-spacing:-.01em;color:var(--ink-1);display:block}.task-description{font-family:var(--font-sans);font-size:calc(var(--text-md) + 1px);line-height:1.45;color:var(--ink-3);display:block;overflow-wrap:anywhere}.task-priority,.area-meta{flex-shrink:0;padding:2px var(--space-2);border-radius:var(--radius-pill);background:transparent;border:1px solid var(--rule-2);color:var(--ink-3);font-family:var(--font-mono);font-size:calc(var(--text-sm) + 1px);font-weight:500;letter-spacing:.02em}.area-row.is-active{background:var(--accent-softer)}.area-row.is-active .task-label{color:var(--accent-1);font-variation-settings:"SOFT" 100,"WONK" 1}.area-row.is-active .area-meta{border-color:var(--accent-1);color:var(--accent-1)}.active-highlighting-off .segment-button.is-active,.active-highlighting-off .area-row.is-active .task-label{color:inherit;font-style:normal}.active-highlighting-off .segment-button.is-active:after{content:none}.active-highlighting-off .area-row.is-active{background:transparent}.active-highlighting-off .area-row.is-active .area-meta{border-color:var(--rule-2);color:var(--ink-3)}.area-list{display:flex;flex-direction:column}.area-list__collection-header{position:sticky;top:0;z-index:10;background:var(--accent-1);padding:4px var(--space-1) 4px 12px;border-bottom:1px solid var(--rule-2);border-radius:var(--radius-md);border-bottom-color:transparent}.area-list__collection-header .area-list__collection-header-label{color:var(--paper-0);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.area-list__collection-header .area-list__collection-header-chevron{color:var(--paper-0)}.area-list__collection-header .area-color-swatch--composite{background:var(--paper-0);opacity:.7}.area-list__collection-tabs{position:sticky;top:0;z-index:10;display:flex;align-items:end;gap:var(--space-2);background:var(--paper-2);padding:var(--space-3) var(--space-1) 0 0;margin-bottom:var(--space-3);border-bottom:1px solid var(--rule-2)}.area-list__collection-tabs-row{flex:1;min-width:0;gap:2px;border-bottom:0}.area-list__collection-tabs-row .segment-button{min-width:0;padding:6px 8px;font-size:calc(var(--text-sm) + 1px)}.area-list__collection-tabs .area-list__collection-header-chevron{margin-left:0;margin-bottom:1px;flex-shrink:0}[data-collection-header-style=minimal] .area-list__collection-header{background:transparent;border-radius:0;border-bottom:1px solid var(--rule-1);padding:6px 14px}[data-collection-header-style=minimal] .area-list__collection-header .area-list__collection-header-label{color:var(--ink-2);font-family:var(--font-sans);font-weight:500;font-size:15px;text-transform:none;letter-spacing:0}[data-collection-header-style=minimal] .area-list__collection-header .area-list__collection-header-chevron{color:var(--ink-3)}[data-collection-header-style=minimal] .area-list__collection-header .area-color-swatch--composite{background:var(--ink-3);opacity:1}.area-list__collection-header-row{display:flex;align-items:center;gap:var(--space-2)}.area-list__collection-header-trigger{border:0;background:transparent;padding:2px;cursor:pointer;color:inherit;display:flex;align-items:center;border-radius:var(--radius-xs);flex-shrink:0}.area-list__collection-header-trigger:hover{background:var(--rule-1)}.area-list__collection-header-label{flex:1;border:0;background:transparent;font-family:var(--font-display);font-weight:400;font-size:17px;line-height:1.2;letter-spacing:-.01em;color:var(--ink-1);text-align:left;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.area-list__collection-header-label:not([title]){cursor:default}.area-list__collection-header-chevron{margin-left:auto;border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink-3);display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;border-radius:var(--radius-pill);flex-shrink:0;transition:background var(--duration-1) var(--ease-out),color var(--duration-1) var(--ease-out)}.area-list__collection-header-chevron:hover{background:var(--rule-1);color:var(--ink-1)}.area-list__collection-header-chevron[aria-expanded=true] svg{transform:rotate(180deg)}.area-list__collection-header-chevron svg{transition:transform var(--duration-1) var(--ease-out)}.area-color-swatch--sm{width:10px;height:10px}.area-list__body{margin-top:var(--space-3)!important}.area-list__body .area-row{padding-left:14px}.area-list__dropdown{list-style:none;padding:calc(var(--space-1) + 3px) 0;margin:var(--space-2) 0 0;background:var(--paper-3);border:1px solid var(--rule-2);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;position:absolute;top:100%;left:10px;right:10px;z-index:20}.area-list__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:7px 12px;border:0;background:transparent;font-family:inherit;font-size:var(--text-md);color:var(--ink-1);text-align:left;cursor:pointer}.area-list__dropdown-item:hover{background:var(--rule-1)}.area-list__dropdown-item.is-active{color:var(--accent-1);font-weight:600}.area-list__dropdown-row{display:flex;align-items:center}.area-list__dropdown-row:hover{background:var(--rule-1)}.area-list__dropdown-row:hover>.area-list__dropdown-item{background:transparent}.area-list__dropdown-row>.area-list__dropdown-item{flex:1;min-width:0}.area-list__dropdown-row-actions{padding-right:8px;flex-shrink:0;display:none;gap:0}.area-list__dropdown-row:hover .area-list__dropdown-row-actions{display:flex}.area-list__dropdown-row-actions .row-icon-button{width:22px;min-width:22px;height:22px;font-size:12px}.area-list__body .area-row{min-height:50px}.area-list__body .area-row .row-actions{display:none}.area-list__body .area-row:hover .row-actions{display:flex}.area-list__dropdown-item--new{color:var(--ink-3);border-top:1px solid var(--rule-1);margin-top:var(--space-1)}.area-list__dropdown-item--new:hover{color:var(--ink-1)}.area-row--new .row-main-action--add{color:var(--ink-3);opacity:.75;transition:opacity var(--duration-1) var(--ease-out),color var(--duration-1) var(--ease-out)}.area-row--new .row-main-action--add .task-label{display:inline-flex;width:var(--swatch-size);align-items:center;justify-content:center;font-size:16px;line-height:1}.area-row--new:hover .row-main-action--add{color:var(--ink-1);opacity:1}.primary-button,.secondary-button,.ghost-button,.danger-button{min-height:36px;border:1px solid transparent;border-radius:7px;padding:0 14px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out),color var(--duration-2) var(--ease-out),transform 80ms var(--ease-out)}.primary-button{background:var(--ink-1);color:var(--paper-1);border-color:var(--ink-1)}.primary-button:hover:not(:disabled){background:var(--accent-1);border-color:var(--accent-1)}.primary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button{background:transparent;color:var(--ink-1);border:1px solid var(--ink-1)}.secondary-button:hover:not(:disabled){background:var(--ink-1);color:var(--paper-1)}.secondary-button:active:not(:disabled){transform:translateY(1px)}.ghost-button{background:transparent;color:var(--ink-2);border:1px solid var(--rule-2)}.ghost-button:hover:not(:disabled){background:var(--paper-3);color:var(--ink-1);border-color:var(--rule-3)}.ghost-button:active:not(:disabled){transform:translateY(1px)}.danger-button{background:transparent;color:var(--danger-1);border:1px solid var(--danger-1)}.danger-button:hover:not(:disabled){background:var(--danger-1);border-color:var(--danger-1);color:var(--paper-1)}.danger-button:active:not(:disabled){transform:translateY(1px)}.row-action-button:hover:not(:disabled){background:var(--paper-3);border-color:var(--rule-2);color:var(--ink-1)}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.row-action-button:focus-visible,.segment-button:focus-visible{outline:1.5px solid var(--accent-1);outline-offset:3px}.danger-button:focus-visible{outline:1.5px solid var(--danger-1);outline-offset:3px}.task-peek{position:fixed;z-index:35;max-width:280px;padding:var(--space-2) 14px;border:1px solid var(--rule-2);border-radius:var(--radius-sm);font-family:var(--font-display);font-style:italic;font-size:14px;line-height:1.45;pointer-events:none;box-shadow:var(--shadow-overlay);transition:transform var(--duration-1) var(--ease-out),background var(--duration-2) var(--ease-out),border-color var(--duration-2) var(--ease-out),color var(--duration-2) var(--ease-out),box-shadow var(--duration-2) var(--ease-out)}.task-peek--v1{background:color-mix(in srgb,var(--paper-2) 84%,transparent);border-color:var(--rule-2);color:var(--ink-1);-webkit-backdrop-filter:blur(8px) saturate(.9);backdrop-filter:blur(8px) saturate(.9);box-shadow:var(--shadow-overlay)}.task-peek--v2{background:var(--paper-1);border-color:var(--rule-3);color:var(--ink-1);box-shadow:var(--shadow-raised)}.task-peek--v3{background:linear-gradient(135deg,var(--paper-1),color-mix(in srgb,var(--paper-1) 78%,var(--accent-soft)));border-color:color-mix(in srgb,var(--rule-2) 60%,var(--accent-1));color:var(--ink-1);box-shadow:var(--shadow-raised)}.task-peek--v4{background:var(--ink-1);border-color:var(--ink-1);color:var(--paper-0);box-shadow:var(--shadow-raised);transform:translate(2px)}.task-peek--v5{background:color-mix(in srgb,var(--paper-3) 68%,transparent);border-color:var(--rule-3);color:var(--ink-1);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-raised)}.context-menu{position:fixed;z-index:30;min-width:180px;display:grid;gap:0;padding:var(--space-1);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay)}.context-menu button{background:transparent;color:var(--ink-1);text-align:left;border:0;padding:var(--space-2) var(--space-3);border-radius:5px;font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:.02em;transition:background var(--duration-1) var(--ease-out)}.context-menu button:hover:not(:disabled){background:var(--paper-3)}.context-menu button:disabled{opacity:.4;cursor:not-allowed}.context-menu .danger-action{color:var(--danger-1)}.context-menu .danger-action:hover:not(:disabled){background:var(--danger-soft)}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{width:0;height:0}.scrollbar-subtle{scrollbar-width:thin;scrollbar-color:var(--rule-3) transparent}.scrollbar-subtle::-webkit-scrollbar{width:10px}.scrollbar-subtle::-webkit-scrollbar-track{background:transparent}.scrollbar-subtle::-webkit-scrollbar-thumb{background:var(--rule-3);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}.scrollbar-subtle::-webkit-scrollbar-thumb:hover{background:var(--ink-3);border:2px solid transparent;background-clip:padding-box}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--space-6);background:#0000009e;-webkit-backdrop-filter:blur(8px) saturate(.8);backdrop-filter:blur(8px) saturate(.8)}.dialog-card{width:min(100%,460px);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-overlay);background:var(--paper-2)}.dialog-header{margin-bottom:var(--space-6)}.dialog-edit-eyebrow{font-size:var(--text-sm);letter-spacing:.08em}.dialog-field{display:grid;gap:var(--space-1);color:var(--ink-1)}.dialog-field+.dialog-field{margin-top:var(--space-4)}.dialog-field span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ink-3)}.dialog-field input,.dialog-field textarea{width:100%;border:0;border-bottom:1px solid var(--rule-3);background:transparent;color:var(--ink-1);border-radius:0;padding:var(--space-2) 0;outline:none;font-family:var(--font-display);font-size:18px;letter-spacing:-.01em;transition:border-color var(--duration-2) var(--ease-out)}.dialog-field textarea{resize:none;min-height:calc(18px * 1.5 + var(--space-4));overflow:hidden;line-height:1.5;font-family:var(--font-display);font-size:18px}.dialog-field input[type=number]{-moz-appearance:textfield;font-family:var(--font-sans);font-size:var(--text-md);letter-spacing:0}.dialog-field input[type=number]::-webkit-outer-spin-button,.dialog-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dialog-field input:focus,.dialog-field textarea:focus{border-color:var(--accent-1)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--rule-1)}.dialog-actions-split{justify-content:space-between;align-items:center}.dialog-actions-main{display:flex;justify-content:flex-end;gap:var(--space-2)}.dialog-actions .primary-button,.dialog-actions .secondary-button,.dialog-actions .ghost-button,.dialog-actions .danger-button{min-height:36px;border-radius:var(--radius-pill)}.dialog-actions>.row-icon-button{width:40px;min-width:40px}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1040px){.workspace{grid-template-columns:1fr}.app-header h1{font-size:var(--text-3xl)}}@media(max-width:760px){.app-shell{grid-template-rows:minmax(0,1fr)}.app-header{display:none}.app-header h1{font-size:32px}.workspace{grid-template-rows:minmax(0,1fr)}.desk,.sidebar-card{grid-row:auto}.canvas-area,.cloud-canvas{min-height:320px}.app-header,.desk-header,.area-row,.row-main-action,.row-actions{flex-direction:column;align-items:stretch}}}