*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);-webkit-font-smoothing:antialiased;line-height:1.5}html,body{background:var(--color-surface);color:var(--color-text)}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text,#000);transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text,#000);transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text,#000);transition:background-color 5000s ease-in-out}input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text,#000);transition:background-color 5000s ease-in-out}.dark input:-webkit-autofill{-webkit-text-fill-color:var(--color-text,#fff)!important}.dark input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text,#fff)!important}.dark input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text,#fff)!important}.dark input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-text,#fff)!important}:root{--color-brand:#ed3211;--color-brand-accent:#c4280f;--color-brand-accent-alt:#ff5c3a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--color-success:#10b981;--color-info:#3b82f6;--color-error:#ef4444;--sidebar-width:12rem;--sidebar-width-collapsed:4rem;--platnum:#2f4858;--color-test-1:#1462a6;--color-test-2:#a611ed;--color-test-3:#5e35b1;--color-test-4:#347a2a;--color-test-5:#007a5a;--rgb-white:255,255,255;--rgb-black:0,0,0;--rgb-black-rich:12,14,16;--color-border:1px solid #00000014;--shadow-sm:0 2px 4px -2px #0000001a;--shadow-md:0 6px 20px -6px #00000026;--color-surface:#fff;--color-surface-2:#f7f9fb;--color-surface-3:#f7f7f7;--color-surface-accent:#ecf3ff;--color-surface-hover:#151515;--color-surface-mid:#232323;--color-card-background:#fff;--color-card-border:#0000001a;--color-text:#1b1f24;--color-text-dim:#5b6471;--font-size-title:clamp(1.9rem,1vw + 1.5rem,4.5rem);--font-size-description:clamp(1rem,1.4vw + .2rem,1.2rem)}@media (prefers-color-scheme:dark){:root{--color-surface:#0e0f11;--color-surface-2:#16181c;--color-surface-3:#1a1d22;--color-surface-accent:#1f2430;--color-surface-hover:#222a35;--color-border:1px solid #ffffff0f;--color-card-background:#111;--color-card-border:#fff3;--color-text:#f5f6f7;--color-text-dim:#9ca3af;--font-size-title:clamp(1.9rem,1vw + 1.5rem,4.5rem);--font-size-description:clamp(1rem,1.4vw + .2rem,1.2rem)}}:root.dark,.dark{--color-surface:#0e0f11;--color-surface-2:#16181c;--color-surface-3:#1a1d22;--color-surface-accent:#1f2430;--color-surface-hover:#222a35;--color-border:1px solid #ffffff0f;--color-card-background:#111;--color-card-border:#fff3;--color-text:#f5f6f7;--color-text-dim:#9ca3af;--font-size-title:clamp(1.9rem,1vw + 1.5rem,4.5rem);--font-size-description:clamp(1rem,1.4vw + .2rem,1.2rem)}:root.light,.light{--color-brand:#ed3211;--color-brand-accent:#c4280f;--color-brand-accent-alt:#ff5c3a;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--color-success:#10b981;--color-info:#3b82f6;--color-error:#ef4444;--sidebar-width:12rem;--sidebar-width-collapsed:4rem;--platnum:#2f4858;--color-test-1:#1462a6;--color-test-2:#a611ed;--color-test-3:#5e35b1;--color-test-4:#347a2a;--color-test-5:#007a5a;--rgb-white:255,255,255;--rgb-black:0,0,0;--rgb-black-rich:12,14,16;--color-border:1px solid #00000014;--shadow-sm:0 2px 4px -2px #0000001a;--shadow-md:0 6px 20px -6px #00000026;--color-surface:#fff;--color-surface-2:#f7f9fb;--color-surface-3:#f7f7f7;--color-surface-accent:#ecf3ff;--color-surface-hover:#151515;--color-surface-mid:#232323;--color-card-background:#fff;--color-card-border:#0000001a;--color-text:#1b1f24;--color-text-dim:#5b6471;--font-size-title:clamp(1.9rem,1vw + 1.5rem,4.5rem);--font-size-description:clamp(1rem,1.4vw + .2rem,1.2rem)}.surface{background:var(--color-surface-2);color:var(--color-text-dim)}.surface-card{background:var(--color-card-background);border:1px solid var(--color-card-border);color:var(--color-text-dim)}.surface-topbar{background:var(--color-surface-3);color:var(--color-text)}.border-muted{border:1px solid var(--color-border)}.panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem}.item-surface{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem}.hover-surface:hover{background:var(--color-surface-3)}.btn-ghost-surface{border:1px solid var(--color-border);color:var(--color-text-dim);background:0 0}.btn-ghost-surface:hover{background:var(--color-surface-3)}.focus-ring:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}
.SocketStatus-module-scss-module__p4BSVa__root{background:var(--color-card-background);border:1px solid var(--color-card-border);color:var(--color-text-dim);z-index:1000;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:fixed;bottom:16px;right:32px;box-shadow:0 2px 8px #0000000f}.SocketStatus-module-scss-module__p4BSVa__dot{border-radius:50%;width:8px;height:8px}.SocketStatus-module-scss-module__p4BSVa__live{background:var(--color-success,#16a34a)}.SocketStatus-module-scss-module__p4BSVa__disconnected{background:var(--color-danger,var(--color-error,#ef4444))}.SocketStatus-module-scss-module__p4BSVa__label{font-size:12px}