@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap");:root{--cream:#FDF8F3;--cream-dark:#F5EDE3;--sepia:#8B7355;--sepia-light:#A89078;--sepia-dark:#6B5344;--amber:#D4A574;--amber-light:#E8C9A8;--amber-dark:#B8895C;--rust:#C75B39;--rust-light:#E07B5C;--rust-dark:#A44A2E;--charcoal:#3D3633;--charcoal-light:#5C5450;--record-red:#C75B39;--record-red-glow:rgba(199,91,57,0.4);--success-green:#6B8E6B;--text-primary:var(--charcoal);--text-secondary:var(--sepia);--text-muted:var(--sepia-light);--font-display:"Lora",Georgia,serif;--font-body:"Source Sans 3",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(107,83,68,0.08);--shadow-md:0 4px 16px rgba(107,83,68,0.12);--shadow-lg:0 8px 32px rgba(107,83,68,0.16);--shadow-glow:0 0 40px var(--record-red-glow)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{font-family:var(--font-body);background:var(--cream);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 30%,rgba(212,165,116,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,115,85,.06) 0,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;color:var(--charcoal);line-height:1.3}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem}h3{font-size:1.25rem}p{color:var(--text-secondary)}a{color:var(--rust);text-decoration:none;transition:color .2s ease}a:hover{color:var(--rust-dark)}button{font-family:var(--font-body);font-size:1.125rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);transition:all .2s ease;min-height:56px}button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.btn-primary{background:var(--rust);color:white;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--rust-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--cream-dark);color:var(--charcoal);border:2px solid var(--amber-light)}.btn-secondary:hover{background:var(--amber-light);border-color:var(--amber)}.card{background:white;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(212,165,116,.2)}.record-button{width:180px;height:180px;background:linear-gradient(145deg,var(--rust-light),var(--rust));color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-lg),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.1);position:relative;padding:0}.record-button,.record-button:before{border-radius:50%;transition:all .3s ease}.record-button:before{content:"";position:absolute;inset:-8px;border:3px solid var(--rust);opacity:.3}.record-button:hover{transform:scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.1)}.record-button:hover:before{opacity:.5;inset:-12px}.record-button.recording{animation:pulse 1.5s ease-in-out infinite}.record-button.recording:before{animation:ring-pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-lg),0 0 0 0 var(--record-red-glow),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.1)}50%{transform:scale(1.02);box-shadow:var(--shadow-lg),0 0 40px 10px var(--record-red-glow),inset 0 2px 4px rgba(255,255,255,.2),inset 0 -2px 4px rgba(0,0,0,.1)}}@keyframes ring-pulse{0%,to{opacity:.3;inset:-8px}50%{opacity:.6;inset:-16px}}.record-icon{width:48px;height:48px;fill:currentColor}.timer{font-family:SF Mono,Fira Code,monospace;font-size:2rem;font-weight:500;color:var(--charcoal);letter-spacing:.05em}.story-card{background:white;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(212,165,116,.15);display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:all .2s ease}.story-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--amber-light)}.story-card .play-button{width:56px;height:56px;border-radius:50%;background:var(--amber-light);color:var(--charcoal);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;padding:0;min-height:auto}.story-card .play-button:hover{background:var(--amber);transform:scale(1.05)}.story-card .play-button.playing{background:var(--rust);color:white}.story-card-content{flex:1 1;min-width:0}.story-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:500;color:var(--charcoal);margin-bottom:4px}.story-card-meta{font-size:.875rem;color:var(--text-muted);display:flex;gap:var(--space-sm)}.prompt-card{background:linear-gradient(135deg,var(--cream-dark) 0,white 100%);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--amber-light);position:relative;overflow:hidden}.prompt-card:before{content:'"';position:absolute;top:-10px;left:16px;font-family:var(--font-display);font-size:6rem;color:var(--amber-light);opacity:.5;line-height:1}.prompt-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--amber-dark);margin-bottom:var(--space-xs)}.prompt-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--charcoal);line-height:1.5;position:relative;z-index:1}.prompt-category{display:inline-block;margin-top:var(--space-sm);padding:4px 12px;background:var(--amber-light);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--sepia-dark)}.stats-bar{display:flex;justify-content:center;gap:var(--space-xl);padding:var(--space-md);background:var(--cream-dark);border-radius:var(--radius-lg)}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--charcoal)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-tabs{display:flex;background:var(--cream-dark);border-radius:var(--radius-lg);padding:6px;gap:4px}.nav-tab{flex:1 1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-weight:500;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.nav-tab:hover{color:var(--charcoal);background:rgba(255,255,255,.5)}.nav-tab.active{background:white;color:var(--charcoal);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;color:var(--charcoal);margin-bottom:var(--space-xs)}.settings-section{margin-bottom:var(--space-xl)}.settings-section-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:white;border-radius:var(--radius-md);margin-bottom:var(--space-xs);border:1px solid rgba(212,165,116,.15)}.settings-item-label{font-weight:500;color:var(--charcoal)}.settings-item-description{font-size:.875rem;color:var(--text-muted)}select{font-family:var(--font-body);font-size:1rem;padding:var(--space-sm) var(--space-md);border:2px solid var(--amber-light);border-radius:var(--radius-md);background:white;color:var(--charcoal);min-width:160px;cursor:pointer}select:focus{outline:none;border-color:var(--amber)}.toggle{position:relative;width:56px;height:32px;background:var(--cream-dark);border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease;border:2px solid var(--amber-light)}.toggle.active{background:var(--success-green);border-color:var(--success-green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:white;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease}.toggle.active:after{transform:translateX(24px)}.audio-visualizer{height:60px;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--space-md);background:var(--cream-dark);border-radius:var(--radius-md)}.audio-bar{width:4px;background:var(--amber);border-radius:var(--radius-full);transition:height .1s ease}.app-container{max-width:480px;margin:0 auto;padding:var(--space-lg);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;word-wrap:break-word}.app-header{text-align:center;margin-bottom:var(--space-lg)}.app-logo{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--charcoal);letter-spacing:.1em}.app-tagline{font-size:.875rem;color:var(--text-muted);margin-top:4px}.app-content{flex:1 1;display:flex;flex-direction:column}.app-footer{padding:var(--space-lg) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes button-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px rgba(205,133,63,.3)}50%{transform:scale(1.03);box-shadow:0 12px 40px rgba(205,133,63,.5)}}.hero-record-button:not(.recording){animation:button-pulse 2.5s ease-in-out infinite}@media (max-width:480px){html{font-size:16px}.app-container{padding:var(--space-sm);padding-bottom:80px}.hero-record-button{width:180px!important;height:180px!important}.hero-record-button:before{inset:-8px!important;border-width:3px!important}.hero-record-button .record-icon{width:56px!important;height:56px!important}.hero-record-button .record-button-label{font-size:1.3rem!important;font-weight:700!important}.prompt-card{padding:var(--space-sm)!important;margin-bottom:var(--space-xs)!important}.prompt-card:before{font-size:3rem!important;top:-4px!important}.prompt-text{font-size:1rem!important;line-height:1.3!important}.prompt-label{font-size:.65rem!important;margin-bottom:2px!important}.prompt-category{margin-top:4px!important;padding:2px 8px!important;font-size:.65rem!important}.record-header{text-align:left!important;display:flex!important;align-items:baseline!important;gap:var(--space-sm)!important}.app-header,.record-header{margin-bottom:var(--space-xs)!important}.app-header{padding-top:0!important}.app-logo{font-size:1.2rem!important}.app-logo,.app-tagline{margin-bottom:0!important}.app-tagline{font-size:.8rem!important}.language-toggle{padding:2px!important;gap:2px!important;margin-bottom:var(--space-xs)!important}.language-toggle button{padding:4px 10px!important;font-size:.75rem!important}.record-tab-content{gap:var(--space-sm)!important}.nav-tabs{padding:4px;gap:2px}.nav-tab{padding:var(--space-xs) var(--space-sm);font-size:.875rem;min-height:44px;gap:4px}.settings-item{flex-wrap:wrap;gap:var(--space-xs)}.settings-item-label{flex:1 1 100%}.story-card{padding:var(--space-md)}select{min-width:auto;width:100%}.daily-nudge{padding:10px 12px!important;margin-top:var(--space-xs)!important}.daily-nudge-dots{gap:5px!important;margin-bottom:6px!important}.daily-nudge-dot{width:7px!important;height:7px!important}.daily-nudge-count{font-size:.75rem!important;margin-bottom:2px!important}.daily-nudge-message{font-size:.8rem!important}}@media (max-width:360px){.nav-tab span{display:none}.nav-tab{justify-content:center;padding:var(--space-sm)}.nav-tab span[style*=background]{display:inline-flex}}@media (prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#333}.card,.prompt-card,.story-card{border-width:2px;border-color:var(--charcoal)}button{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}