:root{--ink:#154f79;--muted:#637f91;--line:#b6e0f2;--cream:#fffaf0;--blue:#eaf8ff;--gold:#ffb52e;--green:#2f9d78}
*{box-sizing:border-box}.ww-body{margin:0;background:linear-gradient(#f4fbff,#fff8e9);color:var(--ink);font-family:Nunito,"Noto Sans TC",system-ui,sans-serif}.ww-shell{width:min(1180px,calc(100% - 28px));margin:auto;padding:20px 0 60px}.ww-topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 4px 22px}.ww-brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.ww-brand strong{font-size:1.25rem}.ww-brand span{color:var(--muted)}.ww-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ww-lang,.ww-exit{border:2px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-weight:800;padding:10px 16px;text-decoration:none;cursor:pointer}.ww-lang.is-active{background:var(--gold);border-color:#ffd98a;color:#3e2b0a}.ww-hero{display:grid;grid-template-columns:1fr minmax(300px,470px);gap:34px;align-items:center;background:rgba(255,255,255,.9);border:2px solid var(--line);border-radius:34px;padding:34px;box-shadow:0 18px 44px rgba(41,99,130,.08)}.ww-hero img{width:100%;border-radius:26px;border:8px solid white;box-shadow:0 12px 32px rgba(25,75,100,.15)}.ww-kicker{display:inline-block;background:#e8f7fd;border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:900}.ww-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.02;margin:18px 0}.ww-hero p{font-size:1.25rem;color:var(--muted);font-weight:700;line-height:1.6}.ww-primary,.ww-next{border:0;border-radius:20px;background:linear-gradient(#ffc759,#ffab1f);padding:16px 24px;color:#3b2907;font-size:1.05rem;font-weight:1000;cursor:pointer;box-shadow:0 8px 0 #e6a016}.ww-primary:active,.ww-next:active{transform:translateY(4px);box-shadow:0 4px 0 #e6a016}.ww-progress-wrap{margin:24px 0;background:white;border:2px solid var(--line);border-radius:20px;padding:14px 18px}.ww-progress-copy{display:flex;justify-content:space-between;font-weight:900;margin-bottom:9px}.ww-progress{height:12px;background:#e8f4f8;border-radius:999px;overflow:hidden}.ww-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#74d8f5,#45b98f);transition:width .35s}.ww-stage{background:rgba(255,255,255,.94);border:2px solid var(--line);border-radius:34px;padding:34px;min-height:620px}.ww-step{display:none}.ww-step.is-active{display:block;animation:wwIn .35s ease}@keyframes wwIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.ww-step-no{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(#e8fbff,#80daf3);font-size:1.8rem;font-weight:1000}.ww-step h2{display:inline-block;margin:0 0 26px 14px;font-size:clamp(1.9rem,4vw,3rem)}.ww-lead{font-size:1.18rem;color:var(--muted);font-weight:700}.ww-feelings,.ww-options,.ww-small-steps,.ww-help-cards,.ww-sentence-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.ww-feelings button,.ww-small-steps button,.ww-help-cards button,.ww-sentence-list button,.ww-options button{min-height:130px;border:3px solid var(--line);border-radius:24px;background:white;color:var(--ink);font:inherit;font-size:2rem;cursor:pointer;padding:18px;transition:.2s}.ww-options{grid-template-columns:repeat(3,1fr)}.ww-options button{min-height:80px;font-size:1.1rem;font-weight:900}.ww-feelings b,.ww-feelings span,.ww-small-steps b,.ww-small-steps span,.ww-help-cards b,.ww-help-cards span,.ww-sentence-list b,.ww-sentence-list span{display:block}.ww-feelings b,.ww-small-steps b,.ww-help-cards b,.ww-sentence-list b{font-size:1.05rem;margin-top:10px}.ww-feelings span,.ww-small-steps span,.ww-help-cards span,.ww-sentence-list span{font-size:.95rem;color:var(--muted);margin-top:5px}.ww-feelings button:hover,.ww-feelings button.is-selected,.ww-small-steps button:hover,.ww-small-steps button.is-selected,.ww-sentence-list button:hover,.ww-sentence-list button.is-selected,.ww-help-cards button.is-selected,.ww-options button:hover,.ww-options button.is-selected{border-color:#4db7dd;background:#effaff;transform:translateY(-3px)}.ww-kind-message{min-height:58px;border-radius:18px;padding:14px 18px;font-weight:900;color:var(--green);background:#effbf6;margin-top:18px;opacity:0;transition:.2s}.ww-kind-message.is-visible{opacity:1}.ww-story-grid,.ww-breathe-layout,.ww-finish-grid{display:grid;grid-template-columns:minmax(280px,1fr) 1fr;gap:28px;align-items:center;margin:12px 0 30px}.ww-story-grid.reverse{grid-template-columns:1fr minmax(280px,1fr)}.ww-story-grid img,.ww-breathe-layout img,.ww-finish-grid img{width:100%;border-radius:24px;border:7px solid white;box-shadow:0 10px 30px rgba(34,93,120,.12)}.ww-story-grid p,.ww-finish-grid p{font-size:1.15rem;line-height:1.8;color:#466779;font-weight:700}.ww-listen,.ww-speak{border:2px solid var(--line);border-radius:18px;background:white;color:var(--ink);font-weight:900;padding:14px 20px;cursor:pointer}.ww-listen:disabled,.ww-speak:disabled,.ww-next:disabled{opacity:.45;cursor:not-allowed}.ww-bubble-wrap{text-align:center}.ww-bubble{width:230px;height:230px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,#9fe5f7 58%,#65b8e1);border:8px solid rgba(255,255,255,.75);box-shadow:0 12px 40px rgba(55,152,196,.24);font-weight:1000;font-size:1.4rem;transition:transform 4s ease}.ww-bubble.is-inhale{transform:scale(1.34)}.ww-bubble.is-hold{transform:scale(1.34)}.ww-bubble.is-exhale{transition-duration:5s;transform:scale(.86)}.ww-breath-count{font-weight:900;color:var(--muted)}.ww-sentence-list{grid-template-columns:repeat(3,1fr)}.ww-sentence-list button{font-size:1rem}.ww-speech-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ww-help-cards button,.ww-small-steps button{font-size:1.8rem}.ww-help-cards button.is-good{border-color:#65c6a2;background:#effcf7}.ww-help-cards button.is-notyet{border-color:#f4b29d;background:#fff7f3}.ww-promise{font-size:1.5rem!important;color:var(--ink)!important}.ww-badge-award{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#fff9d9,#ffe28d);border:3px solid #f1c252;border-radius:28px;padding:22px;margin:22px 0;font-size:2.5rem}.ww-badge-award strong{font-size:1.35rem}.ww-badge-award span{font-size:1rem;color:#7b601e}.ww-nav{display:flex;justify-content:space-between;gap:16px;margin-top:22px}.ww-back{border:2px solid var(--line);border-radius:20px;background:white;color:var(--ink);padding:15px 24px;font-weight:900;cursor:pointer}.ww-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#164e75;color:white;padding:13px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;font-weight:800;z-index:20}.ww-toast.show{opacity:1;transform:translate(-50%,0)}[data-en]{display:none}body[data-lang="en"] [data-en]{display:initial}body[data-lang="en"] [data-zh]{display:none}
@media(max-width:800px){.ww-shell{width:min(100% - 16px,1180px)}.ww-topbar,.ww-actions{align-items:flex-start}.ww-topbar{flex-direction:column}.ww-hero,.ww-story-grid,.ww-story-grid.reverse,.ww-breathe-layout,.ww-finish-grid{grid-template-columns:1fr}.ww-hero{padding:22px}.ww-stage{padding:22px 16px;min-height:0}.ww-step h2{display:block;margin:12px 0 22px}.ww-feelings,.ww-small-steps,.ww-help-cards,.ww-sentence-list,.ww-options{grid-template-columns:repeat(2,1fr)}.ww-feelings button,.ww-small-steps button,.ww-help-cards button,.ww-sentence-list button{min-height:120px;padding:13px}.ww-nav{position:sticky;bottom:8px;background:rgba(255,250,240,.94);padding:10px;border-radius:20px}.ww-next,.ww-back{padding:14px 18px}.ww-bubble{width:190px;height:190px}}