@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Cormorant+Garamond:wght@400;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f5f0e8;--warm-white:#fafaf7;--charcoal:#1a1a18;--dark-brown:#2c1a0e;--btn-brown:#3b1f0a;--medium-brown:#6b3f1f;--light-brown:#a0622a;--tan:#c8996a;--green-bean:#7a8c6e;--muted:#8a8580;--border:#e0d8cc;--yellow-stage:#e8c547;--orange-stage:#e07b3a;--brown-stage:#8b4513;--dark-roast:#2c1a0e;--card-red:#c9563a;--card-blue:#2d5fa6;--card-gold:#d4a017;--card-sage:#8faf8a;--radius:18px;--radius-sm:10px}html,body{background:var(--cream);overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}#root{background:#111;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (width<=768px){html,body{height:100dvh;position:fixed;inset:0}#root{background:var(--cream);justify-content:stretch;align-items:stretch;width:100vw;height:100dvh;position:fixed;top:0;left:0}.phone-shell{flex:1;width:100%!important;height:100%!important;box-shadow:none!important;border-radius:0!important}}@media (display-mode:standalone){html,body{height:100dvh;position:fixed;inset:0}#root{background:var(--cream);justify-content:stretch;align-items:stretch;width:100vw;height:100dvh;position:fixed;top:0;left:0}.phone-shell{flex:1;width:100%!important;height:100%!important;box-shadow:none!important;border-radius:0!important}}.phone-shell{background:var(--cream);overscroll-behavior:none;border-radius:50px;flex-direction:column;width:390px;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0009}.status-bar{background:var(--cream);height:44px;color:var(--charcoal);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 28px;font-size:12px;font-weight:600;display:flex}.screen{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-y:contain;flex:1;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.tab-bar{background:var(--warm-white);border-top:1px solid var(--border);height:56px;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;align-items:center;display:flex}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (display-mode:standalone){.tab-bar{height:calc(56px + env(safe-area-inset-bottom))}.status-bar{padding-top:env(safe-area-inset-top,0px);height:calc(44px + env(safe-area-inset-top,0px))}}}.tab-item{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;font-size:9px;font-weight:500;transition:color .2s;display:flex}.tab-item.active{color:var(--charcoal)}.tab-item svg{width:20px;height:20px}.card{background:var(--warm-white);border-radius:var(--radius);border:1px solid var(--border);padding:18px}.color-card{color:#fff;cursor:pointer;border-radius:6px;padding:16px;transition:transform .15s,opacity .15s}.color-card:active{opacity:.9;transform:scale(.97)}.page-title{color:var(--charcoal);margin-top:6px;font-family:Inter,sans-serif;font-size:30px;font-weight:700;line-height:1.1}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.body-text{color:var(--charcoal);font-size:14px;line-height:1.5}.meta-text{color:var(--muted);font-size:12px}.btn-primary{background:var(--btn-brown);color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-primary.danger{background:var(--card-red)}.btn-primary.green{background:var(--green-bean)}.btn-secondary{color:var(--charcoal);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:100px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background .2s}.btn-secondary:active{background:var(--border)}input,textarea,select{color:var(--charcoal);background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--charcoal)}.timer-display{letter-spacing:-2px;color:var(--charcoal);text-align:center;font-family:Cormorant Garamond,serif;font-size:64px;font-weight:400}.modal-overlay{z-index:100;background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-sheet{background:var(--cream);border-radius:24px 24px 0 0;width:100%;max-height:85%;padding:24px 20px 40px;overflow-y:auto}.modal-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.tag{background:var(--border);color:var(--charcoal);border-radius:100px;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.ai-bubble{background:var(--charcoal);color:#fff;border-radius:16px 16px 16px 4px;max-width:90%;padding:12px 16px;font-size:14px;line-height:1.5}.user-bubble{background:var(--border);color:var(--charcoal);border-radius:16px 16px 4px;align-self:flex-end;max-width:90%;padding:12px 16px;font-size:14px;line-height:1.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulsing{animation:1.5s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.divider{background:var(--border);height:1px}