.sidebar{padding:20px 16px;border-right:1px solid var(--border);background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.homeBtn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:90%;height:60px;margin:10px 0 8px 4px;border-radius:10px;border:1px solid var(--border);background:#ffffffdf;color:var(--text);cursor:pointer;outline:none;transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.homeBtn:hover{background:#c1b4fcce}.homeBtn:hover .homeIconImg{animation:spin-ccw 2.3s linear infinite}.homeBtn:active{transform:translateY(-1px)}.homeBtn:hover:active .homeIconImg,.homeBtn:active .homeIconImg{animation:none}.homeBtn:focus-visible{box-shadow:0 0 0 3px var(--focus)}.homeIcon{width:20px;height:20px}.homeIconImg{width:40px;height:40px;display:block}.menuItem{display:block;padding:10px 12px;margin:4px 0;border-radius:10px;color:var(--text);text-decoration:none;background:#fff0;outline:none;transition:background .15s ease,transform .12s ease}.player{margin:12px 2px 8px;padding:8px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;overflow:hidden}.playerRow{display:flex;align-items:center;gap:6px;justify-content:center;padding:0 4px}.playerBtn{appearance:none;border:1px solid var(--border);background:#ffffff0f;color:#fff;padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:background .15s ease,transform .12s ease}.playerBtn:hover{background:#ffffff1f}.playerBtn:active{transform:translateY(1px)}.playerBtn:focus-visible{box-shadow:0 0 0 3px var(--focus)}.playerBtn--primary{background:#e11d4840;border-color:#e11d4859}.playerMeta{margin:6px 0 4px;font-size:11px;color:var(--muted)}.playerTitle{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volumeIcon{opacity:.8}.volumeSlider{flex:0 0 84px;width:84px;max-width:100%;margin:0 6px;appearance:none;height:3px;background:#ffffff2e;border-radius:999px}.volumeSlider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.main{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hamburgerIcon{display:block}.listHero{min-height:calc(100vh - var(--topbar-h))}.listHero .heroContent{height:calc(100vh - var(--topbar-h))}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg-overlay),var(--bg-overlay)),url(/img/basque-flag.svg) center / cover no-repeat;filter:saturate(.95) contrast(1.08);transform:scale(1.02)}.hero--list .heroContent{place-items:stretch;align-content:start;text-align:left;padding:0;width:100%}.hero .learnBtn{position:absolute;right:20%;bottom:20px;transform:none}.heroTitle{position:absolute;top:15%;left:20%;margin:0 0 20px;font-size:clamp(28px,4vw,56px);line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.5)}.learnBtn{appearance:none;border:none;border-radius:20px;padding:16px 28px;font-size:24px;font-weight:700;color:#fff;background:var(--red);cursor:pointer;outline:none;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;box-shadow:0 8px 24px #e11d4859;animation:pulse 1.6s ease-in-out infinite}@keyframes spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion: reduce){.learnBtn,.homeBtn:hover .homeIconImg{animation:none}}.mediaList{height:100%;width:100%}.row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:16px;padding:12px 16px;width:100%;background:transparent;color:#fff;border:0;text-align:left;text-decoration:none}.row:hover{background:#ffffff0f}.row:focus-visible{box-shadow:0 0 0 3px var(--focus)}.row--active{color:#10b981}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.artist{opacity:.75;white-space:nowrap}:root{--bg-overlay: rgba(0, 0, 0, .45);--text: #ffffff;--muted: rgba(255, 255, 255, .85);--red: #e11d48;--red-hover: #be123c;--border: rgba(255, 255, 255, .12);--focus: rgba(255, 255, 255, .7);--sidebar-w: 150px;--topbar-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--text);background:#000}.page{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;transition:grid-template-columns .2s ease}.page--collapsed{grid-template-columns:0 1fr}.sidebar{padding:20px 16px;border-right:1px solid var(--border);background:#0000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden}.sidebarTitle{margin:0 0 12px 8px;font-size:18px;color:var(--muted)}.menuList{list-style:none;padding:0;margin:0}.menuItem{display:block;padding:10px 12px;margin:4px 0;border-radius:10px;color:var(--text);text-decoration:none;background:#fff0;appearance:none;border:none;text-align:left;width:100%;outline:none;transition:background .15s ease,transform .12s ease}.menuItem:hover{background:#ffffff1f}.menuItem:active{transform:translateY(1px)}.menuItem:focus-visible{box-shadow:0 0 0 3px var(--focus)}.main{position:relative;display:grid;grid-template-rows:var(--topbar-h) 1fr;height:100vh;min-width:0}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:#0009;height:var(--topbar-h)}.toggleBtn{appearance:none;border:1px solid var(--border);background:#ffffff0f;color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,transform .12s ease}.toggleBtn:hover{background:#ffffff1f}.toggleBtn:active{transform:translateY(1px)}.toggleBtn:focus-visible{box-shadow:0 0 0 3px var(--focus)}.brand{color:var(--muted);font-weight:600}.hero{position:relative;min-height:100vh;overflow:hidden}.hero--list,.listHero{height:100%;min-height:0}.hero--list .heroContent{height:100%;place-items:stretch;align-content:start;text-align:left;padding:0;width:100%}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg-overlay),var(--bg-overlay)),url(/img/basque-flag.svg) center / cover no-repeat;filter:saturate(.95) contrast(1.08);transform:scale(1.02)}.hero:after{content:"";position:absolute;inset:0;background:url(/img/basque-goose.png) center 70% / clamp(120px,32vw,380px) auto no-repeat;opacity:.95;mix-blend-mode:normal;pointer-events:none}.heroContent{position:relative;z-index:1;height:100%;padding:32px;display:grid;place-items:center;text-align:center}.heroTitle{margin:0 0 20px;font-size:clamp(28px,4vw,56px);line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.5)}.learnBtn{appearance:none;border:none;border-radius:16px;padding:14px 28px;font-size:20px;font-weight:700;color:#fff;background:var(--red);cursor:pointer;outline:none;transition:background .15s ease,transform .12s ease,box-shadow .15s ease;box-shadow:0 8px 24px #e11d4859;animation:pulse 1.6s ease-in-out infinite}.learnBtn:hover{background:var(--red-hover)}.learnBtn:active{transform:translateY(1px)}.learnBtn:focus-visible{box-shadow:0 0 0 3px var(--focus),0 8px 24px #e11d4859}.cornerLinks{position:absolute;z-index:1;right:16px;bottom:16px;display:flex;gap:12px}.cornerLink{display:inline-block;padding:8px 12px;border-radius:10px;background:#ffffff1f;color:#fff;text-decoration:none;outline:none;transition:background .15s ease,transform .12s ease}.cornerLink:hover{background:#fff3}.cornerLink:active{transform:translateY(1px)}.cornerLink:focus-visible{box-shadow:0 0 0 3px var(--focus)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.learnBtn{animation:none}}.listHero:before{background:linear-gradient(0deg,#000000a6,#000000a6),url(/img/basque-flag.svg) center / cover no-repeat}.wordBank{display:grid;grid-template-rows:auto 1fr;gap:8px;width:100%}.wbHeader{display:flex;align-items:center;gap:12px;padding:12px 16px}.wbSearch{appearance:none;flex:1 1 auto;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0f;color:#fff;outline:none}.wbSearch::placeholder{color:#fff9}.wbSearch:focus-visible{box-shadow:0 0 0 3px var(--focus)}.wbMeta{color:var(--muted);white-space:nowrap}.wbError{color:#fecaca;padding:0 16px}.wbList{list-style:none;padding:0;margin:0;height:100%;overflow:auto}.wbRow{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:10px 16px}.wbRow:hover{background:#ffffff0f}.wbRow:focus-visible{box-shadow:0 0 0 3px var(--focus)}.wbRank{font-variant-numeric:tabular-nums;color:var(--muted)}.wbMain{display:grid;gap:4px}.wbWord{font-weight:700}.wbSub{color:var(--muted);font-size:12px}.ta2-container{color-scheme:dark}.ta2-placeholder{display:grid;place-items:center;inline-size:100%;min-block-size:240px;background:#111318;color:#9aa0a6;border:1px solid #20242d;border-radius:12px;font-size:18px}.ta2-text{position:relative;background:#111318;border:1px solid #20242d;border-radius:12px;padding:14px 12px;line-height:1.75;font-size:clamp(18px,2.4vw,26px);color:#e5e7eb;white-space:pre-wrap;word-break:break-word;overflow:auto;user-select:none;-webkit-user-select:none}.g{font-variant-ligatures:none;font-kerning:none;vertical-align:baseline}.g.current:after{content:"";display:inline-block;width:0}.g.correct{color:#e5e7eb}.g.wrong{color:#f87171;text-decoration:underline;text-decoration-color:#f87171;text-decoration-thickness:2px}.g.pending{color:#9aa0a6}.g.extra{color:#fbbf24}.edge{display:inline-block;width:0;height:1em;vertical-align:baseline}.caret{position:absolute;top:0;left:0;width:2px;background:#e5e7eb;transform:translateZ(0);will-change:transform;pointer-events:none;contain:layout paint style}.ta2-text{caret-color:transparent}.caret{border-radius:1px}.ghost{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.ime{position:absolute;background:transparent;border-bottom:2px solid #7dd3fc;color:#9aa0a6;font-size:inherit;line-height:inherit;pointer-events:none}.ta2-results{position:fixed;inset:0;display:grid;place-items:center;background:color-mix(in oklab,#000 60%,transparent);z-index:100}.ta2-results-card{width:min(92vw,560px);background:#111318;border:1px solid #20242d;border-radius:12px;padding:20px;box-shadow:0 10px 40px #00000059}.ta2-results-title{margin:0 0 12px;font-size:20px;color:#e5e7eb}.ta2-summary{display:grid;gap:14px}.ta2-metrics{display:flex;gap:16px}.ta2-metric{background:#0e1118;border:1px solid #252a36;padding:10px 12px;border-radius:10px}.ta2-metric-label{display:block;color:#9aa0a6;font-size:12px}.ta2-metric-value{display:block;font-size:18px;font-weight:700;color:#e5e7eb}.ta2-missed-title{color:#9aa0a6;font-size:12px;margin-bottom:6px}.ta2-missed-list{margin:0;padding-left:18px}.ta2-missed-item{margin:2px 0}.ta2-actions{display:flex;gap:10px;margin-top:10px}.ta2-btn{appearance:none;border:1px solid #2a313d;background:#0e1118;color:#e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px}.ta2-btn--primary{background:#7dd3fc;color:#0b0c10;border-color:#7dd3fc;font-weight:700}.aboutHero:before{background:linear-gradient(0deg,#0009,#0009),url(/img/basque-flag.svg) center / cover no-repeat}.aboutCard{display:grid;grid-template-columns:256px 1fr;gap:24px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:16px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:900px}.aboutImg{width:256px;height:256px;object-fit:contain;border-radius:12px;background:#ffffff0f}.aboutText{text-align:left}.aboutTitle{margin:0 0 8px;font-size:clamp(22px,3.2vw,36px)}@media (max-width: 720px){.aboutCard{grid-template-columns:1fr;text-align:center}.aboutText{text-align:center}.aboutImg{margin:0 auto}}.flashcards{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff}.fcHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid rgba(255,255,255,.15);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fcMeta{font-size:16px;font-weight:600;color:#fff;background:#ffffff1a;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.fcActions{display:flex;gap:12px}.fcBtn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.fcBtn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.fcBtn:active{transform:translateY(0)}.fcPrimary{background:#22c55e;border-color:#22c55e;color:#000;font-weight:700}.fcPrimary:hover{background:#16a34a;border-color:#16a34a}.fcStage{flex:1;display:grid;place-items:center;padding:20px;min-height:0}.fcCard{position:relative;width:min(800px,85vw);height:min(500px,70vh);perspective:1000px;background:transparent;border:none;cursor:pointer;outline:none;transition:transform .2s ease}.fcCard:hover{transform:scale(1.02)}.fcCard:focus-visible{box-shadow:0 0 0 4px #22c55e80}.fcFace{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;border:3px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#1f1f1f,#2a2a2a);display:grid;place-items:center;padding:32px;transform:rotateY(0);transition:transform .48s cubic-bezier(.2,.6,.2,1);box-shadow:0 10px 30px #0000004d}.fcCard--back .fcFace--front{transform:rotateY(180deg)}.fcCard--back .fcFace--back{transform:rotateY(360deg)}.fcFace--back{transform:rotateY(180deg)}.fcWord{font-size:clamp(32px,6vw,64px);font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2;position:absolute;top:10%;left:0;right:0;text-align:center}.fcEnglish{font-size:clamp(24px,4vw,40px);font-weight:700;margin-bottom:16px;color:#22c55e;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.3)}.fcExample{font-size:clamp(18px,3vw,24px);color:#ffffffe6;text-align:center;line-height:1.4;font-style:italic;max-width:80%;margin:0 auto}.fcImage{position:relative;display:block;margin:24px auto 0;width:min(220px,40vw);aspect-ratio:1 / 1;object-fit:cover;opacity:.95;border-radius:12px;background:#0003;padding:8px;border:2px solid rgba(255,255,255,.1)}.fcEmpty,.fcError{color:#fff;font-size:18px;font-weight:600;text-align:center;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 24px;margin:20px}.fcEmpty{background:#6b72801a;border-color:#6b72804d;color:#fffc}@media (max-width: 768px){.fcHeader{padding:12px 16px;flex-direction:column;gap:12px}.fcActions{gap:8px}.fcBtn{padding:8px 12px;font-size:13px}.fcCard{width:min(700px,95vw);height:min(450px,65vh)}.fcFace{padding:24px}.fcImage{width:80px;height:80px;top:16px;right:16px}}@media (max-width: 480px){.fcHeader{padding:10px 12px}.fcCard{width:min(600px,98vw);height:min(400px,60vh)}.fcFace{padding:20px}.fcWord{font-size:clamp(24px,8vw,48px)}.fcEnglish{font-size:clamp(18px,6vw,32px)}.fcExample{font-size:clamp(14px,4vw,20px)}.fcImage{width:60px;height:60px}}