:root{--font-display:"Hanken Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--background:#f1f5f9;--on-background:#0f172a;--primary:#4f46e5;--on-primary:#fff;--primary-container:#e0e7ff;--on-primary-container:#3730a3;--primary-fixed:#e0e7ff;--on-primary-fixed:#312e81;--primary-fixed-dim:#c7d2fe;--on-primary-fixed-variant:#4f46e5;--secondary:#0d9488;--on-secondary:#fff;--secondary-container:#ccfbf1;--on-secondary-container:#115e59;--secondary-fixed:#ccfbf1;--on-secondary-fixed:#134e5e;--secondary-fixed-dim:#99f6e4;--on-secondary-fixed-variant:#0d9488;--tertiary:#db2777;--on-tertiary:#fff;--tertiary-container:#fce7f3;--on-tertiary-container:#9d174d;--surface:#f8fafca6;--on-surface:#0f172a;--surface-variant:#e2e8f0bf;--on-surface-variant:#475569;--outline:#0f172a14;--outline-variant:#0f172a0a;--surface-container-lowest:#fff;--surface-container-low:#f1f5f9;--surface-container:#e2e8f0;--surface-container-high:#cbd5e1;--surface-container-highest:#94a3b8;--error:#ef4444;--on-error:#fff;--error-container:#fee2e2;--on-error-container:#991b1b;--stack-gap:16px;--section-margin:48px;--container-padding:24px;--gutter:20px;--base:8px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--fs-headline-lg-mobile:22px;--lh-headline-lg-mobile:30px;--fs-display:clamp(2rem, 5vw, 2.5rem);--lh-display:1.25;--fs-body-lg:16px;--lh-body-lg:24px;--fs-headline-lg:clamp(1.35rem, 4.5vw, 1.75rem);--lh-headline-lg:1.35;--fs-label-sm:11px;--lh-label-sm:14px;--fs-body-md:14px;--lh-body-md:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.dark{--background:#080a10;--on-background:#f8fafc;--surface:#0d121ea6;--on-surface:#f8fafc;--surface-variant:#1e293b66;--on-surface-variant:#cbd5e1;--outline:#ffffff14;--outline-variant:#ffffff08;--surface-container-lowest:#030509;--surface-container-low:#0c0e17;--surface-container:#101424;--surface-container-high:#1a2035;--surface-container-highest:#232a45;--primary:#6366f1;--on-primary:#fff;--primary-container:#6366f126;--on-primary-container:#a5b4fc;--secondary:#14b8a6;--on-secondary:#fff;--secondary-container:#14b8a626;--on-secondary-container:#99f6e4;--tertiary:#ec4899;--on-tertiary:#fff;--tertiary-container:#ec489926;--on-tertiary-container:#fbcfe8}*{box-sizing:border-box}html,body{min-height:100vh;font-family:var(--font-body);color:var(--on-background);margin:0;padding:0;transition:background-color .25s,color .25s;position:relative;background-color:var(--background)!important}body,header,nav,main,input,textarea,button,select,.glass-card,.lang-bar,.lang-btn,.lang-dropdown,.swap-btn,.result-card,.input-card,.settings-card,.settings-row-btn,.settings-row-static,.tab-btn,.theme-switch-btn,.action-btn{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s,transform .2s}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:50%;height:50%;transition:all .3s;position:fixed;top:-10%;left:-10%}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#14b8a60f 0%,#0000 70%);width:50%;height:50%;transition:all .3s;position:fixed;bottom:-10%;right:-10%}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 24;vertical-align:middle;display:inline-block;color:currentColor!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shimmer{background:linear-gradient(90deg,#0000,#ffffff14,#0000) 0 0/200% 100%;animation:2.5s linear infinite shimmer-anim}@keyframes shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.app-layout{background-color:var(--background);min-height:100vh;color:var(--on-background);flex-direction:column;transition:background-color .3s,color .3s;display:flex}.main-content{flex-grow:1}.translation-grid{grid-template-columns:1fr;align-items:stretch;gap:1.25rem;display:grid}@media (width>=768px){.translation-grid{grid-template-columns:1fr auto 1fr;gap:.5rem}}.waveform-container{justify-content:center;align-items:center;height:2.5rem;transition:all .3s;display:flex}@media (width>=768px){.waveform-container{flex-direction:column;width:2.5rem;height:auto}}.waveform-line{background-color:var(--outline);border-radius:var(--radius-full);width:6rem;height:2px;transition:all .3s;position:relative;overflow:hidden}@media (width>=768px){.waveform-line{width:2px;height:10rem}}.waveform-line .shimmer{background:linear-gradient(90deg, transparent, var(--primary), transparent);background-size:200% 100%;animation:2s linear infinite shimmer-anim;position:absolute;inset:0}.app-header{z-index:40;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--outline);background:#ffffffbf;width:100%;height:4.5rem;transition:all .3s;position:sticky;top:0}.dark .app-header{border-bottom:1px solid var(--outline);background:#080a10b3}.header-inner{padding:0 var(--container-padding);justify-content:space-between;align-items:center;width:100%;max-width:1024px;height:100%;margin:0 auto;display:flex}.logo-container{cursor:pointer;align-items:center;gap:10px;transition:opacity .2s;display:flex}.logo-container:hover{opacity:.85}.logo-icon{background:var(--primary-container);border-radius:var(--radius-md);border:1px solid var(--outline);justify-content:center;align-items:center;padding:6px;font-size:26px;display:flex;color:var(--primary)!important}.header-title{font-family:var(--font-display);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:800}.nav-quote{font-family:var(--font-display);color:var(--secondary);opacity:.85;border-left:2px solid var(--outline);padding-left:12px;font-size:.85rem;font-style:italic;font-weight:600;display:none}@media (width>=640px){.nav-quote{display:block}}.theme-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface-variant);cursor:pointer;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;color:var(--on-background)!important}.theme-toggle-btn:hover{background:var(--primary-container);border-color:var(--primary);transform:translateY(-1px);color:var(--primary)!important}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn span{font-size:18px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover span{transform:rotate(45deg)}.bottom-nav{z-index:50;width:100%;padding:.5rem 1rem calc(.6rem + env(safe-area-inset-bottom)) 1rem;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--outline);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);background:#ffffffbf;justify-content:space-around;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -8px 30px #00000008}.dark .bottom-nav{border-top:1px solid var(--outline);background:#080a10b3;box-shadow:0 -8px 30px #00000040}.nav-btn{border-radius:var(--radius-lg);cursor:pointer;color:var(--on-surface-variant);opacity:.75;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:.4rem .8rem;transition:all .2s;display:flex}.nav-btn:hover{opacity:1;color:var(--primary)}.nav-btn:active{transform:scale(.92)}.nav-btn--active{opacity:1;transform:translateY(-2px);background-color:var(--primary-container)!important;color:var(--primary)!important;box-shadow:0 4px 15px -3px #6366f126!important}.dark .nav-btn--active{opacity:1;transform:translateY(-2px);background-color:var(--primary-container)!important;color:var(--on-primary-container)!important;box-shadow:0 4px 15px -3px #6366f159!important}.nav-btn span.material-symbols-outlined{margin-bottom:2px;font-size:22px;transition:transform .2s}.nav-btn:hover span.material-symbols-outlined{transform:translateY(-1px)}.nav-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.glass-card{border-radius:var(--radius-2xl);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--surface)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--outline)!important;box-shadow:0 10px 30px -10px #0000000a,inset 0 1px 1px #ffffff26!important}.glass-card:hover{transform:translateY(-3px);border-color:#6366f140!important;box-shadow:0 20px 40px -15px #00000014,inset 0 1px 2px #ffffff40!important}.dark .glass-card{background:#0d121e73!important;box-shadow:0 12px 36px -12px #0000004d,inset 0 1px 1px #ffffff14!important}.dark .glass-card:hover{border-color:#6366f159!important;box-shadow:0 24px 48px -16px #0006,inset 0 1px 2px #ffffff1f!important}.toast-message{z-index:200;background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--fs-body-md);border:1px solid #ffffff1a;padding:.65rem 1.5rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) toastAnim;position:fixed;top:5.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #6366f159}.dark .toast-message{background-color:var(--primary);color:var(--on-primary);box-shadow:0 10px 25px -5px #6366f180}@media (width>=768px){.toast-message{animation:.35s cubic-bezier(.34,1.56,.64,1) toastAnimDesktop;inset:auto 2rem 2rem auto;transform:none}}@keyframes toastAnimDesktop{0%{opacity:0;transform:translateY(15px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastAnim{0%{opacity:0;transform:translate(-50%)translateY(-15px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.empty-state{text-align:center;background:var(--surface-variant);border:1px dashed var(--outline);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;transition:all .3s;display:flex}.empty-state-icon{opacity:.8;margin-bottom:12px;font-size:40px;color:var(--primary)!important}.empty-state-text{color:var(--on-surface-variant);font-size:var(--fs-body-md);max-width:280px;margin:0;font-weight:500;line-height:1.5}.fab-container{z-index:40;position:fixed;bottom:6rem;right:1.5rem}@media (width>=768px){.fab-container{right:3rem}}.fab-btn{border-radius:var(--radius-xl);background-color:var(--primary);cursor:pointer;border:none;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;transition:all .2s;display:flex;box-shadow:0 10px 20px -5px #6366f166;color:var(--on-primary)!important}.fab-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 24px -6px #6366f180}.fab-btn:active{transform:scale(.95)}.shaders-container{z-index:-10;opacity:.15;pointer-events:none;position:fixed;inset:0;overflow:hidden}.dark .shaders-container{opacity:.22}.bg-shader-1{filter:blur(140px);border-radius:var(--radius-full);background-color:#6366f140;width:32rem;height:32rem;animation:25s ease-in-out infinite floatBlob1;position:absolute;top:5%;right:5%}.bg-shader-2{filter:blur(120px);border-radius:var(--radius-full);background-color:#14b8a633;width:28rem;height:28rem;animation:30s ease-in-out infinite floatBlob2;position:absolute;bottom:5%;left:5%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,60px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}50%{transform:translate(-50px,-40px)scale(1.08)}to{transform:translate(0)scale(1)}}.view-mode-btn{border-radius:var(--radius-md);border:1px solid var(--outline);background-color:var(--surface-variant);cursor:pointer;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;color:var(--on-surface-variant)!important}.view-mode-btn:hover{background-color:var(--primary-container);border-color:var(--primary);color:var(--primary)!important}.translation-home{width:100%;max-width:1024px;padding:2rem var(--container-padding) 6rem var(--container-padding);min-height:100vh;margin:0 auto}@media (width>=768px){.translation-home{padding-top:3rem;padding-bottom:4rem}}.lang-bar{background:var(--surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--outline);z-index:15;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.6rem 1.25rem;display:flex;position:relative;box-shadow:0 8px 30px #00000005}.lang-bar:hover{border-color:#6366f133}.lang-dropdown-wrapper{flex:1;position:relative}.lang-btn{border-radius:var(--radius-md);background:var(--surface-variant);width:100%;color:var(--on-background);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.65rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.lang-btn:hover{background:var(--primary-container);color:var(--primary);border-color:#6366f126}.lang-btn:active{transform:scale(.98)}.lang-btn-label{font-family:var(--font-body);font-size:var(--fs-body-md);letter-spacing:.02em;font-weight:600}.lang-btn .material-symbols-outlined{opacity:.6;font-size:18px;transition:transform .3s}.lang-dropdown{background:var(--surface);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);border:1px solid var(--outline);z-index:100;opacity:0;visibility:hidden;pointer-events:none;max-height:240px;padding:.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:translateY(-8px)scale(.98);box-shadow:0 15px 35px -5px #00000014}.dark .lang-dropdown{box-shadow:0 15px 35px -5px #0006}.lang-dropdown.open{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)scale(1)}.lang-dropdown-item{border-radius:var(--radius-md);cursor:pointer;color:var(--on-surface-variant);font-family:var(--font-body);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:.6rem .85rem;font-size:.85rem;transition:all .15s;display:flex}.lang-dropdown-item:hover{background:var(--surface-variant);color:var(--on-background)}.lang-dropdown-item.selected{background:var(--primary-container);color:var(--primary);font-weight:600}.lang-dropdown-item .material-symbols-outlined{opacity:.5;font-size:18px}.lang-dropdown-item.selected .material-symbols-outlined{opacity:1}.swap-btn{background:var(--surface-variant);width:2.25rem;height:2.25rem;color:var(--on-background);border-radius:var(--radius-full);border:1px solid var(--outline);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.swap-btn:hover{background:var(--primary-container);color:var(--primary);border-color:var(--primary);transform:rotate(180deg)scale(1.05)}.swap-btn:active{transform:rotate(180deg)scale(.92)}.input-card,.result-card{border-radius:var(--radius-2xl);flex-direction:column;min-height:260px;padding:1.5rem;display:flex;position:relative}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-header-label{font-family:var(--font-mono);font-size:var(--fs-label-sm);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.close-btn{border-radius:var(--radius-full);background:var(--outline-variant);cursor:pointer;color:var(--on-surface-variant);border:none;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444426}.close-btn span{font-size:16px}.textarea-field{width:100%;font-family:var(--font-body);color:var(--on-background);resize:none;background:0 0;border:none;outline:none;flex:1;height:8rem;font-size:1.05rem;line-height:1.6}.textarea-field::placeholder{color:var(--on-surface-variant);opacity:.45}.input-controls{border-top:1px solid var(--outline);align-items:center;gap:12px;margin-top:auto;padding-top:1rem;display:flex}.camera-btn{border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface-variant);cursor:pointer;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;color:var(--on-surface-variant)!important}.camera-btn:hover{background:var(--primary-container);border-color:var(--primary);color:var(--primary)!important}.translate-btn{background:linear-gradient(135deg, var(--primary), #818cf8);color:var(--on-primary);border-radius:var(--radius-full);cursor:pointer;font-weight:600;font-size:var(--fs-body-md);border:none;margin-left:auto;padding:.65rem 2rem;transition:all .25s;box-shadow:0 4px 15px -3px #6366f14d}.translate-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 8px 20px -4px #6366f166}.translate-btn:active:not(:disabled){transform:scale(.97)translateY(0)}.translate-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.result-actions-row{gap:6px;display:flex}.result-action-btn{border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface-variant);cursor:pointer;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:flex;color:var(--on-surface-variant)!important}.result-action-btn:hover{background:var(--primary-container);border-color:var(--primary);color:var(--primary)!important}.result-action-btn span{font-size:18px}.result-text{font-family:var(--font-body);color:var(--on-background);flex-grow:1;padding:.25rem 0;font-size:1.05rem;line-height:1.7}.result-text-empty{color:var(--on-surface-variant);opacity:.45;font-size:.95rem;font-style:italic}.chips-container{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:1rem;display:flex;overflow-x:auto}.feedback-chip{border-radius:var(--radius-full);background:var(--primary-container);color:var(--primary);white-space:nowrap;border:1px solid #6366f11a;padding:.35rem .85rem;font-size:10px;font-weight:600}.custom-add-container{border-top:1px solid var(--outline);margin-top:1.25rem;padding-top:1rem}.custom-add-container p{font-size:var(--fs-body-md);color:var(--error);margin-bottom:.75rem;font-weight:500}.custom-add-container input{border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface-variant);color:var(--on-background);font-size:var(--fs-body-md);outline:none;width:100%;padding:.7rem 1rem;transition:all .2s}.custom-add-container input:focus{border-color:var(--primary);background:var(--surface-container-lowest);box-shadow:0 0 0 3px #6366f126}.history-container{width:100%;max-width:800px;padding:2rem var(--container-padding) 6rem var(--container-padding);margin:0 auto}.search-container{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-xl);align-items:center;gap:12px;margin-bottom:1.5rem;padding:.6rem 1.25rem;transition:border .2s;display:flex;box-shadow:0 4px 20px -2px #00000005}.search-container:focus-within{border-color:var(--primary);box-shadow:0 4px 25px -2px #6366f126}.search-icon-wrapper{color:var(--on-surface-variant);opacity:.6;align-items:center;display:flex}.search-input{font-family:var(--font-body);font-size:var(--fs-body-lg);color:var(--on-background);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--on-surface-variant);opacity:.45}.tabs-nav{background:var(--surface-variant);border-radius:var(--radius-xl);border:1px solid var(--outline);gap:4px;margin-bottom:1.75rem;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--fs-body-md);cursor:pointer;color:var(--on-surface-variant);background:0 0;border:none;flex:1;padding:.65rem 1rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-btn--active{background:var(--surface);color:var(--primary);box-shadow:0 4px 15px -3px #0000000a}.dark .tab-btn--active{box-shadow:0 4px 15px -3px #0000004d}.history-list{flex-direction:column;gap:1.25rem;display:flex}.history-card{border-radius:var(--radius-xl);padding:1.25rem 1.5rem}.card-top-row{border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.badge-group{align-items:center;gap:8px;display:flex}.badge{font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;padding:.25rem .6rem;font-size:10px;font-weight:700}.badge-source{background:var(--primary-container);color:var(--primary)}.badge-target{background:var(--secondary-container);color:var(--secondary)}.arrow-icon-small{color:var(--on-surface-variant);opacity:.5;font-size:14px}.time-label{color:var(--on-surface-variant);opacity:.65;font-size:11px}.card-grid-row{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.card-grid-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.text-group{flex:1}.source-text-display{font-size:var(--fs-body-lg);color:var(--on-background);margin:0 0 4px;font-weight:500}.target-text-display{font-size:var(--fs-body-lg);color:var(--primary);margin:0;font-weight:600}.card-actions{align-self:flex-end;gap:6px;display:flex}@media (width>=640px){.card-actions{align-self:center}}.action-btn{border-radius:var(--radius-md);border:1px solid var(--outline);background:var(--surface-variant);cursor:pointer;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:flex}.action-btn--unstarred{color:var(--on-surface-variant)!important}.action-btn--unstarred:hover{background:var(--primary-container);border-color:var(--primary);color:var(--primary)!important}.action-btn--starred{background:#fef3c7;border-color:#d9770633;color:#d97706!important}.dark .action-btn--starred{background:#d9770626;border-color:#d977064d;color:#fbbf24!important}.action-btn--starred:hover{filter:brightness(1.05)}.settings-container{width:100%;max-width:800px;padding:2rem var(--container-padding) 6rem var(--container-padding);margin:0 auto}.settings-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.settings-grid{grid-template-columns:1fr 1fr}.md-col-span-2{grid-column:span 2}}.settings-card{border-radius:var(--radius-2xl);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.settings-card-header{border-bottom:1px solid var(--outline);align-items:center;gap:10px;padding-bottom:.75rem;display:flex}.settings-card-header span{font-size:22px;color:var(--primary)!important}.settings-card-title{font-family:var(--font-display);color:var(--on-background);margin:0;font-size:1.1rem;font-weight:700}.settings-row-btn,.settings-row-static{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:all .2s;display:flex}.settings-row-btn{background:var(--surface-variant);border:1px solid var(--outline);cursor:pointer;color:inherit}.settings-row-btn:hover{border-color:var(--primary);background:var(--primary-container)}.settings-row-btn:hover .settings-row-label{color:var(--primary)}.settings-row-btn:hover span.material-symbols-outlined{color:var(--primary)!important}.settings-row-static{background:var(--surface-variant);border:1px solid var(--outline)}.settings-row-left{text-align:left;align-items:center;gap:12px;display:flex}.settings-row-left span{font-size:20px;color:var(--on-surface-variant)!important}.settings-row-label{font-family:var(--font-body);font-size:var(--fs-body-md);color:var(--on-background);font-weight:600;transition:color .2s}.settings-row-btn-sublabel{color:var(--on-surface-variant);opacity:.75;font-size:11px}.settings-row-right{align-items:center;gap:8px;display:flex}.settings-row-value{color:var(--primary);background:var(--primary-container);border-radius:var(--radius-xs);padding:.2rem .5rem;font-size:12px;font-weight:600}.chevron-icon{opacity:.5;font-size:18px;color:var(--on-surface-variant)!important}.theme-switcher-container{background:var(--surface-container);border-radius:var(--radius-md);border:1px solid var(--outline);padding:3px;display:flex}.theme-switch-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.45rem .75rem;transition:all .2s;display:flex;color:var(--on-surface-variant)!important}.theme-switch-btn--active{background:var(--surface);box-shadow:0 2px 8px #0000000d;color:var(--primary)!important}.theme-switch-btn span{font-size:16px}.settings-row-grid-2{grid-template-columns:1fr;gap:.75rem;width:100%;display:grid}@media (width>=640px){.settings-row-grid-2{grid-template-columns:1fr 1fr}}.app-info-footer{text-align:center;opacity:.6;margin-top:3rem}.app-info-text{color:var(--on-surface-variant);margin:0;font-size:11px}.db-status-badge{background:var(--surface-variant);border:1px solid var(--outline);border-radius:var(--radius-full);color:var(--on-surface-variant);align-items:center;gap:6px;padding:.35rem .75rem;font-size:10px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000005}.status-dot{border-radius:var(--radius-full);width:6px;height:6px;display:inline-block}.status-dot--online{background-color:#10b981;box-shadow:0 0 8px #10b98199}.status-dot--offline{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b99}.community-info-section{width:100%;margin-top:2.5rem}.community-info-card{border-radius:var(--radius-2xl);border:1px solid var(--outline);flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.community-info-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:100%;height:4px;position:absolute;top:0;left:0}.community-info-header{align-items:center;gap:14px;display:flex}.community-info-icon-container{border-radius:var(--radius-md);background:var(--primary-container);width:2.75rem;height:2.75rem;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.community-info-icon-container span{font-size:22px}.community-info-title-group{flex-direction:column;display:flex}.community-info-title{font-family:var(--font-display);color:var(--on-background);margin:0;font-size:1.15rem;font-weight:850}.community-info-subtitle{color:var(--secondary);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.community-info-quick-stats{border-bottom:1px solid var(--outline);flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.5rem 0 1rem;display:flex}.stat-pill{background:var(--surface-variant);border:1px solid var(--outline);border-radius:var(--radius-lg);flex-direction:column;flex:calc(33.333% - .75rem);gap:4px;min-width:140px;padding:.75rem 1rem;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--primary);opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.stat-value{color:var(--on-background);font-size:13px;font-weight:600}.community-info-description{font-family:var(--font-body);color:var(--on-surface-variant);margin:0;font-size:13.5px;line-height:1.6}.community-info-highlight{background:var(--surface-variant);border-radius:var(--radius-lg);border:1px dashed #14b8a640;align-items:flex-start;gap:12px;padding:.85rem 1.15rem;display:flex}.highlight-icon{color:var(--secondary);flex-shrink:0;margin-top:2px}.highlight-text{color:var(--on-background);margin:0;font-size:12.5px;line-height:1.5}.highlight-title{color:var(--secondary);font-weight:700;font-family:var(--font-display);margin-bottom:1px}.community-info-card-content{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.community-info-card-content{flex-direction:row;align-items:flex-start}.community-info-main{flex-direction:column;flex:60%;gap:1.25rem;display:flex}.community-image-container{flex:40%;align-self:stretch;min-height:200px}}.community-image-container{border-radius:var(--radius-xl);background:var(--surface-variant);border:1px solid var(--outline);aspect-ratio:16/10;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.community-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s;display:block}.community-image-container:hover .community-image{filter:brightness(.95);transform:scale(1.05)}.community-image-placeholder{text-align:center;border-radius:var(--radius-xl);box-sizing:border-box;background:#ffffff04;border:2px dashed #6366f138;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute;inset:0}.placeholder-icon{color:var(--primary);opacity:.85;margin-bottom:6px;font-size:30px}.placeholder-text{color:var(--on-background);margin-bottom:3px;font-size:12.5px;font-weight:600}.placeholder-subtext{color:var(--on-surface-variant);opacity:.65;font-size:9.5px;line-height:1.3}.image-url-input-row{gap:8px;width:100%;max-width:280px;margin-top:10px;display:flex}.image-url-input{border-radius:var(--radius-md);outline:none;flex:1;padding:.45rem .75rem;font-size:11px;border:1px solid var(--outline)!important;background:var(--surface-variant)!important;color:var(--on-background)!important}.image-url-input:focus{border-color:var(--primary)!important}.image-url-btn{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:.45rem .85rem;font-size:11px;font-weight:600;transition:all .2s}.image-url-btn:hover{filter:brightness(1.1)}.skeleton-loader{background:linear-gradient(90deg, var(--surface-variant), var(--surface-container), var(--surface-variant));z-index:5;background-size:200% 100%;animation:1.5s linear infinite shimmer-anim;position:absolute;inset:0}.card-swap-animate{animation:.4s cubic-bezier(.25,1,.5,1) cardSwapFrames}@keyframes cardSwapFrames{0%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.97)translateY(-3px)}to{opacity:1;transform:scale(1)}}.character-counter{font-family:var(--font-mono);color:var(--on-surface-variant);opacity:.55;align-self:flex-end;margin-top:4px;font-size:10px}.active-waveform-bars{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.active-waveform-bar{background:linear-gradient(to bottom, var(--primary), var(--secondary));border-radius:var(--radius-full);width:3px;height:8px;animation:.8s ease-in-out infinite alternate waveformBounce}.active-waveform-bar:first-child{animation-delay:.1s}.active-waveform-bar:nth-child(2){animation-delay:.2s}.active-waveform-bar:nth-child(3){animation-delay:.3s}.active-waveform-bar:nth-child(4){animation-delay:.4s}.active-waveform-bar:nth-child(5){animation-delay:.5s}@keyframes waveformBounce{0%{transform:scaleY(.5)}to{transform:scaleY(2.2)}}.waveform-container.active{border-radius:var(--radius-md);background:#6366f10d}.input-card:focus-within{border-color:var(--primary)!important;box-shadow:0 10px 30px -10px #6366f11f,inset 0 1px 2px #6366f11a!important}.feedback-input,.feedback-textarea{border-radius:var(--radius-md);font-size:var(--fs-body-md);box-sizing:border-box;outline:none;width:100%;padding:.75rem 1rem;border:1px solid var(--outline)!important;background:var(--surface-variant)!important;color:var(--on-background)!important}.feedback-textarea{resize:vertical;font-family:inherit}.feedback-input:focus,.feedback-textarea:focus{border-color:var(--primary)!important;background:var(--surface-container-lowest)!important;box-shadow:0 0 0 3px #6366f133!important}.search-clear-btn{color:var(--on-surface-variant);cursor:pointer;opacity:.65;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:4px;transition:all .2s;display:flex}.search-clear-btn:hover{opacity:1;background:var(--outline-variant)}.action-btn--starred span{animation:.3s cubic-bezier(.175,.885,.32,1.275) starPulse}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)rotate(15deg)}to{transform:scale(1)}}.history-card{transition:all .3s cubic-bezier(.25,1,.5,1)}.history-card:hover{transform:translateY(-2.5px);border-color:#6366f133!important;box-shadow:0 12px 24px -10px #0000000d,inset 0 1px 2px #fff3!important}.dark .history-card:hover{border-color:#6366f14d!important;box-shadow:0 16px 32px -12px #00000059,inset 0 1px 2px #ffffff1a!important}@media (width<=768px){.community-info-card{padding:1.25rem 1.5rem!important}.community-info-quick-stats{flex-direction:column!important;gap:.6rem!important}.stat-pill{min-width:100%!important;padding:.6rem .85rem!important}.community-info-card-content{flex-direction:column!important;gap:1.25rem!important}}.learn-more-btn{border-radius:var(--radius-full);border:1px solid var(--primary);color:var(--primary);font-weight:600;font-size:var(--fs-body-md);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:6px;margin-top:.75rem;padding:.5rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.learn-more-btn:hover{background:var(--primary-container);border-color:var(--primary);transform:translate(3px)}.learn-more-btn:active{transform:scale(.96)translate(3px)}.bento-container{width:100%;max-width:960px;padding:2rem var(--container-padding) 6rem var(--container-padding);margin:0 auto}.bento-header{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.bento-back-btn{border-radius:var(--radius-full);border:1px solid var(--outline);background:var(--surface-variant);color:var(--on-background);cursor:pointer;align-items:center;gap:6px;padding:.55rem 1.15rem;font-weight:600;transition:all .2s;display:flex}.bento-back-btn:hover{background:var(--primary-container);color:var(--primary);border-color:var(--primary)}.bento-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto)}.bento-col-3{grid-column:span 3}.bento-col-2{grid-column:span 2}.bento-col-1{grid-column:span 1}}.bento-card{border-radius:var(--radius-2xl);flex-direction:column;justify-content:space-between;gap:1rem;min-height:160px;padding:1.5rem;display:flex}.bento-row-layout{flex-direction:row}@media (width<=640px){.bento-row-layout{flex-direction:column}}.bento-card-header{align-items:center;gap:10px;display:flex}.bento-card-icon{font-size:24px;color:var(--primary)!important}.bento-card-title{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:750}.bento-card-text{color:var(--on-surface-variant);margin:0;font-size:13.5px;line-height:1.6}.bento-card-image-wrap{border-radius:var(--radius-xl);border:1px solid var(--outline);flex:1;height:230px;max-height:270px;position:relative;overflow:hidden}.bento-card-text-col{flex:40%}.bento-card-img-col{flex:60%!important}@media (width<=640px){.bento-card-text-col{flex:auto}.bento-card-img-col{width:100%;flex:auto!important}}.bento-card-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:block}.bento-card-image-wrap:hover .bento-card-image{transform:scale(1.04)}