.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-panel{width:100%;max-width:440px;background:var(--butter);border:var(--border-card);border-radius:28px;box-shadow:var(--shadow-xl);padding:32px 24px 28px}.shell{min-height:100vh}.sidebar{display:none}.shell-main{display:flex;justify-content:center;padding:24px 16px 110px}.shell-content{width:390px;max-width:100%;min-height:70vh;background:var(--paper);border:var(--border-frame);border-radius:var(--r-device);box-shadow:var(--shadow-xl);padding:20px var(--gutter)}.bottom-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:6px;background:var(--paper);border:var(--border-card);border-radius:var(--r-pill);box-shadow:var(--shadow-md);padding:6px;z-index:10}.bottom-nav a{font-family:var(--disp);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:-.02em;text-decoration:none;color:var(--muted);padding:8px 16px;border-radius:var(--r-pill)}.bottom-nav a.active{background:var(--butter);color:var(--ink);border:2px solid var(--ink)}.sidebar-brand{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.03em}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav a{font-family:var(--disp);font-weight:600;font-size:15px;text-decoration:none;color:var(--muted);padding:10px 12px;border-radius:var(--r-control);border:2px solid transparent}.sidebar-nav a.active{background:var(--butter);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-sm)}.sidebar-live{margin-top:auto;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);background:var(--cream);border:2px solid var(--ink);border-radius:var(--r-control);padding:10px;display:flex;align-items:center;gap:8px}.sidebar-live .dot{width:8px;height:8px;border-radius:999px;background:var(--mint-d)}.sidebar-foot{border-top:2px solid var(--rule);padding-top:14px}@media(max-width:480px){.shell-content{width:100%;border:none;border-radius:0;box-shadow:none;padding:16px}.shell-main{padding:0 0 96px}}@media(min-width:900px){.shell{display:grid;grid-template-columns:248px 1fr}.sidebar{display:flex;flex-direction:column;gap:20px;background:var(--paper);border-right:var(--border-card);padding:24px 18px;position:sticky;top:0;height:100vh}.shell-main{justify-content:center;padding:40px 32px;min-width:0}.shell-content{width:100%;max-width:720px;min-height:0;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.bottom-nav{display:none}}:root{--butter: #f5e44a;--ink: #0e0e0e;--ink2: #2a2a2a;--paper: #fffaf0;--muted: #6a6356;--lav: #c9b8ff;--mint: #8de3a9;--coral: #ff8c6e;--sky: #9ed1ff;--cream: #fff3c2;--rule: #e4dcc8;--coral-d: #c0492a;--mint-d: #1f7a45;--backdrop: #cfc8b6;--disp: "Space Grotesk", system-ui, sans-serif;--sans: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--border-card: 2.5px solid var(--ink);--border-chip: 2px solid var(--ink);--border-frame: 3px solid var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--shadow-xl: 10px 10px 0 var(--ink);--shadow-frame: 0 30px 70px rgba(0, 0, 0, .34);--r-pill: 999px;--r-input: 11px;--r-control: 14px;--r-card: 16px;--r-screen: 43px;--r-device: 46px;--gutter: 16px;--gap: 12px;--pad-card: 14px}.piloit-backdrop{background-color:var(--backdrop);background-image:radial-gradient(rgba(14,14,14,.14) 1.2px,transparent 1.2px);background-size:22px 22px}.piloit-press{transition:transform .06s ease,box-shadow .06s ease}.piloit-press:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){.piloit-press{transition:none}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}#root{background-color:var(--backdrop);background-image:radial-gradient(rgba(14,14,14,.14) 1.2px,transparent 1.2px);background-size:22px 22px}h1,h2,h3,button,.disp{font-family:var(--disp)}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:10px}button{cursor:pointer;font-family:var(--disp)}