.public-header{max-width:1200px;gap:20px;padding:20px 32px}.public-header .public-brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;min-height:44px}.public-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.public-header nav a,.public-header nav button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:650;border-radius:8px;text-decoration:none}.public-header nav button{margin:0;width:auto;background:var(--surface-secondary);color:var(--text)}.public-header nav a:hover,.public-header nav button:hover{background:var(--hover-bg);color:var(--link)}.public-header nav .public-create{background:var(--button-bg);color:var(--on-brand)}.public-header nav .public-create:hover{background:var(--brand-hover);color:var(--on-brand)}.public-skip{position:absolute;top:-100px;left:16px;z-index:100;padding:12px 16px;background:var(--surface);color:var(--link);border-radius:8px}.public-skip:focus{top:12px}body:has(.private-app)>.public-skip{display:none}@media(max-width:640px){.public-header{padding:16px 20px;gap:12px}.public-header nav{gap:2px}.public-header nav a,.public-header nav button{padding:10px}.public-header>.appearance{flex-basis:100%}}:root{color-scheme:light;--page:#f5f8fc;--surface:#ffffff;--surface-secondary:#eaf0f7;--text:#182c43;--muted:#52647a;--border:#c9d4e2;--control-border:#718298;--input-bg:#ffffff;--brand:#245ac4;--brand-hover:#1c489d;--on-brand:#ffffff;--link:#2156bb;--focus:#245ac4;--nav-bg:#ffffff;--nav-active-bg:#e5efff;--nav-active-text:#194eaa;--hover-bg:#edf3fc;--placeholder:#5b6f86;--placeholder-bg:#eaf0f7;--success-bg:#e6f4eb;--success-text:#22623b;--warning-bg:#fff2d9;--warning-text:#795000;--error-bg:#fff0ec;--error-text:#9c3026;--info-bg:#e9f0ff;--info-text:#254c95;--disabled-bg:#e5eaf1;--disabled-text:#52647a;--row-bg:#f3f6fb;--overlay:#15223899;--shadow:#20385512;--ink:var(--text);--line:var(--border);--sidebar-bg:var(--nav-bg);--card-bg:var(--surface);--button-bg:var(--brand);--table-row-bg:var(--row-bg)}:root[data-theme=dark]{color-scheme:dark;--page:#101923;--surface:#182431;--surface-secondary:#223244;--text:#e4ecf5;--muted:#a8b8ca;--border:#40536a;--control-border:#73869e;--input-bg:#131e2a;--brand:#8fb6ff;--brand-hover:#b5cfff;--on-brand:#10243f;--link:#a5c6ff;--focus:#a5c6ff;--nav-bg:#15202c;--nav-active-bg:#293f5e;--nav-active-text:#c1d8ff;--hover-bg:#23354a;--placeholder:#a8b8ca;--placeholder-bg:#223244;--success-bg:#183c2a;--success-text:#a5e2ba;--warning-bg:#40331b;--warning-text:#f2d294;--error-bg:#442827;--error-text:#ffb7ae;--info-bg:#243855;--info-text:#bed6ff;--disabled-bg:#2a394b;--disabled-text:#a8b8ca;--row-bg:#1e2c3c;--overlay:#070c14bb;--shadow:#00000033}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--page:#101923;--surface:#182431;--surface-secondary:#223244;--text:#e4ecf5;--muted:#a8b8ca;--border:#40536a;--control-border:#73869e;--input-bg:#131e2a;--brand:#8fb6ff;--brand-hover:#b5cfff;--on-brand:#10243f;--link:#a5c6ff;--focus:#a5c6ff;--nav-bg:#15202c;--nav-active-bg:#293f5e;--nav-active-text:#c1d8ff;--hover-bg:#23354a;--placeholder:#a8b8ca;--placeholder-bg:#223244;--success-bg:#183c2a;--success-text:#a5e2ba;--warning-bg:#40331b;--warning-text:#f2d294;--error-bg:#442827;--error-text:#ffb7ae;--info-bg:#243855;--info-text:#bed6ff;--disabled-bg:#2a394b;--disabled-text:#a8b8ca;--row-bg:#1e2c3c;--overlay:#070c14bb;--shadow:#00000033}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:16px/1.5 system-ui,sans-serif}header{max-width:1080px;margin:auto;padding:28px 24px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.tagline,footer{color:var(--muted);font-size:13px}.brand{font-size:24px;font-weight:800;text-decoration:none;color:var(--text)}main{max-width:480px;margin:40px auto;padding:0 20px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:32px;box-shadow:0 8px 28px var(--shadow)}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}p{color:var(--muted)}label{display:block;margin:18px 0 6px;font-size:14px;font-weight:650}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid var(--control-border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button,button{display:block;width:100%;margin-top:24px;padding:12px;border:0;border-radius:8px;background:var(--button-bg);color:var(--on-brand);font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.button:hover,button:hover:not(:disabled){background:var(--brand-hover)}a{color:var(--link);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}.links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:14px}.notice{background:var(--info-bg);color:var(--info-text);padding:12px;border-radius:8px}.error{background:var(--error-bg);color:var(--error-text)}.success{background:var(--success-bg);color:var(--success-text)}.warning{background:var(--warning-bg);color:var(--warning-text)}.error p,.notice p,.success p,.warning p{color:inherit}footer{text-align:center;padding:30px 20px}.secondary{background:var(--info-bg);color:var(--info-text)}.button.secondary:hover,button.secondary:hover:not(:disabled){background:var(--hover-bg);color:var(--link)}button:disabled,input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;opacity:1}input:autofill{background:var(--input-bg);color:var(--text)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset}.appearance{max-width:100%}.appearance-control{display:flex;align-items:center;gap:8px;color:var(--text);font-size:13px}.appearance-control label{font-size:inherit;margin:0}.appearance-control select{width:auto;min-width:98px;min-height:44px;padding:8px;font-size:13px}.appearance small{display:block;max-width:270px;margin-top:6px;color:var(--muted);font-size:12px}@media (max-width:480px){main{margin:16px auto}.panel{padding:24px}.tagline{display:none}header{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}