*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;--bg:#EBF4F8;--surface:#F6FAFB;--surface2:#DDE8F0;--surface3:#D4E8F0;--border:#BDD9E8;--accent:#2E7FA8;--accent-h:#1F6A90;--green:#2E8A6A;--gold:#C8922A;--red:#C84B4B;--purple:#5B68C8;--teal:#1A8A9E;--text:#1A3A4A;--muted:#4A6575;--radius:14px;--radius-sm:10px;--shadow:0 2px 16px rgba(26,58,74,.08)}@media (prefers-color-scheme:dark){:root{--bg:#0C1E2A;--surface:#112533;--surface2:#1A3347;--surface3:#1E3D54;--border:#2A4A60;--accent:#3A9FCC;--accent-h:#2E85AD;--green:#3AAD86;--gold:#D4A848;--red:#E05A5A;--purple:#7A86E0;--teal:#2AB0C8;--text:#D8EEF6;--muted:#7AAABB;--shadow:0 2px 16px rgba(0,0,0,.35)}}html{overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-size:14px;line-height:1.5;overflow-x:hidden;max-width:100vw}.logo-img{height:36px;width:auto;object-fit:contain;display:block}.logo-brand{color:var(--teal);font-weight:600}a.logo{text-decoration:none}.header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 8px rgba(26,58,74,.06);position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top,0)}.header-inner{max-width:1400px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{font-size:28px}.logo-text{font-size:18px;font-weight:700;color:var(--text)}.logo-ph{background:linear-gradient(135deg,var(--accent),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.logo-sub{font-size:11px;color:var(--muted)}.lang-wrap{display:flex;align-items:center;gap:8px;flex:1}.lang-label{font-size:12px;color:var(--muted);white-space:nowrap}.lang-select{flex:1;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;outline:0;appearance:auto;max-width:260px}.lang-select:focus{border-color:var(--accent)}.main-nav{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:2px;overflow-x:auto}.nav-tab{padding:10px 18px;border:none;background:0 0;color:var(--muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:.15s;white-space:nowrap}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.main{max-width:1400px;margin:0 auto;padding:20px;width:100%;flex:1}.view{display:none}.view.active{display:block}.two-col{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;position:sticky;top:108px}.sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.cat-group-label{font-size:11px;color:var(--muted);font-weight:600;padding:6px 4px 3px;text-transform:uppercase;letter-spacing:.05em}.cat-tabs{display:flex;flex-direction:column;gap:2px}.cat-tab{text-align:left;padding:8px 10px;border-radius:var(--radius-sm);border:none;background:0 0;color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer;transition:.15s}.cat-tab:hover{background:var(--surface2);color:var(--text)}.cat-tab.active{background:var(--surface2);color:var(--accent);font-weight:600;border-left:3px solid var(--accent)}.content-panel{display:flex;flex-direction:column;gap:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-size:15px;font-weight:700}.panel-sub{font-size:12px;color:var(--muted);margin-top:2px}.phrase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.phrase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.15s}.phrase-card:hover{border-color:var(--accent);background:var(--surface2)}.phrase-card.active{border-color:var(--accent);background:rgba(212,114,74,.07)}.phrase-card-text{flex:1;font-size:13px;line-height:1.4}.phrase-card-btn{flex-shrink:0;color:var(--muted);font-size:13px;background:0 0;border:none;cursor:pointer}.card-tr{display:block;color:var(--accent);font-size:12px;margin-top:4px}.suggested-note{grid-column:1/-1;background:rgba(212,114,74,.07);border:1px solid rgba(212,114,74,.2);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;color:var(--accent)}.suggested-card{flex-direction:column;align-items:flex-start}.phrase-card-en{font-size:13px;font-weight:500;color:var(--text)}.phrase-card-tr{font-size:13px;color:var(--teal);margin-top:4px}.fillin-card{grid-column:1/-1;background:var(--surface2);border:2px solid var(--accent);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px;animation:.2s fillin-slide}@keyframes fillin-slide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fillin-preview{font-size:13px;line-height:1.5;color:var(--text)}.fillin-preview mark{background:rgba(46,127,168,.18);color:var(--accent);border-radius:3px;padding:1px 4px;font-weight:600}.fillin-fields{display:flex;flex-direction:column;gap:8px}.fillin-field-row{display:flex;flex-direction:column;gap:4px}.fillin-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.fillin-field-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:15px;padding:8px 12px;width:100%;box-sizing:border-box;min-height:44px}.fillin-field-input:focus{outline:0;border-color:var(--accent)}.fillin-actions{display:flex;gap:8px}.fillin-actions .btn{flex:1}.inline-trans{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:16px;margin-top:4px;animation:.2s slideIn}@keyframes slideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.inline-trans-inner{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:14px}.itrans-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.itrans-text{font-size:14px;color:var(--text)}.itrans-result{font-size:18px;color:var(--text);min-height:28px;word-break:break-word}.inline-arrow{font-size:20px;color:var(--muted)}.inline-actions{display:flex;flex-direction:column;gap:5px}.inline-status{font-size:11px;color:var(--muted);margin-top:8px}.qa-list{display:flex;flex-direction:column;gap:8px}.qa-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .15s}.qa-card.open{border-color:var(--accent)}.qa-question{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;transition:background .15s}.qa-question:hover{background:var(--surface2)}.qa-q-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.qa-a-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.qa-q-text{flex:1;font-size:14px;font-weight:500}.qa-expand-icon{color:var(--muted);font-size:12px}.qa-answer{padding:0 16px 14px;border-top:1px solid var(--border)}.qa-a-en{display:flex;gap:10px;align-items:flex-start;padding:12px 0 10px;font-size:14px;line-height:1.6}.qa-a-tr{padding-top:8px}.qa-translate-btn{font-size:12px}.qa-tr-block{background:var(--surface2);border-radius:var(--radius-sm);padding:12px;margin-top:6px;display:flex;flex-direction:column;gap:8px}.qa-tr-q{display:flex;gap:8px;font-size:13px;color:var(--muted)}.qa-tr-a{display:flex;gap:8px;font-size:15px;color:var(--text);line-height:1.5}.qa-tr-actions{display:flex;gap:6px;margin-top:4px}.qa-author{font-size:12px;color:var(--muted);margin-top:8px}.qa-engine-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;margin-bottom:8px}.qa-engine-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.claude-badge{background:rgba(212,114,74,.12);color:var(--accent);border:1px solid rgba(212,114,74,.25)}.mm-badge{background:rgba(138,125,114,.1);color:var(--muted);border:1px solid var(--border)}.translator-layout{display:flex;flex-direction:column;gap:16px}.trans-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.trans-top{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-bottom:16px}.trans-lang-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trans-lang-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.mic-btn{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;font-family:inherit}.mic-btn:hover{background:var(--surface3);border-color:var(--accent)}.mic-btn.listening{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444;animation:1.2s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.mic-status{font-size:12px;color:var(--muted);min-height:18px;margin-top:4px;transition:color .2s}.mic-status.active{color:#ef4444}.mic-status.done{color:var(--teal)}.trans-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:15px;padding:12px;resize:none;transition:border-color .15s;line-height:1.5}.trans-input:focus{outline:0;border-color:var(--accent)}.trans-input::placeholder{color:var(--muted)}.trans-divider{font-size:22px;color:var(--muted);padding-top:26px}.trans-output{min-height:80px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-size:18px;line-height:1.5;word-break:break-word}.trans-romanized{color:var(--muted)}.trans-actions{display:flex;gap:8px;flex-wrap:wrap}.trans-status{margin-top:10px;font-size:12px;color:var(--muted);min-height:16px}.multi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.multi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.multi-header h3{font-size:14px;font-weight:600}.multi-table-wrap{overflow-x:auto}.multi-table{width:100%;border-collapse:collapse;font-size:13px}.multi-table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}.multi-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.multi-table tr:last-child td{border-bottom:none}.multi-table tr:hover td{background:var(--surface2)}.multi-lang{font-weight:600;white-space:nowrap}.multi-text{font-size:15px}.multi-text.loading{color:var(--muted);animation:1s infinite pulse}.multi-speak{background:0 0;border:none;cursor:pointer;color:var(--muted);font-size:16px;padding:4px 6px;border-radius:4px;transition:color .15s}.multi-speak:hover{color:var(--accent)}.multi-placeholder td{color:var(--muted);text-align:center;font-style:italic;padding:20px}.contribute-layout{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.contribute-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:16px}.contribute-card h2{font-size:18px;font-weight:700}.contribute-desc{font-size:13px;color:var(--muted);line-height:1.6}.tab-toggle{display:flex;gap:4px;background:var(--surface2);border-radius:var(--radius-sm);padding:4px;width:fit-content}.toggle-btn{padding:7px 16px;border-radius:6px;border:none;background:0 0;color:var(--muted);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:.15s}.toggle-btn.active{background:var(--accent);color:#fff}.contribute-form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;flex-direction:column;gap:5px}.form-row label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.form-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:14px;padding:10px 12px;width:100%;transition:border-color .15s;line-height:1.5}.form-input:focus{outline:0;border-color:var(--accent)}.form-input::placeholder{color:var(--muted)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical}.req{color:var(--red)}.pending-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:sticky;top:108px;max-height:calc(100vh - 140px);overflow-y:auto}.pending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pending-header h3{font-size:14px;font-weight:600}.pending-list{display:flex;flex-direction:column;gap:8px}.pending-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:4px}.pending-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:10px;width:fit-content}.phrase-badge{background:rgba(212,114,74,.12);color:var(--accent)}.qa-badge{background:rgba(74,155,111,.12);color:var(--green)}.pending-cat{font-size:11px;color:var(--muted)}.pending-text{font-size:13px}.pending-ctx{font-size:12px;color:var(--muted);font-style:italic}.saved-layout{display:flex;flex-direction:column;gap:16px}.saved-header{display:flex;align-items:center;justify-content:space-between}.saved-header h2{font-size:18px;font-weight:700}.saved-empty{text-align:center;padding:60px 20px;color:var(--muted)}.saved-empty p{margin-top:8px;font-size:15px}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.fav-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.fav-lang{font-size:12px;color:var(--muted);font-weight:600}.fav-en{font-size:14px;font-weight:500}.fav-tr{font-size:16px;color:var(--teal);line-height:1.4}.fav-actions{display:flex;gap:6px;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite spin;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-accent{background:rgba(200,146,42,.12);color:var(--gold);border:1px solid rgba(200,146,42,.25)}.btn-accent:hover:not(:disabled){background:rgba(200,146,42,.22)}.btn-ghost{background:0 0;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-danger{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.22)}.btn-sm{padding:5px 10px;font-size:12px}.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.muted{color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 22px;border-radius:20px;font-size:13px;box-shadow:var(--shadow);transition:transform .3s;z-index:999;pointer-events:none;white-space:nowrap}.toast.show{transform:translateX(-50%) translateY(0)}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.char-counter{font-size:11px;color:var(--muted);text-align:right;margin-bottom:8px;transition:color .2s}.char-counter.warn{color:var(--gold)}.char-counter.danger{color:var(--red)}.trans-input-wrap{position:relative}.trans-input-wrap .trans-input{width:100%}.clear-input-btn{position:absolute;top:8px;right:8px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;line-height:1;transition:background .15s,color .15s}.clear-input-btn:hover{background:var(--surface3);color:var(--text)}.trans-input.input-error{border-color:var(--red);animation:.35s shake}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.speak-prompt{animation:1.5s ease-in-out 2 speak-pulse}@keyframes speak-pulse{0%,100%{box-shadow:0 0 0 0 rgba(46,127,168,.5)}50%{box-shadow:0 0 0 10px rgba(46,127,168,0)}}.trans-actions-primary{display:flex;gap:10px}.trans-actions-primary #translateBtn{flex:1;min-height:50px;font-size:15px;font-weight:700}.trans-actions-primary #customerModeBtn{flex:1;min-height:50px;font-size:14px}.trans-actions-more-toggle{display:flex;justify-content:center;margin-top:6px}.more-toggle-btn{background:0 0;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:6px 16px;border-radius:20px;transition:background .15s,color .15s}.more-toggle-btn:hover{background:var(--surface2);color:var(--text)}.more-toggle-btn[aria-expanded=true]{color:var(--accent)}.trans-actions-secondary{margin-top:8px}.btn-customer{background:linear-gradient(135deg,var(--accent),var(--accent-h));color:#fff;border:none;font-weight:700;width:100%;justify-content:center;font-size:14px;letter-spacing:.02em;box-shadow:0 2px 12px rgba(46,127,168,.35);transition:.2s}.btn-customer:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 18px rgba(46,127,168,.45)}.btn-customer:disabled{opacity:1;background:linear-gradient(135deg,#b8dae8,#9dcadc);box-shadow:none;cursor:default;color:rgba(255,255,255,.85)}.customer-overlay{position:fixed;inset:0;background:#1a3a4a;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.customer-overlay-inner{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:28px}.customer-header{width:100%;display:flex;align-items:center;justify-content:space-between}.customer-lang{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.customer-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:13px;font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:inherit;transition:.15s}.customer-close:hover{background:rgba(255,255,255,.15);color:#fff}.customer-text{font-size:clamp(32px, 8vw, 64px);font-weight:700;color:#fff;text-align:center;line-height:1.3;word-break:break-word;letter-spacing:-.01em}.customer-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.customer-copy-btn,.customer-speak-btn{padding:14px 28px;border-radius:50px;border:none;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;min-height:52px;transition:.15s}.customer-speak-btn{background:var(--accent);color:#fff}.customer-speak-btn:hover{background:var(--accent-h)}.customer-copy-btn{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.customer-copy-btn:hover{background:rgba(255,255,255,.18)}.customer-footer{font-size:13px;color:rgba(255,255,255,.35);letter-spacing:.04em}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-header h3{font-size:13px;font-weight:600;color:var(--muted)}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.history-item:hover{border-color:var(--accent)}.history-flag{font-size:16px;flex-shrink:0}.history-en{font-size:12px;color:var(--muted);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-tr{font-size:13px;color:var(--text);flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-header-actions{display:flex;gap:8px;align-items:center}.promo-bar{background:linear-gradient(135deg,var(--accent) 0,var(--accent-h) 100%);border-top:1px solid rgba(212,114,74,.3);padding:12px 20px;position:sticky;bottom:0;z-index:90}.promo-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:14px}.promo-logo-wrap{flex-shrink:0}.promo-logo{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.9}.promo-text{flex:1;min-width:0}.promo-label{font-size:13px;font-weight:700;color:#fff}.promo-desc{font-size:12px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-gold{background:#fff;color:var(--accent);font-weight:700;font-size:13px;padding:9px 18px;border-radius:var(--radius-sm);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s;border:none;cursor:pointer;display:inline-flex;align-items:center}.btn-gold:hover{background:#dde8f0}.install-banner{background:linear-gradient(135deg,var(--accent) 0,var(--accent-h) 100%);border-bottom:1px solid rgba(212,114,74,.3);padding:10px 16px;position:sticky;top:0;z-index:200}.install-banner-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px}.install-banner-logo{height:32px;width:32px;border-radius:8px;flex-shrink:0}.install-banner-text{flex:1;min-width:0;font-size:13px;color:#fff;display:flex;flex-direction:column;gap:1px}.install-banner-text strong{font-weight:700}.install-banner-text span{font-size:11px;color:rgba(255,255,255,.65)}.install-banner-btn{padding:7px 16px;font-size:12px;flex-shrink:0}.install-banner-close{background:0 0;border:none;color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;padding:4px 6px;flex-shrink:0;line-height:1}.install-banner-close:hover{color:#fff}.ios-install-tip{background:var(--surface2);border-bottom:1px solid var(--border);padding:10px 16px}.ios-tip-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.ios-tip-icon{font-size:20px;flex-shrink:0}.cot-promo{background:linear-gradient(135deg,var(--accent) 0,var(--accent-h) 100%);border-top:1px solid rgba(212,114,74,.25);border-bottom:1px solid rgba(212,114,74,.15);padding:28px 20px}.cot-promo-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:32px}.cot-promo-body{flex:1;min-width:0}.cot-promo-headline{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.01em}.cot-promo-text{font-size:13px;color:rgba(255,255,255,.8);margin:0 0 8px;line-height:1.55}.cot-promo-trust{font-size:12px;color:rgba(255,255,255,.75);margin:0;font-weight:500}.cot-promo-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.cot-promo-secondary{font-size:13px;color:rgba(255,255,255,.65);text-decoration:none;white-space:nowrap}.cot-promo-secondary:hover{color:#fff;text-decoration:underline}.tour-nudge{margin-top:14px;padding:10px 14px;background:rgba(212,114,74,.07);border:1px solid rgba(212,114,74,.2);border-radius:var(--radius-sm);font-size:13px;color:var(--muted)}.tour-nudge a{color:var(--accent);text-decoration:none;font-weight:500}.tour-nudge a:hover{text-decoration:underline}.site-footer{background:var(--text);border-top:1px solid var(--border);padding:32px 20px 16px;margin-top:0}.footer-inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.footer-brand{display:flex;gap:14px;align-items:flex-start}.footer-logo{height:44px;width:auto}.footer-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:3px}.footer-sub{font-size:12px;color:var(--muted);margin-bottom:8px}.footer-links-inline{display:flex;align-items:center;gap:8px;font-size:13px}.footer-links-inline a{color:#e8b99a;text-decoration:none}.footer-links-inline a:hover{color:#fff;text-decoration:underline}.footer-links-inline span{color:var(--border)}.footer-tours-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.footer-tours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px}.footer-tour-link{font-size:13px;color:rgba(255,255,255,.55);text-decoration:none;padding:5px 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;display:block}.footer-tour-link:hover{color:#e8b99a;border-bottom-color:#e8b99a}.footer-bottom{max-width:1400px;margin:14px auto 0;font-size:12px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.footer-sep{color:var(--border)}.bottom-nav{display:none}@media (max-width:960px){.two-col{grid-template-columns:1fr}.sidebar{position:static}.cat-group-label{display:none}.contribute-layout{grid-template-columns:1fr}.pending-card{position:static;max-height:none}.trans-top{grid-template-columns:1fr}.trans-divider{display:none}.inline-trans-inner{grid-template-columns:1fr}.inline-arrow{display:none}.fav-grid,.phrase-grid{grid-template-columns:1fr}}@media (max-width:768px){.header{padding:0}.header-inner{padding:10px 14px 8px;gap:10px;flex-wrap:nowrap;align-items:center}.logo-text{font-size:15px}.logo-sub{display:none}.lang-wrap{flex-direction:row;align-items:center;gap:8px;width:100%}.lang-label{display:none}.lang-select{max-width:100%;width:100%}.lang-pills-scroll{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lang-pills-scroll::-webkit-scrollbar{display:none}.lang-pills{display:flex;flex-wrap:nowrap;gap:5px;width:max-content;padding:2px 0 6px}.lang-pill{font-size:12px;padding:6px 12px;flex-shrink:0;min-height:36px}.main-nav{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:300;padding-bottom:env(safe-area-inset-bottom,0)}.bnav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:0 0;border:none;border-top:2px solid transparent;color:var(--muted);font-family:inherit;cursor:pointer;transition:.15s;min-height:58px}.bnav-tab.active{color:var(--accent);border-top-color:var(--accent);background:rgba(46,127,168,.08)}.bnav-tab.active .bnav-label{color:var(--accent);font-weight:700}.bnav-icon{font-size:20px;line-height:1}.bnav-label{font-size:10px;font-weight:600}.main{padding:12px 12px calc(96px + env(safe-area-inset-bottom,0px))}.toast{bottom:calc(96px + env(safe-area-inset-bottom,0px) + 12px)}.sidebar{background:0 0;border:none;border-radius:0;padding:0 0 8px}.sidebar-title{display:none}.cat-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;padding-bottom:6px}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;white-space:nowrap;padding:9px 14px;font-size:13px;border-radius:20px;border-left:none!important;background:var(--surface);border:1px solid var(--border);min-height:40px}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.phrase-card{min-height:54px;padding:14px 12px;border-radius:10px}.phrase-card-text{font-size:14px}.inline-trans{position:sticky;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:50;margin:8px 0 0;border-radius:14px;box-shadow:0 -4px 24px rgba(26,58,74,.15)}.inline-trans-inner{display:flex;flex-direction:column;gap:10px}.inline-actions{flex-direction:row;flex-wrap:wrap;gap:6px}.itrans-result{font-size:22px}.qa-question{padding:16px 14px;min-height:58px}.qa-q-text{font-size:15px}.qa-answer{padding:0 14px 14px}.trans-card{padding:14px 14px 20px}.trans-input{font-size:16px;min-height:100px}.trans-output{font-size:22px;min-height:80px;line-height:1.4}.trans-actions{gap:6px;flex-wrap:wrap}.trans-actions-primary{gap:8px}.trans-actions-primary #customerModeBtn,.trans-actions-primary #translateBtn{flex:1 1 0;min-height:50px;font-size:14px}.trans-actions .btn:not(#translateBtn):not(#customerModeBtn){flex:1 1 calc(33% - 6px);min-height:44px;font-size:12px;padding:0 4px;justify-content:center}.trans-actions-secondary .btn{flex:1;min-height:44px;font-size:13px;justify-content:center}.mic-btn{min-height:44px;font-size:13px;padding:8px 16px}.multi-card{padding:14px}.contribute-card{padding:16px}.contribute-card h2,.form-input{font-size:16px}.toggle-btn{padding:9px 14px;min-height:44px}.saved-header h2{font-size:16px}.fav-card{padding:14px}.fav-tr{font-size:18px}.fav-actions{flex-wrap:wrap;gap:6px}.fav-actions .btn{flex:1;justify-content:center}.btn{min-height:44px}.btn-sm{min-height:38px}.panel-header{flex-wrap:wrap;gap:8px}.panel-title{font-size:14px}.customer-overlay{padding:60px 16px 20px;justify-content:flex-start;background:#000}.customer-text{font-size:clamp(36px, 10vw, 64px);font-weight:800}.customer-copy-btn,.customer-speak-btn{font-size:15px;padding:12px 22px}.history-card{padding:14px}.history-item{padding:10px}.history-en{display:none}.saved-header-actions{gap:6px}.trans-actions-secondary{margin-top:6px;gap:6px}.btn-customer{font-size:13px;min-height:48px}#qaCatDropdownWrap,.cat-dropdown-wrap{display:block;margin-bottom:12px}.sidebar{display:none}.dir-flag{font-size:18px}.dir-label{font-size:9px}.ctips-card{padding:12px 14px;margin-bottom:12px}.ctip-text,.ctips-title{font-size:12px}.emerg-card{padding:16px}.emerg-card h2{font-size:16px}.emerg-phrase-grid{grid-template-columns:1fr 1fr;gap:6px}.emerg-phrase-btn{font-size:12px;padding:10px 8px;min-height:44px}.emerg-result-text{font-size:20px}.quick-phrases-wrap{margin-bottom:8px}.qr-modal-inner{padding:18px}.trans-lang-label-row{flex-wrap:wrap;gap:6px}.promo-bar{padding:10px 12px;position:static}.promo-desc,.promo-logo{display:none}.promo-label{font-size:12px}.btn-gold{font-size:12px;padding:8px 14px}.cot-promo-inner{flex-direction:column;gap:18px;align-items:stretch}.cot-promo-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.cot-promo-headline{font-size:16px}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-tours-grid{grid-template-columns:1fr 1fr}.footer-logo{height:36px}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (max-width:380px){.cat-tab{font-size:12px;padding:8px 11px}.bnav-label{font-size:9px}.trans-input{font-size:15px}.trans-output{font-size:18px}.trans-actions .btn:not(#translateBtn){flex:1 1 calc(50% - 6px)}}@media (min-width:769px) and (max-width:1024px){.contribute-layout,.saved-layout,.translator-layout{max-width:600px;margin-left:auto;margin-right:auto}}@media (min-width:769px){#qaCatDropdownWrap,.cat-dropdown-wrap{display:none}}.cat-dropdown{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;padding:12px 40px 12px 14px;border-radius:var(--radius-sm);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;min-height:48px}.cat-dropdown:focus{outline:0;border-color:var(--accent)}.direction-toggle{display:flex;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}.dir-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border:none;border-radius:8px;background:0 0;color:var(--muted);font-family:inherit;cursor:pointer;transition:.2s;min-height:54px}.dir-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.35)}.dir-btn:not(.active):hover{background:var(--surface3);color:var(--text)}.dir-flags{display:flex;align-items:center;gap:4px;line-height:1}.dir-flag{font-size:20px;line-height:1}.dir-arrow{font-size:11px;opacity:.7}.dir-label{font-size:10px;font-weight:600;white-space:nowrap;opacity:.85;letter-spacing:.01em}.ctips-card{background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(59,130,246,.06));border:1px solid rgba(20,184,166,.25);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.ctips-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ctips-title{font-size:13px;font-weight:600;color:var(--teal);letter-spacing:.01em}.ctips-toggle{background:0 0;border:1px solid rgba(20,184,166,.35);color:var(--teal);border-radius:6px;font-size:11px;padding:3px 10px;cursor:pointer;font-family:inherit;transition:.15s}.ctips-toggle:hover{background:rgba(20,184,166,.1)}.ctips-list{display:flex;flex-direction:column;gap:8px}.ctip-item{display:flex;align-items:flex-start;gap:10px}.ctip-icon{font-size:16px;flex-shrink:0;line-height:1.4}.ctip-text{font-size:13px;color:var(--text);line-height:1.55}.quick-phrases-wrap{margin-bottom:10px}.quick-phrase-select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--teal);background:var(--surface2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;outline:0;appearance:auto;min-height:44px}.quick-phrase-select:focus{border-color:var(--accent)}.flip-btn{font-size:12px;padding:4px 10px;border-radius:8px;min-height:32px;margin-left:auto}.flip-active .trans-lang-label{color:var(--teal)}.flip-active .trans-input::placeholder{color:var(--teal);opacity:.6}.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.qr-modal-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:340px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;width:100%}.qr-modal-header h3{font-size:16px}.qr-close{background:0 0;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 8px}.qr-close:hover{color:var(--text)}.qr-instruction{font-size:13px;color:var(--muted);text-align:center;line-height:1.5}.qr-canvas-wrap{background:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:center}.qr-canvas-wrap canvas,.qr-canvas-wrap img{display:block}.qr-text-preview{font-size:13px;color:var(--muted);text-align:center;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.emergency-layout{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.emerg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.emerg-card h2{font-size:18px;margin-bottom:8px}.emerg-desc{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.emerg-form{display:flex;flex-direction:column;gap:12px}.emerg-field{display:flex;flex-direction:column;gap:4px}.emerg-field label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.emerg-phrase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px}.emerg-phrase-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:.15s;min-height:48px}.emerg-phrase-btn:hover{border-color:var(--red);color:var(--red)}.emerg-phrase-btn.active{background:var(--red);border-color:var(--red);color:#fff}.emerg-result{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:10px}.emerg-result-lang{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.emerg-result-text{font-size:22px;font-weight:600;color:var(--text);line-height:1.4}.emerg-result-actions{display:flex;gap:8px}.bnav-emergency{color:var(--red)!important}.bnav-emergency.active{color:var(--red)!important;border-top-color:var(--red)!important}.trans-romanized{font-size:13px;color:var(--teal);font-style:italic;margin-top:6px;min-height:18px;letter-spacing:.02em}.bc-lang-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bc-chip{padding:5px 10px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface2);color:var(--muted);font-size:12px;cursor:pointer;transition:.15s}.bc-chip.active{border-color:var(--accent);background:rgba(59,130,246,.15);color:var(--text)}.multi-desc{font-size:12px;color:var(--muted);margin-bottom:8px}.broadcast-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:16px}.broadcast-modal-inner{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:700px;max-height:90vh;overflow-y:auto;padding:20px}.broadcast-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.broadcast-modal-header h3{font-size:16px}.broadcast-hint{font-size:12px;color:var(--muted);margin-bottom:14px}.broadcast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.bc-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.bc-lang{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bc-text{font-size:26px;font-weight:700;color:var(--text);line-height:1.35;word-break:break-word}.bc-speak-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:16px;cursor:pointer}.bc-speak-btn:disabled{opacity:.5;cursor:default}.script-layout{display:flex;flex-direction:column;gap:16px;padding:16px;max-width:900px;margin:0 auto}.script-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.script-header-card h2{margin-bottom:6px}.script-desc{font-size:13px;color:var(--muted);margin-bottom:12px}.script-controls select{width:100%}.script-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.script-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:480px;overflow-y:auto}.script-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid transparent;background:var(--surface2);cursor:pointer;transition:.15s}.script-item:hover{border-color:var(--accent)}.script-item.active{border-color:var(--accent);background:rgba(59,130,246,.1)}.script-num{min-width:26px;height:26px;border-radius:50%;background:var(--surface3);color:var(--muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.script-item.active .script-num{background:var(--accent);color:#fff}.script-content{flex:1;min-width:0}.script-en{font-size:14px;color:var(--text);line-height:1.5}.script-tr{font-size:13px;color:var(--teal);margin-top:4px;font-style:italic}.script-speak-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:14px;cursor:pointer;color:var(--text);flex-shrink:0;align-self:center}.script-nav-btns{display:flex;gap:8px}.script-nav-btns .btn{flex:1}.script-output{background:linear-gradient(135deg,var(--surface),var(--surface2));border:2px solid var(--accent);border-radius:var(--radius);padding:20px;text-align:center}.script-output-lang{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:10px}.script-output-text{font-size:28px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:16px;word-break:break-word}.script-output-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media (max-width:480px){.broadcast-grid{grid-template-columns:1fr 1fr}.bc-text{font-size:20px}.script-output-text{font-size:22px}}.learn-layout{max-width:680px;margin:0 auto;padding:16px}.learn-mode-toggle{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.learn-mode-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:24px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:.18s}.learn-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.learn-lang-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.learn-lang-pill{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:.18s}.learn-lang-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.learn-lang-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}.learn-hero{text-align:center;padding:28px 16px 20px}.learn-hero-badge{display:inline-block;background:var(--accent);color:#fff;font-size:13px;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:12px;letter-spacing:.04em}.learn-hero-title{font-size:26px;font-weight:800;color:var(--text);margin-bottom:8px}.learn-hero-sub{font-size:14px;color:var(--muted);line-height:1.55;max-width:480px;margin:0 auto}.learn-modules{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.learn-module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:box-shadow .18s,border-color .18s}.learn-module-card:hover{box-shadow:var(--shadow);border-color:var(--accent)}.learn-module-icon{font-size:32px;flex-shrink:0;line-height:1}.learn-module-info{flex:1;min-width:0}.learn-module-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px}.learn-module-desc{font-size:12px;color:var(--muted)}.learn-module-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.learn-module-pills{display:flex;gap:5px;flex-wrap:wrap}.learn-module-pill{font-size:10px;background:var(--surface2);color:var(--muted);border-radius:6px;padding:2px 7px}.learn-module-progress{display:flex;align-items:center;gap:8px;flex-shrink:0}.learn-module-bar-wrap{width:60px;height:5px;background:var(--surface2);border-radius:3px;overflow:hidden}.learn-module-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .4s}.learn-module-pct{font-size:11px;color:var(--muted);white-space:nowrap}.learn-module-start{font-size:18px;flex-shrink:0}.learn-coming-soon{background:var(--surface2);border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;gap:14px;opacity:.7}.learn-cs-icon{font-size:28px}.learn-cs-text{display:flex;flex-direction:column;gap:3px}.learn-cs-text strong{font-size:14px;color:var(--text)}.learn-cs-text span{font-size:12px;color:var(--muted)}.learn-lesson-header{display:flex;align-items:center;gap:12px;padding:12px 0 16px}.learn-lesson-meta{flex:1;min-width:0}.learn-lesson-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learn-progress-bar-wrap{height:6px;background:var(--surface2);border-radius:3px;overflow:hidden}.learn-progress-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .4s}.learn-score-badge{background:var(--surface2);color:var(--text);font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap}.learn-ex-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;min-height:260px;display:flex;flex-direction:column;gap:16px}.learn-ex-type{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.learn-ex-prompt{font-size:20px;font-weight:700;color:var(--text);line-height:1.4}.learn-ex-hint{font-size:13px;color:var(--muted);font-style:italic}.learn-listen-btn{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:background .18s;align-self:flex-start}.learn-listen-btn:hover{background:var(--accent-h)}.learn-ex-translation{font-size:14px;color:var(--muted);margin-top:4px;font-style:italic}.learn-ex-choices{display:flex;flex-direction:column;gap:8px}.learn-choice-btn{background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;font-family:inherit}.learn-choice-btn:hover{border-color:var(--accent)}.learn-choice-btn.correct{background:rgba(46,138,106,.15);border-color:var(--green);color:var(--green)}.learn-choice-btn.wrong{background:rgba(200,75,75,.12);border-color:var(--red);color:var(--red)}.learn-ex-fill{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.learn-fill-input{flex:1;min-width:180px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;padding:10px 14px;font-family:inherit;outline:0;transition:border-color .15s}.learn-fill-input:focus{border-color:var(--accent)}.learn-ex-feedback{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px}.learn-feedback-icon{font-size:40px}.learn-feedback-msg{font-size:14px;color:var(--muted);text-align:center;max-width:320px}.learn-complete{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 16px;text-align:center}.learn-complete-icon{font-size:56px}.learn-complete h3{font-size:22px;font-weight:800;color:var(--text)}.learn-complete-score{font-size:32px;font-weight:800;color:var(--accent)}.learn-complete p{font-size:14px;color:var(--muted);max-width:320px;line-height:1.55}.learn-complete-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media (max-width:360px){.broadcast-grid{grid-template-columns:1fr}.bnav-label{display:none}.bnav-tab{min-height:48px;padding:6px 2px}.bnav-icon{font-size:22px}.trans-actions{gap:4px}.trans-actions .btn{font-size:11px;padding:0 4px}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#d97706;color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:600;letter-spacing:.01em}.trans-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.text-size-ctrl{display:flex;gap:4px}.size-btn{padding:4px 9px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;line-height:1.2;min-height:30px;transition:background .15s}.size-btn:hover:not(:disabled){background:var(--surface3)}.size-btn:disabled{opacity:.35;cursor:default}.feedback-row{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:var(--surface2);border-radius:8px;border:1px solid var(--border)}.feedback-label{font-size:12px;color:var(--muted);flex:1}.feedback-btn{font-size:20px;background:0 0;border:none;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .15s;line-height:1}.feedback-btn:hover{background:var(--surface3)}.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-sm);background:#25d366;color:#fff;font-weight:700;font-size:14px;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s;min-height:44px}.btn-whatsapp:hover{opacity:.88}@media (max-height:500px) and (orientation:landscape){.bottom-nav{height:44px;padding-bottom:0}.bnav-tab{min-height:44px;padding:4px 2px;gap:0}.bnav-label{display:none}.bnav-icon{font-size:18px}.main{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.header-inner{padding:6px 14px}.logo-sub{display:none}}@media (prefers-color-scheme:light){:root{--bg:#f0f4f8;--surface:#ffffff;--surface2:#f1f5f9;--surface3:#e2e8f0;--border:#cbd5e1;--accent:#2563eb;--accent-h:#1d4ed8;--green:#16a34a;--gold:#d97706;--red:#dc2626;--purple:#7c3aed;--teal:#0d9488;--text:#0f172a;--muted:#475569;--shadow:0 4px 24px rgba(0,0,0,.12)}body{background:var(--bg)}.header{background:#fff;border-bottom-color:var(--border)}.bottom-nav{background:#fff;border-top-color:var(--border)}.bc-card,.broadcast-modal-inner,.card,.contribute-card,.customer-modal-inner,.emerg-card,.emerg-modal-inner,.fav-card,.history-card,.install-banner-inner,.pending-card,.phrase-card,.qa-card,.qr-modal-inner,.script-card,.script-output,.tour-nudge{background:#fff;border-color:var(--border)}.btn-secondary,.cat-tab,.form-input,.lang-select,.quick-chip,.surface2,.textarea,.toggle-btn{background:var(--surface2);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.nav-tab{color:var(--muted)}.nav-tab:hover{color:var(--text);background:var(--surface2)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.bnav-tab{color:var(--muted)}.bnav-tab.active{color:var(--accent);border-top-color:var(--accent)}.cat-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}input,select,textarea{background:var(--surface2);color:var(--text);border-color:var(--border)}input::placeholder,textarea::placeholder{color:var(--muted)}.broadcast-modal,.customer-modal,.emerg-modal,.qr-modal{background:rgba(0,0,0,.45)}.trans-output{color:var(--text)}.script-output{background:var(--surface2)}.logo-ph{background:linear-gradient(135deg,#0038a8,#ce1126);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.tt-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1200;align-items:center;justify-content:center;padding:16px}.tt-modal{background:var(--surface);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:.2s ttModalIn}@keyframes ttModalIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.tt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.tt-modal-title{font-size:1.15rem;font-weight:700;color:var(--text)}.tt-modal-sub{font-size:.85rem;color:var(--muted);margin-top:4px}.tt-modal-close{background:0 0;border:none;cursor:pointer;font-size:1.1rem;color:var(--muted);padding:4px 8px;border-radius:6px}.tt-modal-close:hover{background:var(--surface2)}.tt-modal-body{padding:16px 20px 24px}.tt-field{margin-bottom:14px}.tt-label{display:block;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:5px;letter-spacing:.02em;text-transform:uppercase}.tt-req{color:#e05}.tt-optional{font-weight:400;text-transform:none;letter-spacing:0}.tt-input{width:100%;padding:10px 13px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface2);color:var(--text);font-size:.95rem;transition:border-color .18s;box-sizing:border-box}.tt-input:focus{outline:0;border-color:var(--accent)}.tt-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tt-check-label{display:flex;align-items:center;gap:7px;font-size:.88rem;color:var(--text);cursor:pointer;padding:6px 8px;border-radius:7px;border:1.5px solid var(--border);transition:border-color .15s,background .15s}.tt-check-label:hover{background:var(--surface2)}.tt-check-label input[type=checkbox]{accent-color:var(--accent)}.tt-btn-primary{width:100%;padding:12px;border-radius:10px;background:var(--accent);color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.tt-btn-primary:hover:not(:disabled){opacity:.88}.tt-btn-primary:disabled{opacity:.55;cursor:not-allowed}.tt-btn-secondary{width:100%;padding:10px;border-radius:10px;background:var(--surface2);color:var(--text);border:1.5px solid var(--border);font-size:.95rem;cursor:pointer}.tt-btn-secondary:hover{background:var(--border)}.tt-error{color:#e05;font-size:.85rem;padding:8px 10px;background:rgba(238,0,85,.08);border-radius:7px}.tt-fine-print{font-size:.78rem;color:var(--muted);margin-top:6px;line-height:1.5}.tt-share-row{display:flex;gap:8px}.tt-share-input{flex:1;font-size:.83rem}.tt-copy-btn{padding:0 14px;border-radius:8px;border:1.5px solid var(--accent);background:0 0;color:var(--accent);font-weight:600;cursor:pointer;white-space:nowrap}.tt-pill{display:inline-block;font-size:.78rem;padding:3px 9px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);margin:2px 3px 2px 0;color:var(--text)}.guide-card{text-align:center;padding:20px 0 12px}.guide-card-avatar{width:68px;height:68px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 12px}.guide-card-name{font-size:1.2rem;font-weight:700;color:var(--text)}.guide-card-wa{font-size:.88rem;color:var(--muted);margin-top:4px}.guide-card-specialties{margin-top:10px}.guide-profile-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface2);cursor:pointer;font-size:1.1rem;transition:border-color .15s}.guide-profile-btn:hover{border-color:var(--accent)}.guide-profile-btn.has-profile{background:var(--accent);color:#fff;border-color:var(--accent);font-size:.85rem;font-weight:700}.guest-signup-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1100;background:var(--surface);border-top:2px solid var(--accent);box-shadow:0 -4px 24px rgba(0,0,0,.15);animation:.3s slideUpBanner}@keyframes slideUpBanner{from{transform:translateY(100%)}to{transform:none}}.gsb-inner{max-width:680px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gsb-text{flex:1;min-width:200px}.gsb-title{font-weight:700;color:var(--text);font-size:.95rem}.gsb-sub{font-size:.82rem;color:var(--muted);margin-top:2px}.gsb-actions{display:flex;gap:8px;align-items:center}.gsb-btn{padding:9px 18px;border-radius:8px;background:var(--accent);color:#fff;border:none;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.gsb-close{background:0 0;border:none;cursor:pointer;font-size:1.1rem;color:var(--muted);padding:6px;border-radius:6px}.gsb-close:hover{background:var(--surface2)}@media (max-width:480px){.tt-checkboxes{grid-template-columns:1fr}.gsb-inner{flex-direction:column;align-items:flex-start;gap:10px}.gsb-actions{width:100%}.gsb-btn{flex:1;text-align:center}}@media (prefers-color-scheme:dark){.tt-modal{box-shadow:0 20px 60px rgba(0,0,0,.55)}.guest-signup-banner{box-shadow:0 -4px 24px rgba(0,0,0,.4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}