.cap-shell{--ink:#263a42;--dark:#172a31;--paper:#fffaf2;--cream:#f4e8d3;--line:#dec6a1;--coral:#df665d;--gold:#f1be4e;--green:#2d7c63;--mint:#a9d9c4;--muted:#756a62;width:min(1260px,100% - 58px);color:var(--ink);margin:0 auto;padding-bottom:30px;font-family:Avenir Next Rounded,Yuanti TC,PingFang TC,system-ui,sans-serif}.cap-shell *,.cap-shell :before,.cap-shell :after{box-sizing:border-box}.cap-shell h1,.cap-shell h2,.cap-shell h3,.cap-shell p{margin:0}.cap-shell button,.cap-shell a{font:inherit}.cap-shell button{color:inherit;cursor:pointer}.cap-shell button:disabled{cursor:not-allowed}.cap-header{border-bottom:1px dashed #d4b47f;justify-content:space-between;align-items:center;gap:18px;min-height:98px;display:flex}.cap-brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:flex}.cap-brand>span{color:#fff;background:var(--green);border-radius:18px;place-items:center;width:62px;height:58px;font:900 25px/1 Arial Rounded MT Bold,sans-serif;display:grid;transform:rotate(-3deg);box-shadow:0 7px #1c5846}.cap-brand>div{gap:3px;display:grid}.cap-brand strong{font:900 21px/1.2 Yuanti TC,Arial Rounded MT Bold,sans-serif}.cap-brand small{color:var(--muted);letter-spacing:.12em;font-size:10px}.cap-badge{color:#245d4c;background:#e2f3ec;border:1px solid #9acbb8;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:900}.cap-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;min-height:500px;padding:62px 0;display:grid}.cap-hero>div>span,.cap-heading>span{color:#a94740;letter-spacing:.14em;font-size:11px;font-weight:950}.cap-hero h1{letter-spacing:-.025em;margin:14px 0 19px;font:900 clamp(48px,6.1vw,78px)/1.07 Yuanti TC,Arial Rounded MT Bold,sans-serif}.cap-hero h1 em{color:var(--coral);font-style:normal}.cap-hero p{color:var(--muted);font-size:17px;line-height:1.8}.cap-hero aside{color:#fff;background:var(--ink);box-shadow:0 13px 0 var(--dark);border-radius:30px;gap:10px;padding:28px;display:grid}.cap-hero aside>small{color:#b8c8c5;font-weight:900}.cap-hero aside>div{background:#324b53;border:1px solid #536a72;border-radius:18px;align-items:center;gap:14px;min-height:72px;padding:13px 16px;display:flex}.cap-hero aside b{width:36px;height:36px;color:var(--ink);background:var(--gold);border-radius:12px;place-items:center;display:grid}.cap-hero aside span{font-weight:900}.cap-hero aside i{color:var(--gold);text-align:center;font-style:normal}.cap-words,.cap-story,.cap-check{border-radius:36px;margin-bottom:29px;padding:36px}.cap-words{color:#fff;background:var(--ink);box-shadow:0 16px 0 var(--dark)}.cap-story,.cap-check{border:2px solid var(--line);background:var(--paper);box-shadow:0 8px #dfcaaa}.cap-heading{grid-template-columns:210px 1fr;gap:18px;margin-bottom:27px;display:grid}.cap-heading h2{font:900 clamp(29px,3.6vw,44px)/1.15 Yuanti TC,Arial Rounded MT Bold,sans-serif}.cap-heading p{color:var(--muted);margin-top:8px;line-height:1.65}.cap-words .cap-heading p{color:#c7d0d0}.cap-word-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.cap-word-grid button{min-height:235px;color:var(--ink);background:var(--paper);border:2px solid #0000;border-radius:23px;align-content:center;place-items:center;gap:8px;padding:18px;display:grid;box-shadow:0 6px #10232a}.cap-word-grid button.active{border-color:var(--gold)}.cap-word-grid button.playing{background:#dff2e9;transform:translateY(-4px)}.cap-word-grid button>span{font-size:54px}.cap-word-grid button>strong{font:900 34px/1 Arial Rounded MT Bold,sans-serif;display:flex}.cap-word-grid button>strong i{padding:3px 2px;font-style:normal}.cap-word-grid button>strong i:first-child{color:var(--coral)}.cap-word-grid button>strong i:last-child{color:var(--green)}.cap-word-grid button>small{color:var(--muted);font-weight:800}.cap-word-grid button>b{font-size:14px}.cap-word-grid button>em{color:var(--green);font-size:11px;font-style:normal;font-weight:900}.cap-focus{min-height:270px;color:var(--ink);background:var(--mint);border-radius:25px;grid-template-columns:130px 1fr 220px;align-items:center;gap:25px;margin-top:18px;padding:28px;display:grid}.cap-focus>span{text-align:center;font-size:78px}.cap-focus>div{gap:7px;display:grid}.cap-focus>div>small{color:#315e52;font-weight:900}.cap-focus h3{align-items:center;gap:9px;font:900 42px/1 Arial Rounded MT Bold,sans-serif;display:flex}.cap-focus h3 i{background:#ffffff85;border-radius:12px;padding:8px 11px;font-style:normal}.cap-focus h3 i:first-child{color:#a94740}.cap-focus h3 i:last-child{color:#22634f}.cap-focus h3 b{font-size:22px}.cap-focus>div>strong{font:900 55px/1 Arial Rounded MT Bold,sans-serif}.cap-focus>button,.cap-story-actions button,.cap-story-card li button,.cap-result button{color:#fff;background:var(--green);border:0;border-radius:15px;min-height:56px;padding:12px 17px;font-weight:900;box-shadow:0 6px #1d5746}.cap-audio-state{color:#c6cfcd;text-align:center;min-height:25px;margin-top:18px}.cap-audio-state.error{color:#ffbbb6;font-weight:900}.cap-story-card{background:#f0e1c8;border-radius:27px;padding:27px}.cap-story-actions{align-items:center;gap:18px;margin-bottom:18px;display:flex}.cap-story-actions span{color:var(--muted);font-size:12px}.cap-story-actions button.playing{background:var(--coral)}.cap-story-card ol{gap:11px;margin:0;padding:0;list-style:none;display:grid}.cap-story-card li{background:#fffaf2;border:1px solid #dac099;border-radius:20px;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;min-height:118px;padding:16px;display:grid}.cap-story-card li>b{color:#fff;background:var(--coral);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.cap-story-card li>div{gap:5px;display:grid}.cap-story-card li p{font:900 clamp(23px,3vw,34px)/1.15 Arial Rounded MT Bold,sans-serif}.cap-story-card li small{color:var(--muted)}.cap-helper{color:#6c5a49;background:#f7d98f;border-radius:15px;padding:14px 16px;line-height:1.6;margin-top:18px!important}.cap-question-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.cap-question-grid article{border:1px solid var(--line);background:#f2e5cf;border-radius:24px;align-content:start;gap:14px;min-height:350px;padding:22px;display:grid}.cap-question-grid article>span{color:#a94740;font-size:10px;font-weight:900}.cap-question-grid h3{min-height:56px;font-size:20px;line-height:1.4}.cap-question-grid article>div{gap:8px;display:grid}.cap-question-grid button{background:#fff;border:2px solid #d8c29d;border-radius:14px;min-height:50px;font-weight:900}.cap-question-grid button.correct{color:#155b47;border-color:var(--green);background:#dcefe7}.cap-question-grid button.wrong{color:#8d322c;border-color:var(--coral);background:#ffe0dc}.cap-question-grid article>p{color:#5e6e68;font-weight:900;line-height:1.5}.cap-result{text-align:center;background:#f6ddda;border-radius:25px;align-content:center;place-items:center;gap:14px;min-height:300px;margin-top:18px;padding:30px;display:grid}.cap-result.complete{background:#dcefe7}.cap-result>span{color:var(--coral);font-weight:900}.cap-result>strong{font:900 68px/1 Arial Rounded MT Bold,sans-serif}.cap-result>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}.cap-next{background:#e9dff0;border-radius:23px;justify-content:space-between;gap:15px;margin-bottom:28px;padding:24px;display:flex;box-shadow:0 7px #bba8c8}.cap-next a{color:#fff;background:#6d567b;border-radius:14px;padding:13px 17px;font-weight:900;text-decoration:none}.cap-footer{min-height:115px;color:var(--muted);grid-template-columns:300px 1fr;align-items:center;gap:25px;font-size:11px;line-height:1.6;display:grid}.cap-footer>div{gap:5px;display:grid}.cap-footer b{color:var(--ink)}@media (width<=900px){.cap-hero{grid-template-columns:1fr}.cap-heading{grid-template-columns:1fr;gap:7px}.cap-word-grid{grid-template-columns:repeat(2,1fr)}.cap-focus{text-align:center;grid-template-columns:1fr}.cap-focus>div{justify-items:center}.cap-question-grid{grid-template-columns:1fr}}@media (width<=620px){.cap-shell{width:min(100% - 24px,580px)}.cap-header{min-height:90px}.cap-brand strong{font-size:16px}.cap-brand small,.cap-badge{display:none}.cap-hero{gap:36px;min-height:0;padding:45px 0}.cap-hero h1{font-size:43px}.cap-words,.cap-story,.cap-check{border-radius:27px;padding:24px 15px}.cap-word-grid{grid-template-columns:1fr}.cap-focus{padding:23px 14px}.cap-story-actions{flex-direction:column;align-items:stretch}.cap-story-card{padding:15px}.cap-story-card li{grid-template-columns:40px 1fr}.cap-story-card li>button{grid-column:1/-1}.cap-next{flex-direction:column}.cap-next a{text-align:center}.cap-footer{grid-template-columns:1fr;gap:10px;padding:20px 0}}