@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width>=760px){.psu-main{width:min(100%, var(--layout-desktop-max-width));padding-inline:var(--app-shell-desktop-padding);gap:var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-body:Inter, Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Roboto Mono", SFMono-Regular, Consolas, "Liberation Mono", monospace;--type-display-large-size:57px;--type-display-large-line:64px;--type-headline-large-size:32px;--type-headline-large-line:40px;--type-headline-medium-size:28px;--type-headline-medium-line:36px;--type-title-large-size:22px;--type-title-large-line:28px;--type-title-medium-size:16px;--type-title-medium-line:24px;--type-body-large-size:16px;--type-body-large-line:24px;--type-body-medium-size:14px;--type-body-medium-line:20px;--type-label-large-size:14px;--type-label-large-line:20px;--type-label-medium-size:12px;--type-label-medium-line:16px;--type-display-large-weight:700;--type-headline-large-weight:750;--type-headline-medium-weight:750;--type-title-large-weight:750;--type-title-medium-weight:700;--type-body-large-weight:400;--type-body-medium-weight:400;--type-label-large-weight:700;--type-label-medium-weight:650;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:10px;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-xl:38px;--radius-pill:999px;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.26s;--duration-sheet:.28s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--layout-mobile-max-width:460px;--layout-desktop-max-width:1180px;--layout-wide-max-width:1280px;--touch-target-min:44px;--field-height-min:48px;--app-header-mobile-min-height:72px;--app-header-desktop-min-height:64px;--app-shell-mobile-padding:16px;--app-shell-desktop-padding:24px;--shadow-none:none;--shadow-soft:0 10px 32px #1e18281a;--shadow-raised:0 18px 48px #1e182824;--shadow-floating:0 24px 72px #1e18282e;--color-scrim:#00000061;--color-focus-ring:var(--color-primary)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-resolved-mode=dark]{--shadow-soft:0 0 0 1px #ffffff14;--shadow-raised:0 0 0 1px #ffffff1a;--shadow-floating:0 24px 72px #00000073}:root[data-theme=lavender][data-resolved-mode=light]{--color-primary:#6f55c8;--color-on-primary:#fff;--color-primary-container:#e8ddff;--color-on-primary-container:#25104d;--color-secondary:#625b71;--color-on-secondary:#fff;--color-secondary-container:#e8def8;--color-on-secondary-container:#1e192b;--color-tertiary:#805158;--color-on-tertiary:#fff;--color-tertiary-container:#ffd9de;--color-on-tertiary-container:#321017;--color-background:#fffbff;--color-on-background:#1d1b20;--color-surface:#fff;--color-surface-soft:#f5eff8;--color-surface-raised:#fff;--color-on-surface:#1d1b20;--color-on-surface-muted:#6f6877;--color-outline:#1d1b2024;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=lavender][data-resolved-mode=dark]{--color-primary:#cfbdff;--color-on-primary:#3b2377;--color-primary-container:#523b94;--color-on-primary-container:#e8ddff;--color-secondary:#ccc2dc;--color-on-secondary:#332d41;--color-secondary-container:#4a4458;--color-on-secondary-container:#e8def8;--color-tertiary:#f2b7bf;--color-on-tertiary:#4b252b;--color-tertiary-container:#653b42;--color-on-tertiary-container:#ffd9de;--color-background:#15121a;--color-on-background:#f1eaf7;--color-surface:#1e1a24;--color-surface-soft:#282231;--color-surface-raised:#24202b;--color-on-surface:#f1eaf7;--color-on-surface-muted:#c9c0d0;--color-outline:#f1eaf724;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root[data-theme=mint][data-resolved-mode=light]{--color-primary:#006c54;--color-on-primary:#fff;--color-primary-container:#8ff8d4;--color-on-primary-container:#002117;--color-secondary:#4b6358;--color-on-secondary:#fff;--color-secondary-container:#cde9da;--color-on-secondary-container:#082018;--color-tertiary:#3f6375;--color-on-tertiary:#fff;--color-tertiary-container:#c2e8fd;--color-on-tertiary-container:#001f2a;--color-background:#f8fbf7;--color-on-background:#171d1a;--color-surface:#fff;--color-surface-soft:#edf5ef;--color-surface-raised:#fff;--color-on-surface:#171d1a;--color-on-surface-muted:#63706a;--color-outline:#171d1a24;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=mint][data-resolved-mode=dark]{--color-primary:#72dbba;--color-on-primary:#003829;--color-primary-container:#00513e;--color-on-primary-container:#8ff8d4;--color-secondary:#b1ccbe;--color-on-secondary:#1d352b;--color-secondary-container:#344b40;--color-on-secondary-container:#cde9da;--color-tertiary:#a7ccdf;--color-on-tertiary:#0b3445;--color-tertiary-container:#274b5c;--color-on-tertiary-container:#c2e8fd;--color-background:#101512;--color-on-background:#e7f0e9;--color-surface:#191f1b;--color-surface-soft:#202922;--color-surface-raised:#1d241f;--color-on-surface:#e7f0e9;--color-on-surface-muted:#bcc9c0;--color-outline:#e7f0e924;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root[data-theme=sky][data-resolved-mode=light]{--color-primary:#3169c6;--color-on-primary:#fff;--color-primary-container:#d7e2ff;--color-on-primary-container:#001b3f;--color-secondary:#565e71;--color-on-secondary:#fff;--color-secondary-container:#dae2f9;--color-on-secondary-container:#131c2b;--color-tertiary:#705575;--color-on-tertiary:#fff;--color-tertiary-container:#fad8fd;--color-on-tertiary-container:#28132e;--color-background:#fafaff;--color-on-background:#191b20;--color-surface:#fff;--color-surface-soft:#eef3ff;--color-surface-raised:#fff;--color-on-surface:#191b20;--color-on-surface-muted:#626a78;--color-outline:#191b2024;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=sky][data-resolved-mode=dark]{--color-primary:#a9c7ff;--color-on-primary:#003064;--color-primary-container:#0f4d9c;--color-on-primary-container:#d7e2ff;--color-secondary:#bec6dc;--color-on-secondary:#283141;--color-secondary-container:#3e4759;--color-on-secondary-container:#dae2f9;--color-tertiary:#ddbce0;--color-on-tertiary:#3f2845;--color-tertiary-container:#573e5d;--color-on-tertiary-container:#fad8fd;--color-background:#101318;--color-on-background:#e9ecf4;--color-surface:#181c22;--color-surface-soft:#202631;--color-surface-raised:#1d222a;--color-on-surface:#e9ecf4;--color-on-surface-muted:#c1c7d4;--color-outline:#e9ecf424;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root[data-theme=amber][data-resolved-mode=light]{--color-primary:#8a5100;--color-on-primary:#fff;--color-primary-container:#ffddb0;--color-on-primary-container:#2c1600;--color-secondary:#735a3d;--color-on-secondary:#fff;--color-secondary-container:#feddbb;--color-on-secondary-container:#2a1703;--color-tertiary:#59633f;--color-on-tertiary:#fff;--color-tertiary-container:#dde8bd;--color-on-tertiary-container:#171e05;--color-background:#fff8f1;--color-on-background:#211a13;--color-surface:#fff;--color-surface-soft:#f8eee3;--color-surface-raised:#fff;--color-on-surface:#211a13;--color-on-surface-muted:#75695d;--color-outline:#211a1324;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=amber][data-resolved-mode=dark]{--color-primary:#ffb95c;--color-on-primary:#482900;--color-primary-container:#683c00;--color-on-primary-container:#ffddb0;--color-secondary:#e2c19f;--color-on-secondary:#402c16;--color-secondary-container:#59422b;--color-on-secondary-container:#feddbb;--color-tertiary:#c1cc9f;--color-on-tertiary:#2c3416;--color-tertiary-container:#424b2b;--color-on-tertiary-container:#dde8bd;--color-background:#18130e;--color-on-background:#f2e6d9;--color-surface:#221b14;--color-surface-soft:#2c241b;--color-surface-raised:#271f17;--color-on-surface:#f2e6d9;--color-on-surface-muted:#d0c1b1;--color-outline:#f2e6d924;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root[data-theme=rose][data-resolved-mode=light]{--color-primary:#9b4057;--color-on-primary:#fff;--color-primary-container:#ffd9e1;--color-on-primary-container:#3f0017;--color-secondary:#75565f;--color-on-secondary:#fff;--color-secondary-container:#ffd9e1;--color-on-secondary-container:#2b151c;--color-tertiary:#7b5732;--color-on-tertiary:#fff;--color-tertiary-container:#ffddba;--color-on-tertiary-container:#2b1700;--color-background:#fff8f8;--color-on-background:#21191b;--color-surface:#fff;--color-surface-soft:#faeef1;--color-surface-raised:#fff;--color-on-surface:#21191b;--color-on-surface-muted:#75666a;--color-outline:#21191b24;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=rose][data-resolved-mode=dark]{--color-primary:#ffb1c3;--color-on-primary:#5f112b;--color-primary-container:#7d2941;--color-on-primary-container:#ffd9e1;--color-secondary:#e4bdc6;--color-on-secondary:#432931;--color-secondary-container:#5b3f47;--color-on-secondary-container:#ffd9e1;--color-tertiary:#edbf8f;--color-on-tertiary:#472a08;--color-tertiary-container:#60401d;--color-on-tertiary-container:#ffddba;--color-background:#181113;--color-on-background:#f2e6e8;--color-surface:#21191b;--color-surface-soft:#2b2225;--color-surface-raised:#271e21;--color-on-surface:#f2e6e8;--color-on-surface-muted:#d3c1c5;--color-outline:#f2e6e824;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root[data-theme=graphite][data-resolved-mode=light]{--color-primary:#56616f;--color-on-primary:#fff;--color-primary-container:#d9e3f2;--color-on-primary-container:#121c27;--color-secondary:#5d6269;--color-on-secondary:#fff;--color-secondary-container:#e1e5ec;--color-on-secondary-container:#1a1c20;--color-tertiary:#6a5d73;--color-on-tertiary:#fff;--color-tertiary-container:#f1dbfa;--color-on-tertiary-container:#24162e;--color-background:#faf9fb;--color-on-background:#191c20;--color-surface:#fff;--color-surface-soft:#f0f1f4;--color-surface-raised:#fff;--color-on-surface:#191c20;--color-on-surface-muted:#656b73;--color-outline:#191c2024;--color-success:#108981;--color-on-success:#fff;--color-success-container:#c8f4ea;--color-on-success-container:#00201c;--color-warning:#a05a00;--color-on-warning:#fff;--color-warning-container:#ffddb1;--color-on-warning-container:#321800;--color-danger:#ba1a1a;--color-on-danger:#fff;--color-danger-container:#ffdad6;--color-on-danger-container:#410002;--color-info:#3169c6;--color-on-info:#fff;--color-info-container:#d7e2ff;--color-on-info-container:#001b3f;--color-focus-ring:var(--color-primary)}:root[data-theme=graphite][data-resolved-mode=dark]{--color-primary:#bec7d5;--color-on-primary:#28313d;--color-primary-container:#3e4754;--color-on-primary-container:#d9e3f2;--color-secondary:#c5c9d0;--color-on-secondary:#2e3238;--color-secondary-container:#454a51;--color-on-secondary-container:#e1e5ec;--color-tertiary:#d5bedc;--color-on-tertiary:#3a2941;--color-tertiary-container:#514459;--color-on-tertiary-container:#f1dbfa;--color-background:#101316;--color-on-background:#e3e6eb;--color-surface:#191c20;--color-surface-soft:#22262b;--color-surface-raised:#1e2227;--color-on-surface:#e3e6eb;--color-on-surface-muted:#c4c7cd;--color-outline:#e3e6eb24;--color-success:#7bddd1;--color-on-success:#003733;--color-success-container:#00504b;--color-on-success-container:#c8f4ea;--color-warning:#ffb95c;--color-on-warning:#4a2800;--color-warning-container:#6d3b00;--color-on-warning-container:#ffddb1;--color-danger:#ffb4ab;--color-on-danger:#690005;--color-danger-container:#93000a;--color-on-danger-container:#ffdad6;--color-info:#a9c7ff;--color-on-info:#003064;--color-info-container:#0f4d9c;--color-on-info-container:#d7e2ff;--color-focus-ring:var(--color-primary)}:root:not([data-theme]){--color-primary:#6f55c8;--color-on-primary:#fff;--color-primary-container:#e8ddff;--color-on-primary-container:#25104d;--color-secondary:#625b71;--color-on-secondary:#fff;--color-secondary-container:#e8def8;--color-on-secondary-container:#1e192b;--color-tertiary:#805158;--color-on-tertiary:#fff;--color-tertiary-container:#ffd9de;--color-on-tertiary-container:#321017;--color-background:#fffbff;--color-on-background:#1d1b20;--color-surface:#fff;--color-surface-soft:#f5eff8;--color-surface-raised:#fff;--color-on-surface:#1d1b20;--color-on-surface-muted:#6f6877;--color-outline:#1d1b2024}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);min-height:100%;color:var(--color-on-background);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;accent-color:var(--color-primary)}html[data-resolved-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-resolved-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 12% -10%, color-mix(in srgb, var(--color-primary-container) 55%, transparent), transparent 30rem), radial-gradient(circle at 95% 8%, color-mix(in srgb, var(--color-tertiary-container) 38%, transparent), transparent 26rem), var(--color-background);min-height:100vh;color:var(--color-on-background);font-family:var(--font-body);font-size:var(--type-body-large-size);line-height:var(--type-body-large-line);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}img,svg{max-width:100%;display:block}a{color:var(--color-primary);text-underline-offset:.18em;text-decoration-thickness:.08em}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}::selection{background:var(--color-primary-container);color:var(--color-on-primary-container)}.psu-visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.psu-app-shell{flex-direction:column;min-height:100vh;display:flex}.psu-main{width:min(100%, var(--layout-mobile-max-width));padding:var(--space-3) var(--app-shell-mobile-padding) calc(var(--space-6) + env(safe-area-inset-bottom));gap:var(--space-4);flex-direction:column;margin-inline:auto;display:flex}.psu-desktop-main{width:min(100%, var(--layout-desktop-max-width));padding:var(--space-6) var(--app-shell-desktop-padding) calc(var(--space-8) + env(safe-area-inset-bottom));gap:var(--space-4);margin-inline:auto;display:grid}@media (width>=760px){.psu-main{width:min(100%, var(--layout-desktop-max-width));padding-inline:var(--app-shell-desktop-padding);gap:var(--space-5)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.psu-app-header{z-index:50;padding-block-start:env(safe-area-inset-top);padding-inline:var(--space-4);background:color-mix(in srgb, var(--color-background) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard);border-block-end:1px solid #0000;padding-block-end:var(--space-2);position:sticky;inset-block-start:0}.psu-app-header.is-scrolled{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-block-end-color:var(--color-outline)}.psu-app-header__inner{min-height:64px;width:min(100%, var(--layout-desktop-max-width));align-items:center;gap:var(--space-3);margin-inline:auto;display:flex}.psu-app-symbol{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-outline) 60%, transparent);background:var(--color-primary-container);block-size:42px;inline-size:42px;color:var(--color-on-primary-container);flex:none;place-items:center;display:grid}.psu-app-symbol svg,.psu-app-symbol img{block-size:26px;inline-size:26px}.psu-app-symbol img{object-fit:contain;border-radius:var(--radius-xs)}.psu-app-symbol [data-psu-fallback-symbol]{display:none}.psu-app-symbol.psu-logo-missing [data-psu-fallback-symbol]{display:block}.psu-app-symbol.psu-logo-missing [data-psu-app-logo]{display:none}.psu-logo-frame{border-radius:var(--radius-lg);border:1px solid var(--color-outline);background:var(--color-primary-container);block-size:72px;inline-size:72px;color:var(--color-on-primary-container);place-items:center;display:grid;overflow:hidden}.psu-logo-frame img,.psu-logo-frame svg{object-fit:contain;block-size:48px;inline-size:48px}.psu-logo-frame [data-psu-fallback-symbol]{display:none}.psu-logo-frame.psu-logo-missing [data-psu-fallback-symbol]{display:block}.psu-logo-frame.psu-logo-missing [data-psu-app-logo]{display:none}.psu-app-title-stack{flex-direction:column;min-width:0;display:flex}.psu-app-title{color:var(--color-on-background);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:750;line-height:22px;overflow:hidden}.psu-app-subtitle{color:var(--color-on-surface-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:550;line-height:18px;overflow:hidden}.psu-spacer{flex:auto}.psu-avatar-button,.psu-icon-button{min-inline-size:var(--touch-target-min);min-block-size:var(--touch-target-min);border-radius:var(--radius-pill);color:var(--color-on-surface);transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.psu-icon-button:hover{background:var(--color-surface-soft)}.psu-icon-button:active,.psu-avatar-button:active{transform:scale(.98)}.psu-icon-button svg{block-size:24px;inline-size:24px}.psu-avatar-button{background:var(--color-primary);block-size:44px;inline-size:44px;color:var(--color-on-primary);border:3px solid var(--color-background);font-size:17px;font-weight:750;overflow:hidden}.psu-avatar-button img{object-fit:cover;block-size:100%;inline-size:100%}.psu-button{min-block-size:44px;padding-inline:var(--space-5);border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--type-label-large-size);line-height:var(--type-label-large-line);letter-spacing:.01em;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);border:1px solid #0000;font-weight:750;text-decoration:none;display:inline-flex}.psu-button:active{transform:scale(.98)}.psu-button svg{block-size:20px;inline-size:20px}.psu-button--filled{background:var(--color-primary);color:var(--color-on-primary)}.psu-button--tonal{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.psu-button--outlined{border-color:var(--color-outline);color:var(--color-primary);background:0 0}.psu-button--text{color:var(--color-primary);padding-inline:var(--space-3);background:0 0}.psu-button--danger{background:var(--color-danger);color:var(--color-on-danger)}.psu-button--full{inline-size:100%}.psu-card,.psu-hero-card,.psu-tonal-card,.psu-technical-card{border:1px solid var(--color-outline);color:var(--color-on-surface);overflow:hidden}.psu-card{border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5)}.psu-tonal-card{border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:var(--space-5)}.psu-hero-card{border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-primary-container), color-mix(in srgb, var(--color-surface-soft) 72%, var(--color-primary-container)));color:var(--color-on-primary-container);padding:var(--space-6);box-shadow:var(--shadow-soft)}.psu-technical-card{border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:var(--space-4);font-size:13px;line-height:18px}.psu-technical-value{font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--color-on-surface);font-size:12px}.psu-card-title{margin:0 0 var(--space-2);font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-line);font-weight:750}.psu-card-text{color:var(--color-on-surface-muted);font-size:var(--type-body-medium-size);line-height:var(--type-body-medium-line);margin:0}.psu-card-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.psu-list{gap:var(--space-2);display:grid}.psu-list-row{min-block-size:56px;border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-on-surface);align-items:center;gap:var(--space-3);text-align:start;transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);background:0 0;border:0;grid-template-columns:32px 1fr auto;display:grid}.psu-list-row:hover{background:var(--color-surface-soft)}.psu-list-row:active{transform:scale(.99)}.psu-list-row__icon{color:var(--color-primary)}.psu-list-row__label{font-size:17px;font-weight:650;line-height:22px}.psu-list-row__support{color:var(--color-on-surface-muted);font-size:13px;line-height:18px}.psu-field{gap:var(--space-2);display:grid}.psu-label{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);letter-spacing:.04em;font-weight:700}.psu-input,.psu-search-field{min-block-size:var(--field-height-min);border-radius:var(--radius-md);border:1px solid var(--color-outline);background:var(--color-surface);inline-size:100%;color:var(--color-on-surface);padding-inline:var(--space-4)}.psu-input::placeholder,.psu-search-field::placeholder{color:var(--color-on-surface-muted)}.psu-input[aria-invalid=true]{border-color:var(--color-danger)}.psu-chip-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.psu-chip{min-block-size:32px;padding-inline:var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-on-surface);align-items:center;gap:var(--space-2);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);font-weight:700;display:inline-flex}.psu-chip[aria-pressed=true],.psu-chip.is-selected{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:#0000}.psu-segmented-control{min-block-size:44px;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-soft);gap:var(--space-1);grid-auto-flow:column;display:inline-grid}.psu-segmented-control button{min-block-size:var(--touch-target-min);padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--color-on-surface-muted);font-size:var(--type-label-large-size);background:0 0;border:0;font-weight:750}.psu-segmented-control button[aria-selected=true]{background:var(--color-surface-raised);color:var(--color-on-surface);box-shadow:var(--shadow-soft)}.psu-backdrop{z-index:100;background:var(--color-scrim);padding:var(--space-4);place-items:end center;display:grid;position:fixed;inset:0}.psu-backdrop[hidden]{display:none}.psu-sheet,.psu-center-sheet,.psu-dialog{border-radius:var(--radius-xl);border:1px solid var(--color-outline);background:var(--color-surface-raised);inline-size:min(100%,430px);color:var(--color-on-surface);box-shadow:var(--shadow-floating);padding:var(--space-5)}.psu-bottom-sheet{inline-size:min(100%,460px);border-end-end-radius:0;border-end-start-radius:0;padding-block-end:calc(var(--space-5) + env(safe-area-inset-bottom))}.psu-sheet-handle{border-radius:var(--radius-pill);background:var(--color-outline);block-size:4px;inline-size:36px;margin:0 auto var(--space-4)}.psu-sheet-header{align-items:center;gap:var(--space-2);grid-template-columns:44px 1fr 44px;min-block-size:48px;display:grid}.psu-sheet-title{text-align:center;color:var(--color-primary);margin:0;font-size:20px;font-weight:750;line-height:26px}.psu-account-card{margin-block:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-soft);padding:var(--space-4);align-items:center;gap:var(--space-4);grid-template-columns:64px 1fr;display:grid}.psu-account-avatar{border-radius:var(--radius-pill);background:var(--color-primary);block-size:64px;inline-size:64px;color:var(--color-on-primary);place-items:center;font-size:24px;font-weight:800;display:grid;overflow:hidden}.psu-account-name{font-size:var(--type-title-large-size);line-height:var(--type-title-large-line);margin:0;font-weight:780}.psu-account-id{color:var(--color-on-surface-muted);font-size:var(--type-body-medium-size);line-height:var(--type-body-medium-line);margin:0}.psu-bottom-nav{z-index:40;width:min(100%, var(--layout-mobile-max-width));padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-background) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block-start:1px solid var(--color-outline);grid-template-columns:repeat(var(--psu-nav-count,3), 1fr);gap:var(--space-2);margin-inline:auto;display:grid;position:sticky;inset-block-end:0}.psu-bottom-nav a,.psu-bottom-nav button{border-radius:var(--radius-pill);min-block-size:48px;color:var(--color-on-surface-muted);background:0 0;border:0;place-items:center;font-size:11px;font-weight:700;text-decoration:none;display:grid}.psu-bottom-nav [aria-current=page]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.psu-desktop-grid{gap:var(--space-4);grid-template-columns:repeat(12,1fr);display:grid}.psu-col-4{grid-column:span 4}.psu-col-6{grid-column:span 6}.psu-col-8{grid-column:span 8}.psu-col-12{grid-column:span 12}@media (width<=759px){.psu-desktop-grid{flex-direction:column;display:flex}.psu-col-4,.psu-col-6,.psu-col-8,.psu-col-12{grid-column:auto}}.psu-setup-screen{min-block-size:100dvh;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--color-primary-container) 42%, transparent) 0, transparent 34%), radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--color-tertiary-container) 34%, transparent) 0, transparent 30%), var(--color-background);place-items:center;display:grid}.psu-register-window,.psu-auth-window,.psu-setup-error-window{border-radius:var(--radius-xl);border:1px solid var(--color-outline);background:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);inline-size:min(100%,460px);color:var(--color-on-surface);box-shadow:var(--shadow-floating);padding:var(--space-6)}.psu-setup-brand{text-align:center;justify-items:center;gap:var(--space-3);margin-block-end:var(--space-6);display:grid}.psu-setup-logo{border-radius:var(--radius-xl);background:var(--color-primary-container);block-size:72px;inline-size:72px;color:var(--color-on-primary-container);place-items:center;display:grid;overflow:hidden}.psu-setup-logo img{object-fit:contain;block-size:100%;inline-size:100%;padding:10px}.psu-setup-logo svg{block-size:36px;inline-size:36px}.psu-setup-title{font-size:var(--type-headline-medium-size);line-height:var(--type-headline-medium-line);font-weight:var(--type-headline-medium-weight);margin:0}.psu-setup-subtitle{color:var(--color-on-surface-muted);font-size:var(--type-body-medium-size);line-height:var(--type-body-medium-line);margin:0}.psu-form-stack{gap:var(--space-4);display:grid}.psu-password-requirements{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);margin:0}.psu-password-requirements ul{margin:var(--space-2) 0 0;padding-inline-start:var(--space-5)}.psu-field-error{color:var(--color-danger);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line)}.psu-setup-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;margin-block-start:var(--space-5);display:flex}.psu-setup-footnote{margin:var(--space-5) 0 0;color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);text-align:center}.psu-env-table{border-collapse:collapse;width:100%;font-size:var(--type-body-medium-size)}.psu-env-table th,.psu-env-table td{padding:var(--space-2);border-block-end:1px solid var(--color-outline);text-align:start;vertical-align:top}.psu-env-table code{font-family:var(--font-mono);font-size:.92em}@media (width<=480px){.psu-register-window,.psu-auth-window,.psu-setup-error-window{padding:var(--space-5);border-radius:var(--radius-lg)}.psu-setup-actions{flex-direction:column-reverse}.psu-setup-actions .psu-button{inline-size:100%}}:root{--app-header-height:72px;--navigation-rail-width:108px}h1,h2,h3,p{margin-block-start:0}h1{font-size:var(--type-headline-large-size);line-height:var(--type-headline-large-line);letter-spacing:-.03em;margin-block-end:var(--space-2)}h2{font-size:var(--type-title-large-size);line-height:var(--type-title-large-line);letter-spacing:-.015em;margin-block-end:var(--space-2)}h3{font-size:var(--type-title-medium-size);line-height:var(--type-title-medium-line);margin-block-end:var(--space-1)}p{margin-block-end:0}.button,.icon-button,.avatar-button{color:inherit;-webkit-tap-highlight-color:transparent;border:0}.button{border-radius:var(--radius-pill);min-height:44px;padding:var(--space-2) var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--type-label-large-size);line-height:var(--type-label-large-line);font-weight:750;transition:transform .16s,background-color .16s,opacity .16s;display:inline-flex}.button:active:not(:disabled),.icon-button:active:not(:disabled),.avatar-button:active:not(:disabled){transform:scale(.97)}.button svg{width:20px;height:20px}.button-filled{background:var(--color-primary);color:var(--color-on-primary)}.button-tonal{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.button-outlined{color:var(--color-primary);border:1px solid var(--color-outline);background:0 0}.button-text{color:var(--color-primary);padding-inline:var(--space-3);background:0 0}.button-danger{background:var(--color-danger);color:var(--color-on-danger)}.button-row{align-items:center;gap:var(--space-2);display:flex}.button-row.wrap{flex-wrap:wrap}.icon-button,.avatar-button{border-radius:var(--radius-pill);background:0 0;flex:0 0 44px;place-items:center;width:44px;height:44px;transition:transform .16s,background-color .16s;display:grid}.icon-button:hover{background:var(--color-surface-soft)}.icon-button.tonal{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.danger-icon{color:var(--color-danger)}.avatar-button{background:var(--color-primary);color:var(--color-on-primary);font-weight:800;font-size:var(--type-label-large-size)}.app-layout{padding-top:var(--app-header-height)}.app-header{z-index:30;min-height:calc(var(--app-header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--color-background) 88%, transparent);border-bottom:1px solid var(--color-outline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;inset:0 0 auto}.header-inner{min-height:var(--app-header-height);width:min(100%, var(--layout-wide-max-width));padding-inline:var(--app-shell-mobile-padding);align-items:center;gap:var(--space-3);margin-inline:auto;display:flex}.app-logo{flex:0 0 42px}.app-identity{min-width:0;display:grid}.app-identity strong{font-size:18px;font-weight:800;line-height:22px}.app-identity span{color:var(--color-on-surface-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;overflow:hidden}.header-spacer{flex:auto}.app-main{width:min(100%, var(--layout-wide-max-width));padding-bottom:calc(104px + env(safe-area-inset-bottom))}.page-enter{gap:var(--space-4);animation:.22s both page-enter;display:grid}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}}.navigation-rail{display:none}.bottom-nav{z-index:25;inset:auto var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));min-height:72px;padding:var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:var(--space-1);grid-template-columns:repeat(4,1fr);display:grid;position:fixed}.bottom-nav button{border-radius:var(--radius-lg);min-width:0;min-height:56px;color:var(--color-on-surface-muted);background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:11px;font-weight:700;display:grid}.bottom-nav button span{padding:2px var(--space-4);border-radius:var(--radius-pill)}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.active{color:var(--color-on-primary-container)}.bottom-nav button.active span{background:var(--color-primary-container)}.hero-card,.content-card,.status-card,.forwarded-strip,.port-list,.empty-state{border:1px solid var(--color-outline);background:var(--color-surface);box-shadow:var(--shadow-soft)}.hero-card{min-height:220px;padding:var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-primary-container), color-mix(in srgb, var(--color-tertiary-container) 36%, var(--color-surface-soft)));color:var(--color-on-primary-container);align-items:center;gap:var(--space-5);display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface-raised) 36%, transparent);width:280px;height:280px;position:absolute;top:-150px;right:-120px}.hero-card.offline{background:linear-gradient(145deg, var(--color-surface-soft), var(--color-secondary-container))}.hero-status-icon,.connection-orb{border-radius:var(--radius-xl);background:var(--color-surface-raised);width:80px;height:80px;color:var(--color-primary);box-shadow:var(--shadow-soft);place-items:center;display:grid}.hero-status-icon svg,.connection-orb svg{width:42px;height:42px}.hero-copy{z-index:1;position:relative}.hero-copy h1,.hero-copy h2{margin-bottom:var(--space-1)}.hero-copy p{color:color-mix(in srgb, currentColor 75%, transparent)}.eyebrow{margin-bottom:var(--space-1);color:var(--color-primary);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:block}.hero-card .eyebrow{color:currentColor;opacity:.72}.hero-actions{z-index:1;align-items:center;gap:var(--space-2);display:flex;position:relative}.stale-warning,.last-updated{margin-top:var(--space-2);align-items:center;gap:var(--space-1);font-size:var(--type-label-medium-size);display:flex}.stale-warning{color:var(--color-on-warning-container);font-weight:700}.stale-warning svg{width:16px;height:16px}.last-updated{opacity:.7}.dashboard-grid{gap:var(--space-3);display:grid}.status-card{min-height:112px;padding:var(--space-4);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);display:flex}.card-icon,.port-icon{border-radius:var(--radius-md);background:var(--color-primary-container);width:48px;height:48px;color:var(--color-on-primary-container);flex:0 0 48px;place-items:center;display:grid}.card-heading{gap:var(--space-1);flex:1;min-width:0;display:grid}.card-heading span{color:var(--color-on-surface-muted);font-size:var(--type-label-large-size)}.card-heading strong{overflow-wrap:anywhere}.technical-value,.technical-card dd,.code-block,.code-input{font-family:var(--font-mono)}.status-dot{border-radius:var(--radius-pill);background:var(--color-outline);width:11px;height:11px}.status-dot.success{background:var(--color-success)}.status-dot.warning{background:var(--color-warning)}.content-card{padding:var(--space-5);border-radius:var(--radius-lg)}.content-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.content-card-header>svg{color:var(--color-primary)}.content-card-header h2{margin-bottom:0}.muted{color:var(--color-on-surface-muted)}.activity-list{display:grid}.activity-row{min-height:62px;padding-block:var(--space-2);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-outline);grid-template-columns:auto 1fr auto;display:grid}.activity-row:last-child{border-bottom:0}.activity-mark{border-radius:var(--radius-pill);background:var(--color-outline);width:10px;height:10px}.activity-mark.success{background:var(--color-success)}.activity-mark.warning{background:var(--color-warning)}.activity-row div{min-width:0;display:grid}.activity-row strong{text-transform:capitalize}.activity-row span{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size)}.activity-result{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-soft);text-transform:capitalize}.inline-banner{min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-info-container);color:var(--color-on-info-container);align-items:center;gap:var(--space-2);display:flex}.inline-banner>svg{flex:0 0 22px}.inline-banner>span,.inline-banner>div{flex:1}.inline-banner>div{display:grid}.inline-banner.warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.inline-banner.success{background:var(--color-success-container);color:var(--color-on-success-container)}.page-banner{padding:var(--space-4);align-items:flex-start}.page-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-heading h1{margin-bottom:var(--space-1)}.page-heading p{max-width:760px;color:var(--color-on-surface-muted)}.control-hero{min-height:240px}.connection-orb.running{color:var(--color-success)}.connection-orb.stopped{color:var(--color-warning)}.control-actions{z-index:1;gap:var(--space-2);flex-wrap:wrap;display:flex;position:relative}.control-grid{grid-template-columns:1fr}.control-grid .content-card{flex-direction:column;display:flex}.control-grid .content-card>.button,.control-grid .content-card>.button-row{align-self:flex-start;margin-top:auto}.code-block{max-width:100%;max-height:520px;padding:var(--space-4);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface-soft);color:var(--color-on-surface);white-space:pre;tab-size:2;margin:0;font-size:12px;line-height:20px;overflow:auto}.code-block.compact{max-height:300px}.empty-state{min-height:360px;padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;align-content:center;place-items:center;gap:var(--space-3);display:grid}.empty-state>svg{width:52px;height:52px;color:var(--color-primary)}.empty-state h1,.empty-state h2,.empty-state p{margin:0}.empty-state p{max-width:460px;color:var(--color-on-surface-muted)}.empty-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.empty-note{max-width:520px;color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line)}.empty-logo{border-radius:var(--radius-xl);width:96px;height:96px;overflow:hidden}.empty-logo img{object-fit:cover;width:100%;height:100%}.compact-empty{min-height:300px}.forwarded-strip{min-height:82px;padding:var(--space-4);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.forwarded-strip>div{align-items:center;gap:var(--space-3);display:flex}.forwarded-strip>div>svg{color:var(--color-primary)}.forwarded-strip div div{display:grid}.forwarded-strip span{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size)}.status-pill{min-height:28px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-on-surface);font-size:var(--type-label-medium-size);align-items:center;font-weight:750;display:inline-flex}.status-pill.success{background:var(--color-success-container);color:var(--color-on-success-container)}.port-list{border-radius:var(--radius-lg);overflow:hidden}.port-table-head{display:none}.port-row{min-height:128px;padding:var(--space-4);gap:var(--space-3);border-bottom:1px solid var(--color-outline);grid-template-columns:1fr 1fr;display:grid}.port-row:last-child{border-bottom:0}.port-primary{align-items:center;gap:var(--space-3);grid-column:1/-1;min-width:0;display:flex}.port-primary div{min-width:0;display:grid}.port-primary span{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);overflow-wrap:anywhere}.port-row>div[data-label]:before{content:attr(data-label);color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);display:block}.port-actions{justify-content:flex-end;gap:var(--space-1);grid-column:1/-1;display:flex}.assistant-heading{align-items:center}.safety-badge,.validation-chip{min-height:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-success-container);color:var(--color-on-success-container);align-items:center;gap:var(--space-1);white-space:nowrap;font-size:var(--type-label-medium-size);font-weight:750;display:inline-flex}.safety-badge svg,.validation-chip svg{width:17px;height:17px}.validation-chip.warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.assistant-layout{gap:var(--space-4);display:grid}.task-panel h2{margin-bottom:var(--space-3)}.task-list{gap:var(--space-1);display:grid}.task-list button{width:100%;min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-on-surface);align-items:center;gap:var(--space-2);text-align:left;font-size:var(--type-body-medium-size);background:0 0;border:0;grid-template-columns:auto 1fr auto;display:grid}.task-list button:hover{background:var(--color-surface-soft)}.task-list button.active{background:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:750}.task-list button svg{width:20px;height:20px}.task-list button svg:last-child{width:16px;height:16px}.assistant-form{align-content:start;gap:var(--space-4);display:grid}.tonal-form-group{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-soft);gap:var(--space-3);display:grid}.tonal-form-group h3{margin:0}.assistant-options{gap:var(--space-2);display:grid}.warning-switch{color:var(--color-warning)}.generate-button{justify-self:end}.result-panel{gap:var(--space-4);display:grid}.result-section h2{margin-bottom:var(--space-3)}.code-tabs{margin-bottom:var(--space-3);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-soft);max-width:100%;display:inline-flex;overflow-x:auto}.code-tabs button{min-height:44px;padding-inline:var(--space-4);border-radius:var(--radius-pill);color:var(--color-on-surface-muted);white-space:nowrap;background:0 0;border:0;font-weight:700}.code-tabs button.active{background:var(--color-surface-raised);color:var(--color-on-surface);box-shadow:var(--shadow-soft)}.snippet-card .button-row{margin-top:var(--space-3)}.steps-list{padding-left:var(--space-6);gap:var(--space-3);margin:0;display:grid}.warning-card{background:var(--color-warning-container);color:var(--color-on-warning-container)}.warning-card .content-card-header>svg{color:currentColor}.warning-card ul{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.text-field,.select-field{gap:var(--space-2);display:grid}.text-field>span,.select-field>span,.field-label{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);line-height:var(--type-label-medium-line);letter-spacing:.035em;font-weight:750}.text-field input,.text-field textarea,.select-field select{width:100%;min-height:var(--field-height-min);border:1px solid var(--color-outline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);color:var(--color-on-surface);outline:none}.text-field textarea{resize:vertical}.text-field input:focus,.text-field textarea:focus,.select-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent)}.text-field small{color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size)}.field-grid{gap:var(--space-3);display:grid}.switch-row{align-items:center;gap:var(--space-3);min-height:48px;font-size:var(--type-body-medium-size);font-weight:650;display:flex}.switch-row input{appearance:none;border:1px solid var(--color-outline);border-radius:var(--radius-pill);background:var(--color-surface-soft);width:48px;height:28px;margin:0;transition:background-color .16s;position:relative}.switch-row input:after{content:"";border-radius:var(--radius-pill);background:var(--color-on-surface-muted);width:20px;height:20px;transition:transform .16s,background-color .16s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--color-primary)}.switch-row input:checked:after{background:var(--color-on-primary);transform:translate(20px)}.segmented-control{min-height:48px;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-soft);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.segmented-control button{border-radius:var(--radius-pill);min-height:44px;padding-inline:var(--space-3);color:var(--color-on-surface-muted);white-space:nowrap;font-size:var(--type-label-large-size);background:0 0;border:0;font-weight:700}.segmented-control button.active{background:var(--color-surface-raised);color:var(--color-on-surface);box-shadow:var(--shadow-soft)}.sheet-backdrop,.dialog-backdrop{z-index:80;padding:var(--space-3);background:var(--color-scrim);justify-content:center;align-items:flex-end;animation:.16s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{width:min(100%,620px);max-height:calc(100vh - env(safe-area-inset-top) - var(--space-6));border:1px solid var(--color-outline);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));background:var(--color-surface-raised);box-shadow:var(--shadow-floating);flex-direction:column;animation:.22s both sheet-up;display:flex;overflow:hidden}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.sheet-handle{width:38px;height:4px;margin:0 auto var(--space-2);border-radius:var(--radius-pill);background:var(--color-outline)}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;display:flex}.sheet-header h2{margin:0}.sheet-content{padding-block:var(--space-2);gap:var(--space-4);display:grid;overflow-y:auto}.sheet-section{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-soft);gap:var(--space-3);display:grid}.section-title{align-items:flex-start;gap:var(--space-3);display:flex}.section-title>svg{color:var(--color-primary);flex:0 0 24px}.section-title h3,.section-title p{margin:0}.section-title p{color:var(--color-on-surface-muted);font-size:var(--type-body-medium-size)}.profile-summary{background:var(--color-primary-container);color:var(--color-on-primary-container);grid-template-columns:auto 1fr;align-items:center}.profile-avatar{border-radius:var(--radius-pill);background:var(--color-primary);width:58px;height:58px;color:var(--color-on-primary);place-items:center;font-weight:800;display:grid}.profile-summary>div:last-child{display:grid}.profile-summary span{opacity:.75}.theme-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.theme-option{min-height:48px;padding:var(--space-2);border:1px solid var(--color-outline);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-on-surface);align-items:center;gap:var(--space-2);font-size:var(--type-label-large-size);font-weight:700;display:flex}.theme-option>span{border-radius:var(--radius-pill);background:var(--color-primary);border:4px solid var(--color-primary-container);width:20px;height:20px}.theme-option.selected{border-color:var(--color-primary);background:var(--color-primary-container);color:var(--color-on-primary-container)}.technical-card{padding:var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-raised) 72%, var(--color-surface-soft));border:1px solid var(--color-outline);font-size:var(--type-body-medium-size)}.technical-card dl{margin:0;display:grid}.technical-card dl div{min-height:40px;padding-block:var(--space-2);gap:var(--space-2);border-bottom:1px solid var(--color-outline);grid-template-columns:minmax(100px,.7fr) 1fr;display:grid}.technical-card dl div:last-child{border-bottom:0}.technical-card dt{color:var(--color-on-surface-muted)}.technical-card dd{text-align:right;overflow-wrap:anywhere;margin:0}.technical-card code{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.about-identity{align-items:center;gap:var(--space-3);display:flex}.about-identity h3,.about-identity p{margin:0}.about-identity p{color:var(--color-on-surface-muted);font-size:var(--type-body-medium-size)}.sign-out-button{width:100%;color:var(--color-danger)}.dialog-backdrop{align-items:center}.dialog-card{width:min(100%,480px);max-height:min(720px, calc(100vh - var(--space-8)));border:1px solid var(--color-outline);border-radius:var(--radius-xl);padding:var(--space-5);background:var(--color-surface-raised);box-shadow:var(--shadow-floating);animation:.18s both dialog-in;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:scale(.97)}}.dialog-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog-heading h2{margin:0}.dialog-content{padding-block:var(--space-4)}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.dialog-warning{align-items:flex-start;gap:var(--space-3);display:flex}.dialog-warning svg{color:var(--color-warning);flex:0 0 24px}.auth-page,.loading-page{min-height:100vh;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-window{width:min(100%, var(--layout-mobile-max-width));padding:var(--space-6);border:1px solid var(--color-outline);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);gap:var(--space-4);display:grid}.login-window{max-width:var(--layout-mobile-max-width)}.auth-logo,.loading-logo{border-radius:var(--radius-xl);width:86px;height:86px;box-shadow:var(--shadow-soft);margin-inline:auto;overflow:hidden}.auth-logo img,.loading-logo img{object-fit:cover;width:100%;height:100%}.auth-heading{text-align:center}.auth-heading h1{margin-bottom:var(--space-2);font-size:var(--type-headline-medium-size);line-height:var(--type-headline-medium-line);font-weight:var(--type-headline-medium-weight)}.auth-window .field-grid{grid-template-columns:1fr}.auth-heading p,.auth-note{color:var(--color-on-surface-muted)}.auth-submit{width:100%}.auth-note{text-align:center;font-size:var(--type-label-medium-size);margin:0}.status-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-pill);place-items:center;display:grid}.status-icon.warning{background:var(--color-warning-container);color:var(--color-on-warning-container)}.loading-page{align-content:center;gap:var(--space-4);color:var(--color-on-surface-muted);font-weight:700}.loading-logo{animation:1.8s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.82;transform:scale(1.04)}}.toast-host{z-index:120;inset:auto var(--space-4) calc(96px + env(safe-area-inset-bottom));justify-content:center;gap:var(--space-2);pointer-events:none;display:grid;position:fixed}.toast{max-width:520px;min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-on-surface);color:var(--color-surface);box-shadow:var(--shadow-floating);align-items:center;animation:.18s both toast-in;display:flex}.toast-error{background:var(--color-danger);color:var(--color-on-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.port-form{gap:var(--space-4);display:grid}.form-actions{justify-content:flex-end}@media (width>=620px){.hero-card{grid-template-columns:auto 1fr}.hero-actions{grid-column:2}.status-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.app-layout{padding-top:0;padding-left:var(--navigation-rail-width)}.app-header{left:var(--navigation-rail-width)}.header-inner{padding-inline:var(--app-shell-desktop-padding)}.app-header .app-logo{display:none}.navigation-rail{z-index:35;width:var(--navigation-rail-width);padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-2) var(--space-4);background:var(--color-surface-soft);border-right:1px solid var(--color-outline);align-items:stretch;gap:var(--space-6);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.rail-logo{margin-inline:auto}.navigation-rail nav{gap:var(--space-2);display:grid}.rail-item{min-height:68px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-lg);color:var(--color-on-surface-muted);align-content:center;place-items:center;gap:var(--space-1);background:0 0;border:0;font-size:11px;font-weight:750;display:grid}.rail-item span{border-radius:var(--radius-pill);place-items:center;width:56px;min-height:32px;display:grid}.rail-item svg{width:22px;height:22px}.rail-item.active{color:var(--color-on-primary-container)}.rail-item.active span{background:var(--color-primary-container)}.rail-settings{margin-top:auto}.bottom-nav{display:none}.app-main{padding-top:calc(var(--app-header-height) + var(--space-6));padding-bottom:var(--space-8)}.toast-host{inset-bottom:var(--space-6)}.hero-card{padding:var(--space-8);grid-template-columns:auto 1fr auto}.hero-actions{grid-column:auto}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-card{flex-wrap:wrap;align-items:flex-start;min-height:142px}.status-card .card-heading{flex-basis:calc(100% - 64px)}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.port-table-head{min-height:54px;padding-inline:var(--space-5);background:var(--color-surface-soft);align-items:center;gap:var(--space-3);color:var(--color-on-surface-muted);font-size:var(--type-label-medium-size);grid-template-columns:minmax(260px,2fr) 1fr 1fr .8fr 150px;font-weight:750;display:grid}.port-row{min-height:84px;padding:var(--space-3) var(--space-5);grid-template-columns:minmax(260px,2fr) 1fr 1fr .8fr 150px;align-items:center}.port-primary,.port-actions{grid-column:auto}.port-row>div[data-label]:before{display:none}.sheet-backdrop{justify-content:flex-end;align-items:stretch;padding:0}.sheet{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:min(520px,100%);max-height:100vh;padding:var(--space-5);animation-name:sheet-side}@keyframes sheet-side{0%{opacity:0;transform:translate(28px)}}.sheet-handle{display:none}.dialog-card{padding:var(--space-6)}}@media (width>=1180px){.assistant-layout{grid-template-columns:280px minmax(440px,1fr);align-items:start}.task-panel{top:calc(var(--app-header-height) + var(--space-6));position:sticky}.result-panel{grid-column:1/-1}}@media (width>=1480px){.assistant-layout{grid-template-columns:270px minmax(430px,.8fr) minmax(520px,1.2fr)}.result-panel{grid-column:auto}}@media (width<=619px){h1{font-size:var(--type-headline-medium-size);line-height:var(--type-headline-medium-line)}.page-heading{flex-direction:column;align-items:stretch}.page-heading>.button,.assistant-heading .safety-badge{align-self:flex-start}.hero-card{text-align:left}.hero-status-icon,.connection-orb{border-radius:var(--radius-lg);width:66px;height:66px}.hero-status-icon svg,.connection-orb svg{width:34px;height:34px}.control-actions{width:100%}.control-actions .button{flex:1}.activity-result{display:none}.auth-window{padding:var(--space-5)}.sheet-section{padding:var(--space-3)}.technical-card dl div{grid-template-columns:1fr}.technical-card dd{text-align:left}.button-row:not(.wrap){flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.page-enter,.sheet,.dialog-card,.toast,.loading-logo{animation:none!important}}