@font-face{font-family:"Baloo 2";src:url(/fonts/Baloo2-Variable.ttf)format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-Variable.ttf)format("truetype");font-weight:400 900;font-display:swap}:root{--color-canvas:#faf6f0;--color-surface:#fff;--color-ink:#312b66;--color-ink-secondary:#6b678c;--color-ink-muted:#8a87a6;--color-ink-faint:#b0adc4;--color-purple:#7c6ce0;--color-purple-dark:#6656c9;--color-pink:#f04e7d;--color-teal:#2fb9a8;--color-orange:#f0942e;--color-blue:#4e8fe0;--color-pale-purple:#efebfa;--color-pale-orange:#fdf1e3;--color-pale-blue:#eaf1fb;--color-pale-teal:#e6f6f2;--color-pale-pink:#fad6e2;--color-control:#f5f2fa;--color-divider:#f0eaf6;--color-progress:#f0ecf7;--font-display:"Baloo 2", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-body:"Nunito", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--radius-xs:10px;--radius-sm:16px;--radius-md:22px;--radius-card:28px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--shadow-soft:0 6px 18px #4634781f;--shadow-card:0 14px 34px #46347821;--shadow-button:0 7px 18px #7c6ce047;--motion-screen:.52s;--motion-scenery:.9s;--motion-snappy:.36s;--motion-entrance:.5s;--motion-card:.45s;--ease-soft:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.2, .82, .25, 1.18);--content-max:1120px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;color:var(--color-ink);background:radial-gradient(circle at 100% 3%, #efebfae6 0 14rem, transparent 14.1rem), radial-gradient(circle at -5% 46%, #fad6e28c 0 10rem, transparent 10.1rem), var(--color-canvas);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;font-weight:650;line-height:1.7}img{max-width:100%;display:block}a{color:var(--color-purple-dark);text-underline-offset:.18em;text-decoration-thickness:.11em}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(calc(100% - 2rem), var(--content-max));margin-inline:auto}.site-header{z-index:10;padding-block:var(--space-4);position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-ink);text-decoration:none;display:inline-flex}.brand img{width:44px;height:44px;box-shadow:var(--shadow-soft);border-radius:13px}.brand__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.26rem;font-weight:800;line-height:1}.site-nav{align-items:center;gap:clamp(.7rem,2vw,1.5rem);display:flex}.site-nav a{color:var(--color-ink-secondary);font-size:.9rem;font-weight:800;text-decoration:none}.site-nav a[aria-current=page]{color:var(--color-purple-dark)}.site-nav__support{display:none}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-purple);min-height:50px;box-shadow:var(--shadow-button);color:#fff;cursor:pointer;transition:transform var(--motion-snappy) var(--ease-spring), background-color .18s ease;border:0;padding:.75rem 1.35rem;font-weight:850;line-height:1.2;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-purple-dark);transform:translateY(-2px)}.button:active{transform:scale(.96)}.button--secondary{background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-ink-secondary)}.button--secondary:hover{background:var(--color-pale-purple)}.button[disabled],.button[aria-disabled=true]{box-shadow:none;color:var(--color-ink-muted);cursor:default;transform:none}.eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-pale-purple);color:var(--color-purple-dark);letter-spacing:.04em;padding:.42rem .8rem;font-size:.82rem;font-weight:900;display:inline-flex}.eyebrow:before{background:var(--color-teal);content:"";border-radius:50%;width:.55rem;height:.55rem}.hero{align-items:center;gap:var(--space-8);min-height:min(740px,100svh - 80px);padding-block:var(--space-8) var(--space-16);display:grid}.hero__copy{z-index:2;position:relative}.hero h1,.page-hero h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.65rem,10vw,5.4rem);font-weight:800;line-height:.98}.hero h1 span{color:var(--color-purple)}.hero__lead{max-width:34rem;margin:var(--space-6) 0 0;color:var(--color-ink-secondary);font-size:clamp(1rem,3vw,1.2rem)}.hero__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__note{margin:var(--space-4) 0 0;color:var(--color-ink-muted);font-size:.85rem}.hero__visual{justify-self:center;width:min(88vw,470px);position:relative}.hero__visual:before{background:linear-gradient(145deg, var(--color-pale-purple), var(--color-pale-pink));content:"";filter:blur(1px);border-radius:45% 55% 48% 52%;position:absolute;inset:12% 4% 2%;transform:rotate(-4deg)}.hero__rabbit{filter:drop-shadow(0 24px 28px #46347829);transform-origin:50% 78%;width:100%;animation:rabbit-listen 6s var(--ease-soft) infinite;position:relative}@keyframes rabbit-listen{0%,82%,to{transform:rotate(0)}87%{transform:rotate(-1.4deg)}93%{transform:rotate(1.2deg)}}.section{padding-block:var(--space-16)}.section--tight{padding-block:var(--space-10)}.section__heading{max-width:700px;margin-bottom:var(--space-8)}.section__heading h2,.content-card h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.08}.section__heading p{margin:var(--space-3) 0 0;color:var(--color-ink-secondary)}.feature-grid,.steps-grid{gap:var(--space-5);display:grid}.feature-card,.step-card,.content-card,.listen-panel,.lesson-list-shell{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.feature-card,.step-card{padding:var(--space-6)}.feature-card__icon,.step-card__number{width:3rem;height:3rem;margin-bottom:var(--space-5);color:var(--color-ink);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.35rem;font-weight:800;display:grid}.feature-card:first-child .feature-card__icon{background:var(--color-pale-purple);color:var(--color-purple-dark)}.feature-card:nth-child(2) .feature-card__icon{background:var(--color-pale-teal);color:#167d70}.feature-card:nth-child(3) .feature-card__icon{background:var(--color-pale-orange);color:#a65a0c}.step-card__number{background:var(--color-pale-blue);color:var(--color-blue)}.feature-card h3,.step-card h3{font-family:var(--font-display);margin:0;font-size:1.45rem;line-height:1.2}.feature-card p,.step-card p{margin:var(--space-3) 0 0;color:var(--color-ink-secondary)}.cta-band{background:var(--color-ink);color:#fff;border-radius:36px;padding:clamp(2rem,8vw,4.5rem);position:relative;overflow:hidden}.cta-band:after{background:var(--color-purple);content:"";opacity:.65;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-10rem;right:-6rem}.cta-band>*{z-index:1;position:relative}.cta-band h2{max-width:14ch;font-family:var(--font-display);margin:0;font-size:clamp(2rem,8vw,3.6rem);line-height:1.05}.cta-band p{color:#ffffffc2;max-width:38rem}.cta-band .button{margin-top:var(--space-4);color:var(--color-ink);box-shadow:none;background:#fff}.site-footer{padding-block:var(--space-12) var(--space-8);color:var(--color-ink-muted);font-size:.86rem}.site-footer__inner{gap:var(--space-5);border-top:1px solid var(--color-divider);padding-top:var(--space-8);flex-direction:column;display:flex}.footer-links{gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.footer-links a{color:var(--color-ink-secondary);font-weight:800}.page-hero{padding-block:var(--space-12) var(--space-8)}.page-hero h1{max-width:18ch;font-size:clamp(2.5rem,9vw,4.5rem)}.page-hero p{max-width:42rem;color:var(--color-ink-secondary);font-size:1.08rem}.content-stack{gap:var(--space-6);padding-bottom:var(--space-16);display:grid}.content-card{padding:clamp(1.4rem,5vw,2.5rem)}.content-card h2{font-size:clamp(1.5rem,5vw,2rem)}.content-card h3{margin:var(--space-6) 0 var(--space-2);font-size:1.08rem}.content-card p,.content-card li{color:var(--color-ink-secondary)}.content-card ul,.content-card ol{padding-left:1.3rem}.draft-banner{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);background:var(--color-pale-orange);color:#74400a;font-weight:850}.contact-box{gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-pale-purple);display:grid}.listen-page{padding-bottom:var(--space-16)}.listen-intro{padding-block:var(--space-8) var(--space-6)}.listen-intro h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.35rem,9vw,4rem);line-height:1}.listen-intro p{margin:var(--space-3) 0 0;color:var(--color-ink-secondary)}.filters{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.search-form{gap:var(--space-2);display:flex}.search-form input{border-radius:var(--radius-pill);min-width:0;min-height:50px;box-shadow:var(--shadow-soft);color:var(--color-ink);background:#fff;border:2px solid #0000;flex:1;padding:.72rem 1rem}.search-form input:focus{border-color:var(--color-purple);outline:0}.search-form .button{min-width:78px;padding-inline:1rem}.level-filters,.player-toggles,.speed-options,.voice-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip,.control-chip{border-radius:var(--radius-pill);background:var(--color-control);min-height:42px;color:var(--color-ink-secondary);cursor:pointer;border:0;padding:.52rem .9rem;font-size:.9rem;font-weight:850}.filter-chip[aria-pressed=true],.control-chip[aria-pressed=true]{background:var(--color-purple);color:#fff;box-shadow:0 4px 12px #7c6ce03d}.filter-chip small{opacity:.72;margin-left:.2rem}.listen-layout{gap:var(--space-6);display:grid}.player-column{grid-row:1}.listen-panel{padding:clamp(1.25rem,5vw,2rem);overflow:hidden}.now-playing__meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--color-ink-muted);font-size:.82rem;display:flex}.level-badge{border-radius:var(--radius-pill);background:var(--color-pale-purple);color:var(--color-purple-dark);padding:.28rem .68rem;font-weight:900;display:inline-flex}.transcript{text-align:center;flex-direction:column;justify-content:center;min-height:13rem;display:flex}.transcript__english{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,7vw,2.45rem);font-weight:750;line-height:1.2}.transcript__katakana{margin:var(--space-4) 0 0;color:var(--color-purple-dark);font-size:.92rem}.transcript__translation{margin:var(--space-4) 0 0;color:var(--color-ink-secondary)}.player-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-6);color:var(--color-ink-muted);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;font-size:.78rem;display:grid}.player-progress input{width:100%;accent-color:var(--color-purple)}.transport{justify-content:center;align-items:center;gap:var(--space-5);margin-block:var(--space-6);display:flex}.transport button{background:var(--color-control);width:48px;height:48px;color:var(--color-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;font-weight:900;display:grid}.transport .play-button{background:var(--color-purple);width:72px;height:72px;box-shadow:var(--shadow-button);color:#fff;font-size:1.15rem}.transport button:disabled{color:var(--color-ink-faint);cursor:default}.player-settings{gap:var(--space-5);border-top:1px solid var(--color-divider);padding-top:var(--space-5);display:grid}.setting-group{gap:var(--space-2);display:grid}.setting-label{color:var(--color-ink-muted);font-size:.8rem;font-weight:900}.lesson-list-shell{overflow:hidden}.lesson-list__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.lesson-list__header h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.lesson-list__header span{color:var(--color-ink-muted);font-size:.8rem}.lesson-list{overscroll-behavior:contain;max-height:760px;display:grid;overflow:auto}.lesson-item{width:100%;padding:var(--space-5);border:0;border-top:1px solid var(--color-divider);color:var(--color-ink);cursor:pointer;text-align:left;background:#fff}.lesson-item:hover,.lesson-item[aria-current=true]{background:var(--color-pale-purple)}.lesson-item[aria-current=true]{box-shadow:inset 4px 0 var(--color-purple)}.lesson-item__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lesson-item__english{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:1.12rem;font-weight:750;line-height:1.3}.lesson-item__translation{margin:var(--space-1) 0 0;color:var(--color-ink-secondary);font-size:.88rem}.lesson-tags{flex-wrap:wrap;gap:.35rem;display:flex}.lesson-tag{color:var(--color-ink-muted);font-size:.7rem}.load-more{padding:var(--space-5);border-top:1px solid var(--color-divider);justify-content:center;display:flex}.state-card{padding:var(--space-8) var(--space-5);color:var(--color-ink-secondary);text-align:center}.state-card p{margin:0 0 var(--space-4)}.status-message{min-height:1.5rem;margin:0 0 var(--space-3);color:#9b3c58;text-align:center;font-size:.88rem}.loading-dots:after{content:"…"}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}@media (width>=620px){.site-shell{width:min(calc(100% - 3rem), var(--content-max))}.site-nav__support{display:inline}.feature-grid,.steps-grid{grid-template-columns:repeat(3,1fr)}.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}.filters{grid-template-columns:minmax(280px,1fr) auto;align-items:center}.level-filters{justify-content:flex-end}.player-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=840px){.hero{padding-block:var(--space-12) var(--space-20);grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.listen-layout{grid-template-columns:minmax(0,1fr) minmax(370px,.82fr);align-items:start}.player-column{top:var(--space-5);grid-column:2;position:sticky}.lesson-column{grid-area:1/1}}@media (width<=430px){.brand__name{font-size:1.05rem}.site-nav{gap:.7rem}.site-nav a{font-size:.78rem}.hero__actions .button{width:100%}.search-form{align-items:stretch}.player-toggles .control-chip{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}