:root{--bg: #0b0d12;--bg-soft: #10131b;--surface: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-hover: rgba(255, 255, 255, .18);--text: #eef0f6;--text-muted: #9aa2b5;--text-dim: #6b7387;--pink: #7c8cf8;--violet: #4f46e5;--grad: linear-gradient(120deg, var(--pink), var(--violet));--radius: 20px;--radius-sm: 12px;--font: "Inter", "Noto Sans JP", system-ui, -apple-system, sans-serif;--font-jp: "Noto Sans JP", "Inter", sans-serif;--shadow-card: 0 20px 50px -20px rgba(0, 0, 0, .6);--shadow-pink: 0 12px 40px -10px rgba(124, 140, 248, .45)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}[lang=ja]{font-family:var(--font-jp)}img,svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}.container{width:min(1160px,100% - 48px);margin-inline:auto}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}.glass--strong{background:var(--surface-strong)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:6px;border:1px solid var(--border-hover);border-bottom-width:2px;background:#ffffff12;font-size:12px;font-weight:700;line-height:1;color:var(--text);vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,background-color .2s ease,border-color .2s ease;white-space:nowrap}.btn--primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-pink)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px -10px #7c8cf88c}.btn--ghost{border-color:var(--border-hover);color:var(--text);background:#ffffff08}.btn--ghost:hover{background:#ffffff14;transform:translateY(-2px)}.btn--outline{border-color:#4f46e599;color:var(--text)}.btn--outline:hover{background:#4f46e524;transform:translateY(-2px)}.btn--sm{padding:9px 18px;font-size:14px}.btn--lg{padding:15px 32px;font-size:16px}.btn--block{width:100%;margin-top:auto}.header{position:fixed;inset:0 0 auto;z-index:50;padding:14px 0;transition:background-color .3s ease,box-shadow .3s ease,padding .3s ease}.header.is-scrolled{padding:8px 0;background:#0b0d12d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.02em}.logo__kanji{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#fff;font-size:20px;font-weight:900;box-shadow:var(--shadow-pink)}.logo__accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav{display:flex;gap:32px}.nav__link{font-size:15px;font-weight:500;color:var(--text-muted);transition:color .2s ease;position:relative}.nav__link--news{display:inline-flex;align-items:center;position:relative}.nav__new{position:absolute;top:-.7em;right:-1.35em;font-size:7px;font-weight:800;letter-spacing:.06em;line-height:1;color:#fff;background:var(--grad);padding:2px 3px;border-radius:4px;box-shadow:0 0 10px #7c8cf880;animation:newPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes newPulse{0%,to{opacity:1}50%{opacity:.65}}.nav__link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav__link:hover{color:var(--text)}.nav__link:hover:after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:14px}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.lang-switch__btn{border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1;padding:7px 11px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.lang-switch__btn:hover{color:var(--text);background:#ffffff12}.lang-switch__btn.is-active{color:#fff;background:var(--grad);box-shadow:0 6px 18px -6px #7c8cf88c}.lang-switch--nav{display:none}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.burger span{display:block;height:2px;border-radius:2px;background:var(--text);transition:transform .25s ease,opacity .2s ease}.burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0}.burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.bg-kanji{position:absolute;z-index:0;font-family:var(--font-jp);font-weight:900;color:#ffffff06;user-select:none;pointer-events:none;line-height:1;white-space:nowrap}.bg-kanji--hero{top:8%;right:-4%;font-size:clamp(160px,24vw,340px)}.bg-kanji--right{top:40px;right:-60px;font-size:clamp(140px,18vw,260px)}.bg-kanji--left{top:60px;left:-70px;font-size:clamp(140px,18vw,260px)}.bg-kanji--center{top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(220px,30vw,420px);color:#ffffff05}.hero{position:relative;padding:170px 0 110px;overflow:hidden}.hero__glow{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none}.hero__glow--pink{width:520px;height:520px;top:-180px;left:-140px;background:#7c8cf829}.hero__glow--violet{width:620px;height:620px;bottom:-260px;right:-180px;background:#4f46e526}.hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:var(--text-muted);margin-bottom:26px}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--grad);box-shadow:0 0 12px #7c8cf8e6}.hero__title{font-size:clamp(38px,5.2vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:22px}.hero__subtitle{font-size:18px;color:var(--text-muted);max-width:540px;margin-bottom:34px}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}.hero__points{display:flex;flex-wrap:wrap;gap:10px 26px}.hero__points li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.hero__points svg{width:16px;height:16px;color:var(--pink);flex-shrink:0}.hero__mockup{position:relative}.hero__try{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 16px;padding:8px 16px 8px 13px;border-radius:999px;border:1px solid var(--border-hover);background:#ffffff0a;color:var(--text);font-size:13.5px;font-weight:500;line-height:1.3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero__try-live{position:relative;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--pink)}.hero__try-live:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--pink);animation:tryLivePulse 1.8s ease-out infinite}@keyframes tryLivePulse{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}@media (max-width: 560px){.hero__try{font-size:12.5px;padding:7px 14px 7px 11px}}@media (prefers-reduced-motion: reduce){.hero__try-live:before{animation:none}}.player{border-radius:var(--radius);border:1px solid var(--border);background:#12151d;box-shadow:0 40px 90px -30px #000c,0 0 80px -30px #4f46e559;overflow:hidden;transform:rotate(1.2deg);transition:transform .4s ease}.hero__mockup:hover .player{transform:rotate(0) translateY(-4px)}.player__topbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.player__dot{width:10px;height:10px;border-radius:50%;background:#ffffff24}.player__dot:first-child{background:#7c8cf8b3}.player__title{margin-left:10px;font-size:12px;color:var(--text-dim)}.player__screen{position:relative;aspect-ratio:16 / 9;background:#0d0f16}.player__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.player__vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.45));pointer-events:none}.player__bigplay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0;border:0;background:linear-gradient(180deg,#0d0f161f,#0d0f1680);color:#fff;font-family:inherit;cursor:pointer;transition:opacity .25s ease}.player__bigplay.is-hidden{opacity:0;pointer-events:none}.player__bigplay-circle{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var(--grad);box-shadow:0 18px 44px -10px #4f46e5a6;transition:transform .2s ease}.player__bigplay:hover .player__bigplay-circle{transform:scale(1.08)}.player__bigplay-circle svg{width:28px;height:28px;margin-left:3px}.player__bigplay-note{font-size:13px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--border-hover);background:#11141dd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.player__subs{position:absolute;z-index:2;left:12px;right:12px;bottom:14%;margin:0;text-align:center;font-size:clamp(16px,1.8vw,21px);font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.8);letter-spacing:.03em;opacity:0;pointer-events:none;transition:opacity .15s ease}.player__subs.is-visible{opacity:1;pointer-events:auto}.player__word{background:none;border:0;font:inherit;color:inherit;letter-spacing:inherit;text-shadow:inherit;border-radius:6px;padding:1px 2px;transition:background-color .2s ease;cursor:pointer}.player__word:hover{background:#ffffff24}.player__word--active{background:linear-gradient(120deg,#7c8cf859,#4f46e559);box-shadow:0 0 0 1px #7c8cf88c;color:#ffd7e6}.dict-card{--shift: 0px;position:absolute;z-index:6;left:50%;bottom:28%;transform:translate(var(--shift));width:max-content;min-width:210px;max-width:250px;padding:14px 16px 16px;border-radius:14px;border:1px solid var(--border-hover);background:#11141deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 50px -16px #000c;animation:dictFloat 4.5s ease-in-out infinite;transition:left .3s ease}.dict-card[hidden]{display:none}@keyframes dictFloat{0%,to{transform:translate(var(--shift)) translateY(0)}50%{transform:translate(var(--shift)) translateY(-6px)}}.dict-card.is-swap .dict-card__head,.dict-card.is-swap .dict-card__meaning{animation:dictSwap .28s ease}@keyframes dictSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.dict-card__close{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#ffffff0f;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;transition:color .2s ease,background-color .2s ease}.dict-card__close:hover{color:var(--text);background:#ffffff1f}.dict-card__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding-right:26px;margin-bottom:4px}.dict-card__word{white-space:nowrap;font-size:24px;font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.dict-card__reading{font-size:13px;color:var(--text-muted)}.dict-card__pos{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--violet);border:1px solid rgba(79,70,229,.45);border-radius:6px;padding:2px 6px}.dict-card__meaning{font-size:13px;color:var(--text-muted);margin-bottom:12px}.dict-card__add{display:inline-flex;align-items:center;gap:7px;width:100%;justify-content:center;padding:8px 12px;border:none;border-radius:9px;background:var(--grad);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter .2s ease,transform .2s ease}.dict-card__add:hover{filter:brightness(1.12);transform:translateY(-1px)}.dict-card__add.is-added{background:#34d39929;color:#6ee7b7;box-shadow:inset 0 0 0 1px #34d39966;cursor:default}.dict-card__add.is-added:hover{filter:none;transform:none}.dict-card__add.is-added svg{display:none}.dict-card__add svg{width:13px;height:13px}.dict-card__arrow{position:absolute;left:78%;bottom:-7px;width:14px;height:14px;transform:rotate(45deg);background:#11141deb;border-right:1px solid var(--border-hover);border-bottom:1px solid var(--border-hover);transition:left .3s ease}.dict-card__ai{display:inline-flex;align-items:center;gap:7px;width:100%;justify-content:center;margin-top:8px;padding:8px 12px;border:1px solid rgba(79,70,229,.45);border-radius:9px;background:#4f46e51f;color:#e2c9ff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,border-color .2s ease}.dict-card__ai[hidden]{display:none}.dict-card__ai:hover{background:#4f46e538;border-color:#4f46e5b3;transform:translateY(-1px)}.dict-card__ai:disabled{cursor:default;opacity:.75;transform:none}.dict-card__ai svg{width:14px;height:14px}.dict-card__ai.is-busy svg{animation:aiSpin 1s linear infinite}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-panel{position:absolute;z-index:5;left:12px;right:12px;bottom:12px;max-height:82%;overflow-y:auto;padding:16px 16px 14px;border-radius:14px;border:1px solid var(--border-hover);background:#0d1017f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px -16px #000000d9;animation:aiPanelIn .28s ease}.ai-panel[hidden]{display:none}.ai-panel::-webkit-scrollbar{width:10px}.ai-panel::-webkit-scrollbar-button{display:none;height:0;width:0}.ai-panel::-webkit-scrollbar-track{background:transparent;margin:10px 0}.ai-panel::-webkit-scrollbar-thumb{border-radius:999px;border:3px solid transparent;background:linear-gradient(180deg,var(--pink),var(--violet)) padding-box}.ai-panel::-webkit-scrollbar-thumb:hover{border-width:2px}@supports not selector(::-webkit-scrollbar){.ai-panel{scrollbar-width:thin;scrollbar-color:var(--violet) transparent}}@keyframes aiPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ai-panel__close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:8px;background:#ffffff0f;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease}.ai-panel__close:hover{color:#fff;background:#ffffff1f}.ai-panel__close svg{width:15px;height:15px}.ai-panel__sentence{margin:0 30px 12px 0;font-size:15px;font-weight:700;color:#fff;letter-spacing:.02em}.ai-panel__body{display:flex;flex-direction:column;gap:12px}.ai-sec__title{display:block;margin-bottom:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--violet)}.ai-sec__translation{margin:0;font-size:14px;color:var(--text);line-height:1.5}.ai-part{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 0;border-top:1px solid var(--border);font-size:13px}.ai-part:first-child{border-top:0}.ai-part__surface{font-weight:700;color:#fff}.ai-part__reading{font-size:12px;color:var(--text-dim)}.ai-part__meaning{flex:1 1 100%;color:var(--text-muted)}.ai-grammar{padding:6px 0;border-top:1px solid var(--border);font-size:13px}.ai-grammar:first-child{border-top:0}.ai-grammar__point{display:block;font-weight:700;color:#fff;margin-bottom:2px}.ai-grammar__text{color:var(--text-muted);line-height:1.5}.ai-panel__msg{margin:0;font-size:13px;color:var(--text-muted)}.ai-panel__msg--error{color:#fca5a5}.player__btn--loop.is-on{color:#fff;background:var(--grad)}.player__hint{position:absolute;z-index:2;top:14px;right:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px solid var(--border-hover);background:#11141dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:12px;font-weight:600;color:var(--text-muted);pointer-events:none;animation:hintPulse 2.4s ease-in-out infinite;transition:opacity .3s ease}.player__hint.is-hidden{opacity:0;animation:none}@keyframes hintPulse{0%,to{opacity:.75}50%{opacity:1}}.player__controls{padding:12px 16px 14px;background:#ffffff05;border-top:1px solid var(--border)}.player__progress{position:relative;height:5px;border-radius:4px;background:#ffffff1a;margin-bottom:12px;cursor:pointer;touch-action:none}.player__progress:after{content:"";position:absolute;inset:-7px 0}.player__progress-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:4px;background:var(--grad)}.player__progress-knob{position:absolute;top:50%;left:0%;width:13px;height:13px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 10px #7c8cf8cc;pointer-events:none}.player__buttons{display:flex;align-items:center;justify-content:space-between}.player__buttons-left{display:flex;align-items:center;gap:8px}.player__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--text-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease}.player__btn:hover{color:#fff;background:#ffffff14}.player__btn svg{width:19px;height:19px}.player__btn svg[hidden]{display:none}.player__time{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:4px}.player__hotkeys{display:flex;gap:6px}.kbd--btn{cursor:pointer;font-family:inherit;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.kbd--btn:hover{color:#fff;border-color:#ffffff59}.kbd--btn.is-on{background:var(--grad);color:#fff;border-color:transparent}.hero__floating-chip{position:absolute;bottom:-22px;left:26px;display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;border:1px solid var(--border-hover);background:#11141de6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:600;box-shadow:0 18px 40px -14px #000000b3}.hero__floating-chip svg{width:16px;height:16px;color:var(--pink)}.hero__floating-chip.is-pop{animation:chipPop .4s ease}@keyframes chipPop{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.hero__to-learning{position:absolute;bottom:-22px;right:26px;animation:toLearningIn .4s ease}.hero__to-learning[hidden]{display:none}.hero__to-learning svg{width:16px;height:16px}@keyframes toLearningIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section{position:relative;padding:110px 0;overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 700px}.section__head{max-width:680px;margin-bottom:56px;position:relative;z-index:1}.section__eyebrow{display:inline-block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:14px}.section__title{font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.02em}.section__lead{margin-top:16px;font-size:17px;color:var(--text-muted)}.steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}.step{position:relative;padding:28px 24px;transition:transform .3s ease,border-color .3s ease}.step:hover{transform:translateY(-6px);border-color:var(--border-hover)}.step__num{position:absolute;top:20px;right:22px;font-size:30px;font-weight:800;color:#ffffff0f;line-height:1}.step__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c8cf829,#4f46e529);border:1px solid rgba(124,140,248,.25);margin-bottom:18px}.step__icon svg{width:22px;height:22px;color:var(--pink)}.step__title{font-size:17px;font-weight:700;margin-bottom:8px}.step__text{font-size:14px;color:var(--text-muted)}.features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:30px 26px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.feature:hover{transform:translateY(-6px);border-color:#4f46e566;box-shadow:0 24px 60px -22px #4f46e559}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#7c8cf824,#4f46e52e);border:1px solid rgba(79,70,229,.3);margin-bottom:20px}.feature__icon svg{width:23px;height:23px;color:#c98cff}.feature__title{font-size:18px;font-weight:700;margin-bottom:10px}.feature__text{font-size:14.5px;color:var(--text-muted)}#versions{padding-top:84px;padding-bottom:84px}#versions .section__head{margin-bottom:40px}.versions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:28px}.version{display:flex;flex-direction:column;padding:30px 28px;transition:transform .3s ease,border-color .3s ease}.version:hover{transform:translateY(-6px);border-color:var(--border-hover)}.version .btn{margin-top:auto;padding:13px 20px;font-size:15px}.version__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:var(--grad);box-shadow:var(--shadow-pink);margin-bottom:16px}.version__icon svg{width:22px;height:22px;color:#fff}.version__tag{align-self:flex-start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pink);border:1px solid rgba(124,140,248,.4);border-radius:999px;padding:4px 12px;margin-bottom:10px}.version__tag--alt{color:#c98cff;border-color:#4f46e573}.version__title{font-size:23px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.version__text{font-size:15.5px;color:var(--text-muted);margin-bottom:16px}.version__list{display:grid;gap:9px;margin-bottom:22px}.version__list li{position:relative;padding-left:26px;font-size:15px;color:var(--text-muted)}.version__list li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:2px solid var(--pink);border-bottom:2px solid var(--pink);transform:rotate(-45deg) scale(.8)}.section--quote{padding-top:40px}.quote{position:relative;z-index:1;max-width:820px;margin-inline:auto;padding:56px 56px 48px;text-align:center}.quote__mark{width:44px;height:44px;margin:0 auto 20px;color:var(--pink);opacity:.85}.quote__text{font-size:clamp(19px,2.4vw,24px);font-weight:500;line-height:1.55;letter-spacing:-.01em}.quote__caption{margin-top:26px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.section--cta{padding-top:30px}.cta{position:relative;overflow:hidden;text-align:center;padding:72px 40px;border-radius:28px;border:1px solid var(--border);background:radial-gradient(ellipse 70% 120% at 50% -20%,rgba(79,70,229,.22),transparent 65%),radial-gradient(ellipse 60% 100% at 50% 120%,rgba(124,140,248,.16),transparent 60%),var(--bg-soft)}.cta__title{font-size:clamp(28px,3.8vw,44px);font-weight:800;letter-spacing:-.02em;max-width:640px;margin:0 auto 16px}.cta__text{font-size:17px;color:var(--text-muted);margin-bottom:32px}.footer{border-top:1px solid var(--border);padding:44px 0}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px}.logo--footer{font-size:19px}.logo--footer .logo__kanji{width:32px;height:32px;font-size:16px;box-shadow:none}.footer__nav{display:flex;flex-wrap:wrap;gap:22px}.footer__nav a{font-size:14px;color:var(--text-muted);transition:color .2s ease}.footer__nav a:hover{color:var(--text)}.footer__copy{width:100%;font-size:13px;color:var(--text-dim)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.8,.3,1)}.reveal--delay-1{transition-delay:.12s}.reveal--delay-2{transition-delay:.24s}.reveal--delay-3{transition-delay:.36s}.reveal.is-visible{opacity:1;transform:none}.news-promo{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;max-width:980px;margin:0 auto;padding:44px 46px;overflow:hidden}.news-promo:before{content:"";position:absolute;top:-45%;right:-12%;width:420px;height:420px;background:radial-gradient(circle,rgba(79,70,229,.16),transparent 68%);pointer-events:none}.news-promo__body,.news-promo__preview{position:relative;z-index:1}.news-promo__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:.01em;margin-bottom:14px}.news-promo__badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:999px;color:#fff;background:var(--grad)}.news-promo__title{font-size:clamp(24px,2.8vw,33px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}.news-promo__text{font-size:16px;line-height:1.65;color:var(--text-muted);margin-bottom:22px}.news-promo__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.news-promo__tags li{font-size:12.5px;font-weight:500;color:var(--text-muted);padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface)}.news-card{position:relative;padding:42px 22px 20px;border-radius:18px;border:1px solid var(--border-hover);background:#11141db8;box-shadow:0 30px 60px -24px #000000b3;transform:rotate(1.6deg);transition:transform .3s ease}.news-promo:hover .news-card{transform:rotate(0)}.news-card__level{position:absolute;top:14px;left:16px;font-size:11px;font-weight:800;letter-spacing:.05em;color:#fff;padding:4px 10px;border-radius:8px;background:var(--grad)}.news-card__source{position:absolute;top:16px;right:16px;font-family:var(--font-jp);font-size:11px;color:var(--text-dim)}.news-card__jp{font-family:var(--font-jp);font-size:19px;line-height:2.2;color:var(--text);margin:4px 0 14px}.news-card__jp ruby rt{font-size:.5em;color:var(--pink);font-weight:500}.news-card__ru{font-size:13.5px;color:var(--text-muted);padding-top:12px;border-top:1px solid var(--border)}@media (max-width: 768px){.news-promo{grid-template-columns:1fr;gap:26px;padding:32px 26px}.news-promo__preview{order:-1}.news-card{transform:none;max-width:360px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.dict-card,.player__hint{animation:none}}@media (max-width: 1024px){.hero__inner{grid-template-columns:1fr;gap:72px}.hero{padding-top:140px}.hero__content{max-width:620px}.steps,.features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 920px) and (min-width: 769px){.nav{gap:18px}.header__inner{gap:16px}.lang-switch__btn{padding:6px 8px}}@media (max-width: 768px){.nav{position:fixed;top:66px;left:16px;right:16px;flex-direction:column;gap:4px;padding:12px;border-radius:18px;border:1px solid var(--border);background:#0d1017f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 60px -18px #000c;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.nav.is-open{opacity:1;transform:none;pointer-events:auto}.nav__link{padding:12px 14px;border-radius:12px}.nav__link:after{display:none}.nav__link:hover{background:#ffffff0f}.nav__link--news{justify-content:flex-start}.nav__new{position:static;top:auto;right:auto;margin-left:8px;font-size:9px;padding:2px 5px}.burger{display:flex}.header__actions .lang-switch{display:none}.lang-switch--nav{display:inline-flex;align-self:flex-start;margin:8px 6px 4px}.versions{grid-template-columns:1fr}.quote{padding:44px 28px 40px}.section{padding:74px 0}.section__head{margin-bottom:38px}}@media (max-width: 560px){.container{width:min(1160px,100% - 32px)}.hero{padding:92px 0 48px}.section{padding:44px 0}.section__head{margin-bottom:22px}.section--quote{padding-top:20px}.quote{padding:34px 24px 32px}.steps,.features{grid-template-columns:1fr}.hero__title{font-size:clamp(33px,9vw,44px);margin-bottom:16px}.hero__badge{margin-bottom:18px}.hero__subtitle{font-size:16px;margin-bottom:26px}.hero__cta{gap:10px;margin-bottom:26px}.hero__cta .btn{width:100%}.section__lead{font-size:15.5px;margin-top:12px}.step{padding:22px 20px}.feature{padding:24px 22px}.dict-card{min-width:180px;max-width:210px}.player__hotkeys{display:none}.hero__floating-chip{left:16px}.hero__to-learning{right:16px;bottom:-64px}#versions{padding-top:30px}#versions .section__head{margin-bottom:18px}.version{padding:14px 16px}.version__icon{display:none}.version__title{font-size:18px;margin-bottom:5px}.version__text{font-size:13.5px;margin-bottom:10px}.version .btn{padding:10px 16px;font-size:13.5px}.version__list{order:0;margin:12px 0 16px;gap:6px}.version__tag{margin-bottom:8px}.cta{padding:52px 22px}}.page-hero{position:relative;padding:160px 0 70px;overflow:hidden}.page-hero__inner{position:relative;z-index:1;max-width:760px}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:26px;transition:color .2s ease}.back-link:hover{color:var(--text)}.back-link svg{width:15px;height:15px}.page-hero .back-link{padding:6px 12px 6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);margin-bottom:28px}.page-hero .back-link:hover{background:#ffffff0f}.page-hero__inner .section__eyebrow{display:block;font-size:16px;letter-spacing:.16em;margin-bottom:14px}.page-hero__title{font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.page-hero__lead{font-size:17px;color:var(--text-muted);max-width:620px;margin-bottom:32px}.page-hero__cta{display:flex;flex-wrap:wrap;gap:14px}.guide{position:relative;z-index:1;display:grid;gap:72px}.guide-row{display:grid;grid-template-columns:1fr 1.2fr;gap:52px;align-items:center}.guide-row--flip .guide-row__media{order:-1}.guide-row__num{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:12px}.guide-row__title{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.guide-row__text{font-size:15.5px;color:var(--text-muted)}.guide-row__text .kbd{margin:0 2px}.shot{border-radius:var(--radius);border:1px solid var(--border);background:#12151d;padding:10px;box-shadow:0 30px 70px -28px #000c,0 0 60px -30px #4f46e54d}.shot img{width:100%;height:auto;border-radius:calc(var(--radius) - 8px)}.guide-note{padding:30px 34px;display:flex;align-items:flex-start;gap:20px}.guide-note__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7c8cf829,#4f46e529);border:1px solid rgba(124,140,248,.25)}.guide-note__icon svg{width:22px;height:22px;color:var(--pink)}.guide-note__title{font-size:17px;font-weight:700;margin-bottom:6px}.guide-note__text{font-size:14.5px;color:var(--text-muted)}.platforms{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.platform{padding:32px 30px}.platform__head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.platform__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#7c8cf824,#4f46e52e);border:1px solid rgba(79,70,229,.3)}.platform__icon svg{width:22px;height:22px;color:#c98cff}.platform__title{font-size:18px;font-weight:700}.steps-list{display:grid;gap:14px;counter-reset:sl}.steps-list li{position:relative;counter-increment:sl;padding-left:40px;font-size:14.5px;color:var(--text-muted)}.steps-list li:before{content:counter(sl);position:absolute;left:0;top:1px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7c8cf833,#4f46e533);border:1px solid rgba(124,140,248,.35);color:var(--text);font-size:12px;font-weight:700}.steps-list b{color:var(--text);font-weight:600}.section-note{position:relative;z-index:1;margin-top:22px;font-size:14px;color:var(--text-dim);display:flex;align-items:flex-start;gap:9px}.section-note svg{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--pink)}.faq{position:relative;z-index:1;display:grid;gap:14px;max-width:820px}.faq-item{border-radius:var(--radius-sm);overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-size:16px;font-weight:600;transition:color .2s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:#fff}.faq-item summary:after{content:"";flex-shrink:0;width:10px;height:10px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .25s ease}.faq-item[open] summary:after{transform:rotate(-135deg)}.faq-item__body{padding:0 24px 22px;font-size:14.5px;color:var(--text-muted)}.faq-item__body a{color:var(--pink);font-weight:500}.faq-item__body a:hover{text-decoration:underline}.contact-card{position:relative;z-index:1;max-width:820px;padding:40px 36px;text-align:center}.contact-card__title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:10px}.contact-card__text{font-size:15px;color:var(--text-muted);max-width:520px;margin:0 auto 24px}.prose{position:relative;z-index:1;max-width:760px;font-size:15.5px;color:var(--text-muted)}.prose h2{font-size:21px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:42px 0 12px}.prose h2:first-child{margin-top:0}.prose p{margin-bottom:14px}.prose ul{display:grid;gap:10px;margin-bottom:14px}.prose ul li{position:relative;padding-left:24px}.prose ul li:before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--grad)}.prose a{color:var(--pink);font-weight:500}.prose a:hover{text-decoration:underline}.prose__updated{font-size:13px;color:var(--text-dim);margin-bottom:34px}@media (max-width: 900px){.guide-row{grid-template-columns:1fr;gap:26px}.guide-row--flip .guide-row__media{order:0}.guide{gap:56px}}@media (max-width: 768px){.platforms{grid-template-columns:1fr}}@media (max-width: 560px){.page-hero{padding:130px 0 56px}.page-hero__cta .btn{width:100%}.guide-note{flex-direction:column;padding:26px 24px}.contact-card{padding:32px 22px}}.install{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.install__content .section__eyebrow,.install__content .section__title,.install__content .section__lead{text-align:left;margin-left:0;margin-right:0}.install__content .section__title{margin-top:6px}.install__content .section__lead{margin:16px 0 0;max-width:560px}.install__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 22px}.install-card{padding:20px;border-radius:var(--radius-sm)}.install-card__head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.install-card__badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--grad);color:#fff;flex-shrink:0}.install-card__badge svg{width:18px;height:18px}.install-card__title{font-weight:700;font-size:15px}.install-steps{list-style:none;counter-reset:step;display:grid;gap:12px}.install-steps li{counter-increment:step;display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-muted);line-height:1.45}.install-steps li:before{content:counter(step);flex-shrink:0;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c8cf8e6,#4f46e5e6)}.install__note{font-size:14px;color:var(--text-muted);margin:0 0 24px;max-width:560px;line-height:1.5}.install__visual{display:flex;justify-content:center}.phone{position:relative;width:260px;height:520px;border-radius:42px;padding:12px;background:linear-gradient(160deg,#23283a,#12141d);box-shadow:0 40px 80px -30px #000000b3,inset 0 0 0 1.5px #ffffff14}.phone__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:26px;background:#0c0e15;border-radius:0 0 16px 16px;z-index:2}.phone__screen{position:relative;height:100%;border-radius:32px;overflow:hidden;padding:46px 20px 24px;background:radial-gradient(120% 80% at 25% 0%,rgba(79,70,229,.38),transparent 60%),radial-gradient(120% 80% at 85% 100%,rgba(124,140,248,.32),transparent 55%),linear-gradient(180deg,#171a24,#0d0f16)}.phone__time{display:block;text-align:center;font-weight:700;font-size:15px;color:#fff;margin-bottom:28px}.phone__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 14px}.phone__app{aspect-ratio:1;border-radius:14px;background:#ffffff17}.phone__app--animei{position:relative;background:none;overflow:visible;animation:appPulse 2.6s ease-in-out infinite}.phone__app--animei img{width:100%;aspect-ratio:1;border-radius:14px;display:block;box-shadow:0 10px 22px -6px #4f46e5bf,0 0 0 3px #ffffff29}.phone__app--animei em{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);font-style:normal;font-size:10px;font-weight:600;color:#fff;white-space:nowrap}@keyframes appPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 900px){.install{grid-template-columns:1fr;gap:40px}.install__visual{display:none}}@media (max-width: 560px){.install__cards{grid-template-columns:1fr}.phone{width:220px;height:448px}}