:root{color:#17202b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ff8b5f29,#0000 32%),radial-gradient(circle at 100% 100%,#2f6df61f,#0000 28%),#f5efe3;font-family:Segoe UI Variable,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{--bg-paper:#f6efe6;--bg-sky:#edf3f8;--panel-bg:#ffffffd1;--panel-border:#61748e2e;--panel-shadow:0 22px 48px #3845581f;--ink:#263243;--muted:#6d7b8f;--accent:#ef6b42;--accent-blue:#4b7de8;--paper:#fffaf2;--paper-border:#a585592e;--paper-shadow:0 16px 28px #4a526224;background:radial-gradient(circle at top left, #ef6b4229, transparent 24%), radial-gradient(circle at top right, #4b7de81f, transparent 26%), linear-gradient(180deg, var(--bg-paper) 0%, var(--bg-sky) 46%, #e8eef4 100%);min-height:100vh;color:var(--ink);gap:16px;padding:16px;display:grid}.side-panel,.canvas-panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.workspace-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.side-panel,.canvas-panel{padding:14px}.inspector-panel,.canvas-panel,.composer-panel{gap:16px;display:grid}.inspector-overlay{z-index:30;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0}.inspector-panel{pointer-events:auto;background:#fffffff5;width:min(420px,100%);max-height:calc(100vh - 40px);padding:18px;overflow:auto}.canvas-panel{min-height:0;position:relative}.workspace-title h1,.canvas-panel h2,.side-panel h2,.lane h3,.card-tile-main strong,.map-node-body strong,.map-connection-heading h3{letter-spacing:-.02em;margin:0;font-family:Aptos,Segoe UI Variable Text,Segoe UI,sans-serif;font-weight:800}.panel-heading,.canvas-copy,.lane-copy,.composer-form,.map-connection-heading{gap:8px;display:grid}.panel-heading h2,.canvas-copy h2,.lane-copy h3,.map-connection-heading h3{color:var(--ink)}.inspector-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.muted-copy,.lane-copy p,.card-tile-main p,.map-node-body p,.link-item p,.note-meta{color:var(--muted);margin:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#ca6946;margin:0;font-size:.74rem;font-weight:800}.search-field,.field,.lane-edit-field{gap:8px;display:grid}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field,.lane-edit-field,.compact-field{margin:0}.field span,.lane-edit-field span,.search-field span{color:#435266;font-size:.81rem;font-weight:700}.field input,.field textarea,.field select,.lane-edit-field input,.lane-edit-field textarea,.search-field input{box-sizing:border-box;width:100%;color:var(--ink);font:inherit;background:#ffffffeb;border:1px solid #6d7b8f38;border-radius:16px;padding:12px 14px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}.field textarea,.lane-edit-field textarea{resize:vertical;min-height:108px}.field input::placeholder,.field textarea::placeholder,.search-field input::placeholder,.lane-edit-field input::placeholder,.lane-edit-field textarea::placeholder{color:#5865798c}.field input:disabled,.field textarea:disabled,.field select:disabled{color:var(--ink);background:#f4f7fbe6}.field input:focus,.field textarea:focus,.field select:focus,.lane-edit-field input:focus,.lane-edit-field textarea:focus,.search-field input:focus{background:#fff;border-color:#ef6b4294;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #ef6b421f}.primary-button,.secondary-button,.ghost-button,.view-switch button,.mode-switch button,.card-tile-main,.map-node-body,.map-link-handle,.card-quick-button{font:inherit}.primary-button,.secondary-button,.ghost-button,.view-switch button,.mode-switch button,.mini-button,.map-link-handle,.card-quick-button{cursor:pointer;border:none;transition:transform .16s,opacity .16s,background .16s,color .16s,box-shadow .16s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.view-switch button:hover,.mode-switch button:hover,.card-tile:hover,.card-tile-main:hover,.map-node-body:hover,.map-link-handle:hover,.card-quick-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg, var(--accent), #ff7d48);color:#fffaf6;border-radius:18px;padding:13px 18px;font-weight:800;box-shadow:0 12px 26px #ef6b4238}.primary-button:disabled,.secondary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button,.ghost-button,.mini-button{border-radius:16px;padding:10px 14px}.secondary-button{color:#315cbe;background:#4b7de81f;font-weight:700}.ghost-button{color:#516277;background:#2f3d5212}.danger-button{color:#b24f3f;background:#bc5a471f}.view-switch,.mode-switch{background:#26324314;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:4px;padding:5px;display:inline-grid}.view-switch{width:auto}.view-switch button,.mode-switch button{color:#607186;background:0 0;border-radius:999px;min-width:112px;padding:10px 16px;font-size:.95rem;font-weight:700}.view-switch .is-active,.mode-switch .is-active{background:linear-gradient(135deg, var(--accent), #ff7d48);color:#fffaf6;box-shadow:0 10px 24px #ef6b4238}.canvas-header,.mini-heading,.lane-actions,.link-item,.map-connection-actions,.composer-actions,.canvas-toolbar,.canvas-actions,.card-inline-actions{gap:12px;display:flex}.canvas-header,.mini-heading,.link-item{justify-content:space-between}.canvas-header,.lane-actions,.mini-heading,.map-connection-actions,.composer-actions,.canvas-toolbar,.canvas-actions,.card-inline-actions{align-items:start}.canvas-header{align-items:center;padding-bottom:0}.canvas-copy h2{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.1}.canvas-header-tray{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.canvas-header-tray .view-switch{background:#ffffffe6;border:1px solid #61748e24;padding:6px;box-shadow:0 14px 30px #3845581a}.board-share-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.board-code-pill,.sync-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 11px;font-size:.74rem;font-weight:800;display:inline-flex}.board-code-pill{color:#425368;background:#26324312}.board-share-button{white-space:nowrap;border-radius:999px;min-height:34px;padding:8px 12px;font-size:.74rem;font-weight:800}.sync-pill{color:#315cbe;background:#4b7de81a}.sync-offline{color:#b24f3f;background:#bc5a471f}.sync-saving,.sync-connecting{color:#ba5b3d;background:#ef6b421a}.header-detail-button{white-space:nowrap}.canvas-stats{flex-wrap:wrap;gap:8px;display:flex}.canvas-stats span,.lane-count,.card-chip{border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:.76rem;font-weight:800;display:inline-flex}.canvas-stats span,.lane-count{color:#516277;background:#26324312}.canvas-toolbar{background:#ffffffbd;border:1px solid #70819a1f;border-radius:18px;flex-wrap:wrap;justify-content:space-between;padding:10px 12px}.canvas-search{flex:340px}.canvas-actions{flex-wrap:wrap;justify-content:flex-end}.canvas-composer-wrap{justify-content:flex-start;display:flex}.composer-panel.is-floating{background:#fffffff5;border-radius:24px;width:min(720px,100%);max-height:none;padding:16px;overflow:visible}.composer-panel.is-floating .primary-button{position:static}.quick-note-summary{flex-wrap:wrap;gap:8px;display:flex}.quick-note-summary span{color:#516277;background:#26324312;border-radius:999px;align-items:center;padding:7px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.composer-actions{justify-content:flex-end}.board-quick-entry{background:#ffffffd1;border:1px solid #70819a24;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:grid;box-shadow:0 14px 28px #424e6014}.board-quick-entry input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:none}.board-quick-entry input::placeholder{color:#5865799e}.board-quick-entry input:focus{outline:none}.board-quick-submit{padding-inline:14px}.mobile-lane-switcher{display:none}.mobile-lane-tab{color:inherit;font:inherit;cursor:pointer;background:#ffffffdb;border:1px solid #70819a29;box-shadow:0 10px 24px #424e6014}.board-grid{grid-auto-columns:minmax(290px,1fr);grid-auto-flow:column;align-items:start;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.lane{min-height:320px;box-shadow:inset 0 3px 0 var(--lane-accent), 0 12px 26px #424e6014;background:linear-gradient(#ffffffe0,#f8fbffcc);border:1px solid #70819a29;border-radius:20px;gap:10px;padding:12px;display:grid}.lane-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.lane-copy p,.note-meta,.mini-heading span{color:#74839a}.lane-copy{gap:0}.lane-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lane-copy h3{font-size:.96rem;line-height:1.15}.lane-copy p{font-size:.86rem;line-height:1.35}.lane-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.quick-lane-button{color:#ba5b3d;background:#ef6b421a}.add-column-lane{min-height:240px;color:var(--ink);text-align:left;cursor:pointer;background:linear-gradient(#fffc,#f3f7fcd6);border-style:dashed;border-color:#70819a47;align-content:center;justify-items:start}.add-column-lane strong{font-size:1rem}.add-column-lane p{color:#74839a;margin:0;line-height:1.45}.add-column-mark{color:#c05d3e;background:#ef6b421f;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:700;display:inline-flex}.mini-button{white-space:nowrap;border-radius:14px;padding:8px 10px;font-size:.76rem}.lane-edit-form,.lane-stack,.link-list,.connection-box,.map-connection-panel,.map-connection-grid,.card-inline-editor{gap:12px;display:grid}.lane-empty{color:#74839a;background:#f4f8fcb8;border:1px dashed #70819a38;border-radius:18px;margin:0;padding:14px}.card-tile,.map-node-body{background:radial-gradient(circle at top right, #ffffffad, transparent 26%), linear-gradient(180deg, #fffdf8, var(--paper));color:var(--ink);box-shadow:var(--paper-shadow);border:1px solid #b09c6f2e;border-radius:24px;position:relative}.card-tone-yellow.card-tile,.card-tone-yellow .map-node-body{background:radial-gradient(circle at 100% 0,#fff7d3e0,#0000 28%),linear-gradient(#fffdf3,#fff7df);border-color:#bf972a3d}.card-tone-green.card-tile,.card-tone-green .map-node-body{background:radial-gradient(circle at 100% 0,#e1f7eee0,#0000 28%),linear-gradient(#fbfffc,#eaf7f0);border-color:#3f8b763d}.card-tone-red.card-tile,.card-tone-red .map-node-body{background:radial-gradient(circle at 100% 0,#ffe8e4e6,#0000 28%),linear-gradient(#fffdfc,#fff0ee);border-color:#c94d453d}.card-tile{padding:12px}.card-tile-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;gap:8px;padding:0;display:grid}.card-tile-main strong,.map-node-body strong,.link-item strong{color:var(--ink)}.card-tile.is-selected,.map-node.is-selected .map-node-body{border-color:#ef6b426b;box-shadow:0 18px 32px #424e6024,0 0 0 2px #ef6b421f}.card-tile-main p,.map-node-body p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-tile.is-editing{padding-top:52px}.card-tile-actions{z-index:2;gap:6px;display:flex;position:absolute;top:10px;right:10px}.card-quick-button{color:#516277;background:#26324314;border-radius:999px;width:30px;height:30px;font-size:.92rem;font-weight:700}.card-quick-button.danger{color:#bc5a47}.card-inline-editor{align-content:start}.card-inline-editor .field textarea{min-height:120px}.card-inline-actions{flex-wrap:wrap;justify-content:flex-end}.note-meta{font-size:.74rem;font-weight:700}.card-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-chip{justify-self:start}.card-chip.card-tone-yellow{color:#9a7428;background:#ba8f3929}.card-chip.card-tone-green{color:#2f7a66;background:#3f8b7629}.card-chip.card-tone-red{color:#b24f47;background:#c94d4529}.priority-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.priority-low{color:#2f7a66;background:#3f8b761f}.priority-medium{color:#9a7428;background:#ba8f3924}.priority-high{color:#b24f47;background:#c94d4524}.link-item{background:#f3f7fcd1;border-radius:18px;align-items:start;padding:14px}.map-surface{background:#ffffffb3;border:1px solid #70819a29;border-radius:24px;position:relative;overflow:auto}.map-stage{background:linear-gradient(#8595ac1a 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#8595ac1a 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 0 0,#ef6b4214,#0000 24%),linear-gradient(#fcf8f1 0%,#f1f6fc 100%);min-height:760px;position:relative}.map-column-band{background:linear-gradient(#ffffff52,#ffffff29);border:1px solid #70819a1f;border-radius:30px;position:absolute;top:28px;bottom:28px}.map-column-mark{letter-spacing:.16em;text-transform:uppercase;border-top:2px solid;padding-top:14px;font-size:.74rem;font-weight:800;position:absolute;top:0;left:18px;right:18px}.map-links{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-links path{fill:none;stroke:#5267866b;stroke-width:3px;stroke-linecap:round}.map-links rect{fill:#fffffff0;stroke:#70819a2e}.map-links text{fill:#46556d;text-anchor:middle;font-size:12px;font-weight:700}.map-link-preview path{stroke:#ef6b42eb;stroke-width:3.2px;stroke-dasharray:10 8}.map-node{z-index:1;width:286px;min-height:206px;position:absolute}.map-node-body{text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;gap:10px;width:100%;min-height:206px;padding:18px;display:grid}.map-node.is-dragging .map-node-body{cursor:grabbing;box-shadow:0 22px 38px #424e602e,0 0 0 2px #ef6b4224}.map-node.is-link-target .map-node-body{border-color:#3f8b766b;box-shadow:0 16px 30px #424e6029,0 0 0 2px #3f8b7624}.map-node.is-link-armed .map-node-body{border-color:#ef6b426b;box-shadow:0 16px 30px #424e6029,0 0 0 2px #ef6b4224}.map-link-handle{z-index:2;background:linear-gradient(135deg, var(--accent), #ff7d48);color:#fffaf6;border-radius:999px;width:38px;height:38px;font-size:1.05rem;font-weight:800;position:absolute;bottom:14px;right:14px;box-shadow:0 10px 22px #ef6b423d}.map-node.is-link-armed .map-link-handle{background:linear-gradient(135deg, var(--accent-blue), #6f9bff);box-shadow:0 10px 22px #4b7de838}.map-connection-panel{z-index:6;background:#fffffff5;border:1px solid #70819a2e;border-radius:24px;width:min(420px,100% - 48px);padding:16px 18px;position:absolute;top:22px;left:24px;box-shadow:0 24px 44px #424e6033}.map-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-connection-summary{color:#4c5d74;background:#2632430f;border-radius:16px;padding:10px 12px;font-size:.9rem;font-weight:700}.map-connection-actions{justify-content:flex-end}@media (width<=1220px){.canvas-panel{min-height:auto}}@media (width<=900px){.app-shell{gap:8px;padding:8px}.side-panel,.canvas-panel{border-radius:18px;padding:10px}.field-row,.map-connection-grid{grid-template-columns:1fr}.canvas-header,.canvas-toolbar{flex-direction:column}.canvas-copy{display:none}.canvas-header{gap:8px}.canvas-header-tray{flex-wrap:nowrap;justify-content:stretch;gap:8px;width:100%}.canvas-header-tray .view-switch,.view-switch{width:100%}.view-switch{padding:4px}.view-switch button{min-width:0;padding:9px 12px;font-size:.88rem}.canvas-stats{display:none}.board-share-strip{flex:auto;min-width:0}.board-code-pill,.board-share-button,.sync-pill{min-height:32px;padding:7px 10px;font-size:.72rem}.header-detail-button{border-radius:999px;padding:9px 12px;font-size:.8rem}.lane-header{grid-template-columns:1fr;gap:6px}.board-quick-entry{z-index:4;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px;padding:8px 10px;position:sticky;top:0}.board-quick-entry input{font-size:.92rem}.board-quick-submit{border-radius:14px;padding:8px 11px;font-size:.78rem}.mobile-lane-switcher{scrollbar-width:none;gap:6px;padding:0 0 4px;display:flex;overflow-x:auto}.mobile-lane-switcher::-webkit-scrollbar{display:none}.mobile-lane-tab{text-align:left;border-radius:14px;flex:none;gap:4px;min-width:88px;padding:8px 9px;display:grid}.mobile-lane-tab.is-active{box-shadow:inset 0 3px 0 var(--mobile-lane-accent), 0 12px 26px #424e601f;background:#fffffff5;border-color:#4f60772e}.mobile-lane-tab-name{color:var(--ink);font-size:.78rem;font-weight:800;line-height:1.15}.mobile-lane-tab-count{color:#516277;background:#26324312;border-radius:999px;width:fit-content;padding:3px 8px;font-size:.68rem;font-weight:800}.mobile-lane-tab-add{text-align:center;border-style:dashed;justify-items:center;min-width:74px}.mobile-lane-tab-plus{color:#c05d3e;font-size:1rem;line-height:1}.board-grid{padding-bottom:0;display:block;overflow:visible}.lane{border-radius:18px;min-height:280px;padding:9px;display:none}.lane.is-mobile-active{display:grid}.lane-copy h3{font-size:.82rem}.lane-title-row{gap:6px}.lane-copy p{display:none}.lane-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;display:grid}.lane-actions .mini-button,.lane-actions .secondary-button,.lane-actions .ghost-button{justify-content:center;width:100%;padding:7px 8px;font-size:.72rem}.quick-lane-button,.start-note-button{display:none}.lane-stack{gap:8px}.card-tile{border-radius:18px;padding:10px}.card-tile-main strong{font-size:.92rem}.card-meta-row{gap:5px}.card-chip,.priority-pill,.lane-count{padding:4px 8px;font-size:.67rem}.note-meta{display:none}.card-tile-main p{-webkit-line-clamp:2;line-clamp:2;font-size:.82rem}.card-quick-button{width:28px;height:28px;font-size:.84rem}.card-inline-actions{justify-content:stretch}.card-inline-actions .mini-button{flex:calc(50% - 4px)}.composer-panel.is-floating{border-radius:20px;width:100%;padding:12px}.add-column-lane{display:none}.inspector-overlay{padding:8px}.inspector-panel{border-radius:20px;width:100%;max-height:calc(100vh - 24px)}.map-connection-panel{width:calc(100% - 24px);left:12px}}