:root{--bg:#aad3ee;--surface:#fff;--surface-2:#f1f3f4;--text:#202124;--muted:#5f6368;--border:#dadce0;--accent:#1a73e8;--accent-soft:#e8f0fe;--danger:#d93025;--shadow:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--shadow-sm:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--radius:12px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#202124;--surface-2:#2d2e31;--text:#e8eaed;--muted:#9aa0a6;--border:#3c4043;--accent:#8ab4f8;--accent-soft:#283142;--shadow:0 1px 3px #0009, 0 4px 8px 3px #00000059;--shadow-sm:0 1px 2px #0009, 0 1px 3px 1px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--surface:#202124;--surface-2:#2d2e31;--text:#e8eaed;--muted:#9aa0a6;--border:#3c4043;--accent:#8ab4f8;--accent-soft:#283142;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:fixed;inset:0}.map-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.loading{color:#1f4e79;place-items:center;font-size:16px;font-weight:500;display:grid;position:absolute;inset:0}.top{pointer-events:none;z-index:20;grid-template-rows:auto auto;grid-template-columns:400px minmax(0,1fr);gap:8px 12px;display:grid;position:absolute;top:12px;left:12px;right:12px}.top>*{pointer-events:auto}.search{background:var(--surface);height:48px;box-shadow:var(--shadow-sm);border-radius:24px;grid-row:1/span 2;align-self:start;align-items:center;padding:0 6px;display:flex;position:relative}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 6px;font-size:15px}.search-icon{width:40px;color:var(--muted);place-items:center;display:grid}.search-results{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);max-height:60vh;margin:0;padding:6px 0;list-style:none;position:absolute;top:54px;left:0;right:0;overflow:auto}.search-results button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 14px;display:flex}.search-results button.active,.search-results button:hover{background:var(--surface-2)}.icon-btn{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn.small{width:32px;height:32px}.icon-btn.armed{color:#fff;background:var(--danger)}.chips{scrollbar-width:none;gap:8px;margin:-4px -2px -6px;padding:4px 2px 6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);height:36px;box-shadow:var(--shadow-sm);white-space:nowrap;border:0;border-radius:18px;flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent), var(--shadow-sm)}.chip-count{background:var(--surface-2);min-width:20px;color:var(--muted);text-align:center;border-radius:10px;padding:0 6px;font-size:12px;line-height:20px}.chip.on .chip-count{background:var(--accent);color:var(--surface)}.breadcrumbs{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:100%;box-shadow:var(--shadow-sm);border-radius:16px;flex-wrap:wrap;justify-self:start;align-items:center;gap:2px;padding:4px 12px 4px 6px;font-size:13px;display:flex}.crumb{color:var(--muted);align-items:center;min-width:0;display:inline-flex}.crumb button{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--text);background:0 0;border:0;border-radius:8px;padding:2px 6px;font-weight:500;overflow:hidden}.crumb button:hover{background:var(--surface-2)}.level{border-left:1px solid var(--border);color:var(--muted);white-space:nowrap;margin-left:8px;padding-left:10px}.panel{z-index:15;background:var(--surface);border-radius:var(--radius);width:400px;box-shadow:var(--shadow);flex-direction:column;display:flex;position:absolute;top:72px;bottom:12px;left:12px;overflow:hidden}.panel-scroll{overscroll-behavior:contain;flex:1;padding:8px 20px 24px;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;margin:0 -8px 4px 0;display:flex}.crumbs-small{flex-wrap:wrap;gap:2px 0;padding-top:10px;font-size:12px;display:flex}.crumbs-small button{color:var(--accent);background:0 0;border:0;padding:0}.crumbs-small button+button:before{content:"›";color:var(--muted);margin:0 6px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:10px;font-size:12px;font-weight:600}.title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.status-text{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.node-title{overflow-wrap:anywhere;margin:6px 0 8px;font-size:22px;font-weight:600;line-height:1.25}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.pill{color:#fff;border-radius:11px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-outline{color:var(--danger);box-shadow:inset 0 0 0 1.5px var(--danger);background:0 0}.pill-fog{background:#80868b}.kind{letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);color:var(--muted);border-radius:6px;flex:none;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.kind-project{color:#1967d2;background:#e8f0fe}.kind-area{color:#b06000;background:#fef7e0}.kind-epic{color:#8430ce;background:#f3e8fd}.kind-feature{color:#137333;background:#e6f4ea}.kind-story{color:#007b83;background:#e4f7fb}.kind-bug{color:#c5221f;background:#fce8e6}.kind-behavior{color:#8a5a00;background:#fdf3e1}@media (prefers-color-scheme:dark){.kind{filter:brightness(.85)saturate(1.2)}}.status-dot{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.actions{gap:4px;margin:16px -6px 8px;display:flex;overflow-x:auto}.actions>*{color:var(--accent);white-space:nowrap;background:0 0;border:0;flex-direction:column;flex:1 0 64px;align-items:center;gap:6px;padding:4px 2px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.action-icon{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;place-items:center;display:grid}.actions>:hover .action-icon{background:var(--accent-soft)}.summary{color:var(--text);margin:12px 0;font-size:14px}.progress{color:var(--muted);align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.progress-bar{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar span{border-radius:inherit;background:#1e8e3e;height:100%;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.stats div{background:var(--surface-2);border-radius:10px;padding:8px 10px}.stats dt{color:var(--muted);font-size:11px}.stats dd{margin:0;font-size:18px;font-weight:600}.stats .warn dd{color:var(--danger)}.stats .fog dd{color:#80868b}.meta{margin:8px 0}.meta div{border-bottom:1px solid var(--border);gap:12px;padding:6px 0;display:flex}.meta dt{width:80px;color:var(--muted);flex:none}.meta dd{margin:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface-2);color:var(--muted);border-radius:10px;padding:0 8px;font-size:12px}.tag-strong{color:#c5221f;background:#fce8e6;font-weight:700}section h3{letter-spacing:.02em;color:var(--muted);align-items:center;gap:8px;margin:20px 0 8px;font-size:13px;font-weight:600;display:flex}.count{background:var(--surface-2);border-radius:9px;padding:0 7px;font-size:12px}.rows{margin:0 -10px;padding:0;list-style:none}.row{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.row:hover{background:var(--surface-2)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown h1,.markdown h2,.markdown h3{color:var(--text);margin:14px 0 6px;font-size:15px}.markdown ul{padding-left:20px}.markdown li:has(>input[type=checkbox]){margin-left:-20px;list-style:none}.markdown img{border-radius:8px;max-width:100%}.markdown code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.markdown pre{background:var(--surface-2);border-radius:8px;padding:10px;overflow:auto}.markdown a{color:var(--accent)}.empty-note{color:var(--muted)}.link-btn{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-weight:500;display:inline-flex}.link-btn:hover{text-decoration:underline}.editor{flex-direction:column;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label,.label-row label{color:var(--muted);font-size:12px;font-weight:600}.field small{color:var(--muted);font-size:12px}.label-row{justify-content:space-between;align-items:center;display:flex}.field input,.field select,.field textarea,.link-add input,.link-add select,.inline-form input,.stack-form input,.unlock-card input{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;min-width:0;padding:9px 11px;font-size:14px}.field textarea{resize:vertical;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.place-picker{align-items:center;gap:14px;display:flex}.place-screen{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:none;grid-template-rows:14px 1fr 14px;grid-template-columns:repeat(3,1fr);gap:3px;width:132px;height:84px;padding:4px;display:grid}.place-cell{background:var(--surface);border:1px dashed #0000;border-radius:4px;padding:0}.place-cell:hover{border-color:var(--accent)}.place-cell.guess{border-color:var(--accent);background:var(--accent-soft)}.place-cell.on{background:var(--accent);border:0}.place-side{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.chip-btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:5px 10px;font-size:12.5px}.chip-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.md-preview{border:1px dashed var(--border);border-radius:8px;min-height:120px;padding:10px 12px}.link-list{margin:0;padding:0;list-style:none}.link-list li{justify-content:space-between;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.link-add{grid-template-columns:120px minmax(0,1fr) auto;gap:6px;display:grid}.editor-actions{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;margin:8px -20px -24px;padding:12px 20px;display:flex;position:sticky;bottom:-24px}.spacer{flex:1}button.primary,.editor-actions button,.button-row button,.inline-form button,.stack-form button,.link-add button,.hint button,.empty-state button{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--accent);white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;display:inline-flex}button.primary{border-color:var(--accent);background:var(--accent);color:var(--surface)}button:disabled{opacity:.5;cursor:default}button.danger{color:var(--danger)}button.danger.armed{background:var(--danger);border-color:var(--danger);color:#fff}.bottom-left{z-index:10;align-items:flex-end;gap:10px;transition:left .2s;display:flex;position:absolute;bottom:24px;left:12px}.panel-open:not(.mobile) .bottom-left{left:424px}.layer-btn{border:2px solid var(--surface);color:#202124;width:64px;height:64px;box-shadow:var(--shadow);background:linear-gradient(135deg,#f3d29b,#bfe3c0 45%,#acdcf2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.night .layer-btn{color:#ffe9a8;background:linear-gradient(135deg,#121a2e,#23345e)}.layer-sheet{background:var(--surface);border-radius:var(--radius);width:min(460px,100vw - 24px);max-height:min(70vh,620px);box-shadow:var(--shadow);padding:12px 16px 16px;position:absolute;bottom:76px;left:0;overflow:auto}.layer-sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.projections{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.projection{border:1px solid var(--border);background:var(--surface);text-align:left;color:var(--muted);border-radius:10px;flex-direction:column;gap:2px;padding:9px 11px;font-size:11.5px;line-height:1.35;display:flex}.projection strong{color:var(--text);font-size:13px}.projection.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.projection.on strong{color:var(--accent)}.layer-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.layer-tile{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.layer-tile img,.thumb-ph{aspect-ratio:3/2;width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--border);background:var(--bg);border-radius:8px}.layer-tile.on img{outline:3px solid var(--accent);outline-offset:1px}.layer-name{font-size:13px;font-weight:600}.layer-tile.on .layer-name{color:var(--accent)}.layer-blurb{color:var(--muted);font-size:11.5px;line-height:1.35}.toggle{border-top:1px solid var(--border);align-items:flex-start;gap:10px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent);margin-top:3px}.legend{background:var(--surface);max-width:260px;box-shadow:var(--shadow-sm);border-radius:10px;font-size:12px}.legend-head{background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:8px 10px;font-weight:600;display:flex}.legend-head svg{color:var(--muted);margin-left:auto}.legend ul{gap:3px;max-height:180px;margin:0;padding:0 10px 8px;list-style:none;display:grid;overflow:auto}.legend li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.swatch{border-radius:3px;flex:none;width:18px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.swatch.dot{border-radius:50%;width:12px;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00000026}.swatch.hatch{background-image:repeating-linear-gradient(135deg,#3c404359 0 1.5px,#0000 1.5px 5px)!important}.map-controls{z-index:10;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;right:12px}.map-controls>button,.zoom-pair{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px}.map-controls button{background:var(--surface);width:40px;height:40px;color:var(--muted);border:0;border-radius:8px;place-items:center;display:grid}.map-controls button:hover{color:var(--text)}.zoom-pair{flex-direction:column;display:flex;overflow:hidden}.zoom-pair button{border-radius:0}.zoom-pair button+button{border-top:1px solid var(--border)}.tooltip{z-index:40;background:var(--surface);max-width:240px;box-shadow:var(--shadow);pointer-events:none;border-radius:8px;padding:8px 10px;position:fixed}.tt-kind{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.tt-title{font-weight:600}.tt-stat{color:var(--muted);font-size:12px}.toasts{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow);background:#323232;border-radius:6px;max-width:min(90vw,480px);padding:10px 16px}.toast.error{background:#b3261e}.hint{z-index:12;background:var(--surface);border-radius:var(--radius);width:min(560px,100vw - 32px);box-shadow:var(--shadow);align-items:center;gap:14px;padding:12px 14px 12px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint p{margin:0;font-size:13px}.panel-open:not(.mobile) .hint{left:calc(50vw + 212px)}.empty-state{z-index:12;text-align:center;background:var(--surface);width:min(420px,100vw - 32px);box-shadow:var(--shadow);color:var(--accent);border-radius:16px;padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state h2{color:var(--text);margin:8px 0 4px}.empty-state p{color:var(--muted)}.button-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drawer-backdrop{z-index:50;background:#00000059;position:fixed;inset:0}.drawer{background:var(--surface);width:min(360px,88vw);box-shadow:var(--shadow);padding:8px 20px 24px;animation:.18s ease-out slide-in;position:absolute;top:0;bottom:0;left:0;overflow:auto}@keyframes slide-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{justify-content:space-between;align-items:center;margin-right:-8px;padding:6px 0;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.brand.big{font-size:22px}.brand svg{color:var(--accent)}.drawer section{border-top:1px solid var(--border);padding-bottom:8px}.project-list{margin:0 -10px;padding:0;list-style:none}.project-list li{border-radius:8px;align-items:center;display:flex}.project-list li.current{background:var(--accent-soft)}.project-open{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;padding:8px 10px;display:flex}.inline-form{gap:8px;display:flex}.stack-form{flex-direction:column;gap:8px;display:flex}.stack-form button{align-self:flex-start}.muted{color:var(--muted)}.small{font-size:12px}.drawer-foot{border-top:1px solid var(--border);padding-top:8px}.unlock{background:radial-gradient(circle at 50% 45%,#f4f1ea 0 22%,#c6e3f6 22.5% 30%,#aad3ee 30.5%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.unlock-card{background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:28px;display:flex}.unlock-card p{color:var(--muted);margin:0 0 6px}.unlock-card label{font-size:13px;font-weight:600}.unlock-card .error{color:var(--danger)}@media (width<=720px){.top{grid-template-columns:minmax(0,1fr);gap:8px}.search{grid-row:auto}.breadcrumbs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.crumb button{max-width:140px}.panel{width:auto;height:46vh;padding-bottom:env(safe-area-inset-bottom);z-index:25;border-radius:16px 16px 0 0;transition:height .2s ease-out;inset:auto 0 0}.sheet-full .panel{height:88vh}.sheet-handle{background:0 0;border:0;flex:none;place-items:center;height:22px;display:grid}.sheet-handle span{background:var(--border);border-radius:2px;width:36px;height:4px}.panel-scroll{padding:0 16px 24px}.panel-open .bottom-left,.panel-open .map-controls,.panel-open .hint{display:none}.bottom-left{left:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.legend{max-width:calc(100vw - 150px)}.legend ul{max-height:120px}.map-controls{bottom:calc(16px + env(safe-area-inset-bottom))}.zoom-pair{display:none}.layer-sheet{width:auto;max-height:75vh;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0}.layer-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.hint{bottom:calc(96px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.grid2,.link-add{grid-template-columns:1fr}.editor-actions{margin:8px -16px -24px;padding:12px 16px}.stats{grid-template-columns:repeat(3,1fr)}}
