:root{--bg: #fafaf9;--bg-soft: #f4f4f3;--surface: #ffffff;--text: #0a0a0a;--text-muted: #555555;--text-dim: #8a8a8a;--border: rgba(10, 10, 10, .08);--border-strong: rgba(10, 10, 10, .16);--shadow-sm: 0 1px 2px rgba(10, 10, 10, .05);--shadow-md: 0 6px 18px rgba(10, 10, 10, .07);--shadow-lg: 0 24px 60px rgba(10, 10, 10, .12);--accent: #0a0a0a;--accent-soft: #f0efed;--pastel-peach: #ffb59a;--pastel-sage: #a8d4a0;--pastel-sky: #a9caee;--pastel-butter: #f5d97a;--pastel-rose: #f0a8b3;--pastel-peach-bg: #fde6dc;--pastel-sage-bg: #e1efdd;--pastel-sky-bg: #e1ecf8;--pastel-butter-bg: #fbf1cf;--pastel-rose-bg: #fbe1e5;--success: #4f8a52;--warning: #c98a3f;--danger: #d65f3c;--radius-sm: .6rem;--radius-md: 1rem;--radius-lg: 1.4rem;--radius-pill: 999px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:16px;line-height:1.5}a{color:inherit}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:3.5rem 1.5rem 0;position:relative;background:var(--bg)}.app>.mic-area{margin-top:7vh}.brand{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:.35rem}.logo-icon{width:clamp(30px,4.5vw,38px);height:clamp(30px,4.5vw,38px);flex-shrink:0}.logo-icon stop:first-child{stop-color:#0f0f0f}.logo-icon stop:last-child{stop-color:#4a4a4a}.title{font-family:Inter,sans-serif;font-size:clamp(2.4rem,6.5vw,3.8rem);font-weight:800;letter-spacing:-.035em;color:var(--text);text-align:center;line-height:1.05}.subtitle{color:var(--text-muted);font-size:clamp(.95rem,2vw,1.1rem);font-weight:400;margin-bottom:4rem;text-align:center;letter-spacing:-.005em}.mic-area{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;width:180px;height:180px}.mic-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,87,.3) 0%,transparent 70%);filter:blur(28px);opacity:0;transition:opacity .4s,transform .4s}.mic-area.listening .mic-glow{opacity:1;transform:scale(1.5)}.mic-btn{width:108px;height:108px;border-radius:50%;border:none;background:var(--text);color:#fff;cursor:pointer;position:relative;z-index:2;transition:transform .2s ease,box-shadow .25s ease,background .25s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #ffffff14 inset,0 12px 32px #0f0f0f2e}.mic-btn svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mic-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 1px #ffffff14 inset,0 18px 40px #0f0f0f38}.mic-btn:active:not(:disabled){transform:scale(.97)}.mic-btn.listening{background:var(--danger);animation:btn-pulse 2.4s ease-in-out infinite}@keyframes btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.ring{position:absolute;border-radius:50%;border:1.5px solid var(--danger);opacity:0;pointer-events:none;width:108px;height:108px}.listening .ring{animation:ring-expand 2.6s ease-out infinite}.ring:nth-child(1){animation-delay:0s}.ring:nth-child(2){animation-delay:.85s}.ring:nth-child(3){animation-delay:1.7s}@keyframes ring-expand{0%{transform:scale(1);opacity:.45}to{transform:scale(2.4);opacity:0}}.waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:28px;margin-bottom:1rem}.waveform-bar{width:3px;border-radius:2px;background:var(--text);animation:wave 1.2s ease-in-out infinite}.waveform-bar:nth-child(1){height:8px;animation-delay:0s}.waveform-bar:nth-child(2){height:18px;animation-delay:.1s}.waveform-bar:nth-child(3){height:26px;animation-delay:.2s}.waveform-bar:nth-child(4){height:20px;animation-delay:.3s}.waveform-bar:nth-child(5){height:14px;animation-delay:.4s}.waveform-bar:nth-child(6){height:22px;animation-delay:.5s}.waveform-bar:nth-child(7){height:10px;animation-delay:.6s}@keyframes wave{0%,to{transform:scaleY(.4);opacity:.45}50%{transform:scaleY(1);opacity:1}}.mic-hint{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem;min-height:1.4em;text-align:center;font-weight:500;letter-spacing:-.005em}.actions{display:flex;gap:.6rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.btn{padding:.7rem 1.4rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:.45rem;box-shadow:var(--shadow-sm)}.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:hover{background:var(--accent-soft);border-color:var(--border-strong);transform:translateY(-1px)}.btn-danger{border-color:#d977574d;color:#b85a3c;background:#fdf3ee}.btn-danger:hover{background:#fbe7dd;border-color:#d9775773}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem 1.8rem;width:90%;max-width:460px;animation:card-enter .45s cubic-bezier(.16,1,.3,1);margin-bottom:1rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pastel-sage)}.result-card.transcript-card:before{background:var(--pastel-sky)}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.result-icon{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.result-language{font-family:Inter,sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.025em;color:var(--text);line-height:1.1}.result-transcript{line-height:1.65;color:var(--text);font-size:.95rem;font-weight:400}.error-msg{color:var(--danger);font-size:.9rem;margin-bottom:1rem;text-align:center;animation:card-enter .3s ease-out}.toast{position:fixed;top:1.5rem;right:1.5rem;left:1.5rem;max-width:380px;margin-left:auto;padding:.95rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text);box-shadow:var(--shadow-lg);transform:translate(120%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1000}.toast.show{transform:translate(0)}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.seo-section{width:100%;max-width:880px;padding:5rem 1.5rem;text-align:center}.seo-section h2{font-family:Inter,sans-serif;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.6rem;color:var(--text)}.section-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:2.75rem;font-weight:400}.section-link{display:inline-block;margin-top:1.5rem;color:var(--text);text-decoration:none;font-size:.92rem;font-weight:500;border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:opacity .2s}.section-link:hover{opacity:.7}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;text-align:left;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pastel-peach)}.step-card:nth-child(1):before{background:var(--pastel-peach)}.step-card:nth-child(2):before{background:var(--pastel-sage)}.step-card:nth-child(3):before{background:var(--pastel-sky)}.step-card:nth-child(1) .step-number{background:var(--pastel-peach);color:#5a2a18}.step-card:nth-child(2) .step-number{background:var(--pastel-sage);color:#1f4720}.step-card:nth-child(3) .step-number{background:var(--pastel-sky);color:#1c3b62}.step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--text);color:#fff;font-family:inherit;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 0 1.2rem;letter-spacing:-.01em}.step-card h3{font-size:1.05rem;font-weight:600;margin-bottom:.45rem;color:var(--text);letter-spacing:-.015em}.step-card p{font-size:.92rem;color:#0f0f0fa6;line-height:1.6}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.25rem}.use-case-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem 1.4rem;text-align:left;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}.use-case-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.use-case-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text);letter-spacing:-.015em}.use-case-card p{font-size:.92rem;color:#0f0f0fb3;line-height:1.6}.use-case-cta{margin-top:1.5rem;font-size:.95rem;color:#0f0f0fbf;text-align:center}.use-case-cta a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.lang-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.lang-chip{padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.83rem;font-weight:500;transition:all .2s;text-decoration:none}.lang-chip:hover{background:var(--accent-soft);border-color:var(--border-strong)}.lang-chip-more{background:var(--text);border-color:var(--text);color:#fff;cursor:pointer}.lang-chip-more:hover{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.faq-list{text-align:left;max-width:680px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.6rem;background:var(--surface);overflow:hidden;transition:border-color .25s}.faq-item:hover{border-color:var(--border-strong)}.faq-item summary{padding:1.1rem 1.4rem;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--text);list-style:none;display:flex;align-items:center;gap:.75rem;letter-spacing:-.005em}.faq-item summary:before{content:"+";font-size:1.15rem;font-weight:500;color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item[open] summary:before{content:"−";color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 1.4rem 1.2rem 3rem;font-size:.93rem;line-height:1.65;color:var(--text-muted)}.faq-item a{color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}.faq-item a:hover{text-decoration-color:var(--text)}.languages-intro{color:var(--text-muted);font-size:1rem;line-height:1.7;margin-bottom:2.5rem}.languages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;margin-bottom:3rem}.language-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.1rem 1.2rem;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.language-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.language-name{font-family:Inter,sans-serif;font-weight:700;font-size:1rem;margin-bottom:.25rem;letter-spacing:-.015em}.language-meta{font-size:.8rem;color:var(--text-muted);margin-bottom:.15rem}.language-speakers{font-size:.78rem;color:var(--text-dim)}.footer{width:100%;padding:3rem 0 2rem;margin-top:auto}.footer-inner{display:flex;justify-content:center;align-items:center;gap:1.75rem;flex-wrap:wrap}.footer-inner a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:-.005em;transition:color .2s}.footer-inner a:hover{color:var(--text)}.page-container{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 6rem;min-height:100vh}.page-container h1{font-family:Inter,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:2.25rem;box-shadow:var(--shadow-sm)}.content-card section{margin-bottom:2rem;padding:1.4rem;background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border)}.content-card h2{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:1rem}.content-card h3{color:var(--text);margin-bottom:.75rem;font-size:1.15rem;font-weight:600;letter-spacing:-.015em}.content-card p,.content-card li{color:var(--text-muted)}.content-card ul{padding-left:1.5rem;margin:1rem 0}.content-card li{margin-bottom:.65rem;line-height:1.65}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:2rem;transition:color .2s}.back-button:hover{color:var(--text)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.contact-item{padding:1.5rem;background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border)}.contact-item h4{color:var(--text);margin-bottom:.75rem;font-weight:600;letter-spacing:-.01em}.social-links{display:flex;flex-direction:column;gap:.6rem}.social-link{display:flex;align-items:center;gap:.6rem;color:var(--text);text-decoration:none;font-size:.95rem;transition:color .2s}.social-link:hover{color:var(--text-muted)}.social-link i{width:20px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:modal-enter .35s cubic-bezier(.16,1,.3,1)}@keyframes modal-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-icon-wrap{width:56px;height:56px;margin:0 auto 1.25rem;border-radius:50%;background:var(--pastel-butter);display:flex;align-items:center;justify-content:center}.modal-icon{width:26px;height:26px;color:var(--text)}.modal-title{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.55rem;color:var(--text)}.modal-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.modal-divider{height:1px;background:var(--border);margin-bottom:1.5rem}.modal-cta{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-bottom:1rem}.modal-links{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.75rem}.modal-link{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--text);text-decoration:none;font-size:.92rem;font-weight:500;transition:all .18s ease}.modal-link:hover{background:var(--accent-soft);border-color:var(--border-strong);transform:translateY(-1px)}.modal-link-icon{font-size:1rem;width:20px;text-align:center;flex-shrink:0;color:var(--text-muted)}.modal-btn{width:100%;padding:.85rem;border-radius:var(--radius-pill);border:none;background:var(--text);color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,background .2s;letter-spacing:-.005em}.modal-btn:hover{background:#2a2a2a;transform:translateY(-1px)}.modal-btn:active{transform:translateY(0) scale(.98)}@media (max-width: 768px){.app{padding:2.25rem 1rem 0}.app>.mic-area{margin-top:10vh}.subtitle{margin-bottom:3rem}.footer-inner{gap:1.2rem}.seo-section{padding:3.5rem 1rem}.steps-grid{grid-template-columns:1fr}.languages-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 480px){.mic-area{width:150px;height:150px}.mic-btn{width:92px;height:92px}.mic-btn svg{width:30px;height:30px}.ring{width:92px;height:92px}.mic-glow{width:110px;height:110px}.result-card{padding:1.25rem 1.4rem}.result-language{font-size:1.55rem}.toast{left:1rem;right:1rem;max-width:none}.faq-item summary{font-size:.88rem;padding:1rem}.faq-item p{padding:0 1rem 1rem 2.4rem}.modal-card{padding:2rem 1.5rem}.modal-title{font-size:1.25rem}}:root{--lng-correct: #10b981;--lng-correct-bg: #e7f8f1;--lng-family: #f59e0b;--lng-family-bg: #fff3dc;--lng-macro: #ef6c2a;--lng-macro-bg: #ffe7d6;--lng-region: #8b5cf6;--lng-region-bg: #efe9ff;--lng-none: #6b7280;--lng-none-bg: #f3f4f6}.daily-cta{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.15rem;margin:0 auto 2.25rem;background:linear-gradient(135deg,#ffe7d6,#fff3dc);border:1px solid rgba(10,10,10,.06);border-radius:var(--radius-pill);color:var(--text);font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;box-shadow:var(--shadow-sm)}.daily-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.daily-cta-badge{font-size:.62rem;font-weight:800;letter-spacing:.1em;background:var(--text);color:#fff;padding:.2rem .55rem;border-radius:var(--radius-pill)}.daily-cta-text strong{font-weight:700}.daily-cta-arrow{color:var(--text-muted);transition:transform .18s}.daily-cta:hover .daily-cta-arrow{transform:translate(3px);color:var(--text)}.lng-page{max-width:560px;margin:0 auto;padding:1.25rem 1.25rem 4rem;min-height:100vh}.lng-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem 0 1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.lng-back{font-size:1.5rem;text-decoration:none;color:var(--text);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:background .15s;justify-self:start}.lng-back:hover{background:var(--bg-soft)}.lng-brand{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;text-align:center;margin:0}.lng-topbar-actions{display:flex;gap:.25rem;justify-self:end}.lng-icon-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.lng-icon-btn:hover{background:var(--bg-soft)}.lng-icon-btn svg{width:22px;height:22px}.lng-hero{text-align:center;margin-bottom:1.5rem}.lng-hero-date{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.lng-hero-tagline{color:var(--text-muted);font-size:.96rem}.lng-loading{text-align:center;color:var(--text-muted);padding:4rem 0}.lng-error-card{margin:2rem 0;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-align:center}.lng-error-hint{color:var(--text-muted);font-size:.85rem;margin-top:.75rem}.lng-error-hint code{background:var(--bg-soft);padding:.1rem .45rem;border-radius:4px;font-size:.82rem}.lng-audio-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:border-color .2s,box-shadow .2s}.lng-audio-card.is-playing{border-color:#10b98166;box-shadow:0 0 0 3px #10b9811a}.lng-audio-btn{width:52px;height:52px;border-radius:50%;border:none;background:var(--text);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s,background .18s}.lng-audio-btn:hover{transform:scale(1.05)}.lng-audio-btn:active{transform:scale(.96)}.lng-audio-card.is-playing .lng-audio-btn{background:var(--lng-correct)}.lng-audio-btn svg{width:22px;height:22px}.lng-audio-bars{flex:1;display:flex;align-items:center;gap:3px;height:28px}.lng-audio-bars span{flex:1;height:4px;background:var(--border);border-radius:2px;transition:height .2s,background .2s}.lng-audio-card.is-playing .lng-audio-bars span{background:var(--lng-correct);animation:lng-bar .9s ease-in-out infinite alternate}@keyframes lng-bar{0%{height:4px;opacity:.5}to{height:22px;opacity:1}}.lng-audio-meta{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.lng-audio-label{font-weight:600;font-size:.92rem}.lng-audio-sub{font-size:.74rem;color:var(--text-muted);margin-top:.1rem}.lng-board{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.lng-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.8rem .95rem;min-height:56px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);font-size:.95rem;transition:border-color .15s,background .15s}.lng-row.is-active{border-style:dashed;border-color:var(--border-strong);background:transparent;border-width:1.5px}.lng-row.is-active .lng-row-text{color:var(--text-dim);font-style:italic;font-size:.85rem}.lng-row.is-shaking{animation:lng-shake .4s ease}@keyframes lng-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lng-row.is-filled{background:var(--surface);border-width:1.5px;animation:lng-flip .5s ease both}@keyframes lng-flip{0%{transform:rotateX(-90deg);opacity:0}60%{transform:rotateX(20deg);opacity:1}to{transform:rotateX(0)}}.lng-row.tile-correct{background:var(--lng-correct-bg);border-color:var(--lng-correct)}.lng-row.tile-family{background:var(--lng-family-bg);border-color:var(--lng-family)}.lng-row.tile-macro{background:var(--lng-macro-bg);border-color:var(--lng-macro)}.lng-row.tile-region{background:var(--lng-region-bg);border-color:var(--lng-region)}.lng-row.tile-none{background:var(--lng-none-bg);border-color:#6b72804d}.lng-row-name{font-weight:700;font-size:1rem;letter-spacing:-.01em}.lng-row-tags{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.lng-tag{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#ffffffa6;color:var(--text-muted);border:1px solid var(--border)}.lng-tag.is-on{background:var(--text);color:#fff;border-color:var(--text)}.lng-tag.is-half{background:#0a0a0a14;color:var(--text)}.lng-tile-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:.6rem;vertical-align:middle;border:1px solid rgba(0,0,0,.08)}.lng-tile-swatch.tile-correct{background:var(--lng-correct)}.lng-tile-swatch.tile-family{background:var(--lng-family)}.lng-tile-swatch.tile-macro{background:var(--lng-macro)}.lng-tile-swatch.tile-region{background:var(--lng-region)}.lng-tile-swatch.tile-none{background:var(--lng-none)}.lng-input-row{display:flex;gap:.5rem;align-items:stretch;margin-bottom:.75rem}.lng-autocomplete{position:relative;flex:1}.lng-input{width:100%;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:12px;font-family:inherit;font-size:.95rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}.lng-input:focus{border-color:var(--text);box-shadow:0 0 0 3px #0a0a0a0f}.lng-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;list-style:none;margin:0;padding:.35rem 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto;z-index:5}.lng-suggestions li{padding:.55rem .95rem;cursor:pointer;font-size:.92rem}.lng-suggestions li.is-highlighted,.lng-suggestions li:hover{background:var(--bg-soft)}.lng-submit{flex-shrink:0;padding:0 1.4rem;border:none;border-radius:12px;background:var(--text);color:#fff;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .15s,background .15s}.lng-submit:hover:not(:disabled){background:#2a2a2a;transform:translateY(-1px)}.lng-submit:disabled{opacity:.45;cursor:not-allowed}.lng-inline-error{text-align:center;color:var(--danger);font-size:.86rem;margin:.25rem 0 .75rem}.lng-reveal{margin-top:1.25rem;padding:1.5rem 1.5rem 1.4rem;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface) 0%,var(--bg-soft) 100%);border:1px solid var(--border);box-shadow:var(--shadow-md);animation:lng-reveal-in .55s cubic-bezier(.18,.89,.32,1.28) both}@keyframes lng-reveal-in{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lng-reveal-header{text-align:center;margin-bottom:1rem}.lng-reveal-result{display:inline-block;padding:.32rem .9rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lng-reveal-result.won{background:var(--lng-correct-bg);color:#047857}.lng-reveal-result.lost{background:var(--lng-none-bg);color:#374151}.lng-reveal-name{text-align:center;margin-bottom:1.4rem}.lng-reveal-english{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.lng-reveal-native{font-size:1.35rem;color:var(--text-muted);letter-spacing:.01em}.lng-reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.25rem}.lng-reveal-cell{padding:.75rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.lng-reveal-key{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.lng-reveal-val{font-size:.92rem;font-weight:600}.lng-reveal-hello{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.85rem 1rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.lng-reveal-hello-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.lng-reveal-hello-native{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.lng-reveal-hello-roman{color:var(--text-muted);font-size:.95rem;font-style:italic}.lng-reveal-fact{padding:.95rem 1rem;background:linear-gradient(135deg,var(--lng-family-bg) 0%,#fff8e8 100%);border:1px solid rgba(245,158,11,.3);border-radius:10px}.lng-reveal-fact-label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#92500a;margin-bottom:.35rem}.lng-reveal-fact p{font-size:.92rem;line-height:1.55;color:var(--text)}.lng-cta-row{display:flex;gap:.5rem;margin-top:1rem}.lng-share-btn{flex:1;padding:.8rem;border:none;border-radius:12px;background:var(--text);color:#fff;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .15s,background .15s}.lng-share-btn:hover:not(:disabled){transform:translateY(-1px);background:#2a2a2a}.lng-share-btn:disabled{opacity:.4;cursor:not-allowed}.lng-secondary-btn{flex:1;padding:.8rem;border:1.5px solid var(--text);border-radius:12px;background:transparent;color:var(--text);font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.lng-secondary-btn:hover{background:var(--bg-soft)}.lng-share-preview{margin-top:.85rem;padding:.85rem 1rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.55;color:var(--text);white-space:pre-wrap;word-break:break-word;user-select:all;-webkit-user-select:all;cursor:text}.lng-global-stats{margin-top:1rem;padding:.85rem 1rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.lng-global-headline{font-size:.92rem;font-weight:700;text-align:center;margin-bottom:.6rem;letter-spacing:-.005em}.lng-global-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding-top:.5rem;border-top:1px solid var(--border)}.lng-global-row>div{display:flex;flex-direction:column;align-items:center}.lng-global-row strong{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.lng-global-row span{font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:.1rem;text-align:center}.lng-invite-card{padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem}.lng-invite-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.lng-invite-row{display:flex;gap:.5rem}.lng-invite-input{flex:1;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;outline:none}.lng-invite-input:focus{border-color:var(--text)}.lng-join-card{padding:1rem;background:linear-gradient(135deg,var(--lng-family-bg) 0%,#fff8e8 100%);border:1px solid rgba(245,158,11,.3);border-radius:12px;margin-bottom:1.25rem}.lng-join-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#92500a;margin-bottom:.5rem}.lng-leaderboard{margin-bottom:1rem}.lng-leaderboard-title{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:.75rem}.lng-leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.lng-leaderboard-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.65rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color .15s,background .15s}.lng-leaderboard-row.is-pending{background:var(--bg-soft);color:var(--text-muted);border-style:dashed}.lng-leaderboard-row.is-me{border-color:var(--text);border-width:1.5px;background:var(--surface)}.lng-leaderboard-rank{font-size:.82rem;font-weight:700;color:var(--text-muted);text-align:center}.lng-leaderboard-name{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lng-leaderboard-you{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--text);color:#fff;padding:.15rem .45rem;border-radius:999px}.lng-leaderboard-score{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;background:var(--bg-soft);color:var(--text-muted)}.lng-leaderboard-score.is-win{background:var(--lng-correct-bg);color:#047857}.lng-leaderboard-score.is-loss{background:var(--lng-none-bg);color:#374151}.lng-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f80;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:lng-fade-in .2s ease}@keyframes lng-fade-in{0%{opacity:0}to{opacity:1}}.lng-modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:1.75rem 1.5rem 1.5rem;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:lng-modal-in .25s cubic-bezier(.18,.89,.32,1.28)}@keyframes lng-modal-in{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lng-modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.lng-modal-close:hover{background:var(--bg-soft);color:var(--text)}.lng-modal-close svg{width:18px;height:18px}.lng-modal-title{font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;margin-bottom:1.25rem}.lng-modal-subtitle{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--text-muted);margin-top:1.5rem;margin-bottom:.75rem}.lng-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.lng-stats-row>div{display:flex;flex-direction:column;align-items:center;gap:.15rem}.lng-stats-row strong{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;line-height:1}.lng-stats-row span{font-size:.68rem;color:var(--text-muted);text-align:center;letter-spacing:.02em;line-height:1.2}.lng-histogram{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1.5rem}.lng-histogram-row{display:flex;align-items:center;gap:.6rem}.lng-histogram-label{font-size:.85rem;font-weight:700;width:14px;text-align:right}.lng-histogram-bar-wrap{flex:1}.lng-histogram-bar{background:var(--text-dim);color:#fff;font-size:.78rem;font-weight:700;padding:.18rem .5rem;border-radius:4px;display:flex;justify-content:flex-end;min-height:22px;transition:width .5s cubic-bezier(.4,0,.2,1)}.lng-histogram-bar.is-empty{background:var(--bg-soft);color:var(--text-muted)}.lng-histogram-bar.is-current{background:var(--lng-correct)}.lng-stats-footer{display:flex;align-items:center;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--border)}.lng-countdown{flex:1}.lng-countdown-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.1rem}.lng-countdown-time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.lng-share-btn[disabled]{opacity:.45}.lng-help-intro{font-size:.92rem;line-height:1.55;color:var(--text);margin-bottom:1rem}.lng-help-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.45rem}.lng-help-list li{display:flex;align-items:center;font-size:.9rem;padding:.55rem .7rem;border-radius:8px;background:var(--bg-soft)}.lng-share-legend{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem;background:var(--bg-soft);border-radius:10px;margin-bottom:.75rem}.lng-share-legend-row{font-size:1.45rem;letter-spacing:.2em;line-height:1}.lng-share-legend-cap{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.lng-help-attribution{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.lng-help-attribution a{color:var(--text-muted);text-decoration:underline}@media (max-width: 480px){.lng-page{padding:1rem 1rem 3rem}.lng-brand{font-size:1.4rem}.lng-reveal-english{font-size:1.55rem}.lng-reveal-native{font-size:1.2rem}.lng-reveal-grid{grid-template-columns:1fr}.lng-reveal-hello-native{font-size:1.25rem}.lng-row{padding:.7rem .85rem;min-height:50px}.lng-row-name{font-size:.95rem}.lng-input-row{flex-direction:column}.lng-submit{padding:.75rem}.lng-stats-row strong{font-size:1.5rem}.lng-cta-row{flex-direction:column}}