:root{--bg-main:#e2e8f0;--bg-card:#fff;--text-dark:#0f172a;--text-muted:#475569;--btn-tab-bg:#cbd5e1;--btn-tab-active:#fff;--border-dark:#1e293b;--border-card:#cbd5e1;--accent-blue:#2563eb;--accent-emerald:#059669;--font-family-base:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-urdu:"Noto Nastaliq Urdu", "Noto Naskh Arabic", serif}[data-theme=high-contrast-yellow]{--bg-main:#000;--bg-card:#1e1e1e;--text-dark:#facc15;--text-muted:#fff;--btn-tab-bg:#330;--btn-tab-active:#facc15;--border-dark:#facc15;--border-card:#facc15}[data-theme=high-contrast-navy]{--bg-main:#0b1329;--bg-card:#1e293b;--text-dark:#fff;--text-muted:#93c5fd;--btn-tab-bg:#1e3a8a;--btn-tab-active:#38bdf8;--border-dark:#38bdf8;--border-card:#38bdf8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;min-height:100vh;font-family:var(--font-family-base);color:var(--text-dark);line-height:1.3}@media (min-width:768px){html,body{height:100vh;overflow:hidden}}.font-urdu{font-family:var(--font-family-urdu);direction:rtl}.app-container{flex-direction:column;gap:12px;width:100%;max-width:1380px;min-height:100vh;margin:0 auto;padding:14px 16px;display:flex}@media (min-width:768px){.app-container{height:100vh;max-height:100vh;overflow:hidden}}.app-top-bar{justify-content:space-between;align-items:center;display:flex}.app-brand-title{color:var(--text-dark);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.app-brand-tagline{color:var(--text-muted);font-size:.85rem;font-weight:600}.sentence-output-box{background-color:var(--bg-card);border:2.5px solid var(--border-dark);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;min-height:105px;padding:14px 16px;display:flex;box-shadow:0 3px 8px rgba(0,0,0,.05)}@media (min-width:768px){.sentence-output-box{min-height:92px;max-height:105px}}.sentence-output-text{color:var(--text-dark);word-break:break-word;font-size:1.45rem;font-weight:800;line-height:1.3}.sentence-output-placeholder{color:#94a3b8;font-size:1.1rem;font-style:italic;font-weight:600}.control-panel-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tab-pill-btn{background-color:var(--btn-tab-bg);color:var(--text-dark);text-align:center;cursor:pointer;border:2px solid #94a3b8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:10px 6px;font-size:.98rem;font-weight:700;transition:all .15s ease-in-out;display:flex}.tab-pill-btn.active{background-color:var(--bg-card);border-color:var(--border-dark);box-shadow:0 4px 10px rgba(0,0,0,.12)}.tab-pill-btn:active{transform:scale(.96)}.action-tile-btn{background-color:var(--btn-tab-bg);cursor:pointer;border:2px solid #94a3b8;border-radius:12px;justify-content:center;align-items:center;min-height:52px;transition:all .15s ease-in-out;display:flex}.action-tile-btn:active{transform:scale(.95)}.action-tile-clear{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.action-tile-speak{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.action-tile-speak.is-speaking{color:#d97706;background-color:#fef3c7;border-color:#fde047;-webkit-animation:1s infinite alternate pulseSpeak;animation:1s infinite alternate pulseSpeak}@-webkit-keyframes pulseSpeak{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes pulseSpeak{0%{transform:scale(1)}to{transform:scale(1.04)}}.action-tile-backspace{color:#334155;background-color:#e2e8f0;border-color:#94a3b8}.action-tile-lang{color:#047857;background-color:#d1fae5;border-color:#6ee7b7;font-size:.95rem;font-weight:800}.action-tile-add{color:#2563eb;background-color:#dbeafe;border-color:#93c5fd}.action-tile-settings{color:#475569;background-color:#e2e8f0;border-color:#94a3b8}.cards-viewport-container{flex:1;padding-right:2px;overflow-y:auto}.cards-grid-responsive{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:360px){.cards-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.app-container{gap:10px;padding:10px}.app-brand-title{font-size:1.25rem}.sentence-output-box{min-height:82px;padding:10px 12px}.sentence-output-text{font-size:max(1.1rem,min(3.8vw,1.35rem))}.control-panel-grid{grid-template-columns:repeat(4,1fr);gap:6px}.tab-pill-btn{border-radius:10px;min-height:46px;padding:4px 2px;font-size:max(.8rem,min(2.6vw,.92rem))}.action-tile-btn{border-radius:10px;min-height:46px}.cards-grid-responsive{gap:8px}.aac-card-pixel{border-radius:10px;min-height:80px;padding:10px 4px}.aac-card-pixel-title{font-size:max(.88rem,min(3vw,1rem))}.aac-card-pixel-sub{font-size:max(.78rem,min(2.6vw,.9rem))}}@media (min-width:601px) and (max-width:959px){.cards-grid-responsive{grid-template-columns:repeat(4,1fr);gap:12px}}@media (min-width:960px) and (max-width:1199px){.cards-grid-responsive{grid-template-columns:repeat(5,1fr);gap:14px}}@media (min-width:1200px){.cards-grid-responsive{grid-template-columns:repeat(6,1fr);gap:14px}}.aac-card-pixel{background-color:var(--bg-card);border:2px solid var(--border-card);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:88px;padding:12px 8px;transition:all .15s ease-in-out;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.05)}.aac-card-pixel:hover{border-color:var(--border-dark);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.1)}.aac-card-pixel:active{background-color:#f8fafc;transform:scale(.95)}.aac-card-pixel-title{color:var(--text-dark);font-size:1.05rem;font-weight:700;line-height:1.25}.aac-card-pixel-sub{color:var(--accent-emerald);font-size:.95rem;font-weight:700;line-height:1.2}.modal-overlay{backdrop-filter:blur(4px);z-index:1000;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{color:#0f172a;background-color:#fff;border:3px solid #1e293b;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:520px;max-height:90vh;padding:22px;display:flex;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.4)}.modal-header{border-bottom:2px solid #cbd5e1;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.modal-title{color:#059669;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;display:flex}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:#0f172a;font-size:.95rem;font-weight:700}.form-input{color:#0f172a;background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:10px;width:100%;min-height:48px;padding:10px 14px;font-family:inherit;font-size:1.05rem}.btn-touch{cursor:pointer;border:2px solid transparent;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:10px 18px;font-size:1.05rem;font-weight:700;display:inline-flex}.btn-primary{color:#fff;background-color:#059669;border-color:#047857}.btn-secondary{color:#0f172a;background-color:#f1f5f9;border-color:#cbd5e1}.btn-amber{color:#fff;background-color:#d97706;border-color:#b45309}.app-footer{text-align:center;color:var(--text-muted);padding-bottom:env(safe-area-inset-bottom);font-size:.8rem;font-weight:600}