@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif:wght@400;500&display=swap";:root{color:#25231f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f1e9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f6f1e9;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}img{max-width:100%}.app-shell{background:radial-gradient(circle at 18% 6%,#e2d8c78f,#0000 28%),linear-gradient(155deg,#fdf8f2 0%,#eef0ea 48%,#d8ded8 100%);place-items:center;min-height:100svh;padding:18px;display:grid}.phone-stage{color:#25231f;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffcf6c7;border:1px solid #7c746624;border-radius:28px;flex-direction:column;gap:18px;width:min(100%,430px);min-height:calc(100svh - 36px);padding:20px;display:flex;overflow:hidden;box-shadow:0 28px 90px #4a473e2e}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.eyebrow,.scene-copy p{color:#777065;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700;line-height:1}h1,h2{letter-spacing:0;margin:0;font-family:Noto Serif,Georgia,serif;font-weight:400}h1{max-width:310px;font-size:28px;line-height:1.08}.quiet-icon{background:#ffffffad;border:0;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #56524a14}.quiet-icon span{border:2px solid #6d675e;border-radius:50%;width:16px;height:16px;box-shadow:9px 0 0 -4px #6d675e}.breath-card{background:#f6f2eadb;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;gap:9px;min-height:56px;padding:11px 14px;display:grid}.breath-card span{color:#4c4942;background:#fffdf8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.breath-card p{color:#635e55;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;line-height:1.2;overflow:hidden}.breath-card i{background:#746d6133;width:1px;height:28px}.mood-tabs{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.mood-tabs::-webkit-scrollbar{display:none}.mood-tabs button,.bottom-actions button{min-height:42px;font:inherit;letter-spacing:0;border:0}.mood-tabs button{color:#6a655d;background:#ffffff7a;border-radius:999px;flex:none;padding:0 15px}.mood-tabs button.active{color:#fffaf1;background:#5f5b53}.scene-card{background:#ebe5da;border-radius:26px;flex:1;min-height:330px;position:relative;overflow:hidden;box-shadow:0 18px 50px #4d483f2e}.scene-card img{object-fit:cover;width:100%;height:100%;min-height:330px;display:block}.scene-card:after{content:"";background:linear-gradient(#0000 42%,#1b191694);position:absolute;inset:0}.scene-copy{z-index:1;color:#fffaf1;padding:0 22px 24px;position:absolute;inset:auto 0 0}.scene-copy p{color:#fffaf1b8}.scene-copy h2{max-width:320px;font-size:34px;line-height:1.02}.scene-copy span{color:#fffaf1cc;max-width:310px;margin-top:10px;font-size:15px;line-height:1.45;display:block}.bottom-actions{grid-template-columns:.85fr 1.15fr;gap:10px;display:grid}.bottom-actions button{white-space:nowrap;border-radius:17px;min-width:0;font-size:15px}.secondary-action{color:#58534b;background:#ffffff8f}.primary-action{color:#fffaf1;background:#302d29}button{cursor:pointer;transition:transform .18s,background .18s,opacity .18s}button:active{transform:translateY(1px)scale(.99)}button:focus-visible{outline-offset:3px;outline:3px solid #5f5b533d}@media (width<=520px){.app-shell{background:#f6f1e9;padding:0;display:block}.phone-stage{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0;gap:16px}.scene-card,.scene-card img{min-height:0}.scene-card{flex-basis:0}}@media (width<=360px){.phone-stage{padding:16px}h1{font-size:25px}.breath-card{grid-template-columns:auto 1fr}.breath-card i{display:none}.scene-copy h2{font-size:30px}}