:root{--bg:#f6f3ed;--surface:#fffdf8;--surface2:#efe9de;--ink:#272116;--muted:#71685a;--line:#ded5c6;--accent:#b0740f;--accent-soft:#f4e4c4;--accent-ink:#ffffff;--ai:#7c3f8f;--ai-soft:#f0e0f6;--build:#2f5a9e;--build-soft:#dfe8f6;--danger:#b03d3d;--danger-soft:#f6dcdc;--ok:#2f7d4f;--ok-soft:#ddefe3;--shadow:0 1px 3px rgba(50,40,20,.08),0 4px 14px rgba(50,40,20,.06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#131110;--surface:#1c1917;--surface2:#252119;--ink:#ece7de;--muted:#9a9184;--line:#37312a;--accent:#e0a441;--accent-soft:#3a2e14;--accent-ink:#1b1406;--ai:#c08ad6;--ai-soft:#2e2138;--build:#7ea6e0;--build-soft:#1a2536;--danger:#e08585;--danger-soft:#3a1f1f;--ok:#7fc79b;--ok-soft:#1c2f24;--shadow:0 1px 3px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg:#131110;--surface:#1c1917;--surface2:#252119;--ink:#ece7de;--muted:#9a9184;--line:#37312a;--accent:#e0a441;--accent-soft:#3a2e14;--accent-ink:#1b1406;--ai:#c08ad6;--ai-soft:#2e2138;--build:#7ea6e0;--build-soft:#1a2536;--danger:#e08585;--danger-soft:#3a1f1f;--ok:#7fc79b;--ok-soft:#1c2f24;--shadow:0 1px 3px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Instrument Sans,system-ui,sans-serif}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:7px 9px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:222px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;gap:2px;overflow-y:auto}.logo{font:700 17px Sora,sans-serif;color:var(--accent);letter-spacing:-.02em;display:flex;align-items:center;gap:8px;border:0;background:none;padding:6px 8px;text-align:left}.sb-label{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:600;padding:14px 8px 4px}.sb-item{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);padding:7px 9px;border-radius:8px;text-align:left;font-weight:500;width:100%}.sb-item:hover{background:var(--surface2)}.sb-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sb-item .cnt{margin-left:auto;font-size:11px;color:var(--muted);background:var(--surface2);border-radius:999px;padding:0 7px}.sb-item.dim{color:var(--muted)}.sb-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.sb-item.active .sb-dot{background:var(--accent)}.sb-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.main{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.iconbtn{border:0;background:none;color:var(--muted);padding:6px 8px;border-radius:8px;position:relative;font-size:15px}.iconbtn:hover{background:var(--surface2);color:var(--ink)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex:none;border:0}.avatar.small{width:22px;height:22px;font-size:9px}.badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;border-radius:999px;font-size:9px;font-weight:700;padding:0 4px;line-height:13px}.wrap{padding:20px 24px;max-width:1400px;width:100%;margin:0 auto}.wrap.full{max-width:none;display:flex;flex-direction:column;flex:1;min-height:0;padding:14px 16px}.wrap.full .maplayout{flex:1;min-height:0}.wrap.full .canvasbox{display:flex;flex-direction:column}.canvasfill{flex:1;min-height:0}.wrap.full .sidepanel{max-height:none}h1{font:600 20px Sora,sans-serif;margin:0 0 4px;letter-spacing:-.01em}h3{font:600 15px Sora,sans-serif;margin:0}.sub{color:var(--muted);margin:0 0 18px}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hint{color:var(--muted);font-size:12px}.error{color:var(--danger);font-size:13px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px 12px;font-weight:500}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.06);color:var(--accent-ink)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btnrow{display:flex;gap:8px;flex-wrap:wrap}.chip{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;white-space:nowrap}.chip.build{background:var(--build-soft);color:var(--build)}.chip.aiw{background:var(--ai-soft);color:var(--ai)}.chip.doc{background:var(--accent-soft);color:var(--accent)}.chip.spr{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.chip.spr.prop{border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent)}.chip.pM{background:var(--danger-soft);color:var(--danger)}.chip.pS{background:var(--accent-soft);color:var(--accent)}.chip.pC{background:var(--build-soft);color:var(--build)}.chip.pW{background:var(--surface2);color:var(--muted)}.pill{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600}.pill.on{background:var(--ok-soft);color:var(--ok)}.pill.off{background:var(--surface2);color:var(--muted)}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.logincard{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px;width:360px;display:flex;flex-direction:column;gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:8px;cursor:pointer}.pcard:hover{border-color:var(--accent)}.pcard p{margin:0;color:var(--muted);font-size:13px}.pmeta{display:flex;gap:8px;color:var(--muted);font-size:12px;margin-top:auto;align-items:center;flex-wrap:wrap}.newcard{border:2px dashed var(--line);background:none;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--muted);min-height:120px;font-weight:500}.newcard:hover{color:var(--accent);border-color:var(--accent)}.maplayout{display:flex;gap:14px;align-items:stretch}.canvasbox{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.canvashead{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.canvashead b{font-family:Sora,sans-serif;font-weight:600}.lvl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.lvl input[type=range]{width:110px;padding:0;accent-color:var(--accent);background:none;border:0}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:0;background:var(--surface);color:var(--muted);padding:5px 11px;font-size:12px;font-weight:600}.seg button.on{background:var(--accent-soft);color:var(--accent)}svg.map{display:block;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;background-color:var(--surface);background-image:radial-gradient(var(--line) 1px,transparent 1.4px);background-size:24px 24px;background-position:12px 12px}.edge{fill:none;stroke:var(--line);stroke-width:1.6}.node rect.body{fill:var(--surface2);stroke:var(--line);stroke-width:1.2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.14))}.node text{fill:var(--ink);font:500 13px Instrument Sans,sans-serif;pointer-events:none}.node.root rect.body{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5}.node.root text.lbl{font:600 14px Sora,sans-serif}.node.sel rect.body{stroke:var(--accent);stroke-width:2.2}.node{cursor:grab}.node .pc-M{fill:var(--danger-soft)}.node .pt-M{fill:var(--danger)}.node .pc-S{fill:var(--accent-soft)}.node .pt-S{fill:var(--accent)}.node .pc-C{fill:var(--build-soft)}.node .pt-C{fill:var(--build)}.node .pc-W{fill:var(--surface)}.node .pt-W{fill:var(--muted)}.node .priot{font:700 9.5px Instrument Sans,sans-serif}.node .whot{fill:var(--surface);font:700 7px Instrument Sans,sans-serif}.node .bdg-ai{fill:var(--ai-soft)}.node .bdgt-ai{fill:var(--ai)}.node .bdg-del{fill:var(--ok-soft)}.node .bdgt-del{fill:var(--ok)}.node .bdg-task{fill:var(--build-soft)}.node .bdgt-task{fill:var(--build)}.node .bdg-note{fill:var(--surface)}.node .bdgt-note{fill:var(--muted)}.node .bdg-done{fill:var(--ok-soft)}.node .bdgt-done{fill:var(--ok)}.node .ntgl{fill:var(--surface);stroke:var(--line);stroke-width:1.2}.node .ntglt{fill:var(--muted);font:700 9px Instrument Sans,sans-serif;pointer-events:none}.node [data-tgl]:hover .ntgl{stroke:var(--accent)}.node [data-tgl]:hover .ntglt{fill:var(--accent)}.nedit{width:100%;height:100%;border:2px solid var(--accent);border-radius:12px;background:var(--surface);color:var(--ink);font:500 13px Instrument Sans,sans-serif;padding:0 12px;box-sizing:border-box}.node.done rect.body{stroke:var(--ok);stroke-width:1.6}.nb-btn.on-done{background:var(--ok);border-color:var(--ok);color:var(--surface)}.node .bdgt{font:700 9px Instrument Sans,sans-serif}.node.out{opacity:.45}.node.out rect.body{stroke-dasharray:5 4}.node.out text.lbl{text-decoration:line-through}.cursorlbl{font:600 10px Instrument Sans,sans-serif}.nodebar{display:flex;gap:14px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface2);flex-wrap:wrap}.nb-name{font:600 13px Sora,sans-serif;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-group{display:flex;gap:4px;align-items:center}.nb-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.nb-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:600}.nb-btn:hover{border-color:var(--accent);color:var(--accent)}.nb-btn.on-M{background:var(--danger);border-color:var(--danger);color:var(--surface)}.nb-btn.on-S{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.nb-btn.on-C{background:var(--build);border-color:var(--build);color:var(--surface)}.nb-btn.on-W{background:var(--muted);border-color:var(--muted);color:var(--surface)}.nb-btn.on-out{background:var(--danger);border-color:var(--danger);color:var(--surface)}.treeview{flex:1;min-height:0;overflow:auto;padding:14px 18px}.tv-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;cursor:pointer}.tv-row:hover{background:var(--surface2)}.tv-row.sel{background:var(--accent-soft)}.tv-row.out{opacity:.5}.tv-row.out .tv-lbl{text-decoration:line-through}.tv-tgl{border:0;background:none;color:var(--muted);width:20px;padding:0;font-size:11px}.tv-lbl{font-weight:500}.tv-kids{margin-left:22px;border-left:1px solid var(--line);padding-left:6px}.sidepanel{width:340px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:78vh}.sidehead{padding:12px 14px;border-bottom:1px solid var(--line)}.sidehead b{font-family:Sora,sans-serif}.sidehead .ctx{color:var(--muted);font-size:12px;margin-top:2px;word-break:break-word}.sidebody{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.sidefoot{padding:12px 14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.msg{max-width:94%;padding:8px 11px;border-radius:10px;font-size:13px;white-space:pre-wrap;word-break:break-word}.msg.user{align-self:flex-end;background:var(--accent-soft)}.msg.ai{align-self:flex-start;background:var(--surface2)}.msg .who{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}.sugg{border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:13px}.sugg .t{flex:1}.sugg button{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:26px;height:26px;line-height:1}.sugg button.ok{color:var(--ok)}.sugg button.no{color:var(--danger)}.manual{background:var(--surface2);border-radius:10px;padding:10px;font-size:12px;display:flex;flex-direction:column;gap:8px}.manual textarea{min-height:60px;resize:vertical;background:var(--surface)}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);flex:1}.fieldrow{display:flex;gap:10px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:start;flex:1;min-width:0}.col{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:10px;min-height:160px}.col h4{margin:2px 4px 10px;font:600 13px Sora,sans-serif;color:var(--muted);display:flex;justify-content:space-between}.col.dragover{outline:2px dashed var(--accent);outline-offset:-4px}.kcard{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--build);border-radius:10px;padding:10px;margin-bottom:8px;box-shadow:var(--shadow);cursor:grab;display:flex;flex-direction:column;gap:7px}.kcard.ai{border-left-color:var(--ai)}.kcard.sel{outline:2px solid var(--accent);outline-offset:-1px}.kcard .title{font-weight:500}.krow{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.krow .over{color:var(--danger);font-weight:600}.tablewrap{overflow-x:auto;border-radius:14px}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.table th{background:var(--surface2);color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.03em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c0880;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px;width:min(440px,100%);display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow:auto}.notifs{position:fixed;left:230px;bottom:56px;width:320px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:40;max-height:380px;overflow:auto}.notif{padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.notif.unread{background:var(--accent-soft)}.notif time{display:block;font-size:11px;color:var(--muted)}.deliv-content{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:14px;white-space:pre-wrap;word-break:break-word;font-size:13px;max-height:60vh;overflow:auto}.deliv-content.code{font-family:ui-monospace,Menlo,monospace;font-size:12px}@media (max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 10px;border-right:0;border-bottom:1px solid var(--line)}.sb-label{display:none}.sb-item{width:auto;white-space:nowrap}.sb-foot{margin-top:0;border-top:0;padding-top:0;margin-left:auto;flex-wrap:nowrap}.maplayout{flex-direction:column}.sidepanel{width:100%;max-height:70vh}.notifs{left:10px;bottom:auto;top:60px}}