@font-face{font-family:"Haq Old Turkic";src:url("assets/fonts/noto-sans-old-turkic.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+10C00-10C4F}:root{--bg-color:#0f111a;--card-bg:#1a1c28;--text-color:#f8f9fa;--vowel-color:#feca57;--hard-color:#ff6b6b;--soft-color:#54a0ff;--neutral-color:#feca57;--neutral-consonant-color:#1dd1a1;--compound-color:#00d2d3;--border-radius:12px;--key-bg:#282a3d;--rune-font:"Haq Old Turkic","Noto Sans Old Turkic","Segoe UI Historic","Segoe UI Symbol",sans-serif}*,*::before,*::after{box-sizing:border-box}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-color);padding:10px;margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh}.trainer-container{width:100%;max-width:950px;background:var(--card-bg);padding:15px;border-radius:var(--border-radius);box-shadow:0 15px 35px rgba(0,0,0,0.6);margin:10px 0}.site-brand{position:absolute;left:12px;top:10px;z-index:3;display:flex;align-items:center;gap:8px;padding:0}.site-brand-avatar{width:30px;height:30px;border-radius:50%;display:block;object-fit:cover;background:#000;border:1px solid rgba(254,202,87,0.72);box-shadow:0 2px 8px rgba(0,0,0,0.45),0 0 10px rgba(254,202,87,0.16)}.site-brand-name{color:var(--neutral-color);font-size:12px;font-weight:900;letter-spacing:1.2px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,0.8),0 0 16px rgba(254,202,87,0.26)}.hero-banner{width:100%;max-width:950px;aspect-ratio:16 / 5.15;margin:10px 0 8px;border-radius:var(--border-radius);overflow:hidden;border:1px solid #26304a;box-shadow:0 15px 35px rgba(0,0,0,0.45);background:#07080d;position:relative}.hero-banner picture,.hero-banner picture>img{width:100%;height:100%;display:block}.hero-banner picture>img{object-fit:cover;object-position:center 45%}.banner-runes{position:absolute;inset:0;z-index:1;pointer-events:none;color:rgba(240,250,255,0.72);font-family:var(--rune-font);font-weight:700;mix-blend-mode:screen;text-shadow:0 2px 12px rgba(0,0,0,0.72),0 0 28px rgba(84,160,255,0.72),0 0 44px rgba(235,248,255,0.32)}.banner-runes span{position:absolute;display:block;line-height:1;opacity:0.86}.banner-runes span:nth-child(1){left:4%;top:52%;font-size:68px;opacity:0.5;transform:rotate(-15deg)}.banner-runes span:nth-child(2){left:13%;bottom:2%;font-size:76px;opacity:0.78;transform:rotate(12deg)}.banner-runes span:nth-child(3){left:27%;top:10%;font-size:60px;opacity:0.68;transform:rotate(-8deg)}.banner-runes span:nth-child(4){left:39%;bottom:2%;font-size:68px;opacity:0.62;transform:rotate(16deg)}.banner-runes span:nth-child(5){right:38%;top:4%;font-size:64px;opacity:0.64;transform:rotate(-12deg)}.banner-runes span:nth-child(6){right:25%;bottom:2%;font-size:80px;opacity:0.76;transform:rotate(10deg)}.banner-runes span:nth-child(7){right:10%;top:4%;font-size:104px;opacity:0.88;transform:rotate(14deg)}.banner-runes span:nth-child(8){right:3%;bottom:3%;font-size:72px;opacity:0.72;transform:rotate(-10deg)}.banner-runes span:nth-child(9){left:5%;bottom:25%;font-size:58px;opacity:0.62;transform:rotate(8deg)}.banner-runes span:nth-child(10){right:49%;top:0;font-size:52px;opacity:0.54;transform:rotate(-6deg)}.banner-runes span:nth-child(11){left:20%;top:-4%;font-size:54px;opacity:0.54;transform:rotate(18deg)}.banner-runes span:nth-child(12){left:51%;bottom:5%;font-size:74px;opacity:0.66;transform:rotate(-18deg)}.banner-runes span:nth-child(13){right:18%;top:31%;font-size:56px;opacity:0.58;transform:rotate(7deg)}.banner-runes span:nth-child(14){left:58%;top:15%;font-size:48px;opacity:0.5;transform:rotate(-14deg)}.banner-runes span:nth-child(15){left:33%;bottom:31%;font-size:46px;opacity:0.48;transform:rotate(11deg)}.banner-runes span:nth-child(16){right:33%;bottom:30%;font-size:50px;opacity:0.5;transform:rotate(-11deg)}.banner-runes span:nth-child(17){left:0;top:45%;font-size:58px;opacity:0.52;transform:rotate(-20deg)}.banner-runes span:nth-child(18){right:0;top:45%;font-size:58px;opacity:0.52;transform:rotate(20deg)}.banner-runes span:nth-child(19){left:71%;bottom:1%;font-size:48px;opacity:0.5;transform:rotate(9deg)}.banner-runes span:nth-child(20){left:69%;top:-2%;font-size:52px;opacity:0.52;transform:rotate(-9deg)}.header-panel{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:8px;text-align:center;position:relative;overflow:visible;isolation:isolate;z-index:200;padding:6px 12px 8px;border-radius:12px}h2{margin:0;line-height:1.4;position:relative;z-index:1}.title-primary{display:block;font-size:27px;letter-spacing:2px;color:var(--neutral-color);font-weight:700}.title-secondary{display:block;font-size:15.5px;color:#858da7;font-weight:normal;margin-top:8px;max-width:680px;line-height:1.52;letter-spacing:0}.title-secondary[dir="rtl"],.dynamic-info-panel[dir="rtl"],.edu-block[dir="rtl"]{direction:rtl;text-align:right}.lang-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.language-picker{position:relative;width:100%;max-width:520px;z-index:220}.language-picker-label{display:block;margin:0 0 6px;color:var(--neutral-color);font-size:11px;font-weight:900;letter-spacing:1.4px;line-height:1;text-align:left}.language-trigger{background:var(--key-bg);color:#fff;border:1px solid rgba(254,202,87,0.62);padding:12px 14px;font-size:14px;font-weight:bold;border-radius:8px;cursor:pointer;outline:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 0 0 1px rgba(254,202,87,0.12),0 0 22px rgba(254,202,87,0.14);animation:languagePulse 2.8s ease-in-out infinite}.language-trigger:hover,.language-trigger[aria-expanded="true"]{background:#303348;border-color:var(--neutral-color);box-shadow:0 0 0 1px rgba(254,202,87,0.35),0 0 28px rgba(254,202,87,0.24)}@keyframes languagePulse{0%,100%{box-shadow:0 0 0 1px rgba(254,202,87,0.12),0 0 18px rgba(254,202,87,0.12)}50%{box-shadow:0 0 0 1px rgba(254,202,87,0.38),0 0 28px rgba(254,202,87,0.28)}}.selected-language-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-chevron{margin-left:auto;color:#ffeaa7;width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;font-size:0;font-weight:900;line-height:1;transition:none}.language-chevron::before{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:12px solid #ffeaa7;filter:drop-shadow(0 0 10px rgba(254,202,87,0.68));transform-origin:50% 46%;transition:transform 0.2s ease}.language-picker.open .language-chevron{transform:none}.language-picker.open .language-chevron::before{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:~"min(46vh,410px)";overflow-y:auto;overscroll-behavior:contain;background:#202336;border:1px solid #4d5270;border-radius:10px;padding:6px;box-shadow:0 18px 34px rgba(0,0,0,0.5);z-index:260}.language-menu[hidden]{display:none}.language-option{width:100%;min-height:42px;border:0;border-radius:7px;background:transparent;color:#fff;padding:9px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;font-weight:700;text-align:left}.language-option:hover,.language-option:focus-visible{background:#303348;outline:none}.language-option[aria-selected="true"]{background:rgba(84,160,255,0.28);color:#fff}.language-option-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-flag{width:28px;height:28px;border-radius:50%;display:inline-block;flex:0 0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,0.16),0 3px 10px rgba(0,0,0,0.28);background:#3b3e56;background-position:center;background-size:cover;background-repeat:no-repeat}.language-trigger .lang-flag{width:32px;height:32px}.language-option .lang-flag{width:28px;height:28px}.lang-flag-kz{background:#00a3dd}.lang-flag-kz::before{content:"";position:absolute;left:3px;top:3px;width:2px;height:11px;background:repeating-linear-gradient(to bottom,#ffd34f 0 2px,transparent 2px 4px);border-radius:2px}.lang-flag-kz::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;left:10px;top:4px;background:#ffd34f;box-shadow:0 5px 0 -3px #ffd34f}.lang-flag-kg::after,.lang-flag-sah::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;left:9px;top:5px;background:#ffd34f}.lang-flag-az{background:linear-gradient(to bottom,#00b5e2 0 33%,#ef3340 33% 66%,#509e2f 66%)}.lang-flag-az::after{content:"☾";position:absolute;left:7px;top:3px;color:#fff;font-size:9px;line-height:10px}.lang-flag-az::before{content:"★";position:absolute;left:14px;top:5px;color:#fff;font-size:5px;line-height:5px}.lang-flag-ba{background:linear-gradient(to bottom,#0072bc 0 33%,#fff 33% 66%,#009b77 66%)}.lang-flag-kbr{background:linear-gradient(to bottom,#3eb5e8 0 33%,#fff 33% 66%,#22a650 66%)}.lang-flag-kg{background:#e8112d}.lang-flag-kg::after{background:#ffd34f}.lang-flag-krk{background:linear-gradient(to bottom,#0099d8 0 43%,#f5d04c 43% 57%,#1eb53a 57%)}.lang-flag-kmk{background:linear-gradient(to bottom,#1f77b4 0 38%,#f6c343 38% 50%,#2ca24d 50%)}.lang-flag-nog{background:#c51f2b}.lang-flag-nog::before{content:"";position:absolute;left:8px;top:3px;width:9px;height:10px;border:2px solid #fff;border-bottom:0;border-radius:5px 5px 1px 1px;transform:skewX(-8deg)}.lang-flag-nog::after{content:"";position:absolute;left:11px;top:5px;width:3px;height:9px;background:#fff;border-radius:2px;transform:rotate(18deg)}.lang-flag-sah{background:linear-gradient(to bottom,#4aa3df 0 64%,#fff 64% 74%,#d22630 74% 84%,#2ca24d 84%)}.lang-flag-sah::after{background:#fff;left:5px;top:3px;width:8px;height:8px}.lang-flag-tt{background:linear-gradient(to bottom,#009a44 0 44%,#fff 44% 56%,#d22630 56%)}.lang-flag-tr{background:#e30a17}.lang-flag-tr::after,.lang-flag-ug::after{content:"☾";position:absolute;left:6px;top:-2px;color:#fff;font-size:18px;line-height:17px}.lang-flag-tr::before,.lang-flag-ug::before{content:"★";position:absolute;left:14px;top:5px;color:#fff;font-size:6px;line-height:6px}.lang-flag-ug{background:#0099d8}.lang-flag-uz{background:linear-gradient(to bottom,#1eb6e7 0 31%,#ce1126 31% 36%,#fff 36% 64%,#ce1126 64% 69%,#1eb53a 69%)}.lang-flag-uz::before{content:"☾";position:absolute;left:4px;top:1px;color:#fff;font-size:8px;line-height:8px}.lang-flag-uz::after{content:"•••";position:absolute;left:12px;top:2px;color:#fff;font-size:5px;line-height:5px;letter-spacing:-1px}.lang-flag::before,.lang-flag::after{content:none !important;display:none !important}.lang-flag-az{background:url("assets/flags/az.webp")center / cover no-repeat}.lang-flag-ba{background:url("assets/flags/ba.webp")center / cover no-repeat}.lang-flag-kbr{background:url("assets/flags/kbr.webp")center / cover no-repeat}.lang-flag-kg{background:url("assets/flags/kg.webp")center / cover no-repeat}.lang-flag-kmk{background:url("assets/flags/kmk.webp")center / cover no-repeat}.lang-flag-krk{background:url("assets/flags/krk.webp")center / cover no-repeat}.lang-flag-kz{background:url("assets/flags/kz.webp")center / cover no-repeat}.lang-flag-nog{background:url("assets/flags/nog.webp")center / cover no-repeat}.lang-flag-sah{background:url("assets/flags/sah.webp")center / cover no-repeat}.lang-flag-tr{background:url("assets/flags/tr.webp")center / cover no-repeat}.lang-flag-tt{background:url("assets/flags/tt.webp")center / cover no-repeat}.lang-flag-ug{background:url("assets/flags/ug.webp")center / cover no-repeat}.lang-flag-uz{background:url("assets/flags/uz.webp")center / cover no-repeat}@media(max-width:479px){.site-brand{left:8px;top:8px;gap:6px;padding:0}.site-brand-avatar{width:24px;height:24px}.site-brand-name{font-size:10px;letter-spacing:0.9px}.language-menu{max-height:42vh}.language-option{font-size:14px;min-height:40px}}.output-shell{position:relative;margin-bottom:8px}.output-area{width:100%;min-height:78px;background:#07080d;border:2px solid #3b3e56;border-radius:var(--border-radius);padding:14px;font-family:var(--rune-font);font-size:30px;line-height:1.4;color:#fff;margin-bottom:0;overflow-wrap:anywhere;white-space:break-spaces;direction:rtl;text-align:right;letter-spacing:3px}.output-area:empty::before{content:attr(data-placeholder);color:#747d9b;letter-spacing:0;font-size:0.54em;line-height:1.3;opacity:0.82}.sticky-trainer-panel{position:sticky;top:0;z-index:120;margin-bottom:20px;padding:10px 0 10px;background:var(--card-bg);box-shadow:0 12px 18px rgba(26,28,40,0.92)}.output-meta{position:absolute;left:14px;top:12px;z-index:2;width:auto;min-height:0;margin:0;padding:3px 7px;display:flex;justify-content:flex-start;align-items:center;gap:4px;background:rgba(7,8,13,0.74);border:1px solid rgba(59,62,86,0.58);border-radius:999px;color:#7d87a5;font-size:10px;font-weight:700;letter-spacing:0;line-height:1;pointer-events:none}.output-meta.near-limit{color:var(--neutral-color)}.output-meta.at-limit{color:var(--hard-color)}#limitNotice{display:none}.controls-panel{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:8px;background:#121420;border:1px solid rgba(59,62,86,0.7);padding:8px;border-radius:8px;text-align:center;align-items:center;justify-content:space-between}.direction-alert{display:none}.direction-alert span{display:inline-block;animation:pulseArrow 1.5s infinite ease-in-out}@keyframes pulseArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}.control-buttons{display:flex;flex-wrap:wrap;gap:6px;width:auto;flex:1 1 260px}.btn{flex:0 1 auto;min-width:74px;background:var(--key-bg);color:#dce6f5;border:1px solid #3b3e56;padding:7px 10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:12px;transition:0.2s}.btn:hover{background:#303348}.btn-space{background:rgba(84,160,255,0.14);border-color:rgba(84,160,255,0.42)}.btn-space:hover{background:rgba(84,160,255,0.22)}.btn-copy{background:rgba(29,209,161,0.13);border-color:rgba(29,209,161,0.36);color:#dce6f5}.btn-copy:hover{background:rgba(29,209,161,0.22);color:#fff}.btn-backspace{background:rgba(254,202,87,0.13);border-color:rgba(254,202,87,0.36);color:#dce6f5}.btn-backspace:hover{background:rgba(254,202,87,0.22);color:#fff}.btn-clear{background:rgba(255,107,107,0.14);border-color:rgba(255,107,107,0.34);color:#dce6f5}.btn-clear:hover{background:rgba(255,107,107,0.22);color:#fff}.dynamic-info-panel{background:#121420;border:1px dashed var(--neutral-color);padding:12px;border-radius:8px;margin-bottom:0;font-size:1.05em;color:#ffeaa7;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center;line-height:1.4}.dynamic-info-panel b{color:#fff;font-size:1.15em}.dynamic-info-panel .rune-hint{font-family:var(--rune-font);margin-right:6px}.dynamic-info-panel .letter-hint{color:#fff;font-weight:700}.dynamic-info-panel .hint-line{display:inline}.keyboard-section{margin-bottom:20px}.section-title{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #363954}.section-title.vowel{color:var(--vowel-color);border-color:var(--vowel-color)}.section-title.hard{color:var(--hard-color);border-color:var(--hard-color)}.section-title.soft{color:var(--soft-color);border-color:var(--soft-color)}.section-title.neutral{color:var(--neutral-color);border-color:var(--neutral-color)}.section-title.neutral-consonant{color:var(--neutral-consonant-color);border-color:var(--neutral-consonant-color)}.section-title.compound{color:var(--compound-color);border-color:var(--compound-color)}.neutral-subgroups{display:flex;flex-direction:column;gap:22px}.neutral-subtitle{color:var(--neutral-color);font-size:11px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:11px;padding-left:2px;line-height:1.35}.neutral-subtitle span{color:#c8d6e5;font-weight:700;text-transform:none}.keys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.key{background:var(--key-bg);border:1px solid #3b3e56;border-radius:8px;padding:10px 2px;text-align:center;cursor:pointer;transition:all 0.2s ease;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70px}.key:active{background:#363954;transform:scale(0.95)}.key .rune{font-family:var(--rune-font);font-size:26px;display:block;margin-bottom:2px;color:#fff;line-height:1}.key .sound{font-size:9.5px;font-weight:bold;color:#c8d6e5;display:block;max-width:100%;line-height:1.2;word-spacing:3px;overflow-wrap:anywhere;white-space:normal;padding:0 4px;direction:ltr;unicode-bidi:isolate}#kazakhKeyboard[dir="rtl"] .section-title{text-align:right}.key.vowel-key{border-color:rgba(254,202,87,0.45)}.key.hard-key{border-color:rgba(255,107,107,0.45)}.key.soft-key{border-color:rgba(84,160,255,0.45)}.key.neutral-consonant-key{border-color:rgba(29,209,161,0.45)}.key.compound-key{border-color:rgba(0,210,211,0.45)}.edu-block{background:transparent;border-left:0;padding:0;border-radius:8px;margin-top:54px;margin-bottom:46px;font-size:0.9em;line-height:1.5;color:#c8d6e5;overflow:visible}.edu-details{display:block}.edu-summary{position:relative;min-height:56px;padding:15px 18px;cursor:pointer;list-style:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;border:1px solid rgba(255,199,70,0.72);background:linear-gradient(135deg,rgba(255,199,70,0.24),rgba(255,199,70,0.08) 46%,rgba(84,160,255,0.08));box-shadow:0 0 0 1px rgba(255,199,70,0.12)inset,0 18px 34px rgba(0,0,0,0.34),0 16px 38px rgba(255,199,70,0.10);transition:border-color 0.18s ease,background 0.18s ease,box-shadow 0.14s ease}.edu-summary::before{content:"";position:absolute;left:5%;right:5%;bottom:-18px;height:22px;border-radius:999px;background:rgba(0,0,0,0.22);filter:blur(12px);opacity:0.58;transition:opacity 0.14s ease;pointer-events:none;z-index:-1}.edu-summary:hover{border-color:rgba(255,213,102,0.95);background:linear-gradient(135deg,rgba(255,199,70,0.32),rgba(255,199,70,0.12) 48%,rgba(84,160,255,0.10));box-shadow:0 0 0 1px rgba(255,199,70,0.18)inset,0 20px 38px rgba(0,0,0,0.38),0 18px 42px rgba(255,199,70,0.14)}.edu-summary:active{box-shadow:0 0 0 1px rgba(255,199,70,0.14)inset,0 4px 10px rgba(0,0,0,0.18),0 4px 12px rgba(255,199,70,0.06)}.edu-summary:active::before{opacity:0.08}.edu-summary::-webkit-details-marker{display:none}.edu-summary-title{color:var(--neutral-color);font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;line-height:1.25}.edu-summary::after{content:"";width:20px;height:16px;flex:0 0 20px;background:var(--neutral-color);clip-path:polygon(50% 82%,5% 18%,95% 18%);transform-origin:50% 50%;transition:transform 0.22s ease}.edu-details[open] .edu-summary::after{transform:rotate(180deg)}.academic-notice{background:linear-gradient(135deg,rgba(238,82,83,0.16),rgba(254,202,87,0.06));border:1px solid rgba(238,82,83,0.58);border-left:4px solid #ee5253;padding:16px;border-radius:8px;margin-top:16px;color:#d9e1f2;font-size:0.94em;line-height:1.55;box-shadow:0 0 0 1px rgba(238,82,83,0.08)inset,0 12px 28px rgba(238,82,83,0.08)}.academic-notice[dir="rtl"]{direction:rtl;text-align:right;border-left-width:1px;border-right:4px solid #ee5253}.academic-notice-label{width:48px;height:48px;margin:0 0 12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#ff4d4f;background:rgba(238,82,83,0.10);border:2px solid rgba(238,82,83,0.72);box-shadow:0 0 22px rgba(238,82,83,0.22);font-size:30px;font-weight:950;line-height:1;letter-spacing:0}.academic-notice p{margin:0 0 10px}.academic-notice p:last-child{margin-bottom:0}.edu-grid{display:flex;flex-direction:column;gap:15px;margin:16px 0 0}.edu-details[open] .edu-grid{animation:eduReveal 0.24s ease both}@keyframes eduReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.edu-item{background:#1a1c28;padding:15px;border-radius:6px;border:1px solid #3b3e56}.edu-item b{color:#fff}.edu-item.hard-border{border-left:3px solid var(--hard-color)}.edu-item.soft-border{border-left:3px solid var(--soft-color)}.edu-item.neut-border{border-left:3px solid var(--neutral-color)}.example-box{margin-top:10px;padding:10px;background:#0f111a;border-radius:6px;font-family:monospace;font-size:0.95em;color:#1dd1a1;line-height:1.4}.translation-notice{width:100%;max-width:950px;margin:14px 0 10px;padding:20px;border-radius:var(--border-radius);border:1px solid rgba(84,160,255,0.5);background:linear-gradient(135deg,rgba(84,160,255,0.12),rgba(254,202,87,0.08)),#121420;box-shadow:0 14px 32px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.04)inset;color:#dce6f5}.notice-label{margin:0 0 14px;color:var(--neutral-color);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.notice-columns{display:grid;gap:18px}.notice-copy{border-top:1px solid rgba(255,255,255,0.11);padding-top:14px}.notice-copy[dir="rtl"]{direction:rtl;text-align:right}.notice-copy p{margin:0 0 12px;line-height:1.55}.notice-copy a{color:#8fc7ff;font-weight:800;text-decoration:none;overflow-wrap:anywhere}.notice-copy a:hover{color:#ffeaa7;text-decoration:underline}.notice-contact{display:flex;justify-content:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.12)}.telegram-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border-radius:8px;color:#06111f;background:linear-gradient(135deg,#8fd3ff,#54a0ff);font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(84,160,255,0.28)}.telegram-link:hover{color:#06111f;transform:translateY(-1px);box-shadow:0 12px 30px rgba(84,160,255,0.38)}.telegram-icon{width:22px;height:22px;flex:0 0 auto}.support-donate{width:100%;max-width:950px;margin:4px 0 14px;padding:24px;display:flex;align-items:flex-start;gap:24px;border-radius:var(--border-radius);border:1px solid rgba(254,202,87,0.45);background:radial-gradient(circle at 15% 42%,rgba(84,160,255,0.22),transparent 34%),linear-gradient(135deg,rgba(84,160,255,0.11),rgba(18,20,32,0.02)),#121420;box-shadow:0 14px 32px rgba(0,0,0,0.42),0 0 0 1px rgba(255,255,255,0.04)inset;color:#dce6f5}.support-donate.is-hidden{display:none !important}.support-avatar-wrap{position:relative;width:146px;height:146px;flex:0 0 146px;padding:2px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,rgba(254,202,87,0.78),rgba(254,202,87,0.48));box-shadow:0 0 26px rgba(143,211,255,0.24),0 0 54px rgba(84,160,255,0.24)}.support-profile{width:146px;flex:0 0 146px;display:flex;flex-direction:column;align-items:center;gap:8px}.support-author{margin:0;color:rgba(254,202,87,0.78);font-size:13px;font-weight:800;line-height:1.2;text-align:center}.support-avatar-wrap::after{content:"";position:absolute;inset:6px;border-radius:50%;background:linear-gradient(135deg,rgba(18,20,32,0.72),rgba(84,160,255,0.42)),radial-gradient(circle at 50% 22%,rgba(143,211,255,0.22),transparent 45%);mix-blend-mode:color;pointer-events:none}.support-avatar{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;border:2px solid #0f111a;filter:grayscale(1)contrast(1.16)brightness(0.68)sepia(0.12)saturate(1.8)hue-rotate(182deg)}.support-copy{min-width:0;flex:1 1 auto}.support-name{margin:0 0 14px;color:var(--neutral-color);font-size:clamp(24px,4vw,34px);line-height:1.08;font-weight:900;letter-spacing:0}.support-text p{margin:0 0 13px;color:#dce6f5;font-size:15px;line-height:1.62}.support-text p:last-child{margin-bottom:0}.support-more{margin:0 0 13px}.support-more summary{width:100%;max-width:100%;margin:2px 0 13px;padding:11px 14px;border-radius:8px;border:1px solid rgba(84,160,255,0.42);background:rgba(84,160,255,0.12);color:#8fd3ff;font-size:16px;font-weight:900;line-height:1.2;cursor:pointer;list-style:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.support-more summary::-webkit-details-marker{display:none}.support-more summary::after{content:"";display:inline-block;position:relative;top:3px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--neutral-color);margin-left:0;transform-origin:50% 45%;transition:transform 0.2s ease}.support-more[open] summary::after{transform:rotate(180deg)}.support-more[open] p{animation:supportMoreReveal 0.28s ease both}@keyframes supportMoreReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.support-requisites{display:flex;align-items:center;gap:14px;margin-top:18px;padding:14px;border-radius:10px;border:1px solid rgba(84,160,255,0.44);background:linear-gradient(135deg,rgba(84,160,255,0.14),rgba(18,20,32,0.28)),#10131d;box-shadow:0 10px 24px rgba(0,0,0,0.22)}.support-requisites-icon{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#06111f;background:linear-gradient(135deg,#8fd3ff,#54a0ff);box-shadow:0 0 22px rgba(84,160,255,0.28)}.support-requisites-icon svg{width:24px;height:24px}.support-requisites-title{margin:0 0 5px;color:var(--neutral-color);font-size:14px;font-weight:900}.support-requisites p{margin:0;color:#dce6f5;line-height:1.45}.support-card-number{color:#fff;font-size:18px;font-weight:900;letter-spacing:0.4px}.share-section{width:100%;max-width:950px;margin:4px 0 14px;padding:18px;border-radius:var(--border-radius);border:1px solid rgba(84,160,255,0.48);background:linear-gradient(135deg,rgba(84,160,255,0.13),rgba(254,202,87,0.05)),#121420;box-shadow:0 14px 32px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.04) inset;display:flex;align-items:center;justify-content:space-between;gap:16px}.share-copy h3{margin:0 0 4px;color:var(--neutral-color);font-size:18px;line-height:1.2;font-weight:900}.share-copy p{margin:0;color:#dce6f5;font-size:14px;font-weight:600;line-height:1.42}.share-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.share-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid rgba(84,160,255,0.38);background:rgba(84,160,255,0.12);color:#dce6f5;font-size:13px;font-weight:900;line-height:1;text-decoration:none;cursor:pointer;transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease}.share-button:hover,.share-button:focus-visible{transform:translateY(-1px);border-color:rgba(143,211,255,0.82);background:rgba(84,160,255,0.2);box-shadow:0 10px 22px rgba(84,160,255,0.18);color:#fff;outline:none}.share-button svg{width:19px;height:19px;flex:0 0 auto}.share-telegram{border-color:rgba(84,160,255,0.58);background:rgba(84,160,255,0.16);color:#dce6f5}.share-copy-link.is-copied{background:linear-gradient(135deg,rgba(143,211,255,0.95),rgba(84,160,255,0.95));color:#06111f;border-color:rgba(143,211,255,0.86)}.share-whatsapp{border-color:rgba(29,209,161,0.45);background:rgba(29,209,161,0.13)}.share-facebook,.share-vk{border-color:rgba(84,160,255,0.5);background:rgba(84,160,255,0.15)}.share-x{border-color:rgba(220,230,245,0.34);background:rgba(255,255,255,0.08)}.share-copy-link{font-family:inherit}.site-footer{width:100%;max-width:950px;margin:0 0 24px;padding:14px 10px;color:#8f98b4;font-size:12px;line-height:1.45;text-align:center}@media(min-width:480px){.keys-grid{grid-template-columns:repeat(4,1fr)}.key .rune{font-size:28px}}@media(max-width:479px){.banner-runes{color:rgba(235,248,255,0.46);text-shadow:0 2px 10px rgba(0,0,0,0.62),0 0 18px rgba(84,160,255,0.42)}.banner-runes span{opacity:0.56}.banner-runes span:nth-child(1){left:7%;top:54%;font-size:34px;opacity:0.32}.banner-runes span:nth-child(2){display:none}.banner-runes span:nth-child(3){left:24%;top:3%;font-size:42px;opacity:0.46}.banner-runes span:nth-child(4){display:none}.banner-runes span:nth-child(5){display:none}.banner-runes span:nth-child(6){right:22%;bottom:6%;font-size:46px;opacity:0.5}.banner-runes span:nth-child(7){right:8%;top:8%;font-size:58px;opacity:0.58}.banner-runes span:nth-child(8){display:none}.banner-runes span:nth-child(9){left:8%;bottom:8%;font-size:40px;opacity:0.44}.banner-runes span:nth-child(10){display:none}.banner-runes span:nth-child(11){display:none}.banner-runes span:nth-child(12){left:55%;bottom:8%;font-size:42px;opacity:0.42}.banner-runes span:nth-child(13){right:34%;top:18%;font-size:34px;opacity:0.36}.banner-runes span:nth-child(14){display:none}.banner-runes span:nth-child(15){display:none}.banner-runes span:nth-child(16){display:none}.banner-runes span:nth-child(17){left:-2%;top:42%;font-size:36px;opacity:0.38}.banner-runes span:nth-child(18){right:-2%;top:42%;font-size:36px;opacity:0.38}.banner-runes span:nth-child(19){display:none}.banner-runes span:nth-child(20){display:none}.output-area{min-height:68px;font-size:26px;padding:12px}.output-area:empty::before{font-size:0.5em}.control-buttons{flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.btn{min-width:0;padding:7px 6px;font-size:11px}.output-meta{left:10px;top:10px;font-size:9px}.dynamic-info-panel{min-height:44px;padding:10px;font-size:0.92em}.edu-block,.academic-notice,.translation-notice,.support-donate{font-size:16px;line-height:1.62}.edu-summary-title{font-size:17px;line-height:1.25}.edu-item{font-size:16px;line-height:1.62}.example-box{font-size:0.94em;line-height:1.5}.academic-notice p,.notice-copy p,.support-text p{font-size:16px;line-height:1.62}.support-donate{flex-direction:column;align-items:center;padding:16px;gap:14px}.support-avatar-wrap{width:106px;height:106px;flex-basis:106px}.support-profile{width:106px;flex-basis:auto}.support-author{font-size:15px;line-height:1.25}.support-name{width:100%;font-size:24px;text-align:left}.support-copy{width:100%}.support-text p{font-size:16px;line-height:1.62}.share-section{flex-direction:column;align-items:stretch;padding:16px}.share-copy h3{font-size:17px}.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.share-button{width:100%;min-height:42px;padding:9px 10px;font-size:12px}}@media(min-width:768px){body{padding:20px}.trainer-container{padding:30px}.hero-banner{margin-top:0;aspect-ratio:16 / 4.45}.header-panel{flex-direction:column;justify-content:center;text-align:center}.edu-block{font-size:0.95em}.output-area{padding:18px;font-size:38px;min-height:86px}.controls-panel{padding:8px}.control-buttons{width:auto;flex-wrap:nowrap;flex:0 1 auto}.btn{flex:none;padding:7px 12px;font-size:12px}.keys-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:12px}.key{padding:12px 2px}.key:hover{background:#363954;transform:translateY(-2px)}.key .rune{font-size:32px;margin-bottom:4px}.key .sound{font-size:9.5px}.key.vowel-key:hover{border-color:var(--vowel-color);box-shadow:0 4px 12px rgba(254,202,87,0.3)}.key.hard-key:hover{border-color:var(--hard-color);box-shadow:0 4px 12px rgba(255,107,107,0.3)}.key.soft-key:hover{border-color:var(--soft-color);box-shadow:0 4px 12px rgba(84,160,255,0.3)}.key.neutral-key:hover{border-color:var(--neutral-color);box-shadow:0 4px 12px rgba(254,202,87,0.3)}.key.neutral-consonant-key:hover{border-color:var(--neutral-consonant-color);box-shadow:0 4px 12px rgba(29,209,161,0.3)}.key.compound-key:hover{border-color:var(--compound-color);box-shadow:0 4px 12px rgba(0,210,211,0.3)}.translation-notice{padding:24px}.notice-columns{grid-template-columns:1fr;gap:24px}}.neutral-subgroup .keys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neutral-subgroup .key:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:min(100%,220px)}@media(min-width:768px){.neutral-subgroup .keys-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.neutral-subgroup .key:last-child:nth-child(odd){grid-column:auto;width:auto}}@media(max-width:479px){.output-area{min-height:68px;padding-top:18px;line-height:1.25}.output-meta{top:6px;left:10px;padding:2px 6px;background:#07080d;box-shadow:0 0 0 2px #07080d}}