*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg-fallback);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background-color 1.2s ease}button{font:inherit;color:inherit;cursor:pointer}input,textarea{font:inherit}h1{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:600;letter-spacing:-.01em;line-height:1.18;text-wrap:balance}.app{position:relative;min-height:100%;isolation:isolate}.app-main{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1rem,4vw,3rem) clamp(1rem,4vw,2rem) 4rem}.screen{width:min(640px,100%);display:flex;flex-direction:column;gap:1.25rem;animation:rise .5s ease both}.screen--welcome,.screen--session{min-height:80vh;justify-content:center}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.scene-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg-fallback)}.scene-slide{position:absolute;top:0;right:0;bottom:0;left:0}.scene-slide--in{animation:fadeIn 2s ease both}.scene-slide--out{animation:fadeOut 2s ease both}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.generative-scene{width:100%;height:100%;display:block}.scene-kenburns{animation:kenburns 22s ease-in-out both;transform-origin:center}@keyframes kenburns{0%{transform:scale(1.02) translate(0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}.scene-cloud{animation:drift var(--drift-dur, 100s) linear infinite}@keyframes drift{0%{transform:translate(-160px)}to{transform:translate(1360px)}}.scene-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,#0000,#00000047 70%,#00000080),linear-gradient(to bottom,#00000040,#0000001a 30%,#00000073)}.btn{border:1px solid transparent;border-radius:999px;padding:.65rem 1.3rem;font-weight:600;font-size:.95rem;transition:transform .12s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;background:var(--panel);border-color:var(--panel-border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-secondary{background:var(--accent-strong);color:var(--accent-ink);border-color:transparent}.btn-ghost{background:#ffffff14}.btn-danger{background:var(--danger);color:#2a0f0a;border-color:transparent}.btn-lg{padding:.9rem 1.9rem;font-size:1.05rem}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-icon{width:2.4rem;height:2.4rem;padding:0;display:inline-grid;place-items:center;font-size:1.2rem}.back-link{align-self:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--text-dim)}.lede{font-size:1.1rem;color:var(--text-dim);max-width:46ch}.hint{font-size:.85rem;color:var(--text-dim)}.welcome-top{display:flex;flex-direction:column;gap:.6rem}.welcome-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.welcome-foot{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.welcome-sound-panel{width:100%;padding:1rem;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feeling-grid{display:grid;gap:.7rem}.feeling-btn{text-align:left;padding:1rem 1.2rem;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-weight:600;font-size:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .12s ease,border-color .2s ease,background-color .2s ease}.feeling-btn:hover{transform:translateY(-1px)}.feeling-btn.is-selected{border-color:var(--accent-strong);background:var(--accent);color:var(--accent-ink)}.feeling-btn--primary{font-size:1.1rem;padding:1.15rem 1.3rem}.feeling-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.checkin-mood{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.mood-scale{border:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.mood-scale legend,.tag-set legend{font-weight:600;padding:0}.mood-scale-hint{font-size:.85rem;color:var(--text-dim)}.mood-scale-options{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.mood-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .3rem;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mood-chip-icon{font-size:1.4rem}.mood-chip-word{font-size:.75rem;color:var(--text-dim)}.mood-chip.is-selected{border-color:var(--accent-strong);background:var(--accent);color:var(--accent-ink)}.mood-chip.is-selected .mood-chip-word{color:var(--accent-ink)}.mood-chip:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.reco-card,.reco-alt{padding:1.25rem;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.reco-facts{display:grid;gap:.9rem;margin:0}.reco-facts div{display:flex;flex-direction:column;gap:.15rem}.reco-facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim)}.reco-facts dd{margin:0;font-weight:600}.reco-stepper{display:flex;align-items:center;gap:.75rem}.reco-caution,.modal-caution{font-size:.9rem;color:var(--text-dim);border-left:3px solid var(--danger);padding-left:.75rem}.reco-actions,.reco-alt-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.reco-alt p{font-size:.95rem;color:var(--text-dim)}.reco-picker{display:flex;flex-direction:column;gap:.75rem}.technique-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.technique-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border)}.technique-list li.is-current{border-color:var(--accent-strong)}.technique-list-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.technique-list-name{font-weight:600;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reco-title,.modal-title{display:flex;align-items:center;gap:.6rem .75rem;flex-wrap:wrap}.purpose-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--purpose-color) 22%,transparent);color:var(--purpose-color);border:1px solid color-mix(in srgb,var(--purpose-color) 45%,transparent);white-space:nowrap}.purpose-dot{width:6px;height:6px;border-radius:50%;background:var(--purpose-color)}.purpose-tag--energising{--purpose-color: #f0a95c}.purpose-tag--calming{--purpose-color: #63c0c8}.purpose-tag--focus{--purpose-color: #b79bd6}.purpose-tag--wind-down{--purpose-color: #8aa1e6}.purpose-tag--grounding{--purpose-color: #86c99a}.demo-buttons .btn-icon{font-size:1rem;opacity:.55}.demo-buttons .btn-icon.is-on{opacity:1}.technique-list-pattern{font-size:.8rem;color:var(--text-dim)}.technique-list-actions{display:flex;gap:.4rem;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:grid;place-items:center;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease both}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--panel-solid);border:1px solid var(--panel-border);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:.9rem}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-head h2{font-size:1.3rem}.modal-reason{color:var(--text-dim)}.modal-pattern{font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.demo{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:16px;background:#ffffff0d;border:1px solid var(--panel-border)}.demo-stage{position:relative;display:grid;place-items:center;gap:.5rem}.breath-avatar{width:min(232px,64vw);height:auto}.demo-phase-label{font-weight:700;letter-spacing:.02em;font-size:1.05rem}.demo-caption{min-height:8.5rem;display:flex;flex-direction:column;gap:.4rem}.demo-direction{font-size:1rem}.demo-cue,.demo-check{font-size:.88rem;color:var(--text-dim)}.demo-cue strong,.demo-check strong{color:var(--text)}.demo-progress{height:6px;border-radius:999px;background:#ffffff24;overflow:hidden}.demo-progress-fill{height:100%;background:var(--accent);border-radius:999px}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:.5rem .75rem;flex-wrap:wrap}.demo-counter{font-size:.82rem;color:var(--text-dim)}.demo-buttons{display:flex;gap:.4rem}.screen--session{align-items:center;text-align:center}.session-bar{width:100%;display:flex;justify-content:space-between;align-items:center}.session-name{font-weight:600;letter-spacing:.02em}.session-audio{width:100%;padding:1rem;border-radius:14px;background:var(--panel);border:1px solid var(--panel-border)}.breath-guide{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.breath-orb-wrap{position:relative;width:min(300px,70vw);height:min(300px,70vw);display:grid;place-items:center}.breath-orb{position:absolute;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--accent-strong),var(--accent) 70%);box-shadow:0 0 60px 6px #ffffff2e;will-change:transform}.breath-orb-ring{position:absolute;width:62%;height:62%;border-radius:50%;border:1px solid rgba(255,255,255,.35);will-change:transform}.breath-orb-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem;color:var(--accent-ink);font-weight:700}.breath-phase{font-size:1rem;max-width:12ch;text-wrap:balance}.breath-count{font-size:2rem;font-variant-numeric:tabular-nums}.breath-count--sm{font-size:.85rem;font-weight:600}.breath-progress{width:min(300px,70vw);height:4px;border-radius:999px;background:#ffffff29;overflow:hidden}.breath-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s linear}.breath-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.session-controls{display:flex;gap:.75rem;justify-content:center}.session-hint{font-size:.8rem;color:var(--text-dim)}.audio-controls{display:flex;flex-direction:column;gap:.7rem;text-align:left}.audio-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.audio-row>span:first-child{min-width:6.5rem;color:var(--text-dim)}.audio-row input[type=range]{flex:1;accent-color:var(--accent)}.audio-toggle{gap:.5rem}.audio-beds{flex-wrap:wrap}.chip{padding:.35rem .8rem;border-radius:999px;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-size:.85rem;font-weight:600}.chip.is-selected{background:var(--accent);color:var(--accent-ink);border-color:transparent}.chip:focus-visible,.feeling-btn:focus-visible{outline:3px solid var(--accent-strong);outline-offset:2px}.reflect-delta{font-weight:600}.reflect-delta.is-up{color:var(--up)}.reflect-delta.is-down{color:var(--down)}.tag-set{border:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.tag-options{display:flex;flex-wrap:wrap;gap:.4rem}.reflect-note{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-dim)}.reflect-note textarea{border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);padding:.65rem .8rem;resize:vertical}.reflect-actions{display:flex;flex-wrap:wrap;gap:.6rem}.history-summary{font-size:.95rem;color:var(--text-dim)}.history-summary strong{color:var(--text)}.range-toggle{display:flex;gap:.4rem}.mood-chart{margin:0;padding:1rem;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border)}.mood-chart svg{width:100%;height:auto;overflow:visible}.chart-grid{stroke:#ffffff1f;stroke-width:1}.chart-tick{fill:var(--text-dim);font-size:11px}.chart-line{stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-line--before{stroke:var(--text-dim);stroke-dasharray:4 4}.chart-line--after{stroke:var(--accent)}.chart-dot--before{fill:var(--text-dim)}.chart-dot--after{fill:var(--accent)}.chart-legend{display:flex;gap:1rem;font-size:.8rem;margin-top:.5rem}.chart-key:before{content:"";display:inline-block;width:14px;height:3px;margin-right:.4rem;vertical-align:middle}.chart-key--before:before{background:var(--text-dim)}.chart-key--after:before{background:var(--accent)}.chart-empty{color:var(--text-dim);padding:1.5rem 0}.session-log{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.session-log li{display:grid;grid-template-columns:5rem 1fr auto;gap:.35rem .75rem;align-items:center;padding:.75rem 1rem;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border)}@media (max-width: 460px){.session-log li{grid-template-columns:1fr auto}.session-log-when{flex-direction:row;gap:.4rem;align-items:baseline}.session-log-main{grid-column:1 / -1}}.session-log-when{display:flex;flex-direction:column;font-size:.85rem;font-weight:600}.session-log-daypart{font-size:.72rem;color:var(--text-dim);font-weight:400;text-transform:capitalize}.session-log-main{display:flex;flex-direction:column;gap:.1rem;min-width:0}.session-log-tech{font-weight:600}.session-log-meta,.session-log-tags{font-size:.8rem;color:var(--text-dim)}.session-log-delta{font-weight:700;font-variant-numeric:tabular-nums}.session-log-delta.is-up{color:var(--up)}.session-log-delta.is-down{color:var(--down)}.history-data{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--panel-border)}.clear-confirm{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--text-dim)}.safety-note{font-size:.85rem;color:var(--text-dim);max-width:52ch}.safety-note summary{cursor:pointer;font-weight:600}.safety-note ul{margin:.5rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.safety-note--block{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:1rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.scene-slide--in{animation:fadeIn .4s ease both}.scene-cloud,.scene-kenburns{animation:none!important}}:root,body[data-mood=neutral]{--bg-fallback: #223038;--text: #f4f7f8;--text-dim: rgba(244, 247, 248, .72);--accent: #7fb4d4;--accent-strong: #a7d0e6;--accent-ink: #0f2733;--panel: rgba(18, 28, 34, .55);--panel-solid: rgba(20, 30, 36, .92);--panel-border: rgba(255, 255, 255, .16);--danger: #e6836f;--up: #8fd3a6;--down: #e6b36f}body[data-mood=energizing]{--bg-fallback: #8f3f39;--text: #fff6ec;--text-dim: rgba(255, 246, 236, .78);--accent: #ffb066;--accent-strong: #ffd0a0;--accent-ink: #4a2213;--panel: rgba(74, 30, 20, .5);--panel-solid: rgba(60, 26, 20, .92);--panel-border: rgba(255, 236, 214, .24);--danger: #ff9d7a;--up: #ffd39a;--down: #ffb0a0}body[data-mood=soothing]{--bg-fallback: #252642;--text: #f1eef8;--text-dim: rgba(241, 238, 248, .74);--accent: #b79bd6;--accent-strong: #d5c4ec;--accent-ink: #201436;--panel: rgba(24, 22, 44, .5);--panel-solid: rgba(22, 20, 40, .92);--panel-border: rgba(230, 224, 245, .2);--danger: #e69bb0;--up: #a7c8e6;--down: #c8a7d6}