:root { --canvas:#fbf5f5; --surface:#f5ecec; --ink:#3d2d2d; --rose:#d4908a; --muted:#806f70; --white:#fffafa; } *{box-sizing:border-box} body{margin:0;background:#eee9e7;color:var(--ink);font-family:Outfit,"Noto Serif SC",sans-serif} button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;padding:28px 20px 96px;background:var(--canvas)}.page{display:none}.page.active{display:block}.topline{display:flex;align-items:center;justify-content:space-between;font-family:"DM Mono",monospace;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.icon-button{width:42px;height:42px;border-radius:50%;background:var(--white);font-size:1.12rem;box-shadow:0 6px 18px #3d2d2d0d}.date,.weather,.subcopy{color:var(--muted);font-size:.94rem;margin:.45rem 0 0}h1,h2,.serif-title,.days{font-family:"Noto Serif SC",serif;letter-spacing:-.06em}h1{font-size:2.85rem;line-height:1.15;margin:1.5rem 0 .3rem}.eyebrow{font:500 .68rem "DM Mono",monospace;letter-spacing:.14em;margin:0;color:#9b7776}.whisper-card,.together-card,.anniversary-card,.stats article{border-radius:24px;margin-top:26px}.whisper-card{display:flex;gap:15px;background:var(--ink);color:#fff7f5;padding:23px 20px}.avatar{flex:none;width:38px;height:38px;border-radius:50%;background:var(--rose);display:grid;place-items:center;font-family:"Noto Serif SC"}.whisper-card .eyebrow{color:#d9aaa5}.whisper{font-family:"Noto Serif SC";font-size:1.25rem;line-height:1.6;margin:.5rem 0}.quiet-link{padding:0;color:#e5bbb6;font-size:.85rem}.quiet-link span{font-size:1.1rem;margin-left:4px}.together-card{display:flex;align-items:center;justify-content:space-between;padding:23px;background:var(--white)}.days{font-size:3.55rem;line-height:1;margin:.5rem 0}.heart{font-size:3.6rem;color:#e3c6c4}.anniversary-card{padding:23px 20px;background:var(--surface)}.ann-title{display:flex;justify-content:space-between;align-items:flex-start}.serif-title{font-size:1.48rem;margin:0}.ring{height:65px;width:65px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:conic-gradient(var(--ink) 27%,#eadcdb 0);position:relative}.ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.ring b,.ring span{z-index:1}.ring b{font-family:"Noto Serif SC";font-size:1.45rem}.ring span{font-size:.55rem}.milestones{border-top:1px solid #ddcbca;margin-top:19px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.milestones>div{display:flex;align-items:center;gap:10px}.milestones .line{height:45px;width:4px;background:var(--ink);border-radius:5px}.milestones p{margin:0;line-height:1.08;font-size:.81rem}.milestones b{font-size:1.05rem}.milestones small{display:block;color:var(--muted);margin-top:3px}.milestones strong{margin-left:auto;font-family:"Noto Serif SC";font-size:1.4rem}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stats article{margin:0;padding:18px;background:var(--white);overflow:hidden}.stats p{margin:0;font-family:"Noto Serif SC";font-size:1.15rem}.stats b{display:block;font:2.65rem "Noto Serif SC";line-height:1.35}.stats em{font:normal .86rem Outfit}.bars{height:54px;display:flex;align-items:end;gap:7px}.bars i{width:12px;background:#d5bdbc;border-radius:4px}.bars i:nth-child(1){height:46px}.bars i:nth-child(2){height:27px}.bars i:nth-child(3){height:35px}.bars i:nth-child(4){height:22px}.bars i:nth-child(5){height:7px}.bars i:nth-child(6){height:6px}.bars i:nth-child(7){height:6px;background:var(--ink)}svg{width:100%;height:42px}svg path{fill:none;stroke:var(--rose);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.stats small{color:var(--muted);font-size:.68rem}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:75px;background:#fffafaeF;backdrop-filter:blur(12px);display:flex;justify-content:space-around;padding:10px 18px env(safe-area-inset-bottom);box-shadow:0 -2px 18px #3d2d2d08}.nav-item{display:flex;flex-direction:column;gap:2px;align-items:center;font-size:.75rem;color:#a99494;min-width:68px}.nav-item span{font-size:1.35rem}.nav-item.selected{color:var(--ink);font-weight:600}.placeholder{text-align:center;padding-top:85px;min-height:70vh}.placeholder h2{font-size:2.25rem;margin:.55rem 0}.placeholder-illustration{width:120px;height:120px;margin:56px auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font:3.5rem "Noto Serif SC";color:var(--rose)}.placeholder>p:last-child{color:var(--muted)}@media(min-width:600px){body{padding:24px}.app-shell{min-height:calc(100vh - 48px);border-radius:32px;box-shadow:0 20px 60px #3d2d2d12}}