:root{color:#e8ecf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#161a2e;--surface-raised:#202641;--border:#313956;--text:#f5f7ff;--muted:#a9b2cd;--accent:#9f8cff;--accent-strong:#c1b6ff;--focus:#7dd3fc;--page-width:72rem;background:#0d1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:#0d1020;min-width:20rem;min-height:100%}body{background:radial-gradient(circle at 0 0,#5a46aa3d,#0000 34rem),#0d1020;min-width:20rem;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}#root,.app-shell{min-height:100vh}.app-shell{grid-template-rows:auto 1fr;display:grid}.app-header{width:min(100% - 2rem, var(--page-width));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 0;display:flex}.app-header-error{color:#fca5a5;flex-basis:100%;margin:0}.brand{color:var(--text);letter-spacing:.04em;font-size:1.125rem;font-weight:800;text-decoration:none}.app-nav{flex-wrap:wrap;gap:.4rem;display:flex}.app-nav a{color:var(--muted);border-radius:.6rem;padding:.55rem .75rem;text-decoration:none}.app-nav a:hover,.app-nav a[aria-current=page],.app-nav-button:hover{color:var(--text);background:var(--surface-raised)}.app-nav-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.55rem .75rem}.app-user{max-width:min(18rem,36vw);color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:.55rem .75rem;overflow:hidden}.skip-link{z-index:100;color:#151229;background:var(--focus);border-radius:.6rem;padding:.65rem .9rem;font-weight:800;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:translateY(0)}.route-page{width:min(100% - 2rem, var(--page-width));place-items:center;margin:0 auto;padding:clamp(2rem,8vw,7rem) 0;display:grid}.route-card{border:1px solid var(--border);background:#161a2ee0;border-radius:1.25rem;width:min(100%,40rem);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 2rem 6rem #00000047}.route-card h1{color:var(--text);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1}.route-card>p:last-child{max-width:34rem;color:var(--muted);margin:1.25rem 0 0;line-height:1.7}.route-eyebrow{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:800}.auth-card{width:min(100%,32rem)}.auth-form{gap:1.15rem;margin-top:2rem;display:grid}.form-field{gap:.45rem;display:grid}.form-field label{color:var(--text);font-weight:700}.form-field input{border:1px solid var(--border);width:100%;color:var(--text);background:#0d1020;border-radius:.7rem;padding:.8rem .9rem}.form-field input[aria-invalid=true]{border-color:#f87171}.form-error{color:#fca5a5;margin:0}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;width:fit-content;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{color:#151229;background:var(--accent-strong)}.secondary-button{border-color:var(--border);color:var(--text);background:var(--surface-raised)}.primary-button:disabled,.secondary-button:disabled,.app-nav-button:disabled{cursor:wait;opacity:.65}.route-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.auth-alternative{color:var(--muted);margin:1.5rem 0 0}.auth-alternative a{color:var(--accent-strong);font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=36rem){.app-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
