*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--app-bg: #F7F7F8;--app-bar: #FAFAFA;--app-card: #FFFFFF;--app-border: #E5E5E8;--app-soft: #EEEEEF;--tx-1: #17171A;--tx-2: #5F5F68;--tx-3: #A4A4AE;--y-bg: #FDF6DC;--y-text: #7A5C08;--y-border: #E8D07A;--y-icon: #C4981E;--success-bg: #EAF4EC;--success-text: #2E7D42}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--app-bg);color:var(--tx-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fafafae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--app-border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--tx-1)}.nav-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--app-soft);flex-shrink:0}.nav-brand{font-size:15px;font-weight:600;letter-spacing:-.3px;color:var(--tx-1)}.nav-brand span{font-family:Noto Sans SC,sans-serif;font-weight:500;color:var(--tx-2);font-size:13px}.nav-right{display:flex;align-items:center;gap:12px}.lang-switcher{position:relative}.lang-trigger{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:1px solid var(--app-border);border-radius:999px;font-size:12px;font-weight:500;color:var(--tx-2);cursor:pointer;font-family:inherit;letter-spacing:-.1px;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.lang-trigger:hover{background:var(--app-soft);border-color:var(--tx-3);color:var(--tx-1)}.lang-current{font-size:12px}.lang-chevron{color:var(--tx-3);transition:transform .15s;flex-shrink:0}.lang-dropdown{position:absolute;top:100%;right:0;padding-top:6px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:200}.lang-dropdown-inner{background:var(--app-card);border:1px solid var(--app-border);border-radius:10px;padding:4px;min-width:120px;box-shadow:0 4px 16px #00000014}.lang-switcher:hover .lang-dropdown,.lang-switcher:focus-within .lang-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-switcher:hover .lang-chevron,.lang-switcher:focus-within .lang-chevron{transform:rotate(180deg)}.lang-item{display:block;padding:7px 10px;font-size:13px;font-weight:400;color:var(--tx-2);text-decoration:none;border-radius:6px;transition:background .1s,color .1s;white-space:nowrap}.lang-item:hover{background:var(--app-soft);color:var(--tx-1)}.lang-item-active{color:var(--tx-1);font-weight:500}.nav-cta{display:inline-flex;align-items:center;padding:7px 16px;background:#2c2c30;color:#fff;border-radius:999px;font-size:13px;font-weight:500;text-decoration:none;letter-spacing:-.1px;transition:opacity .15s}.nav-cta:hover{opacity:.82}.hero{padding:120px 24px 80px;max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.hero-left{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:var(--app-soft);border-radius:999px;font-size:11px;font-weight:500;color:var(--tx-2);letter-spacing:.2px;width:fit-content;font-family:DM Mono,monospace}.hero-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.12;letter-spacing:-1px;color:var(--tx-1)}.hero-title .jp{font-family:Noto Sans SC,sans-serif;font-weight:700;display:block;color:var(--tx-1)}.hero-title .en{display:block;color:var(--tx-3);font-weight:300;font-size:.72em;letter-spacing:-.5px;margin-top:4px}.hero-desc{font-size:16px;color:var(--tx-2);line-height:1.6;max-width:380px;font-weight:400}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;background:#2c2c30;color:#fff;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;letter-spacing:-.2px;transition:opacity .15s}.btn-primary:hover{opacity:.82}.btn-disabled{opacity:.52;cursor:not-allowed;pointer-events:none;border:none}.btn-coming-soon{font-size:10px;font-weight:500;letter-spacing:.02em;background:#ffffff2e;border-radius:4px;padding:2px 7px;margin-left:2px;white-space:nowrap}.btn-coming-soon-dark{background:#0000001a;color:var(--tx-2)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:13px 20px;background:transparent;color:var(--tx-2);border:1px solid var(--app-border);border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;letter-spacing:-.2px;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--app-soft);color:var(--tx-1)}.hero-visual{display:flex;flex-direction:column;gap:12px;position:relative}.quiz-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s}.quiz-card:hover{box-shadow:0 4px 16px #00000014}.quiz-meta{display:flex;align-items:center;gap:6px;margin-bottom:12px}.quiz-level{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--tx-3)}.quiz-dot{width:3px;height:3px;background:var(--app-soft);border-radius:999px}.quiz-type{font-size:11px;color:var(--tx-3)}.quiz-question{font-size:15px;font-weight:500;color:var(--tx-1);line-height:1.5;margin-bottom:14px}.quiz-question ruby rt{font-size:9px;color:var(--tx-3)}.quiz-choices{display:flex;flex-direction:column;gap:7px}.quiz-choice{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid var(--app-border);border-radius:8px;font-size:13px;color:var(--tx-2);cursor:default;transition:border-color .12s,background .12s}.quiz-choice.correct{border-color:var(--success-text);background:var(--success-bg);color:var(--success-text);font-weight:500}.quiz-choice-no{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--tx-3);flex-shrink:0;width:14px}.quiz-choice.correct .quiz-choice-no{color:var(--success-text)}.ai-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;padding:16px 20px;display:flex;gap:12px;box-shadow:0 1px 3px #0000000d}.ai-icon{width:28px;height:28px;background:#ebebed;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.ai-body{flex:1}.ai-label{font-family:DM Mono,monospace;font-size:10px;font-weight:500;color:var(--tx-3);letter-spacing:.4px;text-transform:uppercase;margin-bottom:5px}.ai-text{font-size:13px;color:var(--tx-2);line-height:1.55}.ai-text strong{color:var(--tx-1);font-weight:500}section{padding:80px 24px;max-width:960px;margin:0 auto}.section-eyebrow{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--tx-3);letter-spacing:.6px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(24px,3.5vw,36px);font-weight:700;letter-spacing:-.8px;line-height:1.15;color:var(--tx-1);margin-bottom:16px}.section-desc{font-size:15px;color:var(--tx-2);line-height:1.65;max-width:480px}.feat-section{padding:80px 24px;max-width:960px;margin:0 auto}.feat-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.feat-layout-rev .feat-text{order:2}.feat-layout-rev .feat-visual{order:1}.feat-text{display:flex;flex-direction:column;gap:0}.feat-text .section-title{margin-bottom:16px;margin-top:12px}.feat-visual{display:flex;justify-content:center}.feat-card-group{width:100%}.level-row-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.level-row-cards{display:flex;flex-direction:column}.level-row-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--app-soft)}.level-row-item:last-child{border-bottom:none}.level-row-tag{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--tx-1);width:24px;flex-shrink:0}.level-row-desc{font-size:13px;color:var(--tx-2)}.mini-practice-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.mini-practice-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--app-soft)}.mini-practice-row:last-child{border-bottom:none}.mini-practice-icon{width:32px;height:32px;background:var(--app-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.mini-practice-info{flex:1;min-width:0}.mini-practice-title{font-size:13px;font-weight:500;color:var(--tx-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-practice-meta{font-family:DM Mono,monospace;font-size:11px;color:var(--tx-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-progress{height:3px;background:var(--app-soft);border-radius:9px;overflow:hidden;margin-top:6px}.mini-progress-fill{height:100%;background:var(--tx-1);border-radius:9px}.mini-done-badge{font-family:DM Mono,monospace;font-size:10px;font-weight:600;background:var(--success-bg);color:var(--success-text);border-radius:4px;padding:2px 6px;text-transform:uppercase;flex-shrink:0}.audio-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.audio-card-top{padding:16px 16px 14px;border-bottom:1px solid var(--app-soft)}.audio-meta{display:flex;align-items:center;gap:6px;margin-bottom:12px}.audio-level{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--tx-3)}.audio-type{font-size:11px;color:var(--tx-3)}.audio-controls{display:flex;align-items:center;gap:10px}.audio-btn{width:30px;height:30px;background:var(--tx-1);border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.audio-waveform{display:flex;align-items:center;gap:2px;flex:1}.audio-waveform span{display:block;width:3px;background:var(--app-soft);border-radius:2px;flex-shrink:0}.audio-waveform span:nth-child(-n+6){background:var(--tx-1)}.audio-time{font-family:DM Mono,monospace;font-size:11px;color:var(--tx-3);flex-shrink:0}.audio-transcript{padding:14px 16px}.audio-transcript-label{font-family:DM Mono,monospace;font-size:10px;font-weight:500;color:var(--tx-3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.audio-transcript-text{font-size:13px;color:var(--tx-2);line-height:1.65}.levels-section{padding:80px 24px;max-width:960px;margin:0 auto}.levels-grid{display:flex;gap:10px;margin-top:40px;flex-wrap:wrap}.level-pill{display:flex;flex-direction:column;flex:1;min-width:100px;background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;padding:20px 18px;gap:8px;transition:border-color .15s,box-shadow .15s}.level-pill:hover{border-color:var(--tx-3);box-shadow:0 2px 8px #0000000f}.level-tag{font-family:DM Mono,monospace;font-size:22px;font-weight:500;color:var(--tx-1);letter-spacing:-.5px}.level-sub{font-size:12px;color:var(--tx-3);line-height:1.4}.official-links{display:flex;gap:12px;flex-wrap:wrap}.official-link{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;background:var(--app-card);border:1px solid var(--app-border);border-radius:12px;text-decoration:none;flex:1;min-width:160px;transition:border-color .15s,box-shadow .15s}.official-link:hover{border-color:var(--tx-3);box-shadow:0 2px 8px #0000000f}.official-link-icon{width:28px;height:28px;background:var(--app-soft);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.official-link-text{flex:1}.official-link-title{font-size:13px;font-weight:500;color:var(--tx-1)}.official-link-arrow{flex-shrink:0}.cta-section{padding:80px 24px 120px;max-width:960px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.cta-card{width:100%;background:#2c2c30;border-radius:20px;padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.cta-title{font-size:clamp(26px,4vw,40px);font-weight:700;color:#ffffffeb;letter-spacing:-.8px;line-height:1.15;position:relative;z-index:1}.cta-title .jp{font-family:Noto Sans SC,sans-serif;display:block;font-weight:700}.cta-desc{font-size:15px;color:#ffffff8c;line-height:1.6;max-width:380px;position:relative;z-index:1}.cta-actions{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap;justify-content:center}.btn-white{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;color:var(--tx-1);border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;letter-spacing:-.2px;transition:opacity .15s}.btn-white:hover{opacity:.88}.btn-ghost-white{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:14px;font-weight:400;text-decoration:none;transition:border-color .15s,color .15s}.btn-ghost-white:hover{border-color:#ffffff80;color:#fff}footer{border-top:1px solid var(--app-border);padding:28px 24px;display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto}.footer-brand{font-size:13px;font-weight:500;color:var(--tx-3)}.footer-brand strong{color:var(--tx-2);font-weight:600}.footer-links{display:flex;gap:20px}.footer-links a{font-size:13px;color:var(--tx-3);text-decoration:none;transition:color .12s}.footer-links a:hover{color:var(--tx-2)}.divider{border:none;border-top:1px solid var(--app-border);max-width:960px;margin:0 auto}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:90px;gap:40px}.feat-layout,.feat-layout-rev{grid-template-columns:1fr;gap:32px}.feat-layout-rev .feat-text{order:0}.feat-layout-rev .feat-visual{order:1}.levels-grid{flex-wrap:wrap}.level-pill{min-width:calc(50% - 5px)}footer{flex-direction:column;gap:16px;align-items:flex-start}}@media(max-width:480px){nav{padding:0 16px}.hero,.feat-section,.levels-section,.cta-section{padding-left:16px;padding-right:16px}.level-pill{min-width:calc(50% - 5px)}}