:root{--bg-0:#0b0a13;--bg-1:#141220;--surface-0:#141220;--surface-1:#171522;--surface-2:#1e1b2d;--surface-3:#262239;--surface-4:#332e4e;--surface-5:#423b61;--fg-1:#f7f6fc;--fg-2:#b0accb;--fg-3:#7b7795;--placeholder:#68647f;--brand-purple:#5b4ac0;--brand-purple-hover:#6b5ad4;--brand-purple-active:#4c3ca8;--brand-blue:#2078d8;--brand-gradient:linear-gradient(135deg, #5b4ac0 0%, #7b68ee 100%);--brand-text-gradient:linear-gradient(120deg, #9d8df1 0%, #60a5fa 60%, #c9bff9 100%);--accent:#9d8df1;--accent-strong:#7b68ee;--accent-soft:#9d8df124;--cyan:#4ec9ff;--magenta:#ff5c8e;--violet:#a78bfa;--warn:#f59e0b;--danger:#f87171;--success:#36d399;--line:#52488073;--line-strong:#6c5e9e9e;--glass:#1e1b2de0;--sidebar-bg:#0a0a13c7;--composer-mode-bg:#1e1b2de0;--composer-console-bg:linear-gradient(145deg, #262239f5, #171522fa);--composer-grid-line:#9d8df106;--composer-control-bg:#262239e0;--on-accent:#fff;--shadow-app:0 20px 60px #00000073;--shadow-card:0 8px 32px #0a081457;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--sidebar-width:230px;--sidebar-collapsed-width:76px;--text-caption:11px;--text-small:12px;--text-body:14px;--text-body-large:15px;--font-body:"Noto Sans SC", "MiSans", "HarmonyOS Sans SC", "Microsoft YaHei UI", sans-serif;--font-display:"Noto Sans SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", sans-serif;--font-mono:"Space Grotesk", "Bahnschrift", "DIN Alternate", "Cascadia Mono", monospace}:root[data-theme=light]{--bg-0:#f5f6fb;--bg-1:#fafaff;--surface-0:#fafaff;--surface-1:#fff;--surface-2:#f4f3fb;--surface-3:#eceaf7;--surface-4:#e4e1f2;--surface-5:#d2cde8;--fg-1:#1e1b38;--fg-2:#1e1b38c7;--fg-3:#1e1b388c;--placeholder:#1e1b3861;--accent:#403080;--accent-strong:#2078d8;--accent-soft:#4030801a;--cyan:#2078d8;--magenta:#5945aa;--violet:#403080;--warn:#b96b00;--danger:#c2414b;--success:#16845f;--line:#4030801a;--line-strong:#4030802e;--glass:#ffffffe0;--sidebar-bg:linear-gradient(155deg, #fffffffa, #f4f3fbeb);--composer-mode-bg:#ffffffe0;--composer-console-bg:linear-gradient(145deg, #fffffffc, #f4f3fbf0);--composer-grid-line:#40308009;--composer-control-bg:#f4f3fbf0;--on-accent:#fff;--shadow-app:0 28px 84px #32266621;--shadow-card:0 16px 40px #32266614}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-0);font-synthesis:none;scroll-behavior:smooth;text-rendering:optimizelegibility;min-width:320px;min-height:100%}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;min-height:100dvh;color:var(--fg-1);background:var(--bg-0);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}body:before{z-index:-2;background:radial-gradient(circle at 15% 25%, #9d8df11a, transparent 35%), radial-gradient(circle at 85% 75%, #a78bfa14, transparent 40%), radial-gradient(circle at 50% 50%, #4ec9ff0a, transparent 50%), var(--bg-0);content:"";pointer-events:none;animation:22s ease-in-out infinite alternate ambient-drift;position:fixed;inset:-8%;transform:translate(0,0)scale(1.02)}body:after{z-index:-1;opacity:.035;content:"";pointer-events:none;background-image:radial-gradient(#ffffff4d .45px,#0000 .55px),linear-gradient(115deg,#0000 0 43%,#ffffff05 48%,#0000 53%);background-size:5px 5px,100% 100%;position:fixed;inset:0}:root[data-theme=light] body:before{background:radial-gradient(ellipse 55% 58% at 0 8%, #40308016, transparent 72%), radial-gradient(ellipse 42% 36% at 54% -4%, #2078d813, transparent 72%), radial-gradient(ellipse 38% 44% at 98% 88%, #9d8df114, transparent 74%), var(--bg-0)}:root[data-theme=light] body:after{opacity:.035;background-image:radial-gradient(#1b1d1d42 .42px,#0000 .54px),linear-gradient(115deg,#0000 0 43%,#1b1d1d06 48%,#0000 53%)}@keyframes ambient-drift{0%{transform:translate(-1%,-1%)scale(1.02)}to{transform:translate(1.4%,.8%)scale(1.055)}}#app{min-height:100dvh}button,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--on-accent);background:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-5);background-clip:padding-box;border:2px solid #0000;border-radius:12px}.skip-link{z-index:200;color:var(--on-accent);background:var(--accent);border-radius:10px;padding:10px 15px;transition:transform .2s;position:fixed;top:10px;left:50%;transform:translate(-50%,-160%)}.skip-link:focus{transform:translate(-50%)}.page-view{width:min(1500px,100%);min-height:100%;margin:0 auto;padding:28px clamp(24px,2.4vw,38px) 48px}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px;display:flex}.page-header__eyebrow,.section-heading span{color:var(--accent);font:700 var(--text-caption)/1 var(--font-mono);letter-spacing:.14em;margin-bottom:9px;display:block}.page-header h1,.section-heading h2{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:720}.page-header h1{font-size:clamp(28px,2.5vw,38px);line-height:1.12}.page-header p{max-width:650px;color:var(--fg-3);font-size:var(--text-body);text-wrap:pretty;margin:10px 0 0;line-height:1.75}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{font-size:24px}.section-heading small{color:var(--fg-3);font-size:var(--text-small)}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--glass);box-shadow:inset 0 1px #ffffff06, var(--shadow-card);-webkit-backdrop-filter:blur(20px)saturate(115%);backdrop-filter:blur(20px)saturate(115%);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s cubic-bezier(.2,.8,.2,1)}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:720;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s,background .22s;display:inline-flex}.primary-button{color:var(--on-accent);background:var(--brand-gradient);box-shadow:0 3px 14px #9d8df138,inset 0 1px #ffffff2e}.primary-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 32px #9d8df16b,inset 0 1px #ffffff3d}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.danger-button:not(:disabled):active{transform:translateY(1px)scale(.985)}.secondary-button{border-color:var(--line);color:var(--fg-2);background:var(--surface-3);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.secondary-button:not(:disabled):hover{border-color:var(--line-strong);color:var(--fg-1);background:var(--surface-4)}.danger-button{color:var(--danger);background:#d9838912;border-color:#d9838940}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.38;cursor:not-allowed}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--fg-3);text-align:center;justify-items:center;padding:62px 28px 70px;display:grid}.empty-state__icon{width:auto;height:auto;color:var(--accent);background:0 0;border:0;border-radius:0;place-items:center;margin-bottom:16px;display:grid}.empty-state__icon svg{stroke-width:1.7px;width:30px;height:30px}.empty-state h3{color:var(--fg-2);margin:0;font-size:17px}.empty-state p{max-width:430px;margin:8px 0 0;font-size:13px;line-height:1.75}.field-stack{gap:8px;display:grid}.field-stack>span{color:var(--fg-3);font-size:var(--text-small);font-weight:650}.field-stack input,.field-stack select,.field-stack textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--fg-1);background:#ffffff0e;border-radius:11px;outline:0;padding:0 13px;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.field-stack input:hover,.field-stack select:hover,.field-stack textarea:hover{background:#ffffff13}.field-stack input:focus,.field-stack select:focus,.field-stack textarea:focus{border-color:color-mix(in srgb, var(--accent) 46%, transparent);box-shadow:0 0 0 4px var(--accent-soft);background:#ffffff14}.field-stack textarea{padding-block:11px}.status-pill{border:1px solid var(--line);color:var(--fg-2);font:650 var(--text-caption)/1 var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill--good{color:var(--success);background:color-mix(in srgb, var(--success) 11%, transparent)}.status-pill--warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 11%, transparent)}.status-pill--bad{color:var(--danger);background:color-mix(in srgb, var(--danger) 11%, transparent)}:root[data-theme=light] .panel{box-shadow:inset 0 1px #fffffff0, var(--shadow-card);-webkit-backdrop-filter:blur(16px)saturate(108%);backdrop-filter:blur(16px)saturate(108%);background:#ffffffe6;border-color:#1b1d1d11}:root[data-theme=light] .secondary-button,:root[data-theme=light] .field-stack input,:root[data-theme=light] .field-stack select,:root[data-theme=light] .field-stack textarea,:root[data-theme=light] .status-pill{background:#ffffffdb}:root[data-theme=light] .secondary-button:not(:disabled):hover,:root[data-theme=light] .field-stack input:hover,:root[data-theme=light] .field-stack select:hover,:root[data-theme=light] .field-stack textarea:hover,:root[data-theme=light] .field-stack input:focus,:root[data-theme=light] .field-stack select:focus,:root[data-theme=light] .field-stack textarea:focus{background:#fff}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter-page{0%{opacity:0;transform:translateY(12px)}}@media (width<=760px){.page-view{padding:26px 17px 42px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}