:root{color:#252423;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f4f2;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Inter,ui-sans-serif,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-left:env(safe-area-inset-left,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-edge:clamp(8px, 2vw, 16px);--layout-gap:clamp(8px, 1.6vw, 14px);--toolbar-top:clamp(8px, 1.4svh, 12px);--toolbar-block-size:clamp(92px, 13svh, 118px);--sidebar-width:clamp(236px, 21vw, 264px);--map-control-reserve:clamp(96px, 16svh, 148px);--workspace-top:calc(var(--app-safe-top) + var(--toolbar-top) + var(--toolbar-block-size) + var(--layout-gap));--workspace-bottom:calc(var(--app-safe-bottom) + var(--layout-gap));background:radial-gradient(circle at 52% 40%,#b7ff5413,#0000 31%),radial-gradient(circle at 82% 18%,#26f2d50e,#0000 27%),linear-gradient(135deg,#fbfaf7 0%,#f6f4f2 56%,#f4f7f5 100%);width:100%;height:100svh;position:relative;overflow:hidden}.app-shell.is-loading .toolbar,.app-shell.is-loading .branch-navigator,.app-shell.is-loading .mini-map,.app-shell.is-loading .zoom-controls,.app-shell.is-loading .focused-branch-label{pointer-events:none;visibility:hidden;opacity:0}.loading-overlay{z-index:80;background:radial-gradient(circle at 50% 48%,#ffe54a2e,#0000 22%),radial-gradient(circle at 74% 28%,#ff718b0e,#0000 24%),radial-gradient(circle at 23% 72%,#26f2d513,#0000 25%),linear-gradient(135deg,#fffffffa,#f6f4f2fa);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.loading-overlay.is-exiting{pointer-events:none}.loader-depth{background-color:#0000;background-image:linear-gradient(#2524230b 1px,#0000 1px),linear-gradient(90deg,#2524230a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:-12%;transform:rotate(-8deg)scale(1.1);-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.loader-card-stage{z-index:1;opacity:1;width:min(400px,80vw);height:min(400px,52svh);min-height:260px;position:relative}.loader-brand-mark{z-index:3;aspect-ratio:1;opacity:0;transform-origin:50%;will-change:transform, opacity;background:radial-gradient(circle at 49% 45%,#ffffff80 0 34%,#ffffff42 54%,#0000 78%),radial-gradient(circle at 38% 28%,#ffe54a38,#0000 54%);border-radius:50%;place-items:center;width:clamp(166px,26vw,240px);padding:clamp(6px,1.2vw,10px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)scale(.9);box-shadow:0 20px 58px #2524230e,0 0 68px #ffe54a2e}.loader-brand-mark:before{z-index:-1;content:"";filter:blur(18px);background:#ffffff57;border-radius:999px;position:absolute;inset:4%}.loader-brand-mark img{mix-blend-mode:multiply;object-fit:contain;opacity:.9;-webkit-user-select:none;user-select:none;border-radius:50%;width:90%;height:90%;display:block;-webkit-mask-image:radial-gradient(circle,#000 0 58%,#000000bd 74%,#0000 91%);mask-image:radial-gradient(circle,#000 0 58%,#000000bd 74%,#0000 91%)}.toolbar{z-index:30;--toolbar-accent:#ffadad;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#ffffffc2;border:1px solid #2524231f;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:6px;width:min(860px,100% - 32px);padding:5px;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #2524231a}.toolbar-field{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.toolbar-brand{border:1px solid color-mix(in srgb, var(--toolbar-accent), #2524231f 58%);background:#ffffffc7;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 8px 18px #25242314}.toolbar-brand img{object-fit:contain;-webkit-user-select:none;user-select:none;width:22px;height:22px;display:block}.toolbar-field-label{color:#706e69;text-align:center;white-space:nowrap;flex:none;min-width:2.2em;font-size:12px;font-weight:650;line-height:1}.toolbar-field input{color:#252423;background:#f6f4f2d1;border:1px solid #25242321;border-radius:6px;outline:none;width:100%;min-width:0;height:30px;padding:0 10px}.toolbar-field input:focus{border-color:var(--toolbar-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--toolbar-accent), transparent 74%)}.toolbar-search-feedback{color:#252423;white-space:normal;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#fff7c2db;border:1px solid #ffcc2a85;border-radius:6px;max-width:min(360px,100vw - 36px);padding:4px 7px;font-size:12px;line-height:1.15;position:absolute;top:calc(100% + 6px);left:calc(2.2em + 7px);box-shadow:0 10px 24px #2524231f}.toolbar-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.toolbar-segmented{border:2px solid color-mix(in srgb, var(--toolbar-accent), #25242324 64%);background:0 0;border-radius:7px;justify-content:center;gap:2px;padding:2px}.toolbar-segmented button{background:0 0;border-width:2px;border-color:#0000}.toolbar-utility{justify-content:flex-end}.toolbar-actions output{color:#5b5855;text-align:right;min-width:44px;font-size:12px;font-weight:700}.toolbar-actions button,.zoom-controls button,.branch-navigator button{cursor:pointer;background:#ffffffa3;border:1px solid #2524231f;border-radius:6px;transition:border-color .18s,background .18s,color .18s,transform .18s}.toolbar-actions button{color:#252423;white-space:nowrap;height:30px;padding:0 9px;font-size:12px}.toolbar .toolbar-segmented button{background:0 0;border:2px solid #0000;font-weight:700}.toolbar-actions button:hover,.toolbar-actions button.is-active,.zoom-controls button:hover,.branch-navigator button:hover,.branch-navigator-item.is-active{color:#252423;background:#b7ff543d;border-color:#0fac}.toolbar-segmented button:hover,.toolbar-segmented button.is-active{border-color:var(--toolbar-accent);color:color-mix(in srgb, var(--toolbar-accent), #252423 42%);box-shadow:0 0 0 1px color-mix(in srgb, var(--toolbar-accent), transparent 58%) inset;background:0 0}.toolbar-segmented button:focus-visible{outline-color:color-mix(in srgb, var(--toolbar-accent), transparent 52%);border-color:var(--toolbar-accent)}.toolbar-actions button:focus-visible,.zoom-controls button:focus-visible,.branch-navigator button:focus-visible,.focused-workbench button:focus-visible,.focused-group[role=button]:focus-visible,.node-resource-panel button:focus-visible,.mobile-overview-branches button:focus-visible{outline-offset:2px;border-color:#00ffaae6;outline:3px solid #00ffaa6b}.toolbar .toolbar-actions button:focus-visible{outline-color:color-mix(in srgb, var(--toolbar-accent), transparent 52%);border-color:var(--toolbar-accent)}.focused-workbench button:focus-visible,.focused-group[role=button]:focus-visible{outline-color:color-mix(in srgb, var(--group-color,var(--branch-color,#ffadad)), transparent 52%);border-color:var(--group-color,var(--branch-color,#ffadad))}.toolbar-actions button:disabled{cursor:not-allowed;opacity:.42}.toolbar-actions button.needs-context{color:#5b5855;border-style:dashed}.branch-navigator{z-index:25;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#ffffff8f;border:1px solid #2524231c;border-radius:10px;width:216px;max-height:calc(100svh - 126px);padding:7px;transition:transform .24s,opacity .24s;position:absolute;top:72px;left:16px;box-shadow:0 10px 24px #25242311}.branch-navigator.is-collapsed{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:6px}.branch-navigator-toggle{color:#252423;width:100%;height:28px;box-shadow:none;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#f6f4f2cc;padding:0 10px;font-size:12px;font-weight:700}.branch-navigator-list{scrollbar-width:thin;scrollbar-color:#25242338 transparent;gap:3px;max-height:calc(100svh - 166px);margin-top:6px;padding-right:0;display:grid;overflow:hidden auto}.branch-navigator-list::-webkit-scrollbar{width:5px;height:0}.branch-navigator-list::-webkit-scrollbar-track{background:0 0}.branch-navigator-list::-webkit-scrollbar-thumb{background:#25242333;border-radius:999px}.branch-navigator-item{color:#252423;opacity:.82;text-align:left;grid-template-columns:3px 1fr;align-items:center;gap:10px;min-height:31px;padding:6px 9px;font-size:13px;display:grid}.branch-navigator-item.is-active{opacity:1;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--branch-color,#ffadad), transparent 50%), 0 8px 18px #25242314;background:linear-gradient(90deg,#ffffffc2,#ffffffad);font-weight:850}.branch-navigator-item.is-active .branch-navigator-color{width:4px;box-shadow:0 0 0 3px color-mix(in srgb, var(--branch-color,#ffadad), transparent 72%)}.branch-navigator-item:hover{opacity:1;transform:translate(2px)}.branch-navigator-color{border-radius:999px;width:3px;height:18px}.branch-navigator-title{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.focused-branch-label{pointer-events:none;z-index:20;color:#252423;-webkit-backdrop-filter:blur(16px)saturate(1.16);backdrop-filter:blur(16px)saturate(1.16);background:#ffffffb8;border-left:4px solid;border-radius:7px;padding:8px 11px;font-size:13px;font-weight:800;position:absolute;bottom:24px;left:264px;box-shadow:0 14px 38px #2524231f}.focus-mode-banner{z-index:28;border:1px solid #2524231f;border-left:4px solid var(--branch-color,#26f2d5);color:#252423;-webkit-backdrop-filter:blur(18px)saturate(1.14);backdrop-filter:blur(18px)saturate(1.14);background:#ffffffc7;border-radius:8px;grid-template-columns:auto minmax(0,auto) auto;align-items:center;gap:9px;max-width:min(520px,100vw - 300px);padding:7px 8px 7px 11px;display:grid;position:absolute;top:68px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #2524231a}.focus-mode-banner span{color:#706e69;font-size:12px;font-weight:850}.focus-mode-banner strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.15;overflow:hidden}.focus-mode-banner button{border:1px solid color-mix(in srgb, var(--branch-color,#26f2d5), #2524231f 42%);color:#252423;background:linear-gradient(135deg, color-mix(in srgb, var(--branch-color,#26f2d5), transparent 74%), #ffffffd1);cursor:pointer;border-radius:6px;height:30px;padding:0 10px;font-size:12px;font-weight:850}.focus-mode-banner button:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--branch-color,#26f2d5), transparent 64%), #ffffffe6)}.focus-mode-banner button:focus-visible{outline:3px solid color-mix(in srgb, var(--branch-color,#26f2d5), transparent 68%);outline-offset:2px}.map-entry-hint{pointer-events:none;z-index:18;color:#252423;text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#ffffffa3;border:1px solid #2524231a;border-radius:8px;gap:3px;width:min(320px,100vw - 32px);padding:10px 12px;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #25242314}.map-entry-hint strong{font-size:13px;line-height:1.1}.map-entry-hint span{color:#706e69;font-size:12px;line-height:1.25}.search-path-toast{z-index:27;color:#252423;-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#ffffffbd;border:1px solid #2524231c;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;width:min(720px,100vw - 32px);padding:8px 11px;display:grid;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #25242317}.search-path-toast span{color:#706e69;font-size:12px;font-weight:850}.search-path-toast strong{color:#252423;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;line-height:1.2;overflow:hidden}.search-path-toast ol{min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.search-path-toast li{color:#5b5855;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:760;line-height:1.25;overflow:hidden}.search-path-toast li button,.search-path-toast li span{max-width:100%;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:inline-block}.search-path-toast li button:hover{color:#252423;text-underline-offset:3px;text-decoration:underline}.search-path-toast li+li:before{color:#25242352;content:">";padding:0 6px}.first-visit-guide-layer{pointer-events:none;z-index:44;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.first-visit-guide-backdrop{pointer-events:auto;cursor:default;background:#25242329;border:0;position:absolute;inset:0}.first-visit-guide-card{pointer-events:auto;color:#252423;background:linear-gradient(135deg,#b7ff542e,#0000 38%),#fffffff2;border:1px solid #25242321;border-radius:8px;gap:16px;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px;display:grid;position:relative;overflow:auto;box-shadow:0 24px 70px #2524232e}.first-visit-guide-close{color:#5b5855;cursor:pointer;background:#ffffffb8;border:1px solid #2524231f;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;font-size:16px;font-weight:850;line-height:1;display:grid;position:absolute;top:12px;right:12px}.first-visit-guide-close:hover,.first-visit-guide-primary:hover{border-color:#00ffaa6b}.first-visit-guide-header{gap:8px;padding-right:42px;display:grid}.first-visit-guide-header span{color:#5b5855;background:#ffffffb8;border:1px solid #2524231a;border-radius:999px;width:fit-content;padding:5px 8px;font-size:12px;font-weight:850}.first-visit-guide-header h2{letter-spacing:0;margin:0;font-size:24px;line-height:1.12}.first-visit-guide-header p{color:#5b5855;margin:0;font-size:14px;line-height:1.5}.first-visit-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.first-visit-guide-step{background:#ffffffad;border:1px solid #2524231a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0;padding:12px;display:grid}.first-visit-guide-icon{color:#252423;background:#b7ff543d;border:1px solid #00ffaa57;border-radius:7px;place-items:center;min-width:44px;height:34px;padding:0 8px;font-size:12px;font-weight:900;display:grid}.first-visit-guide-step h3{margin:0;font-size:14px;line-height:1.2}.first-visit-guide-step p{color:#5b5855;margin:6px 0 0;font-size:12px;line-height:1.45}.first-visit-guide-primary{color:#252423;cursor:pointer;background:#b7ff5452;border:1px solid #00ffaa6b;border-radius:7px;justify-self:end;height:38px;padding:0 16px;font-size:14px;font-weight:900}.mobile-overview-entry{display:none}.focused-workbench{z-index:24;top:var(--workspace-top);right:var(--app-edge);bottom:var(--workspace-bottom);left:var(--sidebar-width);pointer-events:auto;grid-template-rows:auto minmax(0,1fr);gap:12px;animation:.22s ease-out both focusedWorkbenchIn;display:grid;position:absolute}.app-shell.has-search-path .focused-workbench{top:calc(var(--workspace-top) + 34px)}@keyframes focusedWorkbenchIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.focused-workbench-dismiss{z-index:21;-webkit-backdrop-filter:blur(18px)saturate(.92);backdrop-filter:blur(18px)saturate(.92);cursor:default;background:radial-gradient(circle at 50% 18%,#ffffffad,#0000 32%),linear-gradient(#fbfaf7db,#f6f4f2b8);position:absolute;inset:0}.focused-workbench-header,.focused-group{background:#ffffffe0;border:1px solid #2524231f;border-radius:8px;box-shadow:0 14px 34px #25242314}.focused-workbench-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.focused-workbench-header button,.focused-group header button,.focused-topic{color:#252423;cursor:pointer;background:#ffffffa8;border:1px solid #2524231f;border-radius:6px;transition:border-color .16s,box-shadow .16s,background-color .16s}.focused-workbench-header button,.focused-group header button{height:32px;padding:0 10px;font-size:12px;font-weight:850}.focused-workbench-back{border-color:var(--branch-color,#ffadad);background:#ffffffbd;width:40px;min-width:40px;padding:0;box-shadow:0 10px 24px #25242314}.focused-workbench-back:before{content:none}.focused-workbench-header span,.focused-group header span,.focused-topic span{color:#706e69;font-size:12px;font-weight:750}.focused-workbench-header strong{overflow-wrap:anywhere;font-size:17px;line-height:1.2;display:block}.focused-workbench-header output{color:#5b5855;font-size:12px;font-weight:850}.focused-workbench-actions{justify-content:end;align-items:center;gap:7px;min-width:0;display:flex}.focused-workbench-board{scrollbar-width:thin;scrollbar-color:#2524232e transparent;grid-template-columns:repeat(2,minmax(280px,1fr));align-content:start;gap:12px;min-width:0;padding:2px 2px 28px;display:grid;overflow:auto}.focused-workbench-board.is-section-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.focused-workbench-board.is-topic-detail{grid-template-columns:minmax(0,1fr);width:100%;max-width:none;margin:0}.focused-group{border-color:var(--group-color,#ffadad);border-left:4px solid var(--group-color,#ffadad);grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;min-height:232px;padding:12px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.focused-group.is-match{border-color:var(--group-color,#ffadad);box-shadow:0 18px 42px #2524231a, 0 0 0 1px color-mix(in srgb, var(--group-color,#ffadad), transparent 56%) inset}.focused-group.is-collapsed{min-height:auto}.focused-group.is-section-card{cursor:pointer;min-height:auto;padding:20px}.focused-group.is-section-card header{min-height:82px}.focused-group.is-section-card header strong{font-size:17px;line-height:1.25}.focused-group.is-section-card header span:not(.focused-section-enter){margin-top:8px}.focused-group.is-topic-detail{min-height:auto;padding:18px}.focused-group.is-expandable{cursor:pointer}.focused-group header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.focused-group header strong{overflow-wrap:anywhere;font-size:15px;line-height:1.2;display:block}.focused-topic-grid{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));align-content:start;gap:8px;min-width:0;display:grid}.focused-workbench-board.is-topic-detail .focused-topic-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.focused-topic{border-color:color-mix(in srgb, var(--group-color,#ffadad), #2524231f 62%);text-align:left;background:#ffffffad;align-content:start;gap:5px;min-height:64px;padding:10px 12px;display:grid}.focused-workbench-board.is-topic-detail .focused-topic{min-height:86px;padding:16px 18px}.focused-workbench-board.is-topic-detail .focused-topic strong{font-size:16px;line-height:1.34}.focused-topic strong{overflow-wrap:anywhere;font-size:14px;line-height:1.28}.focused-topic span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focused-workbench-header button:hover,.focused-group header button:hover{border-color:var(--branch-color,#ffadad);background:#ffffffdb}.focused-group:hover,.focused-group.is-section-card:hover,.focused-topic:hover,.focused-topic.is-active{border-color:var(--group-color,#ffadad);box-shadow:0 10px 24px #25242312, 0 0 0 1px color-mix(in srgb, var(--group-color,#ffadad), transparent 54%) inset;background:#ffffffe0}.focused-topic.is-more{color:color-mix(in srgb, var(--group-color,#ffadad), #252423 45%);text-align:center;background:#ffffff80;border-style:dashed;place-items:center;font-size:15px;font-weight:900;line-height:1.25}.focused-group-summary{border:1px dashed color-mix(in srgb, var(--group-color,#ffadad), #25242329 58%);width:100%;min-height:38px;color:color-mix(in srgb, var(--group-color,#ffadad), #252423 45%);cursor:pointer;background:#ffffffb8;border-radius:6px;font-size:12px;font-weight:900}.focused-section-enter{color:#252423;background:#ffffff8f;border:1px solid #2524231a;border-radius:999px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;line-height:1;display:grid}.canvas-shell{touch-action:none;transition:opacity .22s;position:absolute;inset:0;overflow:hidden}.app-shell.is-home-visible .toolbar,.app-shell.is-home-visible .branch-navigator,.app-shell.is-home-visible .map-entry-hint,.app-shell.is-home-visible .mini-map,.app-shell.is-home-visible .zoom-controls{animation:.5s both homeControlIn}.app-shell.is-home-visible .branch-navigator{animation-delay:80ms}.app-shell.is-home-visible .map-entry-hint{animation-delay:.16s}.app-shell.is-home-visible .mini-map,.app-shell.is-home-visible .zoom-controls{animation-delay:.2s}@keyframes homeControlIn{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}.canvas-shell{transition:opacity .22s,filter .22s}.app-shell.has-focused-workbench .canvas-shell,.app-shell.has-resource-panel .canvas-shell{pointer-events:none;opacity:0;filter:blur(18px)saturate(.62)}.app-shell.has-focused-workbench .mini-map,.app-shell.has-focused-workbench .zoom-controls,.app-shell.has-resource-panel .mini-map,.app-shell.has-resource-panel .zoom-controls{pointer-events:none;opacity:0}.knowledge-canvas-element{width:100%;height:100%;display:block}.canvas-fallback{z-index:8;color:#252423;text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:#ffffffbd;border:1px solid #2524231f;border-radius:8px;gap:6px;width:min(360px,100vw - 32px);padding:14px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 42px #2524231a}.canvas-fallback strong{font-size:15px;line-height:1.2}.canvas-fallback span{color:#706e69;font-size:12px;line-height:1.45}.readonly-admin-notice{color:#242321;background:linear-gradient(135deg,#f8f7f4f5,#e5ebe7eb),#f5f4f1;place-items:center;min-height:100svh;padding:24px;display:grid}.readonly-admin-notice section{background:#ffffffb8;border:1px solid #2423211f;border-radius:8px;width:min(520px,100%);padding:28px;box-shadow:0 18px 60px #2423211f}.readonly-admin-notice span{color:#60645f;font-size:12px;font-weight:700}.readonly-admin-notice h1{margin:10px 0 12px;font-size:clamp(24px,4vw,34px);line-height:1.1}.readonly-admin-notice p{color:#5f625d;margin:0;line-height:1.7}.readonly-admin-notice a{color:#fff;background:#242321;border-radius:8px;align-items:center;min-height:42px;margin-top:22px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.canvas-vignette{pointer-events:none;z-index:5;background:linear-gradient(#ffffff9e 0%,#fff0 29%),radial-gradient(circle,#0000 58%,#25242314 100%);position:absolute;inset:0}.zoom-controls{z-index:28;-webkit-backdrop-filter:blur(15px)saturate(1.1);backdrop-filter:blur(15px)saturate(1.1);background:#ffffffad;border:1px solid #2524231a;border-radius:8px;gap:4px;padding:5px;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 12px 34px #2524231a}.mini-map{z-index:22;-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);background:#fff9;border:1px solid #2524231a;border-radius:8px;width:136px;height:96px;padding:6px;position:absolute;bottom:22px;right:68px;box-shadow:0 8px 20px #25242312}.mini-map svg{cursor:pointer;width:100%;height:100%;display:block}.mini-map:after{color:#2524236b;content:"MAP";letter-spacing:.08em;font-size:9px;font-weight:700;position:absolute;top:7px;left:9px}.zoom-controls button{color:#252423;place-items:center;width:30px;height:30px;font-size:17px;font-weight:700;line-height:1;display:grid}.node-resource-panel{z-index:36;top:calc(var(--app-safe-top) + 116px);width:min(520px,100vw - 84px);max-height:calc(100svh - var(--app-safe-top) - var(--app-safe-bottom) - 152px);--resource-panel-color:#ffadad;color:#252423;pointer-events:none;opacity:0;position:absolute;bottom:auto;right:clamp(18px,3vw,42px);transform:translate(22px)}.node-resource-panel-backdrop{z-index:35;-webkit-backdrop-filter:blur(10px)saturate(.94);backdrop-filter:blur(10px)saturate(.94);background:#2524231f;position:absolute;inset:0}.node-resource-panel.is-open{pointer-events:auto}.node-resource-panel-animate{will-change:auto}.node-resource-panel-shell{border:1px solid color-mix(in srgb, var(--resource-panel-color), #2524231f 42%);background:#fffffffb;border-radius:16px;flex-direction:column;height:auto;min-height:0;max-height:100%;padding:clamp(16px,2vw,24px);display:flex;overflow:hidden auto;box-shadow:0 22px 58px #2524232e}.node-resource-panel-header{grid-template-columns:1fr auto;align-items:start;gap:18px;padding-bottom:6px;display:grid}.node-resource-panel-heading{min-width:0}.node-resource-panel-close,.node-resource-card{color:#252423;cursor:pointer;background:#ffffffad;border:1px solid #25242321;border-radius:14px;box-shadow:0 10px 24px #25242312}.node-resource-panel-close{border-color:color-mix(in srgb, var(--resource-panel-color), #25242321 54%);width:44px;height:44px;color:color-mix(in srgb, var(--resource-panel-color), #252423 45%);background:color-mix(in srgb, var(--resource-panel-color), white 82%);border-radius:999px;place-items:center;padding:0;font-size:26px;font-weight:700;line-height:1;display:grid}.node-resource-panel .node-resource-panel-close:focus-visible{outline-color:color-mix(in srgb, var(--resource-panel-color), transparent 52%);border-color:var(--resource-panel-color)}.node-resource-panel-heading h2{color:#181716;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.08}.node-resource-panel-topbar{display:contents}.node-detail-resources{grid-template-columns:1fr;gap:12px;margin-top:clamp(18px,2.5vw,28px);display:grid}.node-resource-card{border-color:color-mix(in srgb, var(--resource-panel-color), #25242321 54%);border-left:5px solid var(--resource-panel-color);text-align:left;background:#ffffffd1;justify-content:stretch;align-items:center;min-height:76px;padding:14px 16px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.node-resource-card.is-disabled{opacity:.68}.node-resource-card strong,.node-detail-empty-card h3{color:#181716;overflow-wrap:anywhere;margin:0;font-size:clamp(19px,2vw,25px);font-weight:900;line-height:1.15}.node-resource-card:disabled{cursor:not-allowed;border-color:#25242324;border-left-color:var(--resource-panel-color);color:#2524238a;box-shadow:none;background:#2524230d}.node-resource-card:hover{border-color:var(--resource-panel-color);box-shadow:0 10px 24px #25242312, 0 0 0 1px color-mix(in srgb, var(--resource-panel-color), transparent 56%) inset;background:#ffffffeb}@media (width<=880px){.app-shell{--toolbar-block-size:clamp(112px, 16svh, 128px)}.toolbar{top:calc(var(--app-safe-top) + 8px);width:calc(100vw - var(--app-safe-left) - var(--app-safe-right) - 18px);grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:5px}.toolbar-field input,.toolbar-actions button{min-height:44px}.toolbar-actions button{height:auto;padding:0 12px;font-size:13px;line-height:1.1}.toolbar-segmented{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.toolbar-utility{grid-area:1/2}.toolbar-utility output,.toolbar-reset-button{display:none}.toolbar-menu-button{min-width:44px;min-height:44px}.branch-navigator{top:auto;right:var(--app-safe-right);bottom:0;left:var(--app-safe-left);z-index:42;width:auto;max-height:48svh;padding:9px 12px max(14px, env(safe-area-inset-bottom));background:#ffffffeb;border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;box-shadow:0 -18px 44px #25242326}.branch-navigator.is-collapsed,.app-shell.has-resource-panel .branch-navigator{pointer-events:none;opacity:0;animation:none;transform:translateY(100%)}.branch-navigator-list{max-height:calc(48svh - 58px)}.branch-navigator button{min-height:44px}.branch-navigator-title{white-space:normal;overflow-wrap:anywhere}.focused-branch-label{max-width:calc(100vw - 104px);bottom:20px;left:14px}.focus-mode-banner{grid-template-columns:auto minmax(0,1fr) auto;max-width:none;top:112px;left:14px;right:14px;transform:none}.app-shell.has-mobile-overview .mini-map,.app-shell.has-mobile-overview .zoom-controls{display:none}.app-shell.has-mobile-overview .canvas-shell{opacity:.16;filter:blur(18px)saturate(.62);pointer-events:none}.focused-workbench{top:var(--workspace-top);right:var(--app-edge);bottom:var(--workspace-bottom);left:var(--app-edge)}.app-shell.has-focused-workbench .canvas-shell{opacity:0;filter:blur(18px)saturate(.62);pointer-events:none}.app-shell.has-focused-workbench .focused-workbench-dismiss{z-index:34;top:var(--workspace-top);pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);background:linear-gradient(#fbfaf7eb,#f6f4f2d1)}.app-shell.has-focused-workbench .focused-workbench{z-index:35}.app-shell.has-resource-panel .canvas-shell{opacity:.14;filter:blur(18px)saturate(.62);pointer-events:none}.app-shell.has-resource-panel .toolbar{pointer-events:none;visibility:hidden;transform:translate(-50%,-18px);opacity:0!important}.map-entry-hint{width:calc(100vw - 28px);bottom:18px}.search-path-toast{top:calc(var(--app-safe-top) + 114px);width:calc(100vw - var(--app-safe-left) - var(--app-safe-right) - 18px);grid-template-columns:auto minmax(0,1fr);padding:7px 9px}.search-path-toast strong{max-width:none}.search-path-toast ol{grid-column:1/-1}.first-visit-guide-layer{padding:var(--workspace-top) var(--app-edge) max(18px, var(--workspace-bottom));align-items:start}.first-visit-guide-card{width:100%;max-height:calc(100svh - var(--workspace-top) - var(--workspace-bottom));padding:16px}.first-visit-guide-header h2{font-size:21px}.first-visit-guide-steps{grid-template-columns:1fr}.first-visit-guide-primary{width:100%}.app-shell.has-search-path .focused-workbench{top:calc(var(--workspace-top) + 38px)}.mobile-overview-entry{z-index:19;top:var(--workspace-top);right:var(--app-edge);bottom:var(--workspace-bottom);left:var(--app-edge);pointer-events:auto;grid-template-rows:auto minmax(0,1fr);gap:10px;max-height:none;display:grid;position:absolute;overflow-y:auto}.mobile-overview-root,.mobile-overview-branches button{color:#252423;-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:#ffffffb3;border:1px solid #2524231c;border-radius:8px;box-shadow:0 12px 28px #25242314}.mobile-overview-root{border-left:4px solid #b7ff54;gap:4px;padding:12px 13px;display:grid}.mobile-overview-root span{color:#706e69;font-size:12px;font-weight:800}.mobile-overview-root strong{font-size:17px;line-height:1.18}.mobile-overview-branches{scrollbar-width:thin;scrollbar-color:#25242333 transparent;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));align-content:start;gap:7px;min-height:0;padding-bottom:4px;display:grid;overflow-y:auto}.mobile-overview-branches button{border-left:4px solid var(--branch-color,#26f2d5);text-align:left;overflow-wrap:anywhere;background:#ffffffb3;min-height:52px;padding:10px 10px 10px 12px;font-size:13px;font-weight:820;line-height:1.2}.mobile-home-logo{pointer-events:none;z-index:20;right:max(18px, calc(var(--app-safe-right) + 18px));bottom:max(18px, calc(var(--app-safe-bottom) + 18px));object-fit:contain;opacity:1;width:clamp(78px,24vw,112px);height:auto;position:fixed}.focused-workbench-board{grid-template-columns:repeat(auto-fit,minmax(min(156px,100%),1fr));gap:10px;padding-bottom:18px}.focused-workbench-board.is-section-overview{grid-template-columns:repeat(auto-fit,minmax(min(156px,100%),1fr))}.focused-workbench-board.is-topic-detail{grid-template-columns:1fr}.focused-workbench-header{grid-template-columns:auto minmax(0,1fr);gap:8px}.focused-workbench-header strong{font-size:16px;line-height:1.25}.focused-workbench-actions{grid-column:1/-1;justify-content:stretch}.focused-workbench-actions output,.focused-workbench-actions button{flex:1 1 0}.focused-workbench-actions output{background:#ffffff8f;border:1px solid #2524231a;border-radius:6px;place-items:center;min-height:44px;display:grid}.focused-workbench-header button,.focused-group header button,.focused-group-summary,.node-resource-card{min-height:44px}.node-resource-panel-close{width:44px;height:44px}.focused-group{grid-template-rows:auto auto;min-height:auto;padding:10px}.focused-group.is-section-card{padding:14px}.focused-group.is-section-card header{min-height:64px}.focused-group.is-section-card header strong{font-size:15px;line-height:1.22}.focused-group header strong{font-size:14px;line-height:1.25}.focused-topic-grid{grid-template-columns:1fr;align-content:stretch;gap:7px}.focused-topic{min-height:58px;padding:10px 11px}.focused-topic strong{font-size:13px;line-height:1.25}.focused-topic.is-more{font-size:14px;line-height:1.25}.focused-topic span{font-size:12px}.zoom-controls,.mini-map{display:none}.node-resource-panel{top:max(env(safe-area-inset-top), clamp(8px, 2svh, 22px));right:var(--app-safe-right);bottom:0;left:var(--app-safe-left);width:auto;height:auto;max-height:calc(100dvh - max(env(safe-area-inset-top), clamp(8px, 2svh, 22px)));max-height:calc(100svh - max(env(safe-area-inset-top), clamp(8px, 2svh, 22px)));transform:translateY(100%)}.node-resource-panel.is-open{transform:translateY(0)}.node-resource-panel-backdrop{-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);pointer-events:auto;touch-action:none;background:#2524232e}.node-resource-panel-shell{height:100%;min-height:0;padding:12px 14px max(16px, env(safe-area-inset-bottom));background:#fff;border-bottom:0;border-left:0;border-right:0;border-radius:16px 16px 0 0;overflow-y:auto}.node-resource-panel-topbar{z-index:4;background:#fff;margin:-12px -14px 0;padding:12px 14px 10px;display:block;position:sticky;top:0;box-shadow:0 14px 24px #2524230e}.node-resource-panel-header{align-items:start}.node-resource-panel-heading h2{margin-top:6px;font-size:clamp(24px,6.4vw,30px);line-height:1.08}.node-detail-resources{grid-template-columns:1fr;gap:10px;margin-top:14px}.node-resource-card{border-left-width:5px;min-height:64px;padding:12px 14px}.node-resource-card strong{font-size:clamp(18px,5vw,23px)}}@media (width<=880px) and (height<=700px){.node-resource-panel-topbar{position:static}.node-resource-panel-heading h2{font-size:clamp(24px,6.2vw,30px)}}@media (width>=881px) and (width<=1080px){.focused-workbench-board{grid-template-columns:1fr}}@media (width>=881px) and (width<=1280px){.toolbar{right:max(16px, var(--app-safe-right));width:min(820px, calc(100% - var(--sidebar-width) - 48px));left:auto;transform:none}}@media (width>=881px) and (height<=760px){.app-shell{--toolbar-top:8px;--toolbar-block-size:64px;--layout-gap:8px}.toolbar{top:calc(var(--app-safe-top) + 8px)}.branch-navigator{max-height:calc(100svh - 102px);top:66px}.branch-navigator-list{max-height:calc(100svh - 142px)}.node-resource-panel{top:calc(var(--app-safe-top) + 72px);width:min(520px,100% - 72px);max-height:calc(100svh - var(--app-safe-top) - var(--app-safe-bottom) - 104px);bottom:auto}.node-resource-panel-shell{padding:clamp(16px,2vw,22px)}.node-resource-panel-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.08}.node-detail-resources{margin-top:clamp(16px,2vw,24px)}.node-resource-card{min-height:68px}}@media (width<=520px){.loader-card-stage{width:min(320px,88vw);height:min(320px,48svh);min-height:248px}.loader-brand-mark{width:clamp(144px,46vw,184px)}.toolbar{gap:5px}.toolbar-field{grid-column:1}.toolbar-field-label{display:none}.toolbar-search-feedback{max-width:none;line-height:1.25;left:0;right:0}.toolbar-utility{grid-area:1/2}.toolbar-actions button{min-height:44px;padding:0 10px;font-size:12px}.toolbar-actions output{min-width:46px;font-size:12px}.toolbar-menu-button{text-overflow:ellipsis;max-width:50px;overflow:hidden}.first-visit-guide-step{grid-template-columns:1fr}.first-visit-guide-icon{width:fit-content}}@media (prefers-reduced-motion:reduce){.loading-overlay{transition:opacity .18s}.loader-depth,.loader-card-stage{opacity:.38}}
