:root{--ink:#293b39;--muted:#70817d;--paper:#f8f4ed;--card:#fffdf9;--coral:#e86e5b;--coral-dark:#c94f40;--sage:#8ba89e;--sage-light:#dfeae4;--gold:#eabf68;--shadow:0 12px 35px rgba(52,65,58,.09)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-rounded,"Segoe UI",sans-serif;font-size:18px}.app-shell{max-width:920px;margin:auto;padding:30px 28px 130px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-family:Georgia,serif;font-size:clamp(28px,5vw,40px);margin:4px 0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--sage);text-transform:uppercase}.help,.close{width:52px;height:52px;border-radius:50%;border:2px solid #d8ded9;background:var(--card);font-size:24px;color:var(--ink)}.view{display:none}.view.active{display:block;animation:fade .25s ease}.hero-card{background:linear-gradient(135deg,#fffaf5,#f6eee6);border:1px solid #ebe1d6;border-radius:32px;min-height:310px;padding:34px;display:grid;grid-template-columns:1fr 280px;align-items:center;box-shadow:var(--shadow);overflow:hidden}.hero-card h2,.page-title h2{font-family:Georgia,serif;font-size:clamp(34px,6vw,55px);line-height:1.02;margin:12px 0}.hero-card p,.page-title p{color:var(--muted);line-height:1.55}.pill{display:inline-block;background:var(--sage-light);color:#547168;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.1em}.record-button{width:230px;height:230px;justify-self:center;border:9px solid #f5c8bf;border-radius:50%;background:var(--coral);color:white;box-shadow:0 12px 0 var(--coral-dark),0 18px 30px rgba(200,75,60,.28);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.15s}.record-button:active{transform:translateY(6px);box-shadow:0 6px 0 var(--coral-dark)}.record-button .mic{width:44px;height:44px;border:4px solid white;border-radius:22px;display:grid;place-items:center;font-size:14px}.record-button strong{font-size:23px;line-height:1.15}.record-button small{opacity:.85}.today-card,.chart-card{margin-top:28px;background:var(--card);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2,.section-heading h3{font-family:Georgia,serif;font-size:28px;margin:5px 0}.text-button{border:0;background:none;color:var(--coral-dark);font-size:16px;font-weight:700}.memory-list{display:grid;gap:14px;margin-top:20px}.memory-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid #e6e5dd;border-radius:20px;padding:17px;background:#fff}.play{width:64px;height:64px;border:0;border-radius:50%;background:var(--sage-light);color:#4d7167;font-size:22px}.play.playing{background:var(--coral);color:#fff}.memory-info h3{font-size:20px;margin:0 0 5px}.memory-info p{font-size:14px;color:var(--muted);margin:0}.remember-button{margin-top:10px;border:0;border-radius:9px;background:#f1eee8;padding:8px 12px;color:var(--ink);font-weight:700}.remember-button.done{background:var(--sage-light);color:#3e6a5e}.more{border:0;background:none;font-size:24px;color:var(--muted)}.encouragement,.progress-note{display:flex;gap:18px;align-items:center;margin-top:25px;background:#f4e7c8;border-radius:20px;padding:20px 25px}.encouragement>span,.progress-note>span{font-size:34px}.encouragement p,.progress-note p{margin:4px 0;color:#6c6454}.page-title{margin:25px 4px 35px}.full{gap:18px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.empty span{display:block;font-size:50px;margin-bottom:10px}.period-tabs{display:flex;background:#eae8e1;border-radius:14px;padding:5px;max-width:440px}.period-tabs button{flex:1;border:0;background:none;border-radius:10px;padding:13px;font-size:16px;color:var(--muted);font-weight:700}.period-tabs button.active{background:white;color:var(--ink);box-shadow:0 2px 8px #00000012}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats-grid article{background:var(--card);padding:22px;border-radius:20px;box-shadow:var(--shadow);display:grid;gap:4px}.stats-grid article>span{color:var(--coral);font-size:23px}.stats-grid strong{font:42px Georgia,serif}.stats-grid small{color:var(--muted)}.chart{height:220px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding-top:25px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;color:var(--muted);font-size:12px}.bar{width:min(42px,70%);min-height:6px;background:var(--sage);border-radius:12px 12px 5px 5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-top:1px solid #dfded8;display:flex;justify-content:center;padding:10px max(15px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));gap:min(9vw,100px)}.bottom-nav button{border:0;background:none;color:var(--muted);font-size:13px;font-weight:700;min-width:90px;padding:7px}.bottom-nav span{display:block;font-size:25px;margin-bottom:3px}.bottom-nav button.active{color:var(--coral-dark)}.modal{position:fixed;inset:0;z-index:50;background:rgba(29,43,40,.7);display:grid;place-items:center;padding:20px}.modal[hidden],.celebration[hidden]{display:none}.modal-card{width:min(510px,100%);background:var(--card);border-radius:30px;padding:35px;position:relative;box-shadow:0 30px 80px #0005;text-align:center}.modal-card h2{font:36px Georgia,serif;margin:10px}.modal-card p{color:var(--muted);line-height:1.5}.modal-card .close{position:absolute;right:18px;top:18px}.pulse{width:100px;height:100px;background:#f7d0c9;border-radius:50%;display:grid;place-items:center;margin:10px auto 25px;animation:pulse 1.5s infinite}.pulse span{width:48px;height:48px;background:var(--coral);border-radius:50%}.timer{font:50px Georgia,serif!important;color:var(--ink)!important;margin:15px!important}.stop-button,.primary,.secondary{min-height:56px;border-radius:14px;padding:12px 20px;font-size:17px;font-weight:800;border:0}.stop-button,.primary{background:var(--coral);color:white}.stop-button{width:100%;margin-top:15px}.secondary{background:#ebeae4;color:var(--ink)}.modal-card label{display:block;text-align:left;font-weight:700;margin:25px 0 8px}.modal-card input{width:100%;border:2px solid #d5d8d2;border-radius:14px;padding:16px;font-size:18px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions>*{flex:1}.success-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--sage-light);font-size:30px}.wide{width:100%;margin-top:15px}.celebration{position:fixed;z-index:80;inset:0;background:rgba(248,244,237,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.celebration>span{font-size:90px}.celebration h2{font:48px Georgia,serif;margin:15px}.confetti{font-size:35px;color:var(--gold);animation:float 1s infinite alternate}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 0 20px #f9e3df}}@keyframes fade{from{opacity:0;transform:translateY(7px)}}@keyframes float{to{transform:translateY(-15px)}}@media(max-width:680px){body{font-size:16px}.app-shell{padding:22px 16px 120px}.hero-card{grid-template-columns:1fr;text-align:center;padding:27px 18px;gap:25px}.record-button{width:210px;height:210px}.today-card,.chart-card{padding:20px}.stats-grid{gap:8px}.stats-grid article{padding:16px 10px}.stats-grid strong{font-size:34px}.stats-grid small{font-size:12px}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav button{min-width:75px}.memory-item{gap:11px;padding:14px}.play{width:56px;height:56px}.memory-info h3{font-size:17px}}