:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--page:#f4f6f9;--surface:#f8fafc;--surface-strong:#fff;--text:#172033;--muted:#667085;--line:#dfe4ea;--accent:#315efb;--accent-strong:#2346bd;--accent-soft:#eaf0ff;--button-primary:#315efb;--button-primary-text:#fff;--warning:#885e18;--warning-soft:#f5eddc;--danger:#a13a3a;--shadow:0 10px 30px #1c27400f;--radius-card:18px;--radius-control:11px;font-family:Avenir Next,Avenir,Noto Sans TC,PingFang TC,system-ui,sans-serif}*{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;border-right:1px solid var(--line);width:264px;color:var(--text);background:#fff;flex-direction:column;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:var(--muted);white-space:nowrap;font-size:.68rem}.directory-section-label{color:#98a2b3;letter-spacing:.1em;text-transform:uppercase;margin:26px 11px 8px;font-size:.68rem;font-weight:800}.directory-nav{gap:5px;margin-top:0;display:grid}.directory-item,.directory-collapse{color:#475467;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{background:var(--accent-soft);color:var(--accent-strong)}.directory-item.is-active{box-shadow:inset 3px 0 var(--accent)}.directory-item.is-disabled{color:#98a2b3;cursor:not-allowed}.directory-item.is-disabled small{color:#98a2b3}.directory-admin{margin-top:8px}.directory-admin .directory-section-label{margin-top:12px}.directory-collapse{cursor:pointer;width:100%;margin-top:auto}.directory-collapse:hover{color:var(--text);background:#eef2f6}.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-admin .directory-section-label{display:none}.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);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffffff0;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:#fff;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(1160px,100%);margin:0 auto;padding:clamp(24px,4vw,52px) 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{justify-content:space-between;align-items:end;gap:32px;padding:8px 0 34px;display:flex}.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,5vw,3.1rem);line-height:1.08}.portal-summary{color:var(--muted);margin:16px 0 0;line-height:1.7}.portal-count{border-left:1px solid var(--line);flex:none;gap:2px;min-width:136px;padding:4px 0 4px 24px;display:grid}.portal-count strong{font-size:2rem;line-height:1}.portal-count span{color:var(--muted);font-size:.78rem}.portal-intro-actions{align-items:center;gap:18px;display:flex}.admin-entry-link{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-strong);min-height:44px;color:var(--accent-strong);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-weight:750;text-decoration:none;display:inline-flex}.section-heading{justify-content:space-between;align-items:end;gap:20px;min-height:48px;margin-bottom:14px;display:flex}.section-heading p{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:.72rem;font-weight:800}.section-heading h2{margin:0;font-size:1.12rem}.section-heading>span{color:var(--muted);font-size:.78rem}.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:16px;display:grid}.system-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);min-height:224px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(20px,3vw,26px);display:flex}.system-card__topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.system-card__icon{background:var(--accent-soft);width:46px;height:46px;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}.workspace-resources{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.workspace-resources summary{width:fit-content;min-height:44px;color:var(--muted);cursor:pointer;align-items:center;font-size:.84rem;font-weight:750;display:flex}.workspace-resources .resource-links{margin-top:10px}.back-link{min-height:44px;color:var(--accent-strong);align-items:center;gap:8px;font-weight:750;text-decoration:none;display:inline-flex}.lecturer-hub__header{max-width:760px;padding:22px 0 42px}.lecturer-hub__header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.lecturer-hub__header>p:last-child{color:var(--muted);margin:16px 0 0;line-height:1.75}.lecturer-workspace-card{border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px;display:grid}.lecturer-avatar{background:var(--accent-soft);width:58px;height:58px;color:var(--accent-strong);border-radius:16px;place-items:center;font-size:1.25rem;font-weight:850;display:grid}.lecturer-title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lecturer-title-line h3{margin:0;font-size:1.2rem}.lecturer-workspace-copy p{color:var(--muted);margin:9px 0;line-height:1.65}.lecturer-workspace-copy ul{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.lecturer-workspace-copy li{border:1px solid var(--line);color:#475467;border-radius:999px;padding:5px 9px;font-size:.72rem}.primary-entry{border-radius:var(--radius-control);background:var(--accent);color:#fff;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:780;text-decoration:none;display:inline-flex}.primary-entry.is-disabled{color:#667085;background:#e4e7ec}.lecturer-note{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;margin-top:20px;padding:18px;display:flex}.lecturer-note svg{color:var(--accent-strong);flex:none}.lecturer-note p{color:var(--muted);margin:5px 0 0;font-size:.84rem;line-height:1.65}.account-admin{width:min(1240px,100%)}.account-admin__header{justify-content:space-between;align-items:end;gap:28px;padding:22px 0 34px;display:flex}.account-admin__header h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3rem)}.account-admin__header>div:first-child>p:last-child{color:var(--muted);margin:14px 0 0;line-height:1.7}.admin-summary{border-left:1px solid var(--line);gap:3px;min-width:112px;padding-left:22px;display:grid}.admin-summary strong{font-size:2rem;line-height:1}.admin-summary span{color:var(--muted);font-size:.78rem}.admin-notice{border-radius:var(--radius-control);border:1px solid;align-items:flex-start;gap:9px;margin-bottom:18px;padding:13px 14px;line-height:1.55;display:flex}.admin-notice svg{flex:none;margin-top:1px}.admin-notice--success{color:#17633a;background:#eaf8f0;border-color:#abd8bf}.admin-notice--error{color:var(--danger);background:#fff0f0;border-color:#e0b5b5}.admin-invite{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--line));border-radius:var(--radius-card);background:var(--accent-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;padding:22px;display:grid}.admin-invite__icon{width:46px;height:46px;color:var(--accent-strong);background:#fff;border-radius:13px;place-items:center;display:grid}.admin-invite p,.account-list-toolbar p{color:var(--accent-strong);letter-spacing:.08em;margin:0 0 4px;font-size:.72rem;font-weight:800}.admin-invite h2,.account-list-toolbar h2{margin:0;font-size:1.12rem}.admin-invite ol{color:#475467;margin:12px 0 0;padding-left:20px;font-size:.84rem;line-height:1.7}.admin-invite .secondary-button{background:#fff;align-self:center}.account-list-section{margin-top:34px}.account-list-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.account-search{border:1px solid var(--line);border-radius:var(--radius-control);width:min(320px,100%);min-height:44px;color:var(--muted);background:#fff;align-items:center;gap:9px;padding:0 12px;display:flex}.account-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.account-search input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.account-cards{gap:12px;display:grid}.account-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:minmax(240px,1.2fr) minmax(220px,1fr) minmax(360px,1.4fr);align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 6px 20px #1c27400a}.account-card.is-suspended{background:#f8f9fb}.account-card__identity{align-items:center;gap:12px;min-width:0;display:flex}.account-card__identity>img,.account-card__identity>span{background:var(--surface);width:46px;height:46px;color:var(--muted);object-fit:cover;border-radius:50%;flex:none;place-items:center;display:grid}.account-card__identity>div{min-width:0}.account-name-line{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.account-name-line h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;overflow:hidden}.account-name-line em{background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;padding:3px 6px;font-size:.68rem;font-style:normal;font-weight:800}.account-card__identity p{color:var(--muted);margin:6px 0 0;font-size:.74rem}.account-status{border-radius:6px;padding:4px 7px;font-size:.68rem}.account-status--active{color:#17633a;background:#eaf8f0}.account-status--suspended{color:var(--danger);background:#f5e9e9}.account-card__access>span,.account-card__controls label>span{color:var(--muted);margin-bottom:7px;font-size:.7rem;font-weight:750;display:block}.account-card__access>div{flex-wrap:wrap;gap:5px;display:flex}.account-card__access small{border:1px solid var(--line);color:#475467;border-radius:999px;padding:4px 7px;font-size:.67rem}.account-card__controls{grid-template-columns:minmax(150px,1fr) auto auto;align-items:end;gap:8px;display:grid}.account-card__controls select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:9px;padding:0 34px 0 10px}.account-card__controls button{min-height:44px}.account-card__controls button:disabled,.account-card__controls select:disabled{cursor:not-allowed;opacity:.5}.account-status-button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--accent-strong);white-space:nowrap;background:#fff;padding:0 13px;font-weight:750}.account-status-button.is-danger{color:var(--danger);border-color:#e0b5b5}.last-owner-note{color:var(--warning);grid-column:1/-1;align-items:center;gap:7px;margin:-4px 0 0;font-size:.76rem;display:flex}.admin-loading{border:1px solid var(--line);border-radius:var(--radius-card);color:var(--muted);text-align:center;background:#fff;padding:34px}.admin-access-denied{border:1px solid var(--line);border-radius:var(--radius-card);text-align:center;background:#fff;max-width:600px;margin:56px auto;padding:42px}.admin-access-denied svg{color:var(--warning)}.admin-access-denied h1{margin:14px 0 0}.admin-access-denied p{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.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 18px;line-height:1.7}.access-route-note{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));border-radius:var(--radius-control);background:var(--accent-soft);gap:4px;padding:13px 14px;line-height:1.5;display:grid}.access-route-note strong{color:var(--accent-strong);font-size:.92rem}.access-route-note span{color:var(--text);font-size:.82rem}.access-steps{counter-reset:access-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 22px;padding:0;list-style:none;display:grid}.access-steps li{counter-increment:access-step;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:2px 9px;min-width:0;display:grid}.access-steps li:before{background:var(--surface);width:28px;height:28px;color:var(--accent-strong);content:counter(access-step);border-radius:8px;grid-row:1/3;place-items:center;font-size:.78rem;font-weight:800;display:grid}.access-steps strong{padding-top:2px;font-size:.86rem}.access-steps span{color:var(--muted);grid-column:2;font-size:.76rem;line-height:1.5}.access-panel>.primary-button,.access-panel>.secondary-button{width:100%}.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(--button-primary);background:var(--button-primary);color:var(--button-primary-text)}.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{border:1px solid var(--line);width:42px;height:42px;color:var(--text);background:#fff;border-radius:9px;place-items:center;display:grid}.directory-mobile-trigger{z-index:60;left:12px;top:calc(12px + env(safe-area-inset-top));border:1px solid var(--line);min-height:44px;color:var(--text);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-weight:750;display:inline-flex;position:fixed;box-shadow:0 8px 26px #1c274024}.directory-backdrop{z-index:70;background:#07120d6b;border:0;display:block;position:fixed;inset:0}.app-header{padding-left:142px}.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;gap:8px;min-width:0;padding-right:10px}.wordmark>span:last-child{display:none}.identity-summary{gap:6px}.identity-copy{display:none}.systems-grid,.loading-grid{grid-template-columns:1fr}.system-card{min-height:216px}.portal-intro{flex-direction:column;align-items:flex-start;gap:20px}.portal-intro-actions{flex-direction:column;align-items:flex-start;gap:14px;width:100%}.portal-count{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.section-heading>span{display:none}.lecturer-workspace-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.lecturer-workspace-card .primary-entry{grid-column:1/-1;width:100%}.account-admin__header{flex-direction:column;align-items:flex-start}.admin-summary{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.admin-invite{grid-template-columns:auto minmax(0,1fr)}.admin-invite .secondary-button{grid-column:1/-1;width:100%}.account-list-toolbar{flex-direction:column;align-items:stretch}.account-search{width:100%}.account-card{grid-template-columns:1fr}.account-card__controls{grid-template-columns:1fr 1fr}.account-card__controls label{grid-column:1/-1}.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)}.access-steps{grid-template-columns:1fr}}@media (width<=390px){.wordmark>span:last-child{display:none}.identity-summary{gap:6px}.shell{padding-left:14px;padding-right:14px}}