:root{--bg:#f6f0e4;--bg-soft:#faf6eb;--bg-deep:#f0e9da;--paper:#fff;--paper-soft:#fdfbf4;--ink:#262119;--body:#4c4335;--muted:#8a7f6c;--muted-2:#b4a88f;--border:#eee7d7;--border-2:#e9e1d0;--border-3:#c9bfa8;--green:#3b7a63;--green-dark:#2c5d4b;--green-tint:#eff4ee;--green-border:#cbdccf;--green-soft:#8fb8a2;--cream-on-green:#faf6eb;--red:#c2503c;--red-tint:#fbeae6;--red-border:#ebc0b6;--red-ink:#8c3a2c;--red-soft:#d07b62;--amber:#e9a13b;--amber-tint:#fdf3e2;--amber-border:#efd9ac;--amber-ink:#7a5a1e;--disabled:#e0d7c3;--paused:#f4efe2;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Instrument Sans", sans-serif}html,body{background:var(--bg);margin:0;padding:0}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--ink)}a{color:var(--green)}a:hover{color:var(--green-dark)}input,textarea,button,select{font-family:var(--font-body)}input:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}button{cursor:pointer}::-webkit-scrollbar{width:0;height:0}#root{background:radial-gradient(1200px 700px at 75% -10%,#faf6eb 0%,#f6f0e4 55%,#f0e9da 100%);min-height:100vh}.td-viewport{background:var(--paper-soft);flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=500px){.td-viewport{border:1px solid var(--border);border-radius:36px;min-height:calc(100vh - 48px);margin:24px auto;box-shadow:0 30px 80px #2621192e}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes heartFloat{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(1.15)}}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes spin{to{transform:rotate(360deg)}}