:root{--ink:#243026;--muted:#6f766a;--line:#ded8c8;--paper:#f7f1e4;--surface:#fffaf0;--surface-soft:#f0ead8;--green:#526f54;--green-soft:#dfe9d9;--blue:#647c8f;--blue-soft:#e3ebee;--coral:#ad6855;--coral-soft:#f3ded5;--gold:#a77d35;--gold-soft:#f0e5c7;--shadow:0 22px 46px #454e3729}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(180deg, #dfe9d9bd, #f7f1e440 36%), var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}a{color:inherit}.page-shell{justify-content:center;min-height:100svh;padding:0;display:flex}.phone-frame{background:linear-gradient(180deg, #fffaf0bd, #f7f1e4eb), var(--paper);width:100%;max-width:430px;min-height:100svh;position:relative;overflow-x:hidden}@media (min-width:720px){.page-shell{align-items:center;padding:24px}.phone-frame{min-height:min(860px,100svh - 48px);box-shadow:var(--shadow);border:1px solid #526f542e;border-radius:28px;overflow:hidden}}.screen{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom))}@media (min-width:720px){.screen{min-height:min(860px,100svh - 48px)}}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow{color:var(--green);margin:0 0 4px;font-size:.82rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:1.8rem;line-height:1.08}h2{margin-bottom:10px;font-size:1.1rem}h3{margin-bottom:8px;font-size:.98rem}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid #ded8c8eb;border-radius:8px;padding:16px;box-shadow:0 10px 24px #454e3714}.hero-card{background:linear-gradient(145deg, #dfe9d9c7, #fffaf0eb), var(--surface)}.stack{gap:14px;display:grid}.grid-two,.bento-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bento-tile{min-height:128px;color:var(--ink);background:#fffaf0d1;border:1px solid #ded8c8e6;border-radius:8px;align-content:start;gap:7px;padding:14px;text-decoration:none;display:grid}.bento-tile svg{color:var(--green)}.link-tile{transition:transform .16s,border-color .16s}.link-tile:hover{border-color:#526f545c;transform:translateY(-1px)}.btn{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:800;display:inline-flex}.btn-primary{background:var(--green);color:#fff}.btn-secondary{background:var(--blue-soft);color:var(--blue)}.btn-ghost{color:var(--muted);background:0 0}.btn:focus-visible,.chip:focus-visible,.nav-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #3766a65c}.field{gap:7px;display:grid}.field label{font-size:.86rem;font-weight:800}.input,.select,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:8px;min-height:48px;padding:12px}.textarea{resize:vertical;min-height:104px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fffdf8;border-radius:999px;padding:0 13px;font-weight:750}.chip[aria-pressed=true]{background:var(--green-soft);color:var(--green);border-color:#27756873}.mood-row{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.mood-button{border:1px solid var(--line);min-height:64px;color:var(--muted);background:#fff;border-radius:8px;place-items:center;gap:3px;font-weight:800;display:grid}.mood-button strong{font-size:1.35rem}.mood-button[aria-pressed=true]{background:var(--gold-soft);color:#6c4b09;border-color:#b8862580}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{background:var(--green-soft);border-radius:8px;padding:14px}.metric:nth-child(2){background:var(--gold-soft)}.bento-band .metric{min-height:104px}.metric strong{font-size:1.55rem;display:block}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;min-height:96px;display:grid}.bar{background:var(--green);border-radius:999px 999px 6px 6px;min-height:16px}.ritual-card{background:linear-gradient(135deg, #f0e5c7c7, #fffaf0eb), var(--surface)}.bottom-nav{width:100%;max-width:430px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffaf0f0;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:720px){.bottom-nav{border-radius:0 0 28px 28px;bottom:24px}}.nav-link{min-height:56px;color:var(--muted);border-radius:8px;place-items:center;gap:3px;font-size:.66rem;font-weight:800;text-decoration:none;display:grid}.nav-link[data-active=true]{background:var(--green-soft);color:var(--green)}.alert{background:var(--coral-soft);color:#663025;border:1px solid #c96a5559}.exercise-orb{background:radial-gradient(circle at 42% 38%, #fff, var(--green-soft) 46%, #27756899);width:min(62vw,236px);height:min(62vw,236px);color:var(--green);border-radius:50%;place-items:center;margin:18px auto 20px;font-weight:900;animation:8s ease-in-out infinite breathe;display:grid}.breath-stage{background:radial-gradient(circle at center, #fffaf0d1, #dfe9d9bd), var(--green-soft);align-content:center;min-height:calc(100svh - 270px)}.letter-card{background:linear-gradient(180deg, #fffdf8f5, #f0ead89e), var(--surface)}.listener-textarea{min-height:180px;line-height:1.55}.listener-reply{background:#dfe9d9ad;border-color:#526f5452}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes breathe{0%,to{transform:scale(.86)}50%{transform:scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}