@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}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:#f5f0e8f2;border-top:2px solid #2a1a0a1a;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.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:24px 20px 100px}.card{background:var(--cream);border:3px solid var(--dark);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:20px}.card-orange{background:var(--orange);border:3px solid var(--dark);border-radius:var(--radius);box-shadow:4px 4px 0 var(--orange-dark);color:var(--cream);padding:20px}.card-teal{background:var(--teal);border:3px solid var(--dark);border-radius:var(--radius);color:var(--cream);padding:20px;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:20px 20px 4px;align-self:flex-end;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.6}.bubble-ai{color:var(--dark);background:#fff;border:2px solid #2a1a0a1a;border-radius:20px 20px 20px 4px;align-self:flex-start;max-width:90%;padding:12px 16px;font-size:14px;line-height:1.6}.upload-zone{border-radius:var(--radius);text-align:center;cursor:pointer;border:2.5px dashed #2a1a0a40;padding:32px 20px;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-shell h1{font-size:68px!important;line-height:1.02!important}.onboarding-shell h2{font-size:52px!important;line-height:1.08!important}.onboarding-shell p{font-size:20px!important;line-height:1.65!important}.onboarding-shell span{font-size:inherit}.step-animate>div{max-width:760px!important;margin:0 auto!important;padding-top:56px!important;padding-left:72px!important;padding-right:72px!important}.step-animate>.grilla-fullscreen{width:100%!important;max-width:none!important;padding-left:40px!important;padding-right:40px!important}.onboarding-btn{border-radius:16px!important;padding:18px 64px!important;font-size:20px!important}.onboarding-dot{width:9px!important;height:9px!important}.onboarding-progress{gap:9px!important;padding:24px 0 8px!important}}