@import "https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--cream:#f5f0e8;--dark:#2a1a0a;--orange:#d4420a;--orange-dark:#8b2a00;--teal:#1a7a6e;--yellow:#f5d53f;--border:#2a1a0a;--muted:#2a1a0a73;--label:#2a1a0a99;--card-shadow:4px 4px 0 #2a1a0a26;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}a{color:inherit;text-decoration:none}button{color:inherit;-webkit-appearance:none}html{font-size:16px}body{background:var(--cream);color:var(--dark);overscroll-behavior:none;min-height:100dvh;font-family:DM Sans,sans-serif}.app-shell{background:var(--cream);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}@media (min-width:768px){.app-shell{max-width:100%}}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:50;background:#f5f0e8f7;border-top:2px solid #2a1a0a1a;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:768px){.bottom-nav{max-width:100%}}.bottom-nav-item{cursor:pointer;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 0 8px;font-family:JetBrains Mono,monospace;font-size:9px;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--orange)}.bottom-nav-item svg{width:22px;height:22px}.page{padding:14px 16px 88px}.content-wrap{width:100%;max-width:100%;margin:0 auto}@media (min-width:768px){.content-wrap{max-width:640px}}.card{background:var(--cream);border:2px solid var(--dark);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:14px 16px}.card-orange{background:var(--orange);border:2px solid var(--dark);border-radius:var(--radius);box-shadow:4px 4px 0 var(--orange-dark);color:var(--cream);padding:14px 16px}.card-teal{background:var(--teal);border:2px solid var(--dark);border-radius:var(--radius);color:var(--cream);padding:14px 16px;box-shadow:4px 4px #0d4039}.btn{border:3px solid var(--dark);cursor:pointer;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:translate(2px,2px)}.btn-primary{background:var(--orange);color:var(--cream);box-shadow:4px 4px 0 var(--orange-dark)}.btn-primary:active{box-shadow:2px 2px 0 var(--orange-dark)}.btn-dark{background:var(--dark);color:var(--cream);box-shadow:4px 4px #0000004d}.btn-ghost{color:var(--dark);background:0 0;box-shadow:4px 4px #2a1a0a26}.btn-cream{background:var(--cream);color:var(--dark);box-shadow:4px 4px #2a1a0a33}.btn-full{width:100%}.btn-sm{border-width:2px;padding:8px 16px;font-size:13px}.input{border:2.5px solid var(--dark);border-radius:var(--radius-sm);background:var(--cream);width:100%;color:var(--dark);outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #d4420a1f}.input::placeholder{color:var(--muted)}.chip{letter-spacing:.1em;text-transform:uppercase;color:var(--label);background:#2a1a0a0d;border:1.5px solid #2a1a0a33;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.chip-orange{border-color:var(--orange);color:var(--orange);background:#d4420a14}.chip-teal{border-color:var(--teal);color:var(--teal);background:#1a7a6e14}.chip-cream{color:#f5f0e8d9;background:#f5f0e81a;border-color:#f5f0e866}.bubble-user{background:var(--dark);color:var(--cream);border-radius:18px 18px 4px;align-self:flex-end;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.55}.bubble-ai{color:var(--dark);background:#fff;border:1.5px solid #2a1a0a1a;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:90%;padding:10px 14px;font-size:14px;line-height:1.55}.upload-zone{border-radius:var(--radius);text-align:center;cursor:pointer;border:2px dashed #2a1a0a40;padding:20px 16px;transition:all .2s}.upload-zone:hover,.upload-zone.drag{border-color:var(--orange);background:#d4420a0a}.cal-event{border-radius:var(--radius-sm);background:#fff;border:1.5px solid #2a1a0a1f;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.spinner{border:2.5px solid #2a1a0a26;border-top-color:var(--orange);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.fade-up{animation:.4s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--label);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.divider{background:#2a1a0a1a;height:1px;margin:20px 0}.google-btn{border-radius:var(--radius);cursor:pointer;width:100%;color:var(--dark);background:#fff;border:2.5px solid #2a1a0a33;align-items:center;gap:12px;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:all .15s;display:flex;box-shadow:3px 3px #2a1a0a1a}.google-btn:hover{border-color:var(--dark);box-shadow:4px 4px #2a1a0a26}.select-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s cubic-bezier(.34,1.56,.64,1)}.select-card:active{transition:transform 80ms,box-shadow 80ms;transform:scale(.93)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-animate{animation:.22s both stepFadeIn}.onboarding-btn{background:var(--orange);color:#fff;border:2px solid var(--dark);cursor:pointer;box-shadow:4px 4px 0 var(--dark);border-radius:12px;justify-content:center;align-items:center;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.onboarding-btn:active{box-shadow:2px 2px 0 var(--dark);transform:translate(2px,2px)}.onboarding-progress{justify-content:center;align-items:center;gap:6px;padding:16px 0 4px;display:flex}.onboarding-dot{background:#2a1a0a2e;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.onboarding-dot.active{background:var(--orange);transform:scale(1.35)}.onboarding-dot.done{background:#2a1a0a66}.app-shell:has(>.onboarding-shell){max-width:none;margin:0}.onboarding-shell{width:100%;max-width:none;min-height:100dvh}@media (min-width:768px){.onboarding-btn{padding:15px 40px!important;font-size:17px!important}.onboarding-dot{width:8px!important;height:8px!important}.onboarding-progress{gap:8px!important;padding:20px 0 6px!important}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-up{animation:.35s cubic-bezier(.22,1,.36,1) both slideUp}.animate-slide-in{animation:.3s cubic-bezier(.22,1,.36,1) both slideIn}.animate-scale-in{animation:.25s cubic-bezier(.22,1,.36,1) both scaleIn}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.skeleton{background:linear-gradient(90deg,#2a1a0a0f 25%,#2a1a0a1f 50%,#2a1a0a0f 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.card-hover{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.card-hover:hover{transform:translateY(-2px);box-shadow:6px 6px #2a1a0a2e}.press:active{transition:transform 80ms;transform:scale(.96)}.input:focus-visible{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #d4420a26}.tab-underline{position:relative}.tab-underline:after{content:"";background:var(--orange);border-radius:2px;height:2.5px;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.tab-underline.active:after{transform:scaleX(1)}@media (min-width:768px){.page-shell{max-width:560px;margin:0 auto}}