:root{--bg: #0f172a;--surface: #1e293b;--surface-lighter: #334155;--fg: #f8fafc;--muted: #94a3b8;--accent: #22c55e;--accent-hover: #16a34a;--accent-soft: rgba(34, 197, 94, .1);--secondary: #3b82f6;--tertiary: #eab308;--border: #334155;--white: #ffffff;--rd: 16px;--rd-sm: 8px;--rd-lg: 24px;--sh-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--sh: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sh-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--font-h: "Outfit", sans-serif;--font-b: "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-b);background:var(--bg);color:var(--fg);line-height:1.6;background-image:radial-gradient(var(--border) .5px,transparent .5px);background-size:40px 40px}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.grid{display:grid;gap:1.5rem}.flex{display:flex;gap:.75rem;align-items:center}.flex-col{flex-direction:column;align-items:stretch}.justify-between{justify-content:space-between}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-center{text-align:center}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.col-6{grid-column:span 6}}.btn{cursor:pointer;border:1px solid var(--border);border-radius:var(--rd-sm);padding:.75rem 1.5rem;font-weight:600;font-family:var(--font-h);transition:all .2s ease;background:var(--surface);color:var(--fg);display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn:hover{background:var(--surface-lighter);border-color:var(--muted)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#000;border:none;font-weight:800}.btn.primary:hover{background:var(--accent-hover)}.btn.secondary{background:var(--secondary);color:#fff;border:none}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#ffffff0d}.btn.active{background:var(--surface-lighter);border-color:var(--accent);color:var(--accent)}.card{background:#1e293b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--rd);padding:2rem;position:relative;box-shadow:0 4px 30px #0000001a;transition:border-color .3s ease,box-shadow .3s ease}.card:hover{border-color:#fff3;box-shadow:0 8px 40px #0003}.card.featured{border-color:var(--accent);box-shadow:0 0 30px var(--accent-soft)}.glow-orb{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(100px);z-index:-1;animation:float 20s infinite ease-in-out alternate;opacity:.4;pointer-events:none}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}to{transform:translate(0) scale(1)}}.perspective-1000{perspective:1000px}.transform-3d{transform-style:preserve-3d}.badge{padding:.25rem .75rem;border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:.65rem;text-transform:uppercase;background:var(--bg);color:var(--muted)}.badge.accent{color:var(--accent);border-color:var(--accent)}.view-port{background:#000;border:1px solid var(--border);border-radius:var(--rd-sm);min-height:480px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.panel-overlay.open{opacity:1;visibility:visible}.side-panel{position:fixed;top:0;right:-450px;width:450px;max-width:100%;height:100vh;background:#0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.1);z-index:2001;padding:2.5rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-10px 0 50px #00000080}.side-panel.open{right:0}.pop-input,select{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:var(--rd-sm);font-family:var(--font-b);font-weight:500;font-size:1rem;transition:all .2s ease;background:var(--bg);color:var(--fg)}.pop-input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pop{animation:fadeIn .4s ease-out forwards}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-gradient{background:radial-gradient(circle at top right,rgba(34,197,94,.15),transparent 50%),radial-gradient(circle at bottom left,rgba(59,130,246,.1),transparent 50%)}.dictionary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.mic-active{background:#ef4444!important;color:#fff!important;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.settings-group{margin-bottom:1.5rem}.settings-label{display:block;font-weight:600;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}.switcher-pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;display:flex;gap:4px;width:fit-content;margin:2rem auto}