:root{color-scheme:light;font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#23302b;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #23302b;--muted: #707a75;--line: rgba(74, 91, 82, .14);--green-deep: #425d50;--paper: rgba(255, 255, 255, .48)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 24% 18%,rgba(217,202,174,.42),transparent 34%),radial-gradient(circle at 76% 18%,rgba(190,213,199,.46),transparent 34%),linear-gradient(180deg,#fbfaf6,#ebece5)}button{font:inherit}.app-shell{position:relative;min-height:100svh;padding:4.25rem 1.1rem 2.35rem;overflow-x:hidden;transition:background .9s ease}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 42%)}.mode-near{background:radial-gradient(circle at 50% 92%,rgba(218,198,166,.32),transparent 46%),linear-gradient(180deg,#fefaf0b8,#e7eee8c2)}.mode-quiet{background:radial-gradient(circle at 50% 92%,rgba(211,225,216,.34),transparent 46%),linear-gradient(180deg,#fafaf6cc,#e9ebe5cc)}.ambient-scene{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.soft-light,.breath-ring,.choice-wake{position:absolute;display:block}.soft-light{border-radius:50%;filter:blur(10px);opacity:.54}.soft-light.one{top:8%;left:6%;width:min(44vw,360px);aspect-ratio:1;background:radial-gradient(circle,rgba(255,247,226,.9),transparent 62%)}.soft-light.two{right:5%;bottom:12%;width:min(48vw,420px);aspect-ratio:1;background:radial-gradient(circle,rgba(193,218,202,.72),transparent 64%)}.breath-ring{right:max(1rem,8vw);top:16%;width:clamp(120px,22vw,235px);aspect-ratio:1;border:1px solid rgba(66,93,80,.14);border-radius:50%;animation:breathe 6.5s ease-in-out infinite}.breath-ring:before{position:absolute;top:18%;right:18%;bottom:18%;left:18%;content:"";border:1px solid rgba(214,194,160,.22);border-radius:inherit}.choice-wake{top:48%;left:50%;width:16px;aspect-ratio:1;background:#425d5024;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(1)}.phase-leaving .choice-wake{animation:ripple-away .98s ease-out forwards}.chosen-quiet .soft-light.one,.chosen-less .soft-light.one{animation:soften-away .98s ease-out forwards}.chosen-near .breath-ring,.chosen-guided .breath-ring{animation:breathe 6.5s ease-in-out infinite,warm-near .98s ease-out}.chosen-body .soft-light.two{animation:settle-down .98s ease-out}.chosen-mind .soft-light.two{animation:drift-clear .98s ease-out}.top-actions{position:fixed;top:.9rem;right:.9rem;z-index:5;display:flex;gap:.45rem}.help-chip,.sound-chip{min-height:34px;padding:0 .72rem;font-size:.86rem;color:#425d50d1;cursor:pointer;background:#ffffff75;border:1px solid rgba(74,91,82,.12);border-radius:999px;transition:background .18s ease,transform .18s ease}.help-chip:hover,.sound-chip:hover{background:#ffffffc7;transform:translateY(-1px)}.sound-chip.is-playing{background:#dce8dfb3}.sound-error,.transition-whisper{position:fixed;left:50%;z-index:4;width:min(82vw,390px);padding:.78rem 1rem;color:#23302bc2;text-align:center;pointer-events:none;background:#ffffff85;border:1px solid rgba(255,255,255,.72);border-radius:999px;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.transition-whisper{top:48%;animation:whisper 1.62s ease both}.sound-error{top:4rem;font-size:.9rem}.room{position:relative;z-index:1;display:grid;width:min(100%,660px);min-height:calc(100svh - 6.6rem);margin:0 auto;place-items:center}.breathing-panel,.rest-panel{width:100%;padding:clamp(.85rem,4vw,2rem);text-align:left}.breathing-panel.entering,.rest-panel.entering,.rest-panel{animation:panel-arrive .82s cubic-bezier(.18,.82,.22,1) both}.breathing-panel.leaving{animation:panel-leave .98s cubic-bezier(.24,.72,.18,1) forwards}.eyebrow{margin:0 0 .85rem;font-size:.9rem;color:#425d50d1}h1,h2,p{margin-top:0}h1{max-width:9.5em;margin-bottom:.9rem;font-size:clamp(2.35rem,8vw,5rem);font-weight:500;line-height:1.06;letter-spacing:0}h2{margin-bottom:.72rem;font-size:clamp(1.08rem,2.4vw,1.35rem);font-weight:540;letter-spacing:0}.lead,.rest-line,.rest-lines p{color:var(--muted);font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.85}.lead{max-width:25rem;margin-bottom:1.6rem}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;width:min(100%,520px)}.choice-card{display:grid;min-height:94px;padding:.9rem;place-items:center;color:var(--ink);cursor:pointer;background:#ffffff5c;border:1px solid rgba(74,91,82,.13);border-radius:8px;transition:opacity .28s ease,transform .28s ease,background .28s ease,border-color .28s ease}.choice-card:hover{background:#ffffff94;border-color:#425d503d;transform:translateY(-2px)}.choice-card:disabled{cursor:default}.choice-card.selected{background:#e2eee594;border-color:#425d504d;transform:translateY(-2px) scale(1.01)}.breathing-panel.leaving .choice-card:not(.selected){opacity:0;transform:translateY(18px) scale(.98)}.choice-card span{font-size:clamp(1.16rem,3vw,1.58rem);font-weight:540;letter-spacing:0}.rest-panel{max-width:620px}.rest-lines{display:grid;gap:.4rem;margin:1.1rem 0 0}.rest-lines p{margin:0}.quiet-copy,.restart-button{min-height:42px;padding:0 .9rem;margin-top:1.2rem;color:#425d50e6;cursor:pointer;background:#fff6;border:1px solid rgba(74,91,82,.14);border-radius:999px}.quiet-copy+.restart-button{margin-left:.6rem}.restart-button.solid{color:#fff;background:var(--green-deep)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;padding:1rem;overflow-y:auto;place-items:center;background:#212b2642;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.help-modal{width:min(100%,520px);padding:clamp(1.25rem,4vw,2rem);background:#fbfaf6eb;border:1px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:0 28px 80px #19231f2e}.help-modal p,.help-list p{line-height:1.8;color:var(--muted)}.help-list{padding:.6rem 0 .2rem}@keyframes breathe{0%,to{opacity:.38;transform:scale(.94)}50%{opacity:.76;transform:scale(1.04)}}@keyframes ripple-away{0%{opacity:.24;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(42)}}@keyframes soften-away{0%{opacity:.54;transform:scale(1)}to{opacity:.32;transform:scale(1.12)}}@keyframes warm-near{0%{border-color:#425d5024;transform:scale(.94)}55%{border-color:#d6c2a080;transform:scale(1.1)}to{border-color:#425d5024;transform:scale(.94)}}@keyframes settle-down{0%{opacity:.54;transform:translateY(0)}to{opacity:.42;transform:translateY(24px)}}@keyframes drift-clear{0%{opacity:.54;transform:translate(0)}to{opacity:.4;transform:translate(24px)}}@keyframes panel-leave{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(10px);transform:translateY(20px) scale(.985)}}@keyframes panel-arrive{0%{opacity:0;filter:blur(10px);transform:translateY(22px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes whisper{0%{opacity:0;transform:translate(-50%,-44%) scale(.98)}22%,64%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-56%) scale(.99)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:680px){.app-shell{padding:4.5rem .85rem 2rem}.top-actions{top:.7rem;right:.7rem}.room{min-height:calc(100svh - 6rem)}h1{font-size:clamp(2.05rem,13vw,3.1rem)}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:82px}.quiet-copy,.restart-button{width:100%}.quiet-copy+.restart-button{margin-left:0}}