.project-tabs{display:flex;gap:7px;border-bottom:1px solid var(--theme-line, #e5ebf5);margin:-2px 0 23px;padding-bottom:10px}.project-tabs button{display:flex;align-items:center;gap:7px;border-radius:7px;padding:9px 14px;font-size:12px;color:var(--theme-text-muted, #91a1bc)}.project-tabs button.active{color:var(--theme-accent, #647fcd);background:var(--theme-accent-soft, #eaf0fd)}.project-tabs button:hover{background:var(--theme-accent-soft, #f0f4fc)}.maps-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.maps-title{display:flex;align-items:center;gap:14px}.maps-symbol{width:51px;height:51px;display:grid;place-items:center;border:1px solid var(--theme-line, #e1e8fb);border-radius:16px;color:var(--theme-text-muted, #8da3d7);background:linear-gradient(135deg,var(--theme-accent-soft, #eaf0ff),var(--theme-panel, #f8faff))}.maps-title .eyebrow{font-size:8px}.maps-title h3{font-size:18px;font-weight:600;letter-spacing:-.4px;color:var(--theme-text, #586d93);margin:4px 0 6px}.maps-title p{font-size:11px;color:var(--theme-text-secondary, #8b9bb5)}.maps-bar{display:flex;align-items:center;gap:16px;background:var(--theme-panel, white);border:1px solid var(--theme-line, #e2e8f3);border-radius:12px 12px 0 0;padding:12px 16px}.maps-picker{display:flex;align-items:center;gap:7px;color:var(--theme-text-muted, #8198ca);min-width:0}.maps-picker select{border:0;background:transparent;font-size:12px;font-weight:550;max-width:250px;min-width:150px;padding:7px 25px 7px 2px;color:var(--theme-text, #61759a)}.maps-picker .icon-btn{height:27px;width:27px}.maps-count{font-size:10px;color:var(--theme-text-muted, #95a5bf);white-space:nowrap}.maps-save{margin-left:auto;font-size:9px;color:var(--theme-success, #97b0a3);white-space:nowrap}.maps-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid var(--theme-line, #e2e8f3);border-top:0;border-radius:0 0 12px 12px;overflow:hidden;height:660px;max-height:80vh;min-height:450px;background:var(--theme-panel, #fff)}.maps-palette{display:flex;flex-direction:column;background:var(--theme-panel, #fcfdff);border-right:1px solid var(--theme-line, #e4eaf5);min-height:0;padding:20px 14px 12px}.maps-palette header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.maps-palette .eyebrow{font-size:7px;letter-spacing:1.2px}.maps-palette h4{font-size:13px;font-weight:550;color:var(--theme-text, #61749a);margin-top:5px}.maps-palette h4>span{display:inline-block;font-size:9px;padding:2px 5px;background:var(--theme-accent-soft, #edf2ff);color:var(--theme-text-muted, #8ea3d0);border-radius:4px;margin-left:5px}.maps-search{display:flex;gap:7px;align-items:center;color:var(--theme-text-muted, #a0aec6);border:1px solid var(--theme-line, #e4eaf4);border-radius:7px;background:var(--theme-panel, white);padding:9px}.maps-search input{width:100%;min-width:0;font-size:11px;background:none;border:0;outline:none!important;box-shadow:none!important}.palette-hint{font-size:9px;color:var(--theme-text-muted, #a3afc2);line-height:1.7;margin:11px 0 15px}.palette-items{overflow:auto;flex:1;padding:2px 3px 12px;min-height:0}.palette-card{padding:12px 10px;background:var(--theme-panel, white);border:1px solid var(--theme-line, #e1e8f4);border-radius:10px;box-shadow:0 3px 12px var(--theme-shadow-soft, #617aac05);margin-bottom:10px;cursor:grab;transition:box-shadow .2s,border-color .2s}.palette-card:hover{border-color:var(--theme-line, #bbc9e9);box-shadow:0 5px 16px var(--theme-shadow-soft, #8297ca12)}.palette-card:active{cursor:grabbing}.palette-card.blocked{background:var(--theme-warning-soft, #fffdf8);border-color:var(--theme-warning-line, #ede0c6)}.palette-card-title{display:flex;gap:5px;align-items:flex-start;color:var(--theme-text-muted, #a0b0cf)}.palette-card-title>svg{flex-shrink:0;margin-top:4px}.palette-card-title strong{font-size:11px;color:var(--theme-text, #637899);font-weight:550;line-height:1.65;overflow-wrap:anywhere;flex:1}.palette-card-title .icon-btn{flex-shrink:0;height:23px;width:23px;color:var(--theme-text-muted, #819bd5);background:var(--theme-surface-muted, #f2f5fc)}.palette-card small{display:block;font-size:9px;color:var(--theme-text-muted, #9aa9c0);line-height:1.7;overflow-wrap:anywhere;margin:5px 0 10px 18px}.map-status{display:inline-block;width:max-content;font-size:8px;border-radius:5px;padding:4px 7px;color:var(--theme-text-muted, #99a8c0);background:var(--theme-surface, #f0f3f8);white-space:nowrap}.map-status.doing{color:var(--theme-accent, #8095ce);background:var(--theme-accent-soft, #edf2ff)}.map-status.done{color:var(--theme-success, #77a38c);background:var(--theme-success-soft, #edf7f0)}.palette-blocked{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--theme-warning, #b69d69);margin-top:8px;overflow-wrap:anywhere}.maps-palette footer{display:flex;align-items:flex-start;gap:6px;font-size:8px;color:var(--theme-text-muted, #9caecb);line-height:1.8;border-top:1px solid var(--theme-line, #e9edf5);padding-top:12px}.maps-palette footer svg{flex-shrink:0;margin-top:2px}.palette-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--theme-text-muted, #b2c0db);text-align:center;padding:25px 6px}.palette-empty p{font-size:10px;color:var(--theme-text-muted, #9aabc4);line-height:1.8}.palette-empty .text-btn{font-size:10px}.maps-viewport{position:relative;overflow:hidden;isolation:isolate;background-color:var(--theme-panel, #f8faff);background-image:radial-gradient(circle,var(--theme-accent-soft, #dce4f5) 1px,transparent 1.3px);cursor:grab;touch-action:none;outline-offset:-4px!important;min-width:0}.maps-viewport.is-panning{cursor:grabbing}.maps-viewport.is-connecting{cursor:crosshair}.maps-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;pointer-events:none}.maps-connections{position:absolute;inset:0;overflow:visible;pointer-events:none}.map-edge{fill:none;stroke:var(--theme-line-strong, #a5b8e7);stroke-width:2;transition:stroke .15s}.map-edge.selected{stroke:var(--theme-accent-line, #627edd);stroke-width:3}.map-edge.draft{stroke-dasharray:7 5;stroke:var(--theme-line-strong, #8a9fda)}.map-edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.map-node{position:absolute;width:272px;height:184px;background:var(--theme-panel, #fff);border:1px solid var(--theme-line, #dce5f7);border-radius:13px;box-shadow:0 7px 24px var(--theme-shadow-soft, #5975ae0c);pointer-events:auto;transition:box-shadow .18s,border-color .18s}.map-node:hover{box-shadow:0 10px 30px var(--theme-shadow-soft, #5975ae18);border-color:var(--theme-line, #b4c5ec)}.map-node.connecting{border-color:var(--theme-accent-line, #8da6e8);box-shadow:0 0 0 4px var(--theme-shadow, #b0c5fd26)}.map-node.blocked{border-color:var(--theme-warning-line, #e6d5ac);background:var(--theme-warning-soft, #fffdf7)}.map-node.completed{border-color:var(--theme-success-line, #d4e9dc);background:var(--theme-success-soft, #fcfefc)}.map-node-grip{display:flex;align-items:center;justify-content:space-between;gap:5px;cursor:grab;border-bottom:1px solid var(--theme-line, #edf1f9);padding:11px 12px;color:var(--theme-text-muted, #a1b0cc);border-radius:13px 13px 0 0;background:var(--theme-panel, #f9fbff);height:40px;touch-action:none;-webkit-user-select:none;user-select:none}.blocked .map-node-grip{background:var(--theme-warning-soft, #fbf5e9);border-color:var(--theme-warning-line, #f0e7d4);color:var(--theme-warning, #c1af89)}.completed .map-node-grip{background:var(--theme-success-soft, #f3f9f5)}.map-node-grip:active{cursor:grabbing}.map-node-grip>span{display:flex;align-items:center;gap:6px;min-width:0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.map-node-grip>span svg{flex-shrink:0}.map-node-grip .icon-btn{height:22px;width:22px;flex-shrink:0}.map-node-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-align:left;margin:14px 17px 10px;padding:0;font-size:13px;line-height:1.6;font-weight:550;color:var(--theme-text, #607699);height:42px;width:calc(100% - 34px)}.map-node-title:hover{color:var(--theme-text, #506fc1)}.map-node-info{display:flex;justify-content:space-between;align-items:center;padding:0 17px}.map-node-info>button{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--theme-text-muted, #9fadc5);padding:0}.map-node-foot,.map-node-blocked{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:11px 17px 0;font-size:9px;color:var(--theme-text-muted, #a1b0cc);line-height:1.6}.map-node-blocked{justify-content:flex-start;color:var(--theme-warning, #b39965)}.map-node-blocked svg{flex-shrink:0}.map-node-blocked>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.map-node-blocked strong{font-weight:550}.map-port{position:absolute;top:84px;width:16px;height:16px;z-index:3;border-radius:50%;background:var(--theme-panel, #fff);border:3px solid var(--theme-line-strong, #a5b8e7);padding:0;box-shadow:0 0 0 5px var(--theme-shadow, #f8faff80);transition:transform .15s,background .15s;cursor:crosshair;touch-action:none}.map-port.input{left:-9px}.map-port.output{right:-9px;background:var(--theme-accent-soft, #e7edfc)}.map-port:hover,.is-connecting .map-port.input:hover{transform:scale(1.3);background:var(--theme-accent-hover, #859fdf);border-color:var(--theme-accent-line, #6f8bd3)}.is-connecting .map-port.input{border-color:var(--theme-accent-line, #7694dc);box-shadow:0 0 0 6px var(--theme-shadow, #90acf425)}.map-overlay{position:absolute;z-index:5;pointer-events:auto}.map-guide{left:50%;top:44%;transform:translate(-50%,-50%);width:320px;max-width:80%;text-align:center;pointer-events:none}.map-guide-icon{width:76px;height:76px;background:linear-gradient(135deg,var(--theme-accent-soft, #e9efff),var(--theme-panel, #f8faff));border:1px solid var(--theme-line, #dfe7f9);border-radius:24px;display:grid;place-items:center;margin:0 auto 17px;color:var(--theme-text-muted, #a0b2de);transform:rotate(-8deg);box-shadow:0 7px 26px var(--theme-shadow-soft, #7a97d40a)}.map-guide h4{font-size:17px;color:var(--theme-text-secondary, #7188b1);font-weight:550;margin-bottom:10px}.map-guide p{font-size:11px;color:var(--theme-text-muted, #a3b1c9);line-height:1.9}.map-controls{bottom:20px;right:20px;display:flex;align-items:center;gap:2px;padding:5px;background:var(--theme-panel, #ffffffed);border:1px solid var(--theme-line, #dfe6f6);border-radius:10px;box-shadow:0 4px 16px var(--theme-shadow-soft, #526fa00a);color:var(--theme-text-muted, #8da1ca)}.map-controls button{height:30px;width:30px;border-radius:7px;display:grid;place-items:center}.map-controls button:hover{background:var(--theme-accent-soft, #edf2ff);color:var(--theme-text-secondary, #627ec3)}.map-controls span{font-size:10px;min-width:40px;text-align:center}.map-controls i{height:18px;width:1px;background:var(--theme-surface, #e8edf7);margin:0 3px}.map-navigation-hint{bottom:26px;left:20px;display:flex;align-items:center;gap:6px;font-size:8px;color:var(--theme-text-muted, #9badd0);pointer-events:none;max-width:calc(100% - 225px);line-height:1.7}.map-connection-tip,.map-edge-actions{top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:var(--theme-panel, #fff);box-shadow:0 5px 24px var(--theme-shadow-soft, #526fa011);border:1px solid var(--theme-line, #dbe5fa);border-radius:9px;padding:9px 12px;font-size:10px;color:var(--theme-text-secondary, #8398c3);width:max-content;max-width:90%}.map-edge-actions .text-btn{font-size:10px}.maps-empty{padding:54px 20px;text-align:center;border:1px dashed var(--theme-line, #dce5f7);border-radius:13px;background:linear-gradient(125deg,var(--theme-panel, #fff),var(--theme-panel, #f9fbff))}.maps-empty-cards{display:flex;gap:14px;align-items:center;justify-content:center;color:var(--theme-text-muted, #b0c2e6);margin-bottom:30px}.maps-empty-cards span{background:var(--theme-panel, white);border:1px solid var(--theme-line, #dce6f8);box-shadow:0 5px 18px var(--theme-shadow-soft, #6781b20a);padding:20px 23px;border-radius:12px;font-size:11px;color:var(--theme-text-muted, #92a7d2);transform:rotate(-6deg)}.maps-empty-cards span:nth-of-type(2){transform:rotate(4deg)}.maps-empty-cards span:nth-of-type(3){transform:rotate(-3deg)}.maps-empty h3{font-size:17px;font-weight:550;color:var(--theme-text, #6f85a8);margin-bottom:13px}.maps-empty p{font-size:12px;line-height:1.9;color:var(--theme-text-muted, #99abc8);margin-bottom:24px}.maps-stage{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.maps-stage .maps-viewport{flex:1;min-height:0;outline:none!important}.maps-workspace:has(.maps-viewport:focus-visible){outline:2px solid var(--theme-accent-line, #b5c5ed);outline-offset:3px}.maps-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:54px;padding:7px 12px;background:var(--theme-panel, #fff);border-top:1px solid var(--theme-line, #e4eaf5);position:relative;z-index:6}.maps-canvas-footer .map-controls{position:static;margin-left:auto;flex-shrink:0;padding:2px;box-shadow:none}.maps-canvas-footer .map-navigation-hint{position:static;max-width:none;min-width:0;flex:1;pointer-events:auto;font-size:8px}.maps-canvas-footer .map-controls button{width:28px;height:28px}.maps-stage .map-node:focus-visible{outline:2px solid var(--theme-accent-line, #9ab0ff);outline-offset:4px}@media(max-width:1100px){.maps-workspace{grid-template-columns:210px minmax(0,1fr);height:600px}.maps-count{display:none}.maps-save{font-size:8px}.maps-picker select{max-width:180px}.maps-title h3{font-size:16px}.map-navigation-hint{display:none}.maps-palette{padding:17px 11px}.maps-heading>.btn{font-size:10px;padding:10px}.maps-title p{font-size:10px}}@media(max-width:680px){.maps-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.maps-title h3{font-size:16px}.maps-title p{font-size:10px}.maps-symbol{width:44px;height:44px}.maps-heading>.btn{margin-left:auto}.maps-bar{padding:10px;flex-wrap:wrap;gap:4px}.maps-picker{width:100%}.maps-picker select{max-width:none;flex:1;min-width:0}.maps-save{width:100%;text-align:right;margin-top:3px}.maps-workspace{display:flex;flex-direction:column;height:740px;max-height:none}.maps-palette{max-height:225px;padding:12px;border-right:0;border-bottom:1px solid var(--theme-line, #e4eaf5)}.maps-palette header{margin-bottom:9px}.maps-palette .eyebrow,.palette-hint,.maps-palette footer{display:none}.maps-search{padding:7px;margin-bottom:9px}.palette-items{display:flex;gap:8px;min-height:110px;overflow:auto;padding:2px}.palette-card{min-width:200px;width:200px;margin-bottom:4px;padding:8px}.palette-card small{margin:3px 0 5px 18px}.palette-empty{padding:5px;flex-direction:row;text-align:left}.maps-viewport{flex:1;min-height:450px}.map-controls{right:13px;bottom:13px}.map-connection-tip,.map-edge-actions{font-size:9px;padding:8px;gap:6px}.maps-empty{padding:35px 12px}.maps-empty-cards{gap:6px}.maps-empty-cards span{padding:16px 13px;font-size:9px}.maps-empty-cards svg{width:18px}.maps-empty h3{font-size:15px;line-height:1.8}.maps-empty p{font-size:11px}}@media(max-width:680px){.maps-stage{flex:1;min-height:450px}.maps-canvas-footer{min-height:48px;padding:6px 10px}}.maps-primary{white-space:nowrap;flex-shrink:0;font-size:10px}.maps-primary[aria-pressed=true]{color:var(--theme-accent, #7b91c7);opacity:1}.maps-bar{flex-wrap:wrap}.maps-fullscreen{white-space:nowrap;flex-shrink:0;font-size:10px}.maps-fullscreen[aria-pressed=true]{color:var(--theme-text-secondary, #627ec3)}.project-map:fullscreen{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;padding:20px;overflow:hidden;background:var(--theme-panel, #f8faff)}.project-map:fullscreen::backdrop{background:var(--theme-overlay, #f8faff)}.project-map:fullscreen .maps-heading{flex-shrink:0;margin-bottom:14px}.project-map:fullscreen .maps-bar{flex-shrink:0}.project-map:fullscreen .maps-workspace{flex:1;height:auto;max-height:none;min-height:0}@media(max-width:680px){.project-map:fullscreen{padding:10px}.project-map:fullscreen .maps-heading{margin-bottom:10px}.project-map:fullscreen .maps-palette{max-height:clamp(120px,24vh,190px)}.project-map:fullscreen .maps-stage{min-height:0}}.map-node.pending:not(.blocked):not(.connecting){border-color:var(--theme-accent-line, #a5b8e7);animation:map-pending-halo 4s ease-in-out infinite}.map-node.pending:not(.blocked):not(.connecting) .map-node-grip{position:relative;overflow:hidden;background:var(--theme-accent-soft, #edf2ff);color:var(--theme-accent, #8095ce)}.map-node.pending:not(.blocked):not(.connecting) .map-node-grip:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent,var(--theme-accent-soft, #cad8ff99),transparent);transform:translate(-110%);animation:map-pending-shine 4s ease-in-out infinite}.map-node.pending:not(.blocked):not(.connecting) .map-status{background:var(--theme-accent-soft, #edf2ff);color:var(--theme-accent, #8095ce)}@keyframes map-pending-halo{0%,to{box-shadow:0 0 0 2px var(--theme-shadow-soft, #b0c5fd12),0 5px 20px var(--theme-shadow-soft, #8297ca12)}50%{box-shadow:0 0 0 6px var(--theme-shadow, #b0c5fd2b),0 8px 28px var(--theme-shadow, #8297ca26)}}@keyframes map-pending-shine{0%,25%{transform:translate(-110%)}65%,to{transform:translate(110%)}}@media(prefers-reduced-motion:reduce){.map-node.pending:not(.blocked):not(.connecting){animation:none;box-shadow:0 0 0 2px var(--theme-shadow, #b0c5fd20),0 5px 20px var(--theme-shadow-soft, #8297ca12)}.map-node.pending:not(.blocked):not(.connecting) .map-node-grip:after{animation:none;display:none}}.map-portal{position:absolute;width:160px;min-height:110px;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:10px;isolation:isolate}.map-portal-symbol{position:relative;display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;background:var(--theme-panel, #fff);color:var(--theme-text-muted, #809bd8);border-radius:50%;box-shadow:inset 0 0 0 1px var(--theme-shadow, #d6e1fa),0 0 0 7px var(--theme-shadow-soft, #c9d7fb18),0 6px 24px var(--theme-shadow-soft, #8ba4db15);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map-portal-symbol:active{cursor:grabbing}.map-portal-symbol:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--theme-accent, #a5baf0) 90deg,var(--theme-accent-soft, #d4dfff) 130deg,transparent 200deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),var(--theme-line, #000) calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),var(--theme-line, #000) calc(100% - 2px));animation:portal-orbit 6s linear infinite;opacity:.65;pointer-events:none}.map-portal-symbol:after{content:"";position:absolute;inset:-13px;border:1px solid var(--theme-line, #c7d6fb);border-radius:50%;animation:portal-ring 6s ease-in-out infinite;pointer-events:none}.map-portal-label{font-size:12px;font-weight:550;color:var(--theme-text, #687fa7);background:var(--theme-panel, #ffffffed);border:1px solid var(--theme-line, #e1e8f5);border-radius:8px;padding:8px 12px;max-width:160px;overflow-wrap:anywhere;text-align:center}.map-portal-input{position:absolute;left:37px;top:43px;width:10px;height:10px;padding:0;border:2px solid var(--theme-line-strong, #a5b8e7);background:var(--theme-panel, #fff);border-radius:50%;z-index:3;cursor:crosshair;touch-action:none}.map-portal-input:hover,.is-connecting .map-portal-input{border-color:var(--theme-accent-line, #7694dc);box-shadow:0 0 0 6px var(--theme-shadow, #90acf425)}.map-portal-actions{position:absolute;top:-18px;right:0;display:flex;gap:3px;opacity:0;transition:opacity .15s;background:var(--theme-panel, #fff);border:1px solid var(--theme-line, #e1e8f5);border-radius:7px;z-index:4}.map-portal:hover .map-portal-actions,.map-portal:focus-within .map-portal-actions{opacity:1}.map-portal-actions .icon-btn{width:25px;height:25px}@keyframes portal-orbit{to{transform:rotate(360deg)}}@keyframes portal-ring{0%,to{transform:scale(.96);opacity:.15}50%{transform:scale(1.07);opacity:.45}}@media(prefers-reduced-motion:reduce){.map-portal-symbol:before,.map-portal-symbol:after{animation:none}.map-portal-symbol:after{opacity:.3}}@media(pointer:coarse){.map-portal-actions{opacity:1}.map-portal-actions .icon-btn{width:36px;height:36px}}.map-portal-input:after{content:"";position:absolute;inset:-10px}.portal-trail{fill:none;stroke:var(--theme-line-strong, #8fa9df);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 8;animation:portal-trail-flow 6s linear infinite;pointer-events:none}.portal-link.finished{stroke:var(--theme-success-line, #bdd8c9)}.portal-trail.finished{stroke:var(--theme-success-line, #82b297)}.map-portal.finished .map-portal-symbol{background:linear-gradient(145deg,var(--theme-panel, #fff),var(--theme-success-soft, #f0f8f3));color:var(--theme-success, #76a088);box-shadow:inset 0 0 0 1px var(--theme-shadow, #bcdac8),0 0 0 7px var(--theme-shadow-soft, #cfe7d818),0 6px 24px var(--theme-shadow-soft, #87ad9615)}.map-portal.finished .map-portal-symbol:before{background:conic-gradient(transparent,var(--theme-success, #9bc6ac) 90deg,var(--theme-success-soft, #d5eadc) 130deg,transparent 200deg);animation-duration:9s}.map-portal.finished .map-portal-symbol:after{border-color:var(--theme-success-line, #c6dfcf)}.map-portal.finished .map-portal-input{border-color:var(--theme-success-line, #87b69c);background:var(--theme-success-soft, #edf7f0)}.map-portal.finished .map-portal-label{border-color:var(--theme-success-line, #d7e8dd);color:var(--theme-text, #739381)}.map-node.portal-completed{background:linear-gradient(140deg,var(--theme-panel, #fff),var(--theme-success-soft, #f3faf5));border:1px solid var(--theme-success-line, #b8d9c5);animation:map-completed-halo 6s ease-in-out infinite}.map-node.portal-completed .map-node-grip{position:relative;overflow:hidden;background:var(--theme-success-soft, #edf7f0);color:var(--theme-success, #7ca28b);border-bottom-color:var(--theme-success-line, #dcecdf)}.map-node.portal-completed .map-node-grip:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent,var(--theme-success-soft, #d2e9db99),transparent);transform:translate(-110%);animation:map-pending-shine 6s ease-in-out infinite}.map-node.portal-completed .map-node-title{color:var(--theme-text, #607c6c);width:calc(100% - 73px);margin-right:56px}.map-node.portal-completed .map-status{color:var(--theme-success, #6e987f);background:var(--theme-success-soft, #e7f3eb)}.map-node.portal-completed .map-port.output{background:var(--theme-success-soft, #e3f1e8);border-color:var(--theme-success-line, #84b59c)}.map-completion-seal{position:absolute;right:13px;top:62px;width:32px;height:32px;display:grid;place-items:center;color:var(--theme-success, #6f9f83);background:var(--theme-success-soft, #e5f3e9);border:1px solid var(--theme-success-line, #bcdcc8);border-radius:50%;animation:map-completion-seal 6s ease-in-out infinite;pointer-events:none}@keyframes map-completed-halo{0%,to{box-shadow:0 0 0 2px var(--theme-shadow-soft, #c9e4d512),0 6px 24px var(--theme-shadow-soft, #8aaa9712)}50%{box-shadow:0 0 0 6px var(--theme-shadow, #c9e4d52b),0 9px 30px var(--theme-shadow, #8aaa9720)}}@keyframes map-completion-seal{0%,to{box-shadow:0 0 0 4px var(--theme-shadow, #e5f3e96b)}50%{box-shadow:0 0 0 7px var(--theme-shadow, #d2e9da66)}}@keyframes portal-trail-flow{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.portal-trail,.map-node.portal-completed,.map-completion-seal,.map-node.portal-completed .map-node-grip:after{animation:none}.map-node.portal-completed .map-node-grip:after{display:none}.map-completion-seal{box-shadow:0 0 0 4px var(--theme-shadow, #e5f3e96b)}}.roadmap-alignment-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.roadmap-alignment-controls .text-btn{font-size:10px;white-space:nowrap}.alignment-summary{font-size:10px;color:var(--theme-text-secondary, #7b91c7)}.maps-workspace.layout-preview{border-color:var(--theme-line, #b7c9ef)}.layout-preview .maps-palette{pointer-events:none;opacity:.6}.layout-preview .map-node,.layout-preview .map-portal,.layout-preview .map-edge-hit{pointer-events:none}.roadmap-alignment-controls button:disabled{opacity:.45;cursor:default}.map-selection-box{position:absolute;z-index:4;border:1px dashed var(--theme-line-strong, #7796e8);border-radius:3px;background:var(--theme-accent, #8eaafb20);pointer-events:none}.maps-viewport .map-node.selected{outline:2px solid var(--theme-accent-line, #7996e8);outline-offset:3px;border-color:var(--theme-accent-line, #7996e8);box-shadow:0 0 0 5px var(--theme-shadow, #b0c5fd30),0 7px 24px var(--theme-shadow-soft, #5975ae16);animation:none}.maps-viewport.is-selecting,.maps-viewport.is-selecting *{cursor:crosshair!important;-webkit-user-select:none;user-select:none}.maps-viewport.has-multi-selection .map-node.selected,.maps-viewport.has-multi-selection .map-node.selected .map-node-title{cursor:grab}.map-selection-actions{top:12px;left:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:calc(100% - 24px);background:var(--theme-panel, #fff);border:1px solid var(--theme-line, #dbe5fa);border-radius:9px;padding:9px 12px;box-shadow:0 5px 24px var(--theme-shadow-soft, #526fa011);color:var(--theme-text-secondary, #6b83b7);font-size:11px}.map-selection-actions .text-btn{font-size:10px}.map-create-options{display:grid;gap:8px}.roadmap-card-type{margin:0;padding:0;border:0}.roadmap-card-type legend{margin:0 0 8px;padding:0;color:var(--theme-text, #596b8a);font-size:12px;font-weight:650}.map-create-option{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;text-align:left;border:1px solid var(--theme-line, #e1e8f5);border-radius:12px;background:var(--theme-panel, #fff);color:var(--theme-text-secondary, #7c8da8);transition:background .15s,border-color .15s}.map-create-option.activity{padding:17px 14px;background:var(--theme-surface-muted, #f5f8ff);border-color:var(--theme-line, #cedbf6)}.map-create-option[aria-pressed=true]{border-color:var(--theme-line-strong, #91aae0);background:var(--theme-accent-soft, #edf3ff);box-shadow:0 0 0 2px var(--theme-shadow-soft, #b4c9f51c);color:var(--theme-text, #617fb9)}.map-create-option:hover{border-color:var(--theme-line-strong, #a8bde7)}.map-create-option:focus-visible{outline:2px solid var(--theme-accent-line, #7996e8);outline-offset:3px}.map-create-option-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--theme-accent-soft, #edf2fc);color:var(--theme-text-muted, #809bd8)}.map-create-option.activity .map-create-option-icon{width:40px;height:40px;background:var(--theme-accent-soft, #e2ebff);color:var(--theme-text-secondary, #6e8dcc)}.map-create-option strong{display:block;font-size:12px;font-weight:650}.map-create-option.activity strong{font-size:14px}.map-create-option small{display:block;margin-top:4px;font-size:10px;color:var(--theme-text-secondary, #8c9bb5);line-height:1.5}.map-create-check{margin-left:auto;flex-shrink:0}.map-create-source{display:flex;align-items:center;gap:8px;color:var(--theme-text-secondary, #8899b4);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.map-create-source svg{flex-shrink:0}.map-create-source strong{color:var(--theme-text, #6f84aa);font-weight:550}.map-create-portal-preview{display:grid;place-items:center;min-height:150px;border:1px dashed var(--theme-line, #dce5f7);border-radius:12px;background:radial-gradient(ellipse at center,var(--theme-accent-soft, #edf3ff88),transparent 72%)}.map-create-portal-preview .map-portal-symbol{cursor:default}.map-node.in-progress{background:var(--theme-warning-soft, #fffbef)}.map-node.in-progress:not(.connecting):not(.selected){border-color:var(--theme-warning-line, #e5d4a9);animation:map-active-halo 6s ease-in-out infinite}.map-node.in-progress .map-node-grip{position:relative;overflow:hidden;background:var(--theme-warning-soft, #fcf3dd);border-bottom-color:var(--theme-warning-line, #eaddbd);color:var(--theme-warning, #a68b54)}.map-node.in-progress .map-node-grip:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,var(--theme-warning, #e7c77740),transparent);transform:translate(-110%);animation:map-active-shine 7.2s ease-in-out infinite;pointer-events:none}.map-progress-state{height:28px;margin:10px 17px 0;display:flex;align-items:center;gap:10px;pointer-events:none}.map-progress-orbit{position:relative;display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background:var(--theme-warning-soft, #f7edcf);color:var(--theme-warning, #92702f)}.map-progress-orbit:after{content:"";position:absolute;inset:-4px;border-radius:11px;background:conic-gradient(from 0deg,transparent 0deg,var(--theme-warning, #cfad63) 80deg,var(--theme-warning, #ead9b0) 130deg,transparent 180deg,transparent 360deg);-webkit-mask:linear-gradient(var(--theme-line, #fff) 0 0) content-box,linear-gradient(var(--theme-line, #fff) 0 0);mask:linear-gradient(var(--theme-line, #fff) 0 0) content-box,linear-gradient(var(--theme-line, #fff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;animation:map-active-orbit 8s linear infinite;pointer-events:none}.map-progress-label{font-size:9px;font-weight:550;color:var(--theme-warning, #92702f);line-height:1.5}.map-node.in-progress .map-node-title{margin:9px 17px 0;color:var(--theme-accent, #60708b)}.map-node.in-progress .map-node-title:hover{color:var(--theme-warning, #92702f)}.map-node.in-progress .map-node-info{position:absolute;right:17px;top:57px;padding:0}.map-node.in-progress .map-node-info>button{color:var(--theme-accent, #9b947f)}.map-node.in-progress .map-node-foot{position:absolute;left:0;right:0;bottom:0;height:37px;margin:0;padding:0 16px;border-top:1px solid var(--theme-warning-line, #eaddbd);border-radius:0 0 12px 12px;background:var(--theme-warning-soft, #fffdf6);color:var(--theme-warning, #a08750);justify-content:flex-start;gap:7px}.map-node.in-progress .map-node-foot>svg{flex-shrink:0}.map-progress-wave{display:flex;align-items:center;justify-content:flex-end;gap:3px;width:25px;height:13px;margin-left:auto;flex-shrink:0;pointer-events:none}.map-progress-wave i{width:3px;height:5px;border-radius:3px;background:var(--theme-warning, #ba974b);transform-origin:center;animation:map-active-wave 3s ease-in-out infinite}.map-progress-wave i:nth-child(2){height:8px;animation-delay:.18s}.map-progress-wave i:nth-child(3){height:12px;animation-delay:.36s}.map-progress-wave i:nth-child(4){height:7px;animation-delay:.54s}.maps-viewport:not(.is-connecting) .map-node.in-progress .map-port:not(:hover){border-color:var(--theme-warning-line, #c3a35e)}.maps-viewport:not(.is-connecting) .map-node.in-progress .map-port.output:not(:hover){background:var(--theme-warning-soft, #f7edcf)}@keyframes map-active-halo{0%,to{box-shadow:0 0 0 2px var(--theme-shadow-soft, #d4ad5815),0 7px 25px var(--theme-shadow-soft, #b28b4010)}50%{box-shadow:0 0 0 7px var(--theme-shadow, #ba974b29),0 10px 30px var(--theme-shadow-soft, #b28b401a)}}@keyframes map-active-shine{0%,15%{transform:translate(-110%)}65%,to{transform:translate(110%)}}@keyframes map-active-orbit{to{transform:rotate(360deg)}}@keyframes map-active-wave{0%,to{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:.8}}@media(prefers-reduced-motion:reduce){.map-node.in-progress:not(.connecting):not(.selected){animation:none;box-shadow:0 0 0 2px var(--theme-shadow-soft, #d4ad5815),0 7px 25px var(--theme-shadow-soft, #b28b4010)}.map-node.in-progress .map-node-grip:after{animation:none;display:none}.map-progress-orbit:after,.map-progress-wave i{animation:none}}.portal-link.in-progress{stroke:var(--theme-warning-line, #e5d4a9)}.portal-trail.in-progress{stroke:var(--theme-warning-line, #ba974b)}.map-portal.in-progress .map-portal-symbol{background:var(--theme-warning-soft, #fffbef);color:var(--theme-warning, #92702f);border-radius:22px;box-shadow:inset 0 0 0 1px var(--theme-shadow, #e5d4a9);animation:portal-active-halo 6s ease-in-out infinite}.map-portal.in-progress .map-portal-symbol>svg{transform:translateY(-5px)}.map-portal.in-progress .map-portal-symbol:before{inset:-6px;border-radius:27px;padding:1.5px;background:conic-gradient(transparent 0deg,var(--theme-warning, #ba974b) 85deg,var(--theme-warning, #e5d4a9) 145deg,transparent 185deg,transparent 360deg);-webkit-mask:linear-gradient(var(--theme-line, #fff) 0 0) content-box,linear-gradient(var(--theme-line, #fff) 0 0);mask:linear-gradient(var(--theme-line, #fff) 0 0) content-box,linear-gradient(var(--theme-line, #fff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:map-active-orbit 8s linear infinite;opacity:1}.map-portal.in-progress .map-portal-symbol:after{inset:0;border:0;border-radius:22px;background:linear-gradient(135deg,transparent 25%,var(--theme-warning, #e2c67d30) 50%,transparent 75%);background-size:250% 250%;animation:portal-active-light 8s ease-in-out infinite}.map-portal-wave{position:absolute;bottom:15px;display:flex;align-items:center;gap:3px;height:9px;pointer-events:none}.map-portal-wave i{width:3px;height:4px;border-radius:3px;background:var(--theme-warning, #ba974b);animation:map-active-wave 3s ease-in-out infinite}.map-portal-wave i:nth-child(2){height:7px;animation-delay:.18s}.map-portal-wave i:nth-child(3){height:9px;animation-delay:.36s}.map-portal-wave i:nth-child(4){height:6px;animation-delay:.54s}.map-portal.in-progress .map-portal-input:not(:hover){border-color:var(--theme-warning-line, #c3a35e);background:var(--theme-warning-soft, #fffdf6)}.is-connecting .map-portal.in-progress .map-portal-input:not(:hover){border-color:var(--theme-accent-line, #7694dc);background:var(--theme-accent-soft, #fff)}.map-portal.in-progress .map-portal-label{color:var(--theme-warning, #92702f);border-color:var(--theme-warning-line, #e5d4a9);background:var(--theme-warning-soft, #fffdf6)}@keyframes portal-active-halo{0%,to{box-shadow:inset 0 0 0 1px var(--theme-shadow, #e5d4a9),0 0 0 2px var(--theme-shadow-soft, #d4ad5815),0 5px 20px var(--theme-shadow-soft, #b28b400c)}50%{box-shadow:inset 0 0 0 1px var(--theme-shadow, #e5d4a9),0 0 0 7px var(--theme-shadow, #ba974b29),0 8px 25px var(--theme-shadow-soft, #b28b4015)}}@keyframes portal-active-light{0%,to{background-position:100% 100%;opacity:.35}50%{background-position:0 0;opacity:1}}@media(prefers-reduced-motion:reduce){.map-portal.in-progress .map-portal-symbol,.map-portal.in-progress .map-portal-symbol:before,.map-portal.in-progress .map-portal-symbol:after,.map-portal-wave i{animation:none}.map-portal.in-progress .map-portal-symbol:after{display:none}}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--theme-text, #303b52);background:var(--theme-surface-muted, #f7f8fc);font-synthesis:none;font-weight:400;font-size:14px;--blue:var(--theme-accent, #5978ed);--blue-dark:var(--theme-accent-hover, #4363d9);--muted:var(--theme-text-muted, #8a94a6);--line:var(--theme-line, #e9edf4);--green:var(--theme-success, #4aa786);--amber:var(--theme-warning, #b78634);--shadow:0 8px 24px var(--theme-shadow-soft, #384c7b0a)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .18s,color .18s,transform .18s,box-shadow .18s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--theme-accent-line, #9ab0ff);outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--theme-accent-line, #8ba2f2);box-shadow:0 0 0 3px var(--theme-shadow-soft, #5978ed12)}input,textarea,select{color:inherit}button svg{flex-shrink:0}button{border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}img{max-width:100%;object-fit:cover}input::placeholder,textarea::placeholder{color:var(--theme-text-muted, #a1a8b6)}textarea{resize:vertical}::selection{background:var(--theme-accent-soft, #dce5ff)}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:var(--theme-panel, #fff);border-right:1px solid var(--line);padding:24px 16px 16px;height:100dvh;overflow-y:auto;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;font-size:32px;font-weight:800;letter-spacing:-1.5px;width:max-content;flex-shrink:0;margin-bottom:23px}.brand-period{color:var(--blue)}.brand-mark{width:33px;height:34px;border-radius:10px;background:var(--blue);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:9px}.brand-mark span{height:3px;border-radius:5px;background:var(--theme-panel, white);width:15px}.brand-mark span:nth-child(2){width:11px}.brand-mark span:nth-child(3){width:7px}.workspace-name{display:flex;align-items:center;gap:10px;margin:37px 0 31px;padding:12px 10px;background:var(--theme-panel, #f9fafc);border:1px solid var(--theme-line, #eff1f6);border-radius:10px}.workspace-icon{background:var(--theme-surface, #edf0f9);color:var(--theme-text-secondary, #8090b4);display:grid;place-items:center;width:33px;height:33px;border-radius:9px}.workspace-name strong{display:block;font-size:12px;font-weight:650}.workspace-name div>span{display:block;font-size:10px;color:var(--theme-text-muted, #98a0af);margin-top:4px}.local-dot{width:6px;height:6px;border-radius:50%;background:var(--theme-success, #86b9a3);display:inline-block;flex-shrink:0}.workspace-name>.local-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.25px;color:var(--theme-text-muted, #a1aabb);padding-left:12px;margin-bottom:8px}.sidebar>nav{flex-shrink:0}.nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:9px 11px;margin-bottom:2px;border-radius:8px;font-size:12px;font-weight:550;color:var(--theme-text-secondary, #818b9d)}.nav-item:hover{background:var(--theme-surface-muted, #f5f7fd);color:var(--theme-text, #4b617f)}.nav-item.active{background:var(--theme-accent-soft, #edf2ff);color:var(--theme-accent, #5876e0)}.nav-count{margin-left:auto;font-size:10px;font-weight:500;color:var(--theme-text-muted, #9aa4b5);background:var(--theme-surface-muted, #f4f6f9);border-radius:5px;padding:2px 5px}.nav-item.active .nav-count{color:var(--theme-accent, #7188dc);background:var(--theme-accent-soft, #e1e8fc)}.nav-section-title{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-top:19px;margin-bottom:8px;padding-right:8px}.nav-section-title .nav-label{margin:0}.project-section-link{display:flex;align-items:center;gap:8px;min-height:26px}.project-section-link span{font-size:10px;letter-spacing:0;color:var(--theme-text-secondary)}.project-section-link:hover,.project-section-link.active{color:var(--theme-accent)}.sidebar-project-search{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 10px;margin:0 2px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.sidebar-project-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;font-size:11px;outline:none;box-shadow:none}.sidebar-project-search:focus-within{border-color:var(--theme-accent-line)}.sidebar-projects{flex:1;min-height:96px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}.project-link{font-size:11px;font-weight:500}.project-dot{width:8px;height:8px;border-radius:3px;background:var(--theme-accent, #829df0);flex-shrink:0}.project-dot.violet{background:var(--theme-accent, #b09ad7)}.project-dot.mint{background:var(--theme-success, #84bbaa)}.project-dot.peach{background:var(--theme-warning, #dfa780)}.project-dot.neutral{background:var(--theme-surface, #c3c9d6)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-empty{color:var(--theme-text-muted, #abb2c0);padding:8px 12px 15px;font-size:11px;line-height:1.8}.sidebar-bottom{flex-shrink:0;padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}.sidebar-bottom .nav-item{padding:8px 10px}@media(max-height:800px){.app-shell .sidebar{padding-top:18px;padding-bottom:12px}.sidebar .brand{margin-bottom:15px;font-size:28px}.sidebar .nav-item{padding:7px 10px;font-size:11px}.sidebar .nav-section-title{margin-top:14px}.sidebar .sidebar-bottom{padding-top:6px;margin-top:6px}}.local-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--theme-text-muted, #a3abba);padding:19px 7px 0}.local-version{margin-left:auto}.main-shell{margin-left:260px;width:calc(100% - 260px)}.topbar{height:71px;border-bottom:1px solid var(--line);background:var(--theme-panel, #ffffffb0);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--theme-text-muted, #9ba4b4)}.breadcrumb strong{font-weight:500;color:var(--theme-text, #667286);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb svg{color:var(--theme-text-muted, #b5bdcb)}.save-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--theme-text-secondary, #97a297)}.save-indicator svg{color:var(--theme-success, #85ae98)}.mobile-menu{display:none!important}.main-content{padding:29px 35px 20px;max-width:1700px;margin:0 auto}.hero{border-radius:15px;background:var(--theme-accent-soft, #eaf0fa);height:192px;position:relative;overflow:hidden;background-size:cover;background-position:center;margin-bottom:31px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:center 55%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--theme-accent-soft, #eef3fced) 0%,var(--theme-accent-soft, #eef3fcc4) 35%,var(--theme-accent-soft, #eef3fc05) 65%)}.hero-content{position:relative;padding:30px;max-width:75%;z-index:1}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.3px;color:var(--theme-text-secondary, #7a8cb9);display:flex;align-items:center;gap:7px;line-height:1.5}.hero-dot{width:5px;height:5px;border-radius:50%;background:var(--theme-accent, #9eb0dd)}.hero h1{font-size:29px;font-weight:650;letter-spacing:-1px;margin:12px 0 8px;line-height:1.2;color:var(--theme-text, #35466d);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero p{font-size:11px;color:var(--theme-text-secondary, #8896b0);line-height:1.6}.hero-date{margin-top:22px;color:var(--theme-text-muted, #8f9cb8);font-size:9px;text-transform:capitalize}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:16px}.heading-title{display:flex;align-items:center;gap:10px}.heading-title h2{font-size:21px;font-weight:650;letter-spacing:-.6px;color:var(--theme-text, #34405a)}.count-badge{font-size:10px;background:var(--theme-accent-soft, #eaf0fd);color:var(--theme-text-muted, #7f93c8);min-width:22px;height:21px;display:grid;place-items:center;border-radius:6px;padding:0 5px}.page-heading p{font-size:11px;color:var(--theme-text-muted, #9aa3b3);margin-top:7px}.inline-actions{display:flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:550;line-height:1.3;min-height:37px;white-space:nowrap}.btn.primary{background:var(--blue);color:var(--theme-on-accent, #fff);box-shadow:0 4px 9px var(--theme-shadow-soft, #5978ed18)}.btn.primary:hover:not(:disabled){background:var(--blue-dark);box-shadow:0 5px 14px var(--theme-shadow, #5978ed2b);transform:translateY(-1px)}.btn.secondary{background:var(--theme-panel, #fff);border-color:var(--theme-line, #e2e7f0);color:var(--theme-text, #77849b)}.btn.secondary:hover{background:var(--theme-surface-muted, #f7f9fd)}.btn.danger{background:var(--theme-danger, #d86464);color:var(--theme-on-accent, #fff)}.btn.danger:hover{background:var(--theme-danger, #c85252)}.btn.amber-btn{background:var(--theme-warning, #bd914b);color:var(--theme-on-accent, #fff)}.small-btn{padding:8px 12px;font-size:10px;min-height:30px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:7px;color:var(--theme-text-muted, #9aa6b9);font-size:24px;line-height:1}.icon-btn:hover{background:var(--theme-surface, #edf1f9);color:var(--theme-text, #607490)}.icon-btn.tiny{width:25px;height:25px}.icon-btn.danger-text:hover{background:var(--theme-danger-soft, #fbeaea);color:var(--theme-danger, #c76565)}.text-btn{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--theme-accent, #6f88d4);padding:0}.text-btn:hover{color:var(--theme-accent, #4769c7)}.text-btn.subtle{color:var(--theme-accent, #a4adc0)}.text-btn.amber,.amber{color:var(--theme-warning, #b08949)}.toolbar{display:flex;align-items:center;gap:16px;padding-bottom:21px;margin-bottom:3px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--theme-line, #e5eaf3);border-radius:8px;background:var(--theme-panel, #fff);padding:0 12px;height:36px;width:315px;max-width:40%;color:var(--theme-text-muted, #a6afbf)}.search-field input{border:none;background:none;width:100%;font-size:10px;outline:none;box-shadow:none;height:100%}.search-key{font-size:17px;color:var(--theme-text-muted, #bac2d1)}.toolbar-filters{display:flex;align-items:center;gap:4px}.filter-pill{display:flex;align-items:center;gap:6px;border-radius:7px;padding:8px 10px;font-size:10px;color:var(--theme-text-muted, #96a0b2);white-space:nowrap}.filter-pill span{font-size:9px;background:var(--theme-surface, #edf0f6);border-radius:4px;padding:2px 4px}.filter-pill.selected{background:var(--theme-accent-soft, #edf1fa);color:var(--theme-accent, #778ab6)}.filter-select{margin-left:auto;font-size:10px;color:var(--theme-text-secondary, #8995aa);border:1px solid var(--theme-line, #e5eaf2);background:var(--theme-panel, #fff);padding:9px;border-radius:7px;max-width:150px}.welcome-strip{display:flex;align-items:center;gap:14px;background:var(--theme-panel, #ffffff9c);border:1px solid var(--theme-line, #e8edf7);border-radius:10px;padding:15px 19px;margin-bottom:22px}.welcome-symbol{width:37px;height:37px;border-radius:10px;background:var(--theme-surface-muted, #f0f4fd);color:var(--theme-accent, #8da4e6);display:grid;place-items:center;flex-shrink:0}.welcome-strip strong{font-size:11px;font-weight:550;color:var(--theme-text, #697b9b)}.welcome-strip p{font-size:10px;color:var(--theme-text-muted, #a2adbf);margin-top:5px}.welcome-strip>.text-btn{margin-left:auto;white-space:nowrap}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}.kanban-column{background:var(--theme-surface, #eef1f7a1);border:1px solid var(--theme-line, #e9edf5);border-radius:12px;padding:16px 12px 12px;min-height:350px}.column-heading{display:flex;align-items:center;gap:7px;padding:0 3px}.column-icon{color:var(--theme-text-muted, #99a6bf);display:flex}.doing .column-icon{color:var(--theme-accent, #7e94d7)}.done .column-icon{color:var(--theme-success, #7aaf99)}.column-heading h3{font-size:11px;font-weight:600}.column-count{font-size:9px;border-radius:5px;padding:2px 5px;background:var(--theme-surface, #e6ebf3);color:var(--theme-text-muted, #98a5bb)}.column-heading>.icon-btn{margin-left:auto}.column-subtitle{font-size:9px;color:var(--theme-text-muted, #a6afbf);margin:6px 0 16px 26px}.task-list{display:flex;flex-direction:column;gap:12px;min-height:1px}.task-card{background:var(--theme-panel, #fff);border:1px solid var(--theme-line, #e7ecf5);border-radius:10px;box-shadow:0 2px 7px var(--theme-shadow-soft, #52699303);overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;animation:card-in .3s ease both}.task-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px var(--theme-shadow-soft, #52699310);border-color:var(--theme-line, #d3ddef)}.task-card.has-block{border-color:var(--theme-warning-line, #e8dbbd)}.task-card-cover{height:108px;width:100%;display:block}.card-inner{padding:15px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.project-label{color:var(--theme-text-secondary, #899cb6);background:var(--theme-surface-muted, #f3f6fb);display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:8px;padding:4px 7px;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-label span{width:4px;height:4px;border-radius:50%;background:var(--theme-accent, #8fa5e1);flex-shrink:0}.project-label.violet{color:var(--theme-text-muted, #a794b9);background:var(--theme-surface, #f5f1f9)}.project-label.violet span{background:var(--theme-accent, #b7a2d1)}.project-label.mint{color:var(--theme-success, #7d9e91);background:var(--theme-success-soft, #f0f7f3)}.project-label.mint span{background:var(--theme-success, #98bdae)}.project-label.peach{color:var(--theme-warning, #b1957d);background:var(--theme-warning-soft, #fbf4ee)}.project-label.peach span{background:var(--theme-warning, #d3b395)}.project-label.neutral{background:var(--theme-surface, #f4f5f8);color:var(--theme-text-muted, #a2abbd)}.project-label.neutral span{background:var(--theme-surface, #b8c2d3)}.drag-handle{color:var(--theme-text-muted, #c1c9d8);padding:0;display:flex;align-items:center;justify-content:center;cursor:grab;flex-shrink:0;touch-action:none;min-width:17px}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:var(--theme-text-secondary, #8499c2)}.task-card h4{font-size:12px;font-weight:600;line-height:1.6;color:var(--theme-text, #44516a);overflow-wrap:anywhere}.card-description{font-size:10px;line-height:1.7;color:var(--theme-text-muted, #9aa5b8);margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.card-block{display:flex;align-items:center;gap:6px;background:var(--theme-warning-soft, #fbf6e9);color:var(--theme-warning, #b79b61);border-radius:5px;padding:7px 8px;font-size:9px;margin-top:12px}.card-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-progress{margin-top:17px}.progress-track{height:4px;background:var(--theme-surface, #edf0f6);border-radius:5px;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--theme-accent, #91a9eb);border-radius:5px;transition:width .5s ease,background .3s}.progress-track span.complete{background:var(--theme-success, #8dc4ad)}.card-footer{display:flex;align-items:center;gap:14px;margin-top:13px;padding-top:12px;border-top:1px solid var(--theme-line, #f0f3f8);color:var(--theme-text-muted, #a6b0c0);font-size:9px}.card-footer>span{display:flex;align-items:center;gap:5px}.card-footer .completed-label{color:var(--theme-success, #83ae9b);font-size:9px}.card-arrow{color:var(--theme-text-muted, #b6c1d5)}.spacer{flex:1}.column-empty{min-height:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 18px}.empty-orbit{width:65px;height:65px;border-radius:22px;background:var(--theme-surface, #e9edf7);color:var(--theme-text-muted, #bbc6dc);display:grid;place-items:center;margin-bottom:20px;position:relative;transform:rotate(-9deg)}.empty-orbit>svg{transform:rotate(9deg)}.empty-orbit.doing{background:var(--theme-accent-soft, #e7ecfa);color:var(--theme-accent, #a8b9e6)}.empty-orbit.done{background:var(--theme-success-soft, #e5f0eb);color:var(--theme-success, #a9cbbb)}.empty-orbit>span{position:absolute;top:-6px;right:-3px;width:14px;height:14px;border:3px solid var(--theme-line, #f0f2f8);background:var(--theme-accent-soft, #dce4f4);border-radius:50%}.empty-orbit.done>span{background:var(--theme-success-soft, #cbe2d5)}.empty-orbit>i{position:absolute;width:5px;height:5px;border-radius:50%;left:-13px;bottom:9px;background:var(--theme-accent-soft, #d9e2f4)}.column-empty strong{font-size:10px;font-weight:500;color:var(--theme-text-muted, #97a5bc)}.column-empty p{font-size:9px;color:var(--theme-text-muted, #b0b9c9);line-height:1.8;margin-top:7px;max-width:160px}.add-card{width:100%;border:1px dashed var(--theme-line, #dce4f1);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;font-size:9px;color:var(--theme-text-muted, #a0afc8);margin-top:12px}.add-card:hover{background:var(--theme-accent-soft, #e8edf9);color:var(--theme-text-secondary, #7c92be)}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:21px;font-size:9px;color:var(--theme-text-muted, #a7b0c0)}.board-footer span{display:flex;gap:6px;align-items:center}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border-radius:12px;border:1px solid var(--theme-line, #e7ecf5);background:var(--theme-panel, #fff);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s;animation:card-in .3s ease}.project-card:hover{transform:translateY(-3px)}.project-cover{display:block;width:100%;height:145px;position:relative;overflow:hidden;padding:0}.cover-art{background:var(--theme-accent-soft, #eaf0fb);position:relative}.cover-art img{width:100%;height:100%;object-fit:cover;display:block}.cover-art.violet img,.hero-image.violet{filter:hue-rotate(30deg) saturate(.75)}.cover-art.mint img,.hero-image.mint{filter:hue-rotate(295deg) saturate(.65)}.cover-art.peach img,.hero-image.peach{filter:hue-rotate(155deg) saturate(.5)}.cover-open{position:absolute;bottom:12px;right:12px;background:var(--theme-panel, #ffffffa8);color:var(--theme-text-secondary, #6e85b7);width:29px;height:29px;border-radius:9px;display:grid;place-items:center;transition:transform .2s}.project-cover:hover .cover-open{transform:translate(2px,-2px)}.project-card-body{padding:17px}.project-card-title{display:flex;align-items:center;gap:3px}.project-card-title>button:first-child{font-size:13px;font-weight:600;text-align:left;padding:0;flex:1;overflow-wrap:anywhere}.project-card-body>p{color:var(--theme-text-muted, #a5adbc);font-size:10px;margin-top:9px}.project-card-body>p span{margin:0 8px;color:var(--theme-text-muted, #c1c8d4)}.project-progress-label{display:flex;justify-content:space-between;font-size:9px;color:var(--theme-text-muted, #a1acbf);margin:22px 0 7px}.project-progress-label strong{font-weight:500;color:var(--theme-text-muted, #90a1c5)}.project-card-body>.text-btn{margin-top:19px;font-size:10px}.new-project-card{border:1px dashed var(--theme-line, #dce4f1);min-height:295px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--theme-text-muted, #93a5c7)}.new-project-card>span{width:48px;height:48px;border-radius:14px;background:var(--theme-accent-soft, #edf2fc);display:grid;place-items:center;margin-bottom:14px}.new-project-card strong{font-size:11px;font-weight:500}.new-project-card p{font-size:10px;color:var(--theme-text-muted, #b0bacc);margin-top:7px}.new-project-card:hover{background:var(--theme-accent-soft, #f0f4fc);border-color:var(--theme-line, #c8d6f0)}.projects-empty{padding:32px 20px 48px;text-align:center;background:var(--theme-panel, #fff);border:1px solid var(--theme-line, #e8edf5);border-radius:14px}.projects-empty>img{width:260px;height:145px;border-radius:35px;object-position:right;margin-bottom:23px}.projects-empty .eyebrow{justify-content:center;font-size:8px}.projects-empty h3{font-size:19px;font-weight:550;letter-spacing:-.4px;margin-top:10px;color:var(--theme-text, #677ca3)}.projects-empty p{font-size:11px;line-height:1.9;color:var(--theme-text-muted, #9daabe);margin:12px 0 20px}.no-results{display:flex;align-items:center;flex-direction:column;padding:25px;gap:10px;color:var(--theme-text-muted, #9dacbf);font-size:11px;margin-bottom:10px}.no-results strong{font-weight:500}.no-results p{font-size:10px}.loading-state{display:grid;place-items:center;gap:15px;padding:50px;color:var(--theme-text-muted, #98abd7);font-size:11px}.error-state{background:var(--theme-danger-soft, #fff2f1);border:1px solid var(--theme-danger-line, #f1d3d1);border-radius:10px;padding:25px;display:flex;align-items:center;gap:20px;color:var(--theme-danger, #b87575);font-size:12px}.error-state .btn{margin-left:auto}.muted{color:var(--theme-text-muted, #9ba8bd)}.small{font-size:10px}.spin{animation:spin 1.2s linear infinite}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.is-saving .drag-handle{pointer-events:none;opacity:.3}.drag-ghost{opacity:.3;background:var(--theme-accent-soft, #e5ebfb)!important}.drag-chosen{box-shadow:0 12px 35px var(--theme-shadow, #5376c526)}.modal{border:none;border-radius:16px;padding:0;max-width:min(94vw,510px);width:510px;max-height:88vh;color:inherit;background:var(--theme-panel, #fff);box-shadow:0 28px 100px var(--theme-shadow, #29385430);animation:modal-in .22s ease}.modal::backdrop,.task-drawer::backdrop{background:var(--theme-overlay, #26365340);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-surface{padding:25px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:10px}.modal-header h2{font-size:18px;font-weight:600;letter-spacing:-.4px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{font-size:11px;font-weight:550;color:var(--theme-text-secondary, #7b8aa3);display:block}.required{color:var(--theme-text-muted, #9aadd9)}.optional{font-size:10px;font-weight:400;color:var(--theme-text-muted, #b0b8c7);margin-left:5px}.form-stack input:not([hidden]),.form-stack textarea,.form-stack select{display:block;width:100%;border:1px solid var(--theme-line, #e1e7f0);border-radius:8px;padding:11px 12px;margin-top:8px;font-size:12px;line-height:1.5;background:var(--theme-panel, #fcfdff)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:9px;flex-wrap:wrap}.upload-zone{border:1px dashed var(--theme-line, #dce4f0);border-radius:8px;padding:17px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--theme-text-muted, #9aabc8);font-size:11px;min-height:67px}.upload-zone:hover{background:var(--theme-surface-muted, #f5f8ff)}.upload-preview{position:relative}.upload-preview>img{height:130px;border-radius:9px;width:100%;display:block}.upload-preview>.icon-btn{position:absolute;top:7px;right:7px;background:var(--theme-panel, #ffffffe3)}.cover-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cover-option{padding:0;color:var(--theme-text-muted, #a1aabd);font-size:9px;text-align:center}.cover-option .cover-art{height:57px;border-radius:7px;overflow:hidden;border:2px solid transparent;margin-bottom:7px}.cover-option.selected .cover-art{border-color:var(--theme-accent-line, #7995e8)}.cover-option.selected{color:var(--theme-accent, #7995d2)}.cover-art>svg{position:absolute;right:4px;bottom:4px;color:var(--theme-text, #fff);background:var(--theme-accent, #7995e8);border-radius:50%;padding:3px}.confirm-body{text-align:center;font-size:12px;line-height:1.9;padding:0 10px 19px}.confirm-body p{overflow-wrap:anywhere}.danger-illustration{width:59px;height:59px;border-radius:20px;background:var(--theme-danger-soft, #fbeeee);color:var(--theme-danger, #d79891);display:grid;place-items:center;margin:0 auto 18px}.confirm-body>.small{margin-top:6px}.project-delete-actions{justify-content:center}.task-drawer{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(780px,100vw);max-width:100vw;border:none;padding:0;background:var(--theme-panel, #fff);box-shadow:-15px 0 60px var(--theme-shadow, #22345322);color:inherit;animation:drawer-in .28s ease;overflow:auto}.drawer-surface{min-height:100%;position:relative}.drawer-header{height:68px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-line, #edf0f6);gap:15px;position:sticky;top:0;background:var(--theme-panel, #fffffff5);z-index:2}.drawer-header .eyebrow{letter-spacing:.8px;font-size:9px;max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.divider{height:17px;width:1px;background:var(--theme-surface, #e8edf5);margin:0 5px}.drawer-cover{height:190px;width:100%;display:block}.drawer-content{padding:31px 38px 40px}.status-tag,.blocked-tag{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;padding:5px 8px;background:var(--theme-surface, #f0f3f8);color:var(--theme-text-secondary, #8b9bb7)}.status-tag.doing{background:var(--theme-accent-soft, #edf1ff);color:var(--theme-accent, #7e95dd)}.status-tag.done{background:var(--theme-success-soft, #edf7f1);color:var(--theme-success, #7bae97)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.blocked-tag{background:var(--theme-warning-soft, #fbf5e8);color:var(--theme-warning, #b4985a)}.task-title{font-size:26px;font-weight:600;line-height:1.35;letter-spacing:-.6px;margin-top:16px;overflow-wrap:anywhere}.task-description{font-size:12px;line-height:1.9;color:var(--theme-text-secondary, #8e9bb0);margin-top:15px;white-space:pre-wrap;overflow-wrap:anywhere}.drawer-content>.text-btn{margin-top:17px}.task-meta{font-size:9px;color:var(--theme-text-muted, #aab4c5);display:flex;align-items:center;gap:6px;margin-top:20px}.activity-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.section-heading h2{font-size:14px;font-weight:600}.section-heading h2 span{font-size:9px;font-weight:400;color:var(--theme-text-muted, #96a9cf);margin-left:6px;background:var(--theme-accent-soft, #edf2fc);border-radius:5px;padding:3px 6px}.activity-section>.progress-track{height:5px;margin-bottom:23px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-card{border:1px solid var(--theme-line, #e7ecf4);border-radius:10px;background:var(--theme-panel, #fff);overflow:hidden;transition:border-color .2s,background .2s;animation:card-in .25s ease}.activity-card.completed{background:var(--theme-success-soft, #fafcfb);border-color:var(--theme-success-line, #e7f0eb)}.activity-card.blocked{border-color:var(--theme-warning-line, #eadfc7);background:var(--theme-warning-soft, #fffdfa)}.activity-row{display:flex;align-items:flex-start;gap:10px;padding:16px 13px 8px}.activity-row>.drag-handle{padding-top:2px}.activity-check{width:19px;height:19px;border:1.5px solid var(--theme-line, #dbe2ee);border-radius:6px;color:var(--theme-on-accent, #fff);flex-shrink:0;display:grid;place-items:center;margin-top:1px;padding:0}.activity-check:hover{border-color:var(--theme-success-line, #91bca9);background:var(--theme-success-soft, #f0f7f3)}.activity-check.checked{background:var(--theme-success, #94c6b0);border-color:var(--theme-success-line, #94c6b0)}.activity-name{text-align:left;padding:0;line-height:1.6;font-size:12px;font-weight:500;flex:1;overflow-wrap:anywhere}.completed .activity-name{color:var(--theme-text-muted, #9caeaa);text-decoration:line-through;text-decoration-color:var(--theme-success, #cadbd3)}.expand-btn{width:23px;height:23px;align-self:flex-start}.expand-btn svg{transition:transform .2s}.rotated{transform:rotate(180deg)}.activity-tools{padding:2px 13px 11px 58px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-select{border:none;font-size:9px;border-radius:5px;padding:5px;color:var(--theme-text-secondary, #8d9cb4);background:var(--theme-surface, #f2f5fa);max-width:120px;box-shadow:none}.status-select.doing{background:var(--theme-accent-soft, #eff3ff);color:var(--theme-accent, #859bdd)}.status-select.done{background:var(--theme-success-soft, #eef7f1);color:var(--theme-success, #86b09c)}.mini-action{display:flex;align-items:center;gap:5px;font-size:9px;padding:0;color:var(--theme-text-muted, #aab4c5);white-space:nowrap}.mini-action:hover{color:var(--theme-text-secondary, #7b93bd)}.mini-action.amber{color:var(--theme-warning, #b99c62)}.activity-tools .spacer{min-width:0}.blocked-notice{background:var(--theme-warning-soft, #fbf6e9);display:flex;align-items:flex-start;gap:9px;padding:13px 14px;color:var(--theme-warning, #bda16b);border-top:1px solid var(--theme-warning-line, #f0e6ce)}.blocked-notice>svg{margin-top:2px;flex-shrink:0}.blocked-notice strong{font-size:10px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.blocked-notice p{font-size:10px;color:var(--theme-warning, #bba777);line-height:1.7;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.blocked-notice span{font-size:8px;color:var(--theme-warning, #c6b58d);display:block;margin-top:5px}.blocked-notice>div{flex:1;min-width:0}.blocked-notice>.text-btn{flex-shrink:0;align-self:center;font-size:9px}.comments-area{padding:17px 18px;border-top:1px solid var(--theme-line, #edf0f6);background:var(--theme-panel, #f9fbfd)}.comments-area h4{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--theme-text-muted, #94a1b7);font-weight:500;margin-bottom:14px}.comments-area h4 span{color:var(--theme-text-muted, #b7c1d1);font-size:9px}.comment{display:flex;gap:10px;margin:17px 0}.avatar{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--theme-accent-soft, #eaf0fc);color:var(--theme-text-muted, #a0b2df);font-size:8px;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:7px;color:var(--theme-text-muted, #b0bacb);font-size:8px;min-height:24px;flex-wrap:wrap}.comment-meta strong{font-size:9px;font-weight:550;color:var(--theme-text-secondary, #8d9db8)}.comment-body{font-size:11px;color:var(--theme-text-secondary, #8998af);line-height:1.85;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{margin-top:17px}.comment-form textarea,.comment-content textarea{width:100%;border:1px solid var(--theme-line, #e2e9f3);border-radius:7px;background:var(--theme-panel, #fff);padding:10px 12px;font-size:11px;line-height:1.7}.comment-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:7px}.comment-form-actions>.muted{margin-right:auto;font-size:8px}.add-activity{display:flex;align-items:center;gap:9px;border:1px dashed var(--theme-line, #dce5f2);padding:10px 12px;border-radius:9px;margin-top:16px;color:var(--theme-text-muted, #a7b6d0)}.add-activity input{border:none;background:none;outline:none;box-shadow:none;font-size:11px;padding:5px;flex:1;min-width:0}.activity-help{font-size:8px;color:var(--theme-text-muted, #b1bdcf);margin-top:11px;display:flex;align-items:center;gap:4px}.activity-empty{display:flex;align-items:center;flex-direction:column;padding:26px;text-align:center}.empty-symbol{width:54px;height:54px;border-radius:17px;background:var(--theme-accent-soft, #f0f4fc);color:var(--theme-text-muted, #a5b9e3);display:grid;place-items:center;margin-bottom:15px}.activity-empty h3{font-size:12px;font-weight:500;color:var(--theme-text-muted, #91a2be)}.activity-empty p{font-size:10px;line-height:1.8;color:var(--theme-text-muted, #b1bbca);margin-top:7px}.info-box{display:flex;align-items:center;gap:12px;background:var(--theme-warning-soft, #fcf6e9);border-radius:8px;padding:15px;font-size:11px;line-height:1.8;color:var(--theme-warning, #b59c68)}.info-box svg{flex-shrink:0}.toast-message{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:10px;background:var(--theme-panel, #fff);border:1px solid var(--theme-success-line, #dcebe2);box-shadow:0 8px 35px var(--theme-shadow-soft, #31476b1a);border-radius:10px;padding:13px 17px;max-width:min(94vw,570px);font-size:11px;color:var(--theme-success, #84a995)}.toast-message span{line-height:1.6}.toast-message.error{border-color:var(--theme-danger-line, #f0d9d5);color:var(--theme-danger, #c38982)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,15px)}.celebration{position:fixed;top:50%;left:50%;pointer-events:none;z-index:5}.celebration i{width:7px;height:11px;position:absolute;background:var(--color);border-radius:2px;animation:confetti 1.2s ease-out forwards;--angle:calc(var(--i)*20deg);transform:rotate(var(--angle))}.sidebar-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawer-in{0%{transform:translate(30px);opacity:.5}to{transform:translate(0);opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-190px) rotate(230deg)}}.nav-item{font-size:13px}.project-link{font-size:12px}.nav-label{font-size:10px}.sidebar-empty{font-size:12px}.workspace-name strong{font-size:13px}.workspace-name div>span{font-size:10px}.breadcrumb{font-size:12px}.save-indicator{font-size:10px}.hero p{font-size:13px}.hero-date{font-size:10px}.page-heading p,.btn,.search-field input{font-size:12px}.filter-pill,.filter-select{font-size:11px}.column-heading h3{font-size:13px}.column-subtitle{font-size:10px}.task-card h4{font-size:14px}.card-description{font-size:12px;color:var(--theme-text-secondary, #8a98af)}.project-label{font-size:9px}.card-block{font-size:10px}.card-footer,.column-empty strong{font-size:11px}.column-empty p{font-size:10px}.welcome-strip strong{font-size:12px}.welcome-strip p{font-size:11px}.board-footer{font-size:10px}.form-stack label{font-size:12px}.form-stack input:not([hidden]),.form-stack textarea,.form-stack select{font-size:13px}.activity-name,.task-description{font-size:13px}.activity-tools .mini-action,.status-select{font-size:10px}.blocked-notice strong,.blocked-notice p{font-size:11px}.comment-body{font-size:12px}.comment-meta strong{font-size:10px}.comment-meta{font-size:9px}.comment-form textarea,.comment-content textarea,.toast-message{font-size:12px}.project-card-title>button:first-child{font-size:15px}.project-card-body>p{font-size:11px}.small-btn{font-size:11px}.activity-help{font-size:10px}@media(min-width:1500px){.main-content{padding-top:34px}.hero{height:223px}.hero-content{padding:37px}.hero h1{font-size:33px}.hero p{font-size:12px}.kanban-column{min-height:390px}.column-empty{min-height:245px}.task-card h4{font-size:13px}.card-description{font-size:11px}.column-heading h3{font-size:12px}.column-subtitle{font-size:10px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 15px 17px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.main-content{padding:24px}.topbar{padding:0 24px}.toolbar{gap:8px;flex-wrap:wrap}.search-field{width:270px;max-width:43%}.filter-pill{padding:8px 6px}.kanban{gap:12px}.card-inner{padding:12px}.column-empty{padding:20px 8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{max-width:80%;padding:27px}.hero h1{font-size:26px}.hero p{font-size:10px}.welcome-strip>.text-btn{font-size:9px}}@media(max-width:900px){.sidebar{width:190px;padding:25px 11px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.main-content{padding:20px}.topbar{padding:0 20px}.kanban{gap:10px;overflow-x:auto;grid-template-columns:repeat(3,minmax(225px,1fr));padding-bottom:10px;scroll-snap-type:x proximity}.kanban-column{scroll-snap-align:start}.hero{height:178px}.hero h1{font-size:23px}.hero-content{padding:25px;max-width:90%}.search-field{max-width:none;flex:1;min-width:220px}.filter-select{max-width:130px}.toolbar-filters{order:3}.toolbar{margin-bottom:6px}.welcome-strip{flex-wrap:wrap}.welcome-strip>.text-btn{margin-left:51px}.save-indicator,.board-footer{font-size:8px}.breadcrumb{font-size:10px}}@media(max-width:680px){.sidebar{transform:translate(-100%);transition:transform .25s;width:260px;padding:28px 20px;z-index:50}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:var(--theme-overlay, #34435d33);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.main-shell{margin:0;width:100%}.topbar{height:57px;padding:0 16px}.mobile-menu{display:flex!important}.breadcrumb{gap:7px;font-size:9px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.breadcrumb strong{max-width:180px}.save-indicator span{display:none}.main-content{padding:16px}.hero{height:180px;margin-bottom:25px;border-radius:12px}.hero-content{padding:25px 20px;max-width:100%}.hero h1{font-size:24px;max-width:95%}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,var(--theme-accent-soft, #eef3fcf0),var(--theme-accent-soft, #eef3fcc7) 65%,var(--theme-accent-soft, #eef3fc33))}.hero .eyebrow{font-size:7px}.hero p{font-size:10px;max-width:220px}.hero-date{margin-top:18px;font-size:8px}.page-heading{gap:9px;margin-bottom:18px}.heading-title h2{font-size:19px}.page-heading p{font-size:9px}.page-heading .btn{font-size:10px;padding:10px 12px;gap:5px}.page-heading .inline-actions{gap:0}.page-heading .icon-btn{width:27px}.toolbar{gap:8px;padding-bottom:14px}.search-field{height:35px;min-width:180px;width:auto;font-size:9px}.search-field input{font-size:9px}.filter-select{font-size:9px;max-width:115px;padding:9px 5px}.toolbar-filters{width:100%;margin-top:3px}.filter-pill{padding:7px 10px;font-size:9px}.kanban{grid-template-columns:repeat(3,minmax(250px,1fr));gap:12px;margin-right:-16px;padding-right:16px}.kanban-column{padding:16px 12px 12px}.welcome-strip{padding:14px 12px;gap:9px}.welcome-strip strong{font-size:10px}.welcome-strip p{font-size:9px;line-height:1.7;max-width:220px}.welcome-strip>.text-btn{margin-left:46px}.welcome-symbol{width:35px;height:35px}.board-footer{align-items:flex-start;line-height:1.7;gap:20px}.board-footer>span:last-child{white-space:nowrap;font-size:7px}.board-footer svg{flex-shrink:0}.project-grid{grid-template-columns:1fr;gap:17px}.project-cover{height:155px}.new-project-card{min-height:170px}.projects-empty{padding:23px 15px 33px}.projects-empty h3{font-size:17px;line-height:1.6}.projects-empty p{font-size:10px}.projects-empty>img{width:210px;height:115px}.modal{max-width:calc(100vw - 24px);border-radius:13px}.modal-surface{padding:20px}.modal-header{margin-bottom:20px}.modal-header h2{font-size:17px}.drawer-header{padding:0 16px;height:58px}.drawer-header .eyebrow{font-size:8px;letter-spacing:.3px;max-width:60%}.drawer-header .icon-btn{width:26px;height:28px}.drawer-header .inline-actions{gap:1px}.drawer-content{padding:26px 20px}.task-title{font-size:23px}.task-description{font-size:11px}.activity-row{padding:14px 10px 7px;gap:7px}.activity-name{font-size:11px}.activity-tools{padding-left:49px;gap:7px}.activity-tools .spacer{display:none}.activity-tools .icon-btn{width:21px}.blocked-notice{flex-wrap:wrap;padding:12px}.blocked-notice>.text-btn{margin-left:24px}.comments-area{padding:15px 12px}.comment-form-actions>.muted{display:none}.add-activity{gap:6px;padding:8px 10px}.add-activity input{font-size:10px}.add-activity .btn{font-size:9px;padding:8px}.section-heading>.muted{font-size:8px}.task-meta{font-size:8px}.toast-message{bottom:16px;font-size:10px;padding:11px 12px}.toast-message>svg{flex-shrink:0}.cover-options{gap:7px}.cover-option .cover-art{height:47px}.confirm-body{font-size:11px}.project-delete-actions .btn{font-size:10px}.error-state{flex-direction:column;align-items:flex-start}.error-state .btn{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.celebration{display:none}}.task-drawer.activity-only{width:min(660px,100%);max-width:100%}.activity-only .drawer-content{padding:28px}.activity-parent-task{font-size:12px;color:var(--theme-text-secondary, #8b9bb5);line-height:1.7;overflow-wrap:anywhere}.activity-only .activity-section{margin-top:14px}.activity-only .activity-card{border-color:var(--theme-line, #dfe7f6);box-shadow:0 6px 28px var(--theme-shadow-soft, #526fa008)}.activity-only .activity-row{padding:22px 20px 18px;gap:12px}.activity-focus-title{flex:1;min-width:0;font-size:22px;font-weight:600;letter-spacing:-.4px;line-height:1.45;overflow-wrap:anywhere;color:var(--theme-accent, #465b7d)}.activity-only .activity-check{width:26px;height:26px;border-radius:8px;margin-top:3px}.activity-only .completed .activity-focus-title{color:var(--theme-success, #739887)}.activity-only .activity-tools{padding:0 18px 18px 58px;gap:12px}.activity-only .activity-tools .icon-btn{width:30px;height:30px}.activity-only .comments-area{padding:22px 20px}@media(max-width:680px){.activity-only .drawer-content{padding:24px 16px}.activity-focus-title{font-size:20px}.activity-only .activity-row{padding:18px 16px}.activity-only .activity-tools{padding:0 14px 16px;gap:10px}.activity-only .activity-tools .spacer{display:block}.activity-only .comments-area{padding:18px 16px}}.field-validation-error{display:block;width:100%;flex-basis:100%;grid-column:1 / -1;order:10;margin-top:6px;color:var(--theme-danger, #ad4e5a);font-size:11px;font-weight:400;line-height:1.5}input.field-invalid,textarea.field-invalid,select.field-invalid{border-color:var(--theme-danger-line, #d88e97)!important}form.add-activity,form.sketch-board-create,form.sketch-board-rename{flex-wrap:wrap}