:root{--x-ink:#17334b;--x-navy:#102e4a;--x-gold:#f1c963;--x-rose:#b9557e;--x-teal:#166e70;--x-line:#d9e3e8;--x-paper:#fffcf6}
.experience-shell{margin:0;background:var(--x-paper);color:var(--x-ink);font:16px/1.75 'Segoe UI','Yu Gothic',Meiryo,sans-serif}.experience-shell *,.x-wrap *{box-sizing:border-box}.experience-shell a,.x-wrap a{color:inherit;text-underline-offset:4px}.experience-shell button,.experience-shell input,.experience-shell select,.x-wrap button{font:inherit}.experience-shell button,.x-wrap button{cursor:pointer}.experience-shell :focus-visible,.x-wrap :focus-visible{outline:3px solid #c48513;outline-offset:4px}.experience-shell h1,.experience-shell h2,.experience-shell h3,.x-wrap h1,.x-wrap h2,.x-wrap h3{line-height:1.25;letter-spacing:.015em}.experience-shell h1,.x-wrap h1{font-size:clamp(29px,4vw,52px)}.experience-shell h2,.x-wrap h2{font-size:clamp(25px,3vw,38px)}.experience-shell h3,.x-wrap h3{font-size:23px}.experience-shell img,.x-wrap img{max-width:100%;display:block}.experience-shell [hidden],.x-wrap [hidden]{display:none!important}.x-container{max-width:1200px;margin:auto;padding:0 28px}.x-nav{background:#fffcf6ed;border-bottom:1px solid var(--x-line);position:sticky;top:0;z-index:25;backdrop-filter:blur(14px)}.x-nav>div{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.x-brand{font-weight:850;letter-spacing:.09em;text-decoration:none!important;white-space:nowrap}.x-nav nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.x-nav nav a{padding:9px 11px;font-size:14px;font-weight:700;text-decoration:none;border-radius:10px}.x-nav nav a:hover,.x-nav nav a[aria-current=page]{background:#e3eef0}.x-skip{position:absolute;top:-90px;left:16px;background:white;padding:12px;z-index:99}.x-skip:focus{top:5px}.x-wrap{color:var(--x-ink);font-family:'Segoe UI','Yu Gothic',Meiryo,sans-serif}.x-section{max-width:1200px;margin:auto;padding:72px 28px;scroll-margin-top:85px}.x-kicker{font-size:12px;letter-spacing:.15em;font-weight:800;color:#8b621c;text-transform:uppercase;margin:0 0 15px}.x-lead{font-size:clamp(17px,1.8vw,20px);line-height:1.85;max-width:670px}.x-muted{color:#526b7c;font-size:14px}.x-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0 14px}.x-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid transparent;border-radius:12px;padding:12px 22px;background:var(--x-navy);color:white!important;font-weight:750;text-decoration:none!important;line-height:1.4}.x-button:hover{background:#225474;transform:translateY(-1px)}.x-button.gold{background:var(--x-gold);color:#142d46!important}.x-button.secondary{background:white;color:var(--x-ink)!important;border-color:#b6c9d2}.x-button.teal{background:var(--x-teal)}.x-pills{display:flex;gap:8px;flex-wrap:wrap}.x-pill{font-size:12px;font-weight:700;background:#f0f3f2;border:1px solid var(--x-line);border-radius:99px;padding:4px 11px}.x-opening{background:var(--x-navy);color:white;position:relative;overflow:hidden}.x-opening:before{content:'';position:absolute;width:500px;height:500px;right:-180px;top:-240px;border:1px solid #e6bf7040;border-radius:50%;pointer-events:none}.x-opening .x-section{padding-top:48px;padding-bottom:42px;display:grid;grid-template-columns:1fr 1.08fr;gap:38px;align-items:center}.x-opening h1{margin:0 0 22px;color:white}.x-opening h1 em{font-style:normal;color:var(--x-gold)}.x-opening .x-kicker{color:var(--x-gold)}.x-opening .x-lead{font-size:18px;color:#dbe6ed}.x-opening .x-muted{color:#bfccd7}.x-video-poster{width:100%;border:0;background:#0c2238;aspect-ratio:16/9;padding:0;border-radius:20px;overflow:hidden;position:relative;display:block;box-shadow:0 18px 45px #0003}.x-video-poster img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.x-video-poster:hover img{transform:scale(1.04)}.x-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fffcf6ef;color:var(--x-navy);font-size:25px;box-shadow:0 8px 30px #0004}.x-video-label{position:absolute;left:14px;bottom:14px;right:14px;background:#102e4ad9;color:white;font-size:13px;border-radius:9px;padding:8px 12px;text-align:left}.x-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px;display:block}.x-video-note{font-size:12px;color:#536d80;margin:10px 0 0}.x-opening .x-video-note{color:#c3d1dc}.x-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:30px}.x-heading h2{margin:0 0 10px}.x-heading p{margin:0;max-width:480px}.x-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.x-chapter{border:1px solid var(--x-line);background:white;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none!important;position:relative;transition:transform .25s,box-shadow .25s}.x-chapter:hover{transform:translateY(-5px);box-shadow:0 16px 35px #17334b15}.x-chapter-art{background:linear-gradient(135deg,#c8dbef,#f7efe6);position:relative;padding:20px 40px 0;height:280px;overflow:hidden}.x-chapter-art img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 24px #1b334144;transform:rotate(-3deg);transition:transform .4s}.x-chapter:nth-child(2) .x-chapter-art{background:linear-gradient(135deg,#efd1de,#f9ebd3)}.x-chapter:nth-child(2) img{transform:rotate(2deg)}.x-chapter:nth-child(3) .x-chapter-art{background:linear-gradient(135deg,#b6ded4,#edf3e8)}.x-chapter:hover img{transform:rotate(0) translateY(-6px)}.x-chapter-number{position:absolute;top:12px;left:12px;background:#0d2d47;color:#f2cc69;border-radius:9px;padding:7px 12px;font-size:22px;font-weight:850;box-shadow:0 5px 12px #0002}.x-chapter-copy{padding:22px;flex:1}.x-chapter-copy h3{margin:10px 0 14px;font-size:23px;min-height:58px}.x-chapter-copy p{margin:0 0 18px;font-size:15px;color:#526b7c}.x-chapter-copy strong{color:#12636d}.x-story-strip{background:#eef4f4;border-top:1px solid #d6e3e7;border-bottom:1px solid #d6e3e7}.x-band{background:#eaf3f0;border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px;margin-top:32px}.x-band h3{margin:0 0 12px}.x-tiny-monsters{display:flex;justify-content:center;gap:8px}.x-tiny-monsters img{width:26%;max-width:140px;mix-blend-mode:multiply;transition:transform .3s}.x-tiny-monsters img:hover{transform:translateY(-8px)}.x-music-feature{background:#edf2f7;border-top:1px solid #d9e3e8;border-bottom:1px solid #d9e3e8}.x-feature-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}.x-feature-grid h2{margin:0 0 20px}.x-feature-art{border-radius:22px;overflow:hidden;position:relative}.x-feature-art img{width:100%;aspect-ratio:16/9;object-fit:cover}.x-feature-art:after{content:'♪';position:absolute;right:20px;bottom:10px;color:#f1c963;font-size:64px;text-shadow:0 5px 20px #102e4a}.x-steps{display:flex;gap:9px;margin:20px 0;flex-wrap:wrap}.x-steps span{padding:6px 12px;border:1px solid #c4d7df;border-radius:10px;font-size:13px;font-weight:700}.x-footer{border-top:1px solid var(--x-line);padding:30px 0 100px;margin-top:35px;font-size:13px;color:#536b7a}.x-footer>div{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.x-reader-intro{padding-top:30px;padding-bottom:28px}.x-reader-intro h1{font-size:clamp(25px,3vw,37px);margin:14px 0}.x-crumb{display:flex;gap:10px;font-size:13px;flex-wrap:wrap}.x-reader-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.x-reader-tools button,.x-reader-tools select{padding:9px 12px;min-height:44px;border:1px solid #b9ccd6;border-radius:9px;background:white;color:var(--x-ink)}.x-reader{max-width:920px;margin:0 auto;padding:0 18px}.x-reader figure{margin:0 0 25px}.x-reader img{width:100%;height:auto;box-shadow:0 12px 35px #17334b15;border:1px solid #d8e2e7;background:white}.x-reader figcaption{text-align:center;font-size:12px;color:#536d80;padding:10px}.x-reader-bottom{position:sticky;bottom:0;background:#fffcf6f5;border-top:1px solid var(--x-line);z-index:22;backdrop-filter:blur(12px);padding:12px 18px max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:18px}.x-reader-bottom button{min-height:44px;min-width:110px;border:0;background:#153d5a;color:white;border-radius:10px;font-weight:700;font-size:14px;padding:10px 15px}.x-reader-bottom button:disabled{opacity:.45;cursor:default}.x-reader-bottom span{min-width:75px;text-align:center;font-size:14px}.x-progress{height:4px;background:#e0e8eb;width:100%;position:absolute;top:-4px;left:0}.x-progress b{display:block;height:4px;background:#c39027}.x-comic-end{background:#102e4a;color:#f9fbff;border-radius:22px;padding:32px;margin:28px auto;max-width:870px}.x-comic-end h2{color:white}.x-comic-end .x-muted{color:#c8d4de}.x-comic-end img{max-height:220px;width:auto;float:right;margin-left:20px}.x-search-bar{background:white;border:1px solid var(--x-line);padding:18px;border-radius:14px;display:flex;align-items:center;gap:12px;margin:25px 0;flex-wrap:wrap}.x-search-bar label{font-size:13px;font-weight:700}.x-search-bar input{border:1px solid #aebfc9;min-width:220px;min-height:46px;padding:10px 13px;border-radius:9px;flex:1}.x-search-bar select{min-height:46px;border:1px solid #aebfc9;border-radius:9px;padding:10px;color:var(--x-ink);background:white}.x-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.x-companion{border:1px solid var(--x-line);border-radius:18px;background:white;overflow:hidden;text-decoration:none!important;transition:transform .25s;display:flex;flex-direction:column}.x-companion:hover{transform:translateY(-5px);box-shadow:0 12px 25px #17334b16}.x-companion-art{position:relative;background:linear-gradient(160deg,#eaf3f6,#fff8e9);padding:18px}.x-companion-art img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.x-companion:hover img{transform:translateY(-5px) rotate(-3deg)}.x-companion-art span{position:absolute;top:12px;left:12px;font-size:12px;font-weight:800;color:#5c6d7a}.x-companion-copy{padding:18px;flex:1}.x-companion-copy h3{font-size:20px;margin:10px 0 5px}.x-companion-copy .x-word{font-size:14px;font-weight:800;color:#176a71;display:block}.x-companion-copy p{font-size:13px;line-height:1.7;min-height:44px;color:#546b7b}.x-companion-copy strong{font-size:14px;display:block;color:#123e5e;margin-top:14px}.x-tag{display:inline-block;font-size:11px;font-weight:800;border-radius:6px;padding:3px 8px;background:#f3e6bc;color:#6e4e09}.x-tag.free{background:#dcf0e7;color:#176651}.x-unlock{border:1px solid #d2ae59;background:#fff8e7;border-radius:18px;padding:28px;max-width:800px;margin:25px auto}.x-unlock h2{font-size:26px;margin:0 0 15px}.x-unlock form{display:flex;gap:12px;flex-wrap:wrap}.x-unlock label{width:100%;font-size:14px;font-weight:700}.x-unlock input{border:1px solid #b5b3a6;min-height:48px;flex:1;min-width:180px;border-radius:10px;padding:12px;letter-spacing:.1em;text-transform:uppercase}.x-status{font-size:14px;margin-top:15px}.x-lesson{max-width:920px;margin:32px auto;padding:0 18px}.x-definition{background:#e7f2f1;border-left:5px solid #166e70;border-radius:14px;padding:28px;margin:25px 0}.x-definition h2{margin:0 0 14px;font-size:28px}.x-definition .x-example{font-size:21px;font-weight:700;margin:20px 0 5px}.x-recall{border:1px solid var(--x-line);border-radius:16px;padding:28px;background:white}.x-recall legend{font-size:21px;font-weight:750;padding:0 0 18px}.x-recall fieldset{border:0;margin:0;padding:0;min-width:0}.x-answer{border:1px solid #b8cbd6;background:white;padding:14px 16px;display:flex;gap:13px;border-radius:12px;margin:12px 0;align-items:start;cursor:pointer}.x-answer input{margin-top:5px;accent-color:#17676d}.x-answer:hover{background:#eff6f7}.x-result{background:#edf4f8;border-left:4px solid #276581;padding:16px;border-radius:10px;margin:18px 0}.x-locked-preview{max-width:800px;margin:auto;display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.x-locked-preview img{width:150px;mix-blend-mode:multiply}.x-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.x-product{border:1px solid var(--x-line);border-radius:18px;padding:25px;background:white}.x-product h3{font-size:22px;margin:0 0 12px}.x-price{font-size:32px;font-weight:800;color:#173954;margin:10px 0}.x-product.featured{border:2px solid #c29a48;background:#fffae9}.x-notice{border:1px solid #d4dfe4;border-radius:14px;padding:18px 24px;background:#f3f6f7;font-size:14px;margin:25px 0}.x-music-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.x-player-card{position:sticky;top:94px;scroll-margin-top:90px}.x-player-box{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#102e4a}.x-player-box iframe{width:100%;height:100%;border:0}.x-player-box>button{width:100%;height:100%;aspect-ratio:auto}.x-learning{border:1px solid var(--x-line);border-radius:18px;padding:28px;background:white;min-width:0}.x-learning h2{font-size:27px;margin:0 0 18px}.x-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.x-course{border:1px solid #b9d0d8;background:#eef6f5;border-radius:14px;padding:18px;text-align:left;color:var(--x-ink);min-height:100px}.x-course strong{font-size:18px;display:block}.x-course span{font-size:13px;display:block;margin-top:9px}.x-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.x-tabs button{border:1px solid #b7ccd4;border-radius:8px;min-height:44px;background:white;padding:9px 15px;color:var(--x-ink)}.x-tabs button[aria-pressed=true]{background:#173953;color:white}.x-lyric-line{border:0;background:#f1f6f7;border-radius:9px;width:100%;padding:14px;text-align:left;margin:8px 0;color:var(--x-ink)}.x-lyric-line span{display:block;font-size:13px;color:#536d80;margin-top:5px}.x-lyric-line:hover{background:#e1eeed}.x-music-result{background:#173954;color:white;border-radius:16px;padding:24px}.x-music-result h2{color:white}.x-music-result b{font-size:40px;color:#f1ca63}.x-empty{grid-column:1/-1;padding:30px;text-align:center}.x-mobile-note{display:none}@media(max-width:900px){.x-collection-grid{grid-template-columns:repeat(3,1fr)}.x-opening .x-section{gap:25px}.x-product-grid{grid-template-columns:1fr}.x-heading{display:block}.x-heading>p{margin-top:18px}.x-nav>div{align-items:flex-start;padding-top:13px;padding-bottom:10px}.x-nav nav{gap:2px;justify-content:end}.x-nav nav a{font-size:12px;padding:7px}.x-chapter-art{padding:20px 22px 0;height:240px}.x-chapter-copy{padding:18px}}@media(max-width:680px){.x-container{padding:0 18px}.x-nav>div{display:block;min-height:unset}.x-nav .x-brand{display:block;font-size:15px;margin-bottom:7px}.x-nav nav{flex-wrap:nowrap;justify-content:start;overflow-x:auto;white-space:nowrap;gap:7px;padding-bottom:3px}.x-nav nav a{font-size:12px;min-height:36px;padding:8px}.x-section{padding:44px 20px;scroll-margin-top:105px}.x-opening .x-section{display:flex;flex-direction:column-reverse;padding-top:23px;gap:25px}.x-opening .x-video{width:100%}.x-opening h1{font-size:32px;margin-bottom:15px}.x-opening .x-lead{font-size:16px}.x-opening .x-actions{margin:20px 0 10px}.x-opening .x-actions a{flex:1;min-width:130px;font-size:14px;padding:12px}.x-grid{grid-template-columns:1fr;gap:18px}.x-chapter{display:grid;grid-template-columns:38% 62%}.x-chapter-art{height:100%;min-height:230px;padding:25px 12px 0}.x-chapter-art img{height:230px;width:auto;max-width:unset;margin-left:3px}.x-chapter-copy{padding:20px 17px}.x-chapter-copy h3{font-size:20px;min-height:0;margin:8px 0 12px}.x-chapter-copy p{font-size:13px}.x-chapter-number{font-size:17px;padding:4px 9px}.x-band,.x-feature-grid,.x-music-layout{grid-template-columns:1fr}.x-band{padding:23px}.x-band .x-tiny-monsters{grid-row:1}.x-feature-grid{gap:24px}.x-collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.x-companion-art{padding:15px}.x-companion-copy{padding:14px}.x-companion-copy h3{font-size:17px;overflow-wrap:anywhere}.x-companion-copy p{min-height:64px}.x-companion-copy strong{font-size:12px}.x-search-bar{padding:14px}.x-search-bar input{width:100%;flex:auto}.x-search-bar select{width:100%}.x-reader-intro{padding-top:23px;padding-bottom:22px}.x-reader-tools{gap:8px}.x-reader-tools button,.x-reader-tools select{font-size:13px}.x-reader{padding:0 7px}.x-reader-bottom{gap:12px;padding:10px 8px}.x-reader-bottom button{min-width:95px}.x-reader-bottom span{min-width:62px}.x-comic-end{padding:25px 22px}.x-comic-end img{float:none;margin:0 auto 24px;max-height:170px}.x-locked-preview{grid-template-columns:100px 1fr;gap:15px}.x-locked-preview img{width:100px}.x-unlock{padding:22px}.x-lesson{padding:0 10px}.x-definition,.x-recall{padding:23px}.x-player-card{position:static;scroll-margin-top:110px}.x-learning{padding:22px}.x-player-card .x-actions{margin:15px 0}.x-mobile-note{display:block}.x-choice-grid{grid-template-columns:1fr}.x-tabs button{flex:1;font-size:13px}.x-video-label{font-size:11px}.x-play{width:58px;height:58px}.x-pills{gap:6px}.x-footer>div{display:block}.x-footer a{display:inline-block;margin:7px 12px 7px 0}}@media(prefers-reduced-motion:reduce){.x-wrap *,.experience-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:600px){.x-opening .x-actions .x-button{flex:1 1 100%;justify-content:center;white-space:nowrap}.x-nav nav{gap:12px}.x-reader-bottom{bottom:0;left:0;right:0}}

.x-reader.is-zoomed{overflow:auto;overscroll-behavior:contain}.x-reader.is-zoomed img{width:1122px;max-width:none}.x-reader.is-zoomed figure{width:max-content}.x-reader.is-zoomed figcaption{position:sticky;left:0;width:300px}@media(max-width:600px){.x-nav nav{overflow:visible;flex-wrap:wrap;gap:4px 6px}.x-nav nav a{font-size:12px;padding:8px 7px;min-height:44px}.x-reader.is-zoomed img{width:800px}}