.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 calc(96px + env(safe-area-inset-bottom))}.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:0;left:0;right:0;display:flex;justify-content:space-around;gap:0;background:var(--paper);border-top:var(--border-card);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom-nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--mono);font-weight:500;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;color:var(--muted);padding:7px 12px 8px;border-radius:var(--r-pill)}.bottom-nav a.active{background:var(--butter);color:var(--ink);border:2px solid var(--ink);font-weight:700}.nav-badge{position:absolute;top:2px;right:4px;background:var(--coral);border:1.5px solid var(--ink);border-radius:999px;min-width:16px;height:16px;font-family:var(--disp);font-weight:700;font-size:10px;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0 3px}.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{display:flex;align-items:center;gap:13px;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 .lbl{flex:1}.sidebar-nav a.active{background:var(--butter);color:var(--ink);border:2px solid var(--ink);box-shadow:var(--shadow-sm)}.sidebar-badge{font-family:var(--disp);font-weight:700;font-size:11px;background:var(--coral);border:1.5px solid var(--ink);border-radius:999px;min-width:20px;height:20px;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0 5px}.sidebar-card{border:2.5px solid var(--ink);border-radius:16px;padding:13px 14px;margin-top:4px}.sidebar-foot{border-top:2px solid var(--rule);padding-top:14px}@keyframes piPulseRing{0%{box-shadow:0 0 #8de3a9b3}70%{box-shadow:0 0 0 7px #8de3a900}to{box-shadow:0 0 #8de3a900}}@media(max-width:480px){.shell-content{width:100%;border:none;border-radius:0;box-shadow:none;padding:16px;min-height:100dvh}.shell-main{padding:0 0 calc(88px + env(safe-area-inset-bottom))}}@media(min-width:900px){.shell{display:grid;grid-template-columns:264px 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}.shell-content.shell-content--tight{max-width:560px}.shell-content.shell-content--wide{max-width:1200px;margin:0 auto}.bottom-nav{display:none}}@media(min-width:900px)and (max-width:1100px){.shell{grid-template-columns:78px 1fr}.sidebar{padding:18px 10px;align-items:center}.sidebar-brand .lbl,.sidebar-nav a .lbl,.sidebar-card,.sidebar-badge,.sidebar-foot{display:none}.sidebar-nav{width:100%}.sidebar-nav a{justify-content:center;padding:11px 0}}: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: 5px 5px 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-card-lg: 18px;--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,.1) 1.2px,transparent 1.2px);background-size:22px 22px}.piloit-press{transition:transform .06s ease,box-shadow .06s ease}.piloit-press:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}@media(prefers-reduced-motion:reduce){.piloit-press{transition:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--backdrop);background-image:radial-gradient(rgba(14,14,14,.1) 1.2px,transparent 1.2px);background-size:22px 22px}#root{min-height:100%}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)}@keyframes piFade{0%{opacity:0}to{opacity:1}}@keyframes piSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes piPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.pi-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end}.pi-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e0e0e57;animation:piFade .2s ease}.pi-sheet-panel{position:relative;background:var(--paper);border-top:3px solid var(--ink);border-top-left-radius:26px;border-top-right-radius:26px;max-height:82%;display:flex;flex-direction:column;animation:piSheet .26s cubic-bezier(.2,.9,.3,1)}.pi-sheet-panel.tall{max-height:90%}@media(min-width:900px){.pi-sheet{flex-direction:row;justify-content:flex-end}.pi-sheet-scrim{cursor:pointer}.pi-sheet-panel{max-height:100%;height:100%;width:min(468px,94vw);border:0;border-left:3px solid var(--ink);border-radius:0;animation:piPanel .3s cubic-bezier(.2,.9,.3,1)}.pi-sheet-panel.tall{max-height:100%}.pi-sheet-grip{display:none}}