:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--page:#f5f7f4;--surface:#fbfcfa;--surface-strong:#fff;--text:#172019;--muted:#5c685f;--line:#d9dfda;--accent:#167a52;--accent-strong:#0c5f3e;--accent-soft:#e2f2e9;--warning:#885e18;--warning-soft:#f5eddc;--danger:#a13a3a;--shadow:0 18px 50px #273f3014;--radius-card:16px;--radius-control:10px;font-family:Avenir Next,Avenir,Noto Sans TC,PingFang TC,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100dvh;color:var(--text);margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:3px}.app-layout{min-height:100dvh;padding-left:264px}.app-frame{flex-direction:column;min-height:100dvh;display:flex}.system-directory{z-index:40;color:#fff;background:#10271f;border-right:1px solid #2d4036;flex-direction:column;width:264px;padding:18px 14px;display:flex;position:fixed;inset:0 auto 0 0}.directory-heading{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.directory-brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.directory-label{gap:2px;min-width:0;display:grid}.directory-label strong{font-size:.92rem}.directory-label small{color:#9eb6aa;white-space:nowrap;font-size:.68rem}.directory-nav{gap:5px;margin-top:28px;display:grid}.directory-item,.directory-collapse{color:#c5d7ce;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;min-height:46px;padding:9px 11px;font-weight:700;text-decoration:none;display:flex}.directory-item svg,.directory-collapse svg{flex:none}.directory-item:hover,.directory-item.is-active{color:#fff;background:#214438}.directory-item.is-active{box-shadow:inset 3px 0 #5fc48e}.directory-item.is-disabled{color:#789084;cursor:not-allowed}.directory-item.is-disabled small{color:#789084}.directory-collapse{cursor:pointer;width:100%;margin-top:auto}.directory-collapse:hover{color:#fff;background:#18372c}.directory-short-label{text-align:center;font-size:.65rem;line-height:1.1;display:none}.directory-mobile-trigger,.directory-mobile-close,.directory-backdrop{display:none}.app-layout:has(.system-directory.is-collapsed){padding-left:78px}.system-directory.is-collapsed{width:78px;padding-inline:10px}.system-directory.is-collapsed .directory-heading{justify-content:center}.system-directory.is-collapsed .directory-brand .brand-mark{width:38px;height:38px}.system-directory.is-collapsed .directory-label{display:none}.system-directory.is-collapsed .directory-nav{margin-top:28px}.system-directory.is-collapsed .directory-item,.system-directory.is-collapsed .directory-collapse{flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:6px 3px}.system-directory.is-collapsed .directory-short-label{display:block}.app-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.wordmark{align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#f7fff9;letter-spacing:-.04em;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.brand-mark--small{border-radius:9px;width:34px;height:34px}.identity-summary{align-items:center;gap:10px;display:flex}.identity-copy{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.identity-copy strong{font-size:.9rem}.identity-copy span{color:var(--muted);margin-top:4px;font-size:.75rem}.icon-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:40px;height:40px;color:var(--text);place-items:center;display:grid}.icon-button:active,.primary-button:active,.secondary-button:active,.entry-action:active{transform:translateY(1px)}.shell{width:min(1180px,100%);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,36px)}.demo-banner,.notice{border:1px solid color-mix(in srgb, var(--warning) 28%, var(--line));border-radius:var(--radius-control);background:var(--warning-soft);color:var(--warning);padding:12px 14px;line-height:1.55}.notice{margin:18px 0}.portal-intro{padding:18px 0 clamp(26px,5vw,44px)}.portal-context{color:var(--accent-strong);margin:0 0 12px;font-weight:700}.portal-intro h1{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.08}.portal-summary{color:var(--muted);margin:16px 0 0;line-height:1.7}.resource-links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.blueprint-link,.public-progress-link{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--radius-control);background:var(--surface-strong);width:fit-content;min-height:44px;color:var(--accent-strong);align-items:center;gap:8px;padding:0 14px;font-weight:750;text-decoration:none;display:inline-flex}.public-progress-link{color:var(--accent-strong);margin-top:18px}.systems-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.system-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);min-height:260px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;gap:30px;padding:clamp(20px,3vw,30px);display:flex}.system-card__topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.system-card__icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent-strong);border-radius:13px;place-items:center;display:grid}.system-card h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.5vw,1.65rem)}.system-card p{max-width:38ch;color:var(--muted);margin:12px 0 0;line-height:1.65}.status{background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;padding:6px 9px;font-size:.76rem;font-weight:750}.status--maintenance,.status--planned{background:var(--warning-soft);color:var(--warning)}.entry-action{width:fit-content;color:var(--accent-strong);align-items:center;gap:8px;font-weight:750;text-decoration:none;display:inline-flex}.entry-action--disabled{color:var(--muted);cursor:not-allowed}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;padding:48px 24px}.empty-state h2{margin:0}.empty-state p{max-width:48ch;color:var(--muted);margin:12px auto 0;line-height:1.7}.app-footer{width:min(1180px,100%);color:var(--muted);justify-content:space-between;gap:16px;margin:auto auto 0;padding:26px clamp(16px,4vw,36px);font-size:.82rem;display:flex}.app-footer a{color:var(--accent-strong)}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.canvas-screen{color:#172019;background:#eef2ee;position:fixed;inset:0 0 0 264px;overflow:hidden}.system-directory.is-collapsed~.canvas-screen{left:78px}.canvas-toolbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #d3dbd5;border-radius:12px;align-items:center;gap:14px;min-height:58px;padding:8px 10px;display:flex;position:absolute;top:14px;left:14px;right:14px;box-shadow:0 12px 38px #2035281a}.canvas-toolbar>a,.canvas-actions button{color:#213129;background:#fff;border:1px solid #d7ddd8;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:7px 10px;font-weight:720;text-decoration:none;display:inline-flex}.canvas-actions button:disabled{cursor:not-allowed;opacity:.48}.canvas-actions button.active{color:#0c5f3e;background:#e2f2e9;border-color:#167a52}.canvas-title{min-width:150px;line-height:1.2;display:grid}.canvas-title span{color:#657169;margin-top:4px;font-size:.7rem}.canvas-actions{scrollbar-width:none;gap:7px;margin-left:auto;display:flex}.canvas-actions::-webkit-scrollbar{display:none}.canvas-viewport{touch-action:none;cursor:grab;background-color:#eef2ee;background-image:radial-gradient(#bdc8c0 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.canvas-edges{pointer-events:none;width:5000px;height:5000px;position:absolute;overflow:visible}.canvas-edges line{stroke:#94a69a;stroke-width:2px;vector-effect:non-scaling-stroke}.canvas-node{color:#172019;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;background:#f7fffa;border:1px solid #adc9b9;border-radius:12px;align-content:center;gap:8px;width:220px;height:120px;padding:16px;display:grid;position:absolute;box-shadow:0 12px 32px #263d2f1a}.canvas-node span{color:#58665e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.canvas-node--blue{background:#f4f8fc;border-color:#b8cbdd}.canvas-node--sand{background:#fffaf0;border-color:#d7c8aa}.canvas-node.selected{outline-offset:3px;outline:3px solid #167a523d}.canvas-inspector{z-index:15;background:#fffffff5;border:1px solid #d3dbd5;border-radius:12px;gap:14px;width:min(310px,100vw - 28px);padding:18px;display:grid;position:absolute;top:86px;right:14px;box-shadow:0 16px 44px #20352821}.canvas-inspector p{color:#0c5f3e;margin:0;font-size:.78rem;font-weight:800}.canvas-inspector label{gap:6px;display:grid}.canvas-inspector label span,.canvas-inspector legend{color:#536159;font-size:.75rem;font-weight:720}.canvas-inspector input,.canvas-inspector textarea{color:#172019;width:100%;font:inherit;background:#fff;border:1px solid #bdc8c0;border-radius:8px;padding:10px;font-size:16px}.canvas-inspector textarea{resize:vertical;min-height:110px}.canvas-inspector fieldset{border:0;gap:9px;margin:0;padding:0;display:flex}.canvas-inspector legend{margin-bottom:8px}.canvas-inspector .tone{background:#f7fffa;border:1px solid #adc9b9;border-radius:8px;width:32px;height:32px}.canvas-inspector .tone--blue{background:#e9f2fa;border-color:#b8cbdd}.canvas-inspector .tone--sand{background:#fff3d7;border-color:#d7c8aa}.canvas-inspector .tone.selected{outline-offset:2px;outline:2px solid #167a52}.canvas-inspector small{color:#6a766e;line-height:1.5}.canvas-delete-node{color:#923b31;background:#fff7f5;border:1px solid #d5aaa4;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;font-weight:750;display:flex}.canvas-zoom{z-index:10;color:#536159;background:#fffffff0;border:1px solid #d3dbd5;border-radius:9px;align-items:center;gap:5px;padding:4px;font-size:.75rem;font-weight:750;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #20352817}.canvas-zoom button{color:#274238;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.canvas-zoom button:hover{background:#edf3ef}.canvas-zoom span{text-align:center;min-width:48px}.access-screen{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.access-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);width:min(560px,100%);box-shadow:var(--shadow);padding:clamp(28px,7vw,52px)}.access-kicker{color:var(--accent-strong);margin:24px 0 10px;font-weight:750}.access-panel h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:1.06}.access-copy{color:var(--muted);margin:20px 0 28px;line-height:1.7}.primary-button,.secondary-button{border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:750;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#f7fff9}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.loading-header,.loading-card{border-radius:var(--radius-card);background:color-mix(in srgb, var(--line) 65%, var(--surface))}.loading-header{width:52%;height:54px;margin-bottom:42px}.loading-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.loading-card{height:260px}@media (prefers-reduced-motion:no-preference){.system-card,.icon-button,.primary-button,.secondary-button,.entry-action,.blueprint-link,.public-progress-link{transition:transform .16s,border-color .16s,background-color .16s}.system-card:hover{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));transform:translateY(-2px)}.blueprint-link:hover,.public-progress-link:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.loading-header,.loading-card{animation:1.5s ease-in-out infinite alternate pulse}.app-layout,.system-directory,.canvas-screen{transition:padding-left .16s,width .16s,left .16s}@keyframes pulse{to{opacity:.48}}}@media (width<=900px){.app-layout{padding-left:0}.system-directory,.system-directory.is-collapsed{z-index:80;width:min(320px,100vw - 44px);padding:18px 14px calc(18px + env(safe-area-inset-bottom));transform:translate(-105%);box-shadow:20px 0 60px #0000003d}.system-directory.is-mobile-open{transform:translate(0)}.system-directory.is-collapsed .directory-heading{justify-content:space-between}.system-directory.is-collapsed .directory-label{display:grid}.system-directory.is-collapsed .directory-item,.system-directory.is-collapsed .directory-collapse{flex-direction:row;justify-content:flex-start;gap:11px;min-height:46px;padding:9px 11px}.system-directory.is-collapsed .directory-short-label,.directory-collapse{display:none}.directory-mobile-close{color:#fff;background:#18372c;border:0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.directory-mobile-trigger{z-index:60;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));color:#fff;background:#10271f;border:1px solid #2d4036;border-radius:10px;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-weight:750;display:inline-flex;position:fixed;box-shadow:0 12px 36px #00000038}.directory-backdrop{z-index:70;background:#07120d6b;border:0;display:block;position:fixed;inset:0}.canvas-screen,.system-directory.is-collapsed~.canvas-screen{left:0}.canvas-zoom{left:auto;right:16px}}@media (width<=700px){.app-header{align-items:flex-start}.identity-copy{display:none}.systems-grid,.loading-grid{grid-template-columns:1fr}.system-card{min-height:230px}.app-footer{flex-direction:column}.canvas-toolbar{flex-wrap:wrap;align-items:flex-start}.canvas-toolbar>a span,.canvas-title span{display:none}.canvas-title{align-self:center;min-width:0}.canvas-actions{width:100%;margin-left:0;padding-bottom:1px;overflow-x:auto}.canvas-actions button{flex:none}.canvas-inspector{max-height:42dvh;top:auto;bottom:14px;overflow-y:auto}.canvas-zoom{bottom:calc(42dvh + 24px)}}@media (width<=390px){.wordmark>span:last-child{font-size:.92rem}.identity-summary{gap:6px}.shell{padding-left:14px;padding-right:14px}}@media (prefers-color-scheme:dark){:root{--page:#111412;--surface:#171b18;--surface-strong:#1d221e;--text:#edf3ee;--muted:#a8b4ab;--line:#343d36;--accent:#47ad7c;--accent-strong:#76d3a3;--accent-soft:#1b3b2a;--warning:#e2b55d;--warning-soft:#3b301d;--shadow:0 18px 50px #00000038}}