:root{color:#f4efe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#0f120f;--shell:#151915;--surface:#181d18d6;--surface-strong:#1e251eeb;--surface-soft:#ffffff08;--line:#eee7db1c;--line-strong:#eee7db33;--text:#f4efe6;--muted:#b8b0a1;--soft:#8e9485;--accent:#d8c09a;--accent-strong:#ead4aa;--shadow:#00000061;background:#0f120f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html,body,#root{min-height:100%}body{min-height:100dvh;color:var(--text);background:radial-gradient(circle at top,#a8966f1f,#0000 30%),linear-gradient(#111411 0%,#0d100d 100%);margin:0}*{box-sizing:border-box}button,textarea{font:inherit}button{cursor:pointer}#root{justify-content:center;display:flex}.app-shell{width:min(100%,430px);min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 12px calc(10px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:10;background:#0f120fb3;border-radius:24px 24px 18px 18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 14px 12px;display:flex;position:sticky;top:0}.topbar-copy{align-items:flex-start;gap:12px;min-width:0;display:flex}.topbar-mark{border:1px solid var(--line-strong);background:radial-gradient(circle at 32% 28%,#ffffff1f,#0000 28%),linear-gradient(#e7d2a51a,#e7d2a505);border-radius:999px;flex:none;width:38px;height:38px;box-shadow:inset 0 1px #ffffff0f}.topbar-kicker,.topbar-subtitle,.eyebrow,.section-label{color:var(--muted);letter-spacing:.02em;margin:0;font-size:.75rem}.topbar h1,.screen h2,.screen h3,.practice-copy h2,.recommendation-copy h3{letter-spacing:-.05em;margin:0;font-weight:500}.topbar h1{font-size:1.25rem;line-height:1.15}.topbar-subtitle{color:var(--soft);margin-top:4px}.topbar-badge{border:1px solid var(--line);background:#ffffff05;border-radius:999px;width:40px;height:40px}.topbar-action{border:1px solid var(--line);min-height:40px;color:var(--text);background:#ffffff08;border-radius:999px;padding:0 14px}.stage{flex:1;padding:14px 2px 12px}.screen,.practice-stage{flex-direction:column;gap:18px;display:flex}.screen{padding-top:6px}.hero-copy,.screen-intro,.practice-copy,.completion-panel,.mini-section{gap:10px;display:grid}.eyebrow{color:var(--accent-strong)}.screen h2,.practice-copy h2{font-size:clamp(2rem,10vw,2.7rem);line-height:1.02}.lede{color:var(--muted);max-width:32ch;margin:0}.breathing-visual{aspect-ratio:1;place-items:center;width:min(72vw,290px);margin:6px auto 0;display:grid;position:relative}.breathing-ring,.breathing-core{border-radius:50%;transition:transform 7s cubic-bezier(.22,1,.36,1),opacity 7s,box-shadow 7s,background 7s;position:absolute;inset:0}.breathing-ring{background:radial-gradient(circle at 50% 44%,#ffffff0f,#0000 56%),#ffffff04;border:1px solid #ebe0cf24;inset:7%;box-shadow:inset 0 0 24px #ffffff08}.breathing-core{background:radial-gradient(circle at 36% 32%,#ffffff29,#0000 24%),radial-gradient(circle,#d9c09a38,#d9c09a14 60%,#11141133 100%);inset:18%;box-shadow:0 0 0 1px #f2e8d81f,inset 0 1px #ffffff1a,0 12px 40px #00000038}.breathing-visual.phase-idle .breathing-core{opacity:.72;transform:scale(.9)}.breathing-visual.phase-inhale .breathing-core{transform:scale(1.05)}.breathing-visual.phase-hold .breathing-core{transform:scale(1)}.breathing-visual.phase-exhale .breathing-core{transform:scale(.93)}.breathing-visual.phase-complete .breathing-core{opacity:.9;transform:scale(1)}.needs-block{gap:10px;display:grid}.need-row{flex-wrap:wrap;gap:10px;display:flex}.need-chip,.surface-card,.recommendation-card,.primary-button,.secondary-button{border:1px solid var(--line);color:var(--text);background:#ffffff05}.need-chip{border-radius:999px;min-height:42px;padding:0 14px}.need-chip.selected{color:var(--accent-strong);background:#d8c09a21;border-color:#ead4aa57}.recommendation-card,.surface-card,.stat-card,.mini-section,.progress-panel,.reflection-card,.empty-state,.completion-panel{background:var(--surface);box-shadow:0 18px 40px var(--shadow);border-radius:24px}.recommendation-card{text-align:left;gap:12px;padding:18px;display:grid}.recommendation-card.compact{background:#ffffff06}.recommendation-card strong,.surface-card strong{font-size:1.2rem}.recommendation-meta{color:var(--muted);align-items:baseline;gap:8px;display:flex}.recommendation-meta strong{color:var(--text);font-size:1rem}.begin-label{color:var(--accent-strong);font-size:.9rem}.card-list{gap:12px;display:grid}.surface-card{text-align:left;gap:10px;padding:16px;display:grid}.surface-card.selected{background:var(--surface-strong);border-color:#ead4aa4d}.surface-meta{color:var(--muted);font-size:.75rem}.surface-card p,.mini-section p,.reflection-card p,.empty-state p{color:var(--muted);margin:0}.progress-panel,.mini-section,.empty-state{padding:16px}.progress-rail{flex-wrap:wrap;gap:8px;display:flex}.progress-step{border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:.45rem .7rem;font-size:.75rem}.progress-step.active{color:var(--accent-strong);background:#d8c09a1f;border-color:#ead4aa52}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-card{gap:10px;padding:14px;display:grid}.stat-card span,.history-list span,.reflection-discipline{color:var(--muted);font-size:.8rem}.stat-card strong{font-size:1.15rem}.history-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.history-list li:last-child{border-bottom:none;padding-bottom:0}.history-list strong{margin-bottom:4px;display:block}.reflection-list{gap:12px;display:grid}.reflection-card{gap:10px;padding:16px;display:grid}.reflection-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reflection-head span{color:var(--muted);font-size:.8rem}.empty-state{gap:6px;display:grid}.practice-stage{justify-content:flex-start;min-height:calc(100dvh - 110px);padding:8px 2px 0}.practice-visual-wrap{place-items:center;padding-top:6px;display:grid}.practice-time{text-align:center;letter-spacing:-.07em;margin-top:-2px;font-size:clamp(2.8rem,14vw,4.2rem);line-height:1}.practice-controls{padding:12px 0 calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0f120f00,#0f120ff0 24%);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid;position:sticky;bottom:0}.primary-button,.secondary-button{border-radius:18px;min-height:50px;padding:0 16px}.primary-button{background:linear-gradient(180deg, var(--accent-strong), var(--accent));color:#171510;border-color:#ead4aa52}.secondary-button{background:#ffffff08}.completion-panel{gap:12px;padding:16px}.completion-lines{gap:3px;margin:0;font-size:1.1rem;display:grid}.completion-note{color:var(--accent-strong);margin:0}.completion-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:110px;color:var(--text);background:#ffffff05;border-radius:18px;padding:14px 16px}.bottom-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#101310b8;border-radius:24px 24px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:10px;display:grid;position:sticky;bottom:0}.tab-button{min-height:58px;color:var(--muted);background:0 0;border:none;place-items:center;gap:5px;padding:10px 4px 8px;display:grid}.tab-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tab-button.active{color:var(--text)}@media (width<=390px){.app-shell{padding-left:10px;padding-right:10px}.stats-grid{grid-template-columns:1fr}}