:root{font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#344d3e;background:#f5f5ec;font-synthesis:none;--green:#385c48;--muted:#737a67;--border:#dfe3d2}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ad762e;outline-offset:5px}button{transition:background .2s,color .2s,box-shadow .2s}button:active{transform:translateY(1px)}.site-header{height:110px;max-width:1320px;padding:0 64px;margin:auto;display:flex;align-items:center;gap:35px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:#35533f}.brand>svg{width:25px;height:29px}.brand>span{font-family:Georgia,serif;letter-spacing:-1.7px;font-size:32px;font-weight:600}.brand-dot{color:#bc9854}.header-caption{font-size:12px;letter-spacing:.04em;color:#74826c;padding-top:8px}.age-label{margin-left:auto;font-size:11px;color:#657359;border:1px solid #d8dfc9;border-radius:30px;padding:8px 13px;letter-spacing:.03em}main{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;max-width:1160px;padding:32px 30px 58px;margin:auto;align-items:center}.intro{padding-bottom:22px}.eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 25px;color:#6b7e57;display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;background:#9caa72;border-radius:50%}h1{font-size:57px;line-height:1.28;font-weight:600;letter-spacing:-3px;margin:0;position:relative}.title-flower{font-size:40px;display:inline-block;color:#bd9d50;vertical-align:top;margin:10px 0 0 14px;font-weight:400}.description{font-size:17px;color:#77816d;line-height:1.85;letter-spacing:-.4px;margin:23px 0 30px}.how-to{display:flex;flex-direction:column;gap:23px;margin:33px 0}.how-to>div{display:flex;align-items:center;gap:17px}.step-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:24px;font-family:Georgia,serif}.inhale-icon{background:#e5ebd9;color:#6b8052}.hold-icon{background:#f1e8cd;color:#957b3e}.exhale-icon{background:#e2e9e3;color:#648476}.how-to p{margin:0;display:flex;flex-direction:column;gap:5px}.how-to strong{font-size:14px;font-weight:600;letter-spacing:-.3px}.how-to p>span{font-size:12px;color:#7c8273}.kind-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b806c;margin:41px 0 0;white-space:nowrap}.kind-note svg{width:14px;height:14px;flex-shrink:0}.play-card{background:#fffef6;border:1px solid #e5e5d7;border-radius:30px;box-shadow:0 12px 45px #465f3610;padding:26px 28px 23px;min-width:0;overflow:hidden}.play-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.activity-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#5d7551}.tiny-leaf{display:inline-block;width:11px;height:7px;border-radius:80% 0 80% 0;background:#a6b284;transform:rotate(-18deg)}.round-text{font-size:10px;color:#7c806d}.scene{margin:12px -20px -12px}.forest-scene{width:100%;height:auto;display:block}.instruction{text-align:center;min-height:67px}.instruction h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin:0 0 8px;line-height:1.3}.instruction p{font-size:12px;letter-spacing:-.2px;color:#77816b;margin:0;line-height:1.5}.round-leaves{display:flex;gap:9px;justify-content:center;margin:13px 0 23px}.round-leaves>span{display:block;width:13px;height:8px;border:1px solid #c7cdb6;border-radius:80% 0 80% 0;transform:rotate(-26deg);background:#f6f7ed;transition:background .3s}.round-leaves>span.filled{background:#93a475;border-color:#93a475}.play-controls{display:grid;grid-template-columns:1fr 111px;gap:10px}.primary-button{height:52px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fffdf1;border:1px solid var(--green);border-radius:14px;font-size:15px;font-weight:600;letter-spacing:-.3px}.primary-button svg{width:19px;height:19px}.primary-button:hover{background:#294b37;box-shadow:0 3px 12px #34593d20}.reset-button{height:52px;border:1px solid #dfe3d2;background:transparent;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#657358}.reset-button svg{width:17px;height:17px}.reset-button:hover{background:#f1f3e8}.speed-control{margin:23px 0 0;padding:0;border:0;display:flex;align-items:center;gap:14px;min-width:0}.speed-control legend{float:left;font-size:10px;color:#778069;line-height:38px;padding:0;white-space:nowrap;margin-right:17px}.speed-options{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#f0f2e6;border-radius:11px;padding:4px;flex:1;min-width:0}.speed-options button{min-width:0;border:0;color:#757e68;background:transparent;height:31px;border-radius:8px;font-size:10px;white-space:nowrap;padding:0 6px}.speed-options button[aria-pressed=true]{color:#3f5c3b;background:#fffef7;box-shadow:0 1px 4px #40583612;font-weight:700}.speed-options button:hover{color:#365a36}.tempo-detail{text-align:center;font-size:9px;color:#7a806d;margin:10px 0 0;letter-spacing:.02em}footer{max-width:1220px;margin:0 auto;padding:21px 34px 25px;border-top:1px solid #dfe3d2;display:flex;align-items:center;justify-content:space-between;color:#808873;font-size:10px;letter-spacing:.02em}.footer-flower{color:#b4a268;margin:0 12px}#doriBody{transform-origin:300px 282px}#doriHead{transform-origin:300px 215px}#topFlower{opacity:.8}.scene[data-phase=hold] #topFlower{opacity:1}.scene[data-phase=hold] #topFlower circle:first-child{fill:#f4e5b7}.scene[data-phase=inhale] #inhaleTrail,.scene[data-phase=exhale] #exhaleTrail{stroke:#839b5f}.scene[data-phase=complete] #seed{opacity:0}
@media(min-width:1300px){main{padding-top:48px;padding-bottom:72px}.play-card{padding-top:28px;padding-bottom:26px}}
@media(max-width:1050px){.site-header{padding:0 36px;height:90px}main{gap:35px;padding-top:20px;max-width:980px}h1{font-size:47px}.title-flower{font-size:33px;margin-left:8px}.description{font-size:15px}.play-card{padding:23px 22px}.kind-note{font-size:9px}.how-to{gap:21px}.how-to>div{gap:12px}}
@media(max-width:740px){.site-header{height:76px;padding:0 23px;gap:18px}.brand>span{font-size:27px}.brand>svg{width:21px;height:26px}.header-caption{display:none}.age-label{font-size:9px;padding:7px 10px}main{display:flex;flex-direction:column;gap:25px;padding:18px 20px 32px;max-width:500px}.intro{padding:0;text-align:center;width:100%}.eyebrow{justify-content:center;font-size:10px;margin-bottom:12px}h1{font-size:34px;line-height:1.4;letter-spacing:-1.7px}h1 br{display:none}.title-flower{font-size:25px;margin:3px 0 0 9px}.description{font-size:12px;line-height:1.8;margin:10px 0 0}.description br{display:none}.how-to,.kind-note{display:none}.play-card{width:100%;border-radius:25px;padding:20px 20px 20px}.scene{margin:15px -22px -2px}.instruction h2{font-size:24px}.instruction p{font-size:12px}.play-top .activity-label{font-size:10px}.round-text{font-size:9px}.round-leaves{margin:9px 0 21px}.play-controls{grid-template-columns:1fr 101px}.primary-button,.reset-button{height:53px}.speed-control{margin-top:20px}.speed-control legend{margin-right:12px;font-size:10px}.speed-options button{font-size:10px;height:35px}.speed-options{padding:3px}.tempo-detail{font-size:9px;margin-top:11px}footer{margin:0 25px;padding:19px 0 23px;justify-content:center;font-size:9px}footer>span:last-child{display:none}main:after{content:"편안한 만큼만. 쉬고 싶으면 언제든 멈춰요.";font-size:10px;color:#78816a;margin-top:-8px}.instruction{min-height:65px}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.site-header{padding:0 18px}h1{font-size:30px}.play-card{padding:17px}.speed-control legend{margin-right:8px}.speed-options button{padding:0 3px}.title-flower{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Keep every tempo choice easy to tap, including on small phones. */
.speed-options button{min-height:44px;font-size:12px}.tempo-detail{font-size:10px}
/* Preserve the uploaded portrait and give it a gentle, uniform breath motion. */
#dori{transform-origin:300px 298px}.sound-controls{display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid #e6e8dc;margin-top:18px;padding-top:13px}.sound-controls button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:12px;padding:0 12px}.sound-toggle{border:1px solid #d8dfcb;color:#3c6249;background:#f0f4e5}.sound-toggle svg{width:19px;height:19px;flex-shrink:0}.sound-toggle[data-audible=true] svg{color:#b48023;filter:drop-shadow(0 0 3px #dfc582)}.sound-toggle[aria-pressed=false]{color:#7b816e;background:transparent}.sound-toggle[aria-pressed=false] #soundWaves{opacity:0}.sound-test{border:1px solid transparent;background:transparent;color:#57734b}.sound-test:hover{background:#f1f4e7}.sound-status{font-size:10px;line-height:1.6;text-align:center;min-height:16px;color:#747e67;margin:7px 0 0}.sound-status:empty{display:none}@media(max-width:740px){.sound-controls{margin-top:16px;padding-top:10px;gap:10px}.sound-status{font-size:10px}.play-card{padding-bottom:17px}}
/* The supplied wordmark is the complete logo; no separate symbol is shown. */
.brand{gap:0}.brand-logo{display:block;width:200px;height:40px;object-fit:cover;object-position:center 57%;mix-blend-mode:darken}@media(max-width:740px){.brand-logo{width:160px;height:32px}}@media(max-width:360px){.brand-logo{width:148px;height:30px}}