.how-daily-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:35px;padding:clamp(24px,4vw,45px);border:1px solid #d0e2f5;border-radius:28px;background:radial-gradient(ellipse at 0 0,#d2eaff80,transparent 60%),linear-gradient(130deg,#ffffffed,#f0f5ff);box-shadow:inset 0 1px #fff,0 20px 45px #295c9710}.how-daily-copy>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#3977b8}.how-daily-copy h1{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.04em;margin:22px 0}.how-daily-copy h1 em{font-style:normal;color:#286dc0}.how-daily-copy p{font-size:16px;line-height:1.75;color:#607b97;margin:0 0 25px}.how-daily-copy>small{display:block;color:#768da5;font-size:12px;line-height:1.7;margin-top:18px}.how-rhythm{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding:22px 25px;border:1px solid #d7e8f0;background:linear-gradient(120deg,#eef9f6,#f4f9ff);border-radius:20px;font-size:12px;color:#61838d}.how-rhythm strong{flex-basis:100%;font-size:16px;color:#275f68}.how-rhythm b{font-weight:400;color:#86a5b4}.how-page>.public-steps h2,.how-page>section>h2{font-size:29px;letter-spacing:-.03em}.how-page .public-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.how-page .public-card-grid .public-card{background:linear-gradient(135deg,#fffffff0,#f2f8ff);box-shadow:inset 0 1px #fff}.how-page .public-card h3{font-size:20px;margin:17px 0 10px}.how-page .public-card p{font-size:14px;line-height:1.75}.how-page>section.public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-page .public-callout .button{margin-right:15px}.how-page .public-callout>a:last-child{font-size:13px;color:#3976b5}@media(max-width:900px){.how-daily-hero{grid-template-columns:1fr}.how-page .public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.how-page .public-card-grid,.how-page>section.public-card-grid{grid-template-columns:1fr}.how-daily-copy h1{font-size:36px}.how-daily-copy p{font-size:14px}.how-rhythm{gap:10px}.how-page .public-callout>a:last-child{display:inline-block;margin-top:15px}}.how-final-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);align-items:center;gap:64px;padding:50px 54px;border:1px solid #ccddf6;border-radius:30px;background:radial-gradient(ellipse at 0 0,#def0ff 0,transparent 65%),radial-gradient(ellipse at 100% 100%,#e8e1ff 0,transparent 55%),#f8fbff;box-shadow:0 20px 50px #34558412}.how-final-copy>span{display:flex;align-items:center;gap:8px;color:#3471b9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.how-final-copy>span svg{width:16px;height:16px;flex-shrink:0}.how-page .how-final-cta h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;line-height:1.12;margin:20px 0}.how-page .how-final-copy p{font-size:15px;line-height:1.7;color:#647a96;max-width:480px;margin:0}.how-final-actions{display:grid;gap:12px;min-width:0}.how-final-actions>.button{justify-content:center;text-align:center}.how-final-actions .button-secondary{background:#ffffffb8}.how-final-actions .button-secondary svg{width:18px;height:18px;flex-shrink:0}@media(max-width:1000px){.how-final-cta{gap:30px;padding:36px}}@media(max-width:640px){.how-final-cta{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 24px;border-radius:24px}.how-final-actions{gap:10px}}.daily-choice{padding:26px;border:1px solid #d4e3f6;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#ddd6ff65,transparent 65%),linear-gradient(135deg,#fffffff2,#edf7ffdf);box-shadow:inset 0 1px #fff,0 18px 45px #325c9410;min-width:0}.daily-choice-panels{display:grid;isolation:isolate}.daily-choice-panels>.daily-choice-result{grid-area:1/1;visibility:hidden;display:flex;flex-direction:column;min-width:0}.daily-choice-panels>.daily-choice-result.is-active{visibility:visible}.daily-choice-panels .daily-choice-result>a{margin-top:auto;align-self:flex-start}.daily-choice-eyebrow{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.04em;color:#537696}.daily-choice-eyebrow svg{width:18px;height:18px;color:#d69839}.daily-choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0}.daily-choice-buttons button{display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid #d7e4f5;border-radius:12px;background:#ffffffab;color:#657d97;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.daily-choice-buttons button[aria-pressed=true]{background:#226bc0;color:white;border-color:#226bc0;box-shadow:0 5px 15px #246bbe22}.daily-choice-buttons svg{width:16px;height:16px;flex:none}.daily-choice-result{padding:20px;border:1px solid #ffffff;border-radius:18px;background:#ffffffba;min-height:245px}.daily-choice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#3775bb;background:#eaf3ff}.daily-choice-icon svg{width:21px;height:21px}.daily-choice .daily-choice-result h2{font-size:22px;margin:15px 0 10px;line-height:1.25;letter-spacing:-.025em}.daily-choice-result p{font-size:14px;line-height:1.7;color:#617b95;margin:0 0 17px}.daily-choice-result a{display:inline-flex;gap:9px;align-items:center;color:#2269b9;font-weight:750;font-size:13px}.daily-choice-result a svg{width:16px;height:16px}.daily-choice>small{display:block;margin-top:18px;color:#7890a7;font-size:11px;line-height:1.6}.daily-choice a:focus-visible,.daily-choice button:focus-visible{outline:2px solid #3778c5;outline-offset:3px}@media(max-width:560px){.daily-choice{padding:20px 16px}.daily-choice-result{min-height:260px;padding:18px}.daily-choice-buttons button{font-size:10px;padding:12px 8px;gap:6px}.daily-choice-buttons svg{width:14px;height:14px}}.how-formats-heading>span{color:#2877bd;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.how-formats-heading h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em;margin:12px 0}.how-formats-heading>p{color:#657d96;font-size:15px;margin:0 0 26px}.how-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-format-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #d8e5f5;border-radius:25px;background:linear-gradient(145deg,#ffffffed,#f5f9ff);box-shadow:inset 0 1px #fff,0 12px 32px #245c9410}.how-format-card header{display:flex;align-items:center;gap:13px}.how-format-icon{width:46px;height:46px;border-radius:15px;background:#e8f1ff;display:grid;place-items:center;color:#286bc0;flex-shrink:0}.how-format-icon svg{width:23px;height:23px}.how-format-card header small{font-size:10px;font-weight:700;color:#7186a0}.how-format-card h3{font-size:21px;letter-spacing:-.025em;margin:3px 0 0}.how-format-description{font-size:13px;line-height:1.65;color:#6a8099;min-height:44px;margin:17px 0}.how-format-demo{flex:1;min-height:305px;padding:17px;border:1px solid #dce8f4;background:#fff;border-radius:18px}.how-format-demo button{font:inherit;cursor:pointer}.how-mini-choice>strong,.how-mini-pairs>strong{display:block;font-size:19px;line-height:1.4;letter-spacing:-.02em;color:#1b3454;margin-bottom:15px}.how-mini-options{display:grid;gap:8px}.how-mini-options button,.how-pairs-board button{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;border:1px solid #dbe5f2;border-radius:11px;background:#f4f7fc;color:#385370;padding:10px 12px;font-size:12px;font-weight:650;min-height:40px;transition:background .15s,border-color .15s}.how-format-demo button:hover{border-color:#70a8e1}.how-format-demo button:focus-visible{outline:3px solid #72b5f1;outline-offset:3px}.how-mini-options button.is-right,.how-pairs-board button.is-right{background:#e9f9f1;border-color:#79cba8;color:#127d5a}.how-mini-options button.is-wrong{background:#fff1f0;border-color:#e6a1a1}.how-mini-options svg,.how-pairs-board svg{width:14px;height:14px;flex-shrink:0}.how-mini-feedback{font-size:12px;line-height:1.65;color:#637e98;min-height:60px;margin:14px 0 0}.how-mini-context{display:block;color:#7a8ea5;font-size:10px;margin:0 0 17px}.how-course-note{padding:12px;background:#edf4ff;border-radius:12px;margin-bottom:15px}.how-course-note>span{font-size:10px;color:#6c88a5}.how-course-note p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#617a94}.how-course-note b{color:#285d9f}.how-dialogue{display:flex;gap:10px;align-items:center;background:#fff7ed;padding:12px;border-radius:12px;margin-bottom:17px}.how-dialogue>span{font-size:27px}.how-dialogue p{font-size:12px;margin:0;color:#876447;line-height:1.6}.how-dialogue small{display:block;font-size:11px;color:#9e826b}.how-song-player{display:flex;align-items:center;gap:10px}.how-song-player button{display:grid;place-items:center;border:0;border-radius:13px;width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,#2a9bd1,#3560bc);color:#fff}.how-song-player button svg{width:18px;height:18px}.how-song-player strong{display:block;font-size:14px;color:#264469}.how-song-player small{display:block;font-size:10px;color:#7b90a7;margin-top:4px}.how-song-player>span{margin-left:auto;color:#39a2a6;font-size:27px}.how-song-progress{height:4px;overflow:hidden;background:#e2edf6;border-radius:4px;margin:14px 0 17px}.how-song-progress i{display:block;height:100%;background:linear-gradient(90deg,#3285d2,#5dbb9b)}.how-song-lines{display:grid;gap:12px}.how-song-lines p{margin:0 0 3px;font-size:14px;line-height:1.55;color:#2b4564}.how-song-lines small{display:block;font-size:11px;line-height:1.5;color:#7b8fa5}.how-song-lines .is-singing{background:#c9e9ff;border-radius:4px;color:#135eb6;box-shadow:0 0 0 2px #c9e9ff}.how-pairs-board{display:grid;grid-template-columns:1fr 1fr;gap:9px}.how-pairs-board>div{display:grid;gap:10px}.how-pairs-board button{justify-content:center;text-align:center;min-height:48px;font-size:14px}.how-pairs-board button.is-selected{background:#e5efff;border-color:#659cdd;color:#1e65ba}.how-pairs-result{display:flex;gap:9px;align-items:center;margin-top:14px;min-height:63px}.how-pairs-result p{font-size:12px;color:#70869e;line-height:1.5;flex:1;margin:0}.how-pairs-result button{border:1px solid #d6e5f4;border-radius:10px;background:#f4f8ff;color:#3677b4;padding:9px;display:grid;place-items:center}.how-pairs-result svg{width:16px;height:16px}.how-mini-farm{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#edf8e9,#e7f5fa);margin-bottom:17px}.how-mini-farm>span{font-size:39px;transition:transform .3s}.how-mini-farm.is-grown>span{transform:rotate(-8deg) scale(1.12)}.how-mini-farm strong{display:block;font-size:12px;color:#487858}.how-mini-farm button{background:transparent;border:0;padding:6px 0 0;font-size:11px;color:#338565;text-align:left}.how-format-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:18px;margin-top:auto;color:#246abd;font-size:12px;font-weight:750;text-decoration:none}.how-format-link svg{width:16px;height:16px}.how-format-footnote{font-size:11px;color:#8193a8;margin:18px 3px 0}.how-format-card[data-format=media] .how-format-icon{background:#e7f6f3;color:#24978a}.how-format-card[data-format=games] .how-format-icon{background:#f0eafa;color:#8055bf}.how-format-card[data-format=farm] .how-format-icon{background:#edf6e6;color:#6b9442}@media(max-width:1050px){.how-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.how-format-grid{grid-template-columns:1fr}.how-format-card{padding:20px}.how-format-demo{min-height:0}.how-mini-feedback{min-height:55px}.how-format-description{min-height:0}.how-song-lines p{font-size:16px}.how-song-lines small{font-size:12px}}