*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0f14;--surface: #161a24;--surface-2: #1e2335;--border: #2a2f45;--text: #e2e4ed;--text-muted: #7a7f99;--accent: #6c63ff;--accent-glow: rgba(108, 99, 255, .25);--radius: 12px;--font-body: "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Code", "Fira Code", monospace;--transition: .18s ease;--theme-albhed-accent: #f5a623;--theme-albhed-glow: rgba(245, 166, 35, .2);--theme-aurebesh-accent: #ffe81f;--theme-aurebesh-glow: rgba(255, 232, 31, .18);--theme-hylian-accent: #4ade80;--theme-hylian-glow: rgba(74, 222, 128, .18);--theme-junimo-accent: #a78bfa;--theme-junimo-glow: rgba(167, 139, 250, .18);--theme-klingon-accent: #dc2626;--theme-klingon-glow: rgba(220, 38, 38, .2);--theme-valyrian-accent: #94a3b8;--theme-valyrian-glow: rgba(148, 163, 184, .2);--theme-dothraki-accent: #d97706;--theme-dothraki-glow: rgba(217, 119, 6, .2);--theme-huttese-accent: #65a30d;--theme-huttese-glow: rgba(101, 163, 13, .2);--theme-quenya-accent: #fcd34d;--theme-quenya-glow: rgba(252, 211, 77, .2);--theme-sindarin-accent: #7dd3fc;--theme-sindarin-glow: rgba(125, 211, 252, .2);--theme-khuzdul-accent: #cd7f32;--theme-khuzdul-glow: rgba(205, 127, 50, .2);--theme-navi-accent: #2dd4bf;--theme-navi-glow: rgba(45, 212, 191, .2);--theme-dovahzul-accent: #ea580c;--theme-dovahzul-glow: rgba(234, 88, 12, .2);--theme-unown-accent: #8b5cf6;--theme-unown-glow: rgba(139, 92, 246, .18);--theme-simlish-accent: #22c55e;--theme-simlish-glow: rgba(34, 197, 94, .18);--theme-mandoa-accent: #3b82f6;--theme-mandoa-glow: rgba(59, 130, 246, .2);--theme-vulcan-accent: #0d9488;--theme-vulcan-glow: rgba(13, 148, 136, .2)}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);background-image:radial-gradient(circle,rgba(108,99,255,.035) 1px,transparent 1px);background-size:24px 24px;color:var(--text);min-height:100vh;display:flex;flex-direction:column}header{padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:#0d0f14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:200;flex-shrink:0}.header-inner{display:flex;align-items:center;width:100%}.header-brand{display:flex;align-items:baseline;gap:.75rem;flex:1;min-width:0}header h1{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(135deg,#fff 30%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header .tagline{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;align-items:center;flex-shrink:0}.mode-nav{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.nav-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:500;padding:.35rem .9rem;cursor:pointer;transition:color var(--transition),background var(--transition)}.nav-btn:hover{color:var(--text);background:var(--surface-2)}.nav-btn.active{background:var(--accent);color:#fff}.icon-btn{width:2.2rem;height:2.2rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border-color:var(--border);background:var(--surface);color:var(--text-muted);flex-shrink:0;transition:color var(--transition),background var(--transition),border-color var(--transition)}.icon-btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface-2)}.app-body{display:flex;flex:1;overflow:hidden;position:relative}#lang-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,width .25s ease}.sidebar-search-wrap{padding:.75rem .75rem .5rem;position:relative;flex-shrink:0}.sidebar-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}#sidebar-search{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;font-size:.82rem;padding:.4rem .6rem .4rem 2rem;transition:border-color var(--transition)}#sidebar-search:focus{outline:none;border-color:var(--accent)}#sidebar-search::-webkit-search-cancel-button{cursor:pointer}#sidebar-nav{flex:1;overflow-y:auto;padding:.25rem 0 1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar-item{display:flex;flex-direction:column;gap:.1rem;width:100%;padding:.55rem .9rem .55rem 1rem;background:none;border:none;border-left:2px solid transparent;border-radius:0;color:var(--text-muted);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item:hover{color:var(--text);background:var(--surface-2);border-color:var(--border)}.sidebar-item.active{color:var(--text);background:var(--surface-2);font-weight:600}.sidebar-item .item-source{font-size:.7rem;color:var(--text-muted);font-weight:400}.sidebar-item.theme-albhed.active{border-color:var(--theme-albhed-accent);color:var(--theme-albhed-accent)}.sidebar-item.theme-aurebesh.active{border-color:var(--theme-aurebesh-accent);color:var(--theme-aurebesh-accent)}.sidebar-item.theme-hylian.active{border-color:var(--theme-hylian-accent);color:var(--theme-hylian-accent)}.sidebar-item.theme-junimo.active{border-color:var(--theme-junimo-accent);color:var(--theme-junimo-accent)}.sidebar-item.theme-klingon.active{border-color:var(--theme-klingon-accent);color:var(--theme-klingon-accent)}.sidebar-item.theme-valyrian.active{border-color:var(--theme-valyrian-accent);color:var(--theme-valyrian-accent)}.sidebar-item.theme-dothraki.active{border-color:var(--theme-dothraki-accent);color:var(--theme-dothraki-accent)}.sidebar-item.theme-huttese.active{border-color:var(--theme-huttese-accent);color:var(--theme-huttese-accent)}.sidebar-item.theme-quenya.active{border-color:var(--theme-quenya-accent);color:var(--theme-quenya-accent)}.sidebar-item.theme-sindarin.active{border-color:var(--theme-sindarin-accent);color:var(--theme-sindarin-accent)}.sidebar-item.theme-khuzdul.active{border-color:var(--theme-khuzdul-accent);color:var(--theme-khuzdul-accent)}.sidebar-item.theme-navi.active{border-color:var(--theme-navi-accent);color:var(--theme-navi-accent)}.sidebar-item.theme-dovahzul.active{border-color:var(--theme-dovahzul-accent);color:var(--theme-dovahzul-accent)}.sidebar-item.theme-unown.active{border-color:var(--theme-unown-accent);color:var(--theme-unown-accent)}.sidebar-item.theme-simlish.active{border-color:var(--theme-simlish-accent);color:var(--theme-simlish-accent)}.sidebar-item.theme-mandoa.active{border-color:var(--theme-mandoa-accent);color:var(--theme-mandoa-accent)}.sidebar-item.theme-vulcan.active{border-color:var(--theme-vulcan-accent);color:var(--theme-vulcan-accent)}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.55rem .75rem .55rem 1rem;background:none;border:none;border-left:2px solid transparent;border-radius:0;color:var(--text-muted);font:inherit;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.sidebar-group-btn:hover{color:var(--text);background:var(--surface-2)}.sidebar-group-btn.active{color:var(--text);border-color:var(--accent)}.sidebar-group-btn .chevron{font-size:.6rem;transition:transform var(--transition);flex-shrink:0;color:var(--text-muted)}.sidebar-group-btn.open .chevron{transform:rotate(180deg)}.sidebar-group-items{overflow:hidden;max-height:0;transition:max-height .25s ease}.sidebar-group-items.open{max-height:400px}.sidebar-subitem{display:block;width:100%;padding:.45rem .9rem .45rem 1.75rem;background:none;border:none;border-left:2px solid transparent;border-radius:0;color:var(--text-muted);font:inherit;font-size:.82rem;text-align:left;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-subitem:hover{color:var(--text);background:var(--surface-2)}.sidebar-subitem.active{color:var(--text);background:var(--surface-2);font-weight:600;border-color:var(--accent)}.sidebar-divider{height:1px;background:var(--border);margin:.35rem .75rem}#sidebar-toggle{display:none;position:fixed;bottom:1.25rem;left:1.25rem;z-index:150;width:3rem;height:3rem;border-radius:50%;background:var(--accent);border:none;color:#fff;box-shadow:0 4px 20px #6c63ff66;cursor:pointer;align-items:center;justify-content:center;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}#sidebar-toggle:hover{background:#7c75ff;transform:scale(1.05);box-shadow:0 6px 24px #6c63ff80}main{flex:1;min-width:0;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}#translator[hidden]{display:none}#translator{display:flex;flex-direction:column;gap:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color var(--transition)}#translator[data-theme=albhed]{border-color:#f5a62359}#translator[data-theme=aurebesh]{border-color:#ffe81f59}#translator[data-theme=hylian]{border-color:#4ade8059}#translator[data-theme=junimo]{border-color:#a78bfa59}#translator[data-theme=klingon]{border-color:#dc262659}#translator[data-theme=valyrian]{border-color:#94a3b859}#translator[data-theme=dothraki]{border-color:#d9770659}#translator[data-theme=huttese]{border-color:#65a30d59}#translator[data-theme=quenya]{border-color:#fcd34d59}#translator[data-theme=sindarin]{border-color:#7dd3fc59}#translator[data-theme=khuzdul]{border-color:#cd7f3259}#translator[data-theme=navi]{border-color:#2dd4bf59}#translator[data-theme=dovahzul]{border-color:#ea580c59}#translator[data-theme=unown]{border-color:#8b5cf659}#translator[data-theme=simlish]{border-color:#22c55e59}#translator[data-theme=mandoa]{border-color:#3b82f659}#translator[data-theme=vulcan]{border-color:#0d948859}.panel-row{display:flex;align-items:flex-start;gap:.5rem}.panel-row .panel{flex:1;min-width:0}.swap-col{display:flex;align-items:flex-start;padding-top:5.5rem;flex-shrink:0}#swap-btn{width:2.4rem;height:2.4rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border-color:var(--border);color:var(--text-muted);transition:color var(--transition),border-color var(--transition),background var(--transition),transform .3s ease}#swap-btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface-2)}#swap-btn.swapping{transform:rotate(180deg)}.panel{display:flex;flex-direction:column;gap:.5rem}.panel-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}textarea{width:100%;min-height:140px;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;resize:vertical;transition:border-color var(--transition)}textarea:focus{outline:none;border-color:var(--accent)}textarea[readonly]{cursor:default;color:var(--text-muted)}#translator[data-theme=albhed] textarea:focus{border-color:var(--theme-albhed-accent)}@font-face{font-family:Aurebesh;src:url(/assets/sw-aurebesh-ClLKGenn.ttf) format("truetype");font-display:swap}@font-face{font-family:Junimo;src:url(/assets/junimo-7ossuD4w.ttf) format("truetype");font-display:swap}@font-face{font-family:Daedric;src:url(/assets/tes-daedric-D8RRAxSU.ttf) format("truetype");font-display:swap}@font-face{font-family:Unown;src:url(/assets/unown-DL5T7cNM.ttf) format("truetype");font-display:swap}@font-face{font-family:HylianBotW;src:url(/assets/botw-hylian-C1DhzTEI.ttf) format("truetype");font-display:swap}@font-face{font-family:AncientHylian;src:url(/assets/ww-hylian-CL7ty77j.otf) format("opentype");font-display:swap}@font-face{font-family:Sheikah;src:url(/assets/botw-sheikah-xP7TyAt5.ttf) format("truetype");font-display:swap}@font-face{font-family:Gerudo;src:url(/assets/oot-gerudo-DxMSLqNt.ttf) format("truetype");font-display:swap}@font-face{font-family:Hylian64;src:url(/assets/64-hylian-DcJaM0Xi.ttf) format("truetype");font-display:swap}@font-face{font-family:AncientHylianSS;src:url(/assets/ss-hylian-CS_uT4os.ttf) format("truetype");font-display:swap}@font-face{font-family:HylianTP;src:url(/assets/tp-hylian-i41e9DiW.otf) format("opentype");font-display:swap}#glyph-row{display:flex;flex-direction:column;gap:.5rem}#glyph-row[hidden]{display:none}#glyph-display{min-height:80px;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:2rem;line-height:1.6;letter-spacing:.05em;color:var(--text);word-break:break-all}#glyph-display.font-missing{font-size:.85rem;color:var(--text-muted);font-family:var(--font-body);display:flex;align-items:center;gap:.5rem}#phonetic-row{display:flex;flex-direction:column;gap:.5rem}#phonetic-row[hidden]{display:none}#phonetic-row .panel-label{color:var(--text-muted)}#phonetic-box{min-height:60px;font-family:var(--font-mono);font-size:.9rem;color:var(--text)}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between}.direction-group{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem}.direction-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-muted);transition:color var(--transition)}.direction-group label:has(input:checked){color:var(--text)}.direction-group input[type=radio]{accent-color:var(--accent)}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}button{padding:.5rem 1.1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.88rem;font-family:var(--font-body);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);white-space:nowrap}button:hover{background:var(--surface);border-color:var(--accent)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#7c75ff;border-color:#7c75ff;box-shadow:0 0 12px var(--accent-glow)}button#voice-btn.listening,button#speak-btn.speaking{border-color:#ef4444;color:#ef4444;animation:pulse 1s infinite}.label-actions{display:flex;gap:.35rem;align-items:center}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}footer{padding:1rem 2rem;border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;flex-shrink:0;position:relative}.support-link{font-size:.82rem;color:#f97316;font-weight:500;text-decoration:none;transition:opacity var(--transition)}.support-link:hover{opacity:.8}.footer-counter{position:absolute;left:1.5rem;font-size:.75rem;color:var(--text-muted)}.footer-counter[hidden]{display:none}#translation-count{font-variant-numeric:tabular-nums}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;animation:fadeIn .2s ease}.overlay[hidden],#menu-drawer[hidden]{display:none}#menu-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--surface);border-left:1px solid var(--border);z-index:400;display:flex;flex-direction:column;animation:slideInRight .25s ease}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-weight:600;font-size:1rem}.drawer-body{padding:1.5rem 1.25rem;flex:1;overflow-y:auto}.drawer-placeholder{color:var(--text-muted);font-size:.875rem}#share-overlay{z-index:300}#share-modal[hidden]{display:none}#share-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:400;display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:scaleIn .2s ease;max-height:calc(100vh - 4rem);overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-title{font-weight:600;font-size:1rem}.share-preview{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6;color:var(--text-muted);white-space:pre-wrap}#share-image-wrap[hidden]{display:none}#share-image-wrap{display:flex;flex-direction:column;gap:.5rem;align-items:center}#share-canvas{width:100%;border-radius:8px;border:1px solid var(--border)}.share-image-hint{font-size:.75rem;color:var(--text-muted)}.share-targets{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.share-target{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.share-target:hover{background:var(--bg);border-color:var(--accent);transform:translateY(-1px)}.share-target[hidden]{display:none}.share-target svg{flex-shrink:0}.share-link-row{display:flex;gap:.5rem}#share-link-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font:inherit;font-size:.8rem;padding:.4rem .65rem;cursor:default;min-width:0}#share-copy-link{flex-shrink:0;font-size:.82rem;padding:.4rem .8rem}#quiz[hidden]{display:none}#quiz{display:flex;flex-direction:column;gap:1.5rem}#quiz-setup[hidden],#quiz-active[hidden]{display:none}#quiz-setup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}#quiz-setup-hint{color:var(--text-muted);font-size:.95rem}#quiz-active{display:flex;flex-direction:column;gap:1rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}#quiz-lang-name{font-weight:600;color:var(--text)}.quiz-streak strong{color:var(--accent);font-size:1.1rem}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}#quiz-word{font-size:2.5rem;font-weight:600;letter-spacing:.05em;text-align:center;min-height:3.5rem;line-height:1.2}.quiz-timer-track{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}#quiz-timer-fill{height:100%;width:100%;background:var(--accent);border-radius:2px;transform-origin:left}#quiz-timer-label{font-size:.8rem;color:var(--text-muted);align-self:flex-end}#quiz-input{width:100%;max-width:360px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:1rem;padding:.65rem .9rem;text-align:center;transition:border-color var(--transition)}#quiz-input:focus{outline:none;border-color:var(--accent)}#quiz-input:disabled{opacity:.5;cursor:default}#quiz-feedback[hidden]{display:none}#quiz-feedback{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}#quiz-feedback-icon{font-size:1.5rem;font-weight:700;line-height:1;flex-shrink:0}#quiz-feedback-icon.correct{color:#4ade80}#quiz-feedback-icon.incorrect{color:#f87171}#quiz-feedback-text{flex:1;font-size:.95rem}#quiz-next-btn{margin-left:auto;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:.9rem;padding:.5rem 1rem;cursor:pointer;transition:border-color var(--transition),background var(--transition)}#quiz-next-btn:hover{border-color:var(--accent);background:var(--surface)}:root[data-theme=light]{--bg: #f0f2f8;--surface: #ffffff;--surface-2: #e8eaf4;--border: #d0d4e8;--text: #1a1d2e;--text-muted:#6b7280;background-image:radial-gradient(circle,rgba(108,99,255,.06) 1px,transparent 1px)}:root[data-theme=light] header{background:#f0f2f8e6}:root[data-theme=light] textarea{background:#fff}.drawer-section{padding:1rem 0;border-bottom:1px solid var(--border)}.drawer-section:last-child{border-bottom:none}.drawer-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.6rem}.drawer-mode-nav{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.drawer-mode-btn{flex:1;background:none;border:none;border-radius:6px;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:500;padding:.4rem .75rem;cursor:pointer;transition:color var(--transition),background var(--transition)}.drawer-mode-btn:hover{color:var(--text);background:var(--border)}.drawer-mode-btn.active{background:var(--accent);color:#fff}.drawer-action-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.drawer-action-btn:hover{background:var(--bg);border-color:var(--accent)}.sidebar-section-header{display:flex;align-items:center;gap:.4rem;padding:.85rem 1rem .4rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.sidebar-section-header:not(:first-child){margin-top:.35rem;border-top:1px solid var(--border);padding-top:.85rem}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--text-muted);font-size:.6rem;font-weight:700;color:var(--text-muted);cursor:default;position:relative;flex-shrink:0;font-style:normal}.info-icon:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.72rem;font-weight:400;color:var(--text);text-transform:none;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:500;width:200px;white-space:normal;text-align:left}.info-icon:hover:after{opacity:1}#credits-overlay{z-index:300}#credits-modal[hidden]{display:none}#credits-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:400;display:flex;flex-direction:column;animation:scaleIn .2s ease;overflow:hidden}.credits-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.credits-intro{font-size:.85rem;color:var(--text-muted);line-height:1.6}.credits-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.25rem}.credits-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.credits-list li{font-size:.85rem;line-height:1.5;color:var(--text-muted)}.credits-list strong{color:var(--text)}.credits-list a{color:var(--accent);text-decoration:none}.credits-list a:hover{text-decoration:underline}.credits-disclaimer{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}#menu-drawer.closing{animation:slideOutRight .25s ease forwards}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#translator,#quiz{animation:slideUp .2s ease}#quiz-feedback:not([hidden]){animation:slideUp .18s ease}#glyph-row:not([hidden]),#phonetic-row:not([hidden]){animation:slideUp .15s ease}@media(max-width:768px){#lang-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:350;transform:translate(-100%);width:260px;box-shadow:4px 0 24px #0006}#lang-sidebar.open{transform:translate(0);animation:none}#sidebar-toggle{display:flex}.app-body{overflow:visible}main{padding:1rem;overflow-y:visible}header{padding:.75rem 1rem}.header-brand .tagline{display:none}}@media(max-width:540px){.panel-row{flex-direction:column}.swap-col{padding-top:0;width:100%;justify-content:center}#swap-btn{transform:rotate(90deg)}#swap-btn.swapping{transform:rotate(270deg)}#translator{padding:1rem}.controls-row{flex-direction:column;align-items:flex-start}#quiz-word{font-size:1.8rem}.share-targets{grid-template-columns:1fr}#share-modal{padding:1.25rem}header h1{font-size:1.2rem}}