:root{--bg-gradient:linear-gradient(160deg, #0a0a12 0%, #101020 40%, #080810 100%);--text-main:#fffc;--text-muted:#fff6;--text-accent:#64c8ffcc;--text-accent-hover:#64dcffe6;--btn-raised-bg:linear-gradient(145deg, #16162a, #0e0e1c);--btn-raised-shadow:4px 4px 12px #0009, -2px -2px 8px #ffffff08, inset 0 1px 0 #ffffff0a;--btn-raised-shadow-hover:2px 2px 8px #00000080, -1px -1px 6px #ffffff0a, inset 0 1px 0 #ffffff0f;--btn-sm-bg:linear-gradient(145deg, #18182e, #101020);--btn-sm-shadow:3px 3px 8px #00000080, -1px -1px 4px #ffffff05;--btn-sm-shadow-hover:2px 2px 6px #0006, -1px -1px 4px #ffffff08;--btn-sm-shadow-active:inset 2px 2px 6px #0006, inset -1px -1px 3px #ffffff05, 0 0 12px #64c8ff1a;--btn-sm-border:#ffffff0a;--panel-bg:linear-gradient(145deg, #131328, #0b0b1a);--panel-shadow:inset 3px 3px 10px #00000080, inset -1px -1px 4px #ffffff05, 4px 4px 12px #0000004d;--panel-border:#ffffff0a;--main-btn-bg:linear-gradient(145deg, #1e1e38, #121228);--main-btn-shadow:8px 8px 24px #000000b3, -4px -4px 12px #ffffff08, inset 0 1px 1px #ffffff0d;--main-btn-shadow-hover:10px 10px 30px #000000b3, -5px -5px 15px #ffffff0a, inset 0 1px 1px #ffffff0f;--main-btn-shadow-active:inset 4px 4px 12px #0009, inset -2px -2px 6px #ffffff05;--main-btn-active-bg:linear-gradient(145deg, #1a2a40, #0f1a2a);--dropdown-bg:linear-gradient(145deg, #1a1a2e, #0f0f1a);--highlight-color:#ff6464;--highlight-bg:#ff64641a;--live-color:#00b4ff80;--ptt-color:#ff8c3280;--ai-outline:#ff5091c7;--ai-outline-glow:#ff50913d;--title-white:oklch(100% 0 0);--title-red:oklch(64% .24 25);--title-orange:oklch(72% .19 55);--title-yellow:oklch(82% .18 95);--title-lime:oklch(78% .2 135);--title-green:oklch(70% .19 155);--title-cyan:oklch(74% .15 195);--title-blue:oklch(64% .2 245);--title-indigo:oklch(58% .23 275);--title-violet:oklch(62% .24 300);--title-magenta:oklch(65% .25 330);--title-black:oklch(10% 0 0)}.light-theme{--bg-gradient:#f0f3f8;--text-main:#333;--text-muted:#888;--text-accent:#ff4081;--text-accent-hover:#e91e63;--btn-raised-bg:linear-gradient(145deg, #fff, #e6e9ee);--btn-raised-shadow:6px 6px 12px #d1d5db, -6px -6px 12px #fff;--btn-raised-shadow-hover:4px 4px 8px #d1d5db, -4px -4px 8px #fff;--btn-sm-bg:#f0f3f8;--btn-sm-shadow:4px 4px 8px #d1d5db, -4px -4px 8px #fff;--btn-sm-shadow-hover:2px 2px 4px #d1d5db, -2px -2px 4px #fff;--btn-sm-shadow-active:inset 3px 3px 6px #d1d5db, inset -3px -3px 6px #fff;--btn-sm-border:transparent;--panel-bg:#f0f3f8;--panel-shadow:inset 4px 4px 8px #fff, inset -4px -4px 8px #d1d5db, 6px 6px 15px #d1d5db;--panel-border:transparent;--main-btn-bg:#f0f3f8;--main-btn-shadow:8px 8px 16px #d1d5db, -8px -8px 16px #fff;--main-btn-shadow-hover:10px 10px 20px #d1d5db, -10px -10px 20px #fff;--main-btn-shadow-active:inset 6px 6px 12px #d1d5db, inset -6px -6px 12px #fff;--main-btn-active-bg:#f0f3f8;--dropdown-bg:#f8fafc;--highlight-color:#ff4081;--highlight-bg:#ff40811a;--live-color:#32cd32;--ptt-color:#ff4081;--ai-outline:#ff4081;--ai-outline-glow:#ff40813d}.translator-root{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;transition:background .28s,color .28s}.custom-background{--bg-gradient:var(--user-bg-color);--btn-raised-bg:var(--user-bg-color);--btn-sm-bg:var(--user-bg-color);--panel-bg:var(--user-bg-color);--main-btn-bg:var(--user-bg-color);--main-btn-active-bg:var(--user-bg-color);--dropdown-bg:var(--user-bg-color);--btn-sm-border:var(--text-accent);--panel-border:var(--text-accent)}.ai-translator-title{letter-spacing:0;cursor:ew-resize;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--title-black) 55%, transparent));align-items:baseline;font-size:1.4rem;font-weight:650;line-height:1;transition:filter .18s,transform .18s;display:inline-flex}.ai-translator-title:hover,.ai-translator-title:focus-visible{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--title-white) 45%, transparent));outline:none}.ai-translator-title:active{transform:scale(.985)}.ai-translator-title .word-start{margin-left:.38em}.ai-translator-title span:first-child{color:var(--title-white)}.ai-translator-title span:nth-child(2){color:var(--title-red)}.ai-translator-title span:nth-child(3){color:var(--title-orange)}.ai-translator-title span:nth-child(4){color:var(--title-yellow)}.ai-translator-title span:nth-child(5){color:var(--title-lime)}.ai-translator-title span:nth-child(6){color:var(--title-green)}.ai-translator-title span:nth-child(7){color:var(--title-cyan)}.ai-translator-title span:nth-child(8){color:var(--title-blue)}.ai-translator-title span:nth-child(9){color:var(--title-indigo)}.ai-translator-title span:nth-child(10){color:var(--title-violet)}.ai-translator-title span:nth-child(11){color:var(--title-magenta)}.ai-translator-title span:nth-child(12){color:var(--title-black);text-shadow:0 0 1px color-mix(in srgb, var(--title-white) 55%, transparent)}.vocab-bg{background:var(--bg-gradient);color:var(--text-main)}.vocab-panel{background:var(--btn-raised-bg);box-shadow:var(--btn-raised-shadow);border:1px solid var(--btn-sm-border)}.vocab-panel-inner{background:var(--panel-bg);box-shadow:var(--panel-shadow);border:1px solid var(--panel-border)}.vocab-text-muted{color:var(--text-muted)}.vocab-text-accent{color:var(--text-accent)}.vocab-btn{background:var(--btn-sm-bg);box-shadow:var(--btn-sm-shadow);color:var(--text-main);border:1px solid var(--btn-sm-border)}.vocab-btn:hover{box-shadow:var(--btn-sm-shadow-hover)}.vocab-btn.active{box-shadow:var(--btn-sm-shadow-active);color:var(--text-accent)}.neo-btn-select{background:var(--btn-raised-bg);box-shadow:var(--btn-raised-shadow);border:1px solid var(--btn-sm-border);color:var(--text-main)}.custom-background .neo-btn-select,.custom-background .neo-btn-sm,.custom-background .neo-main-btn,.custom-background .neo-text-panel{border-color:var(--text-accent)}.custom-background .neo-btn-select,.custom-background .neo-btn-sm,.custom-background .neo-main-btn,.custom-background .neo-text-panel,.custom-background .neo-dropdown{transition:background .28s,border-color .28s,box-shadow .28s,color .18s}.neo-btn-select:hover{box-shadow:var(--btn-raised-shadow-hover)}.neo-btn-sm{background:var(--btn-sm-bg);box-shadow:var(--btn-sm-shadow);border:1px solid var(--btn-sm-border);color:var(--text-muted);transition:all .2s}.neo-btn-sm:hover{color:var(--text-main);box-shadow:var(--btn-sm-shadow-hover)}.neo-btn-sm.neo-active{color:var(--text-accent);box-shadow:var(--btn-sm-shadow-active)}.neo-btn-swap{background:var(--btn-raised-bg);box-shadow:var(--btn-raised-shadow);border:1px solid var(--btn-sm-border);color:var(--text-muted);transition:all .3s}.neo-btn-swap:hover{color:var(--text-main);transform:scale(1.05)}.neo-btn-swap:active{box-shadow:var(--btn-sm-shadow-active);transform:scale(.95)}.neo-direction-btn{background:var(--btn-raised-bg);box-shadow:var(--btn-sm-shadow);border:1px solid var(--btn-sm-border);color:var(--text-main);transition:all .3s}.neo-direction-btn:active{box-shadow:var(--btn-sm-shadow-active)}.neo-direction-btn.neo-reverse{border-color:var(--text-accent)}.neo-mode-switcher{background:var(--btn-sm-bg);box-shadow:var(--btn-sm-shadow-active);border:1px solid var(--btn-sm-border)}.neo-mode-active{background:var(--btn-raised-bg);box-shadow:var(--btn-sm-shadow);color:var(--text-main)!important}.neo-main-btn{background:var(--main-btn-bg);box-shadow:var(--main-btn-shadow);border:1px solid var(--btn-sm-border);color:var(--text-muted);cursor:pointer;transition:all .3s}.neo-main-btn:hover{box-shadow:var(--main-btn-shadow-hover);color:var(--text-main);transform:scale(1.03)}.neo-main-btn:active{box-shadow:var(--main-btn-shadow-active);transform:scale(.97)}.neo-main-btn.neo-main-active{background:var(--main-btn-active-bg);box-shadow:var(--btn-sm-shadow-active);color:var(--live-color)}.neo-main-btn.neo-ptt.neo-main-active{color:var(--ptt-color)}.neo-pulse{animation:2s ease-in-out infinite neo-pulse-ring}.neo-text-panel{background:var(--panel-bg);box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);color:var(--text-main)}.neo-text-panel.neo-translated{border-color:var(--text-accent)}.neo-dropdown{background:var(--dropdown-bg);border:1px solid var(--btn-sm-border);box-shadow:0 20px 60px #0000004d}.neo-dropdown-input{background:var(--btn-sm-bg);color:var(--text-main);border:1px solid var(--btn-sm-border);box-shadow:var(--btn-sm-shadow-active)}.neo-dropdown-item{color:var(--text-main)}.neo-dropdown-item:hover{background:#8080801a}.translator-root ::-webkit-scrollbar{width:4px}.translator-root ::-webkit-scrollbar-track{background:0 0}.translator-root ::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.assistant-shell{background:var(--bg-gradient);color:var(--text-main)}.ai-launcher{box-shadow:var(--main-btn-shadow), 0 0 0 1px var(--ai-outline-glow), 0 0 16px var(--ai-outline-glow);border:1px solid var(--ai-outline)!important}.ai-launcher:hover{box-shadow:var(--main-btn-shadow-hover), 0 0 0 1px var(--ai-outline-glow), 0 0 20px var(--ai-outline-glow)}.assistant-header,.assistant-composer{background:var(--panel-bg);border-color:var(--panel-border)}.assistant-header{border-bottom:1px solid var(--panel-border)}.assistant-composer{border-top:1px solid var(--panel-border)}.assistant-mark,.assistant-empty-mark{background:var(--main-btn-bg);box-shadow:var(--btn-sm-shadow);color:var(--text-accent)}.assistant-select,.assistant-icon-button,.assistant-composer [data-slot=input-group]{background:var(--btn-sm-bg);border:1px solid var(--btn-sm-border);color:var(--text-main)}.assistant-camera,.assistant-photo{border:1px solid var(--panel-border)}.camera-action{background:var(--main-btn-bg);color:var(--text-main)}.assistant-message{max-width:100%}.assistant-answer{width:100%;font-size:1rem;line-height:1.7;color:var(--text-main)!important;background:0 0!important;padding-inline:0!important}.assistant-user-message{background:var(--main-btn-active-bg)!important;color:var(--text-main)!important}.assistant-control-active{color:var(--text-accent)!important}.assistant-error{background:color-mix(in srgb, var(--destructive) 14%, transparent);color:var(--destructive)}.assistant-composer form>[data-slot=input-group]{grid-template-columns:2rem 2rem minmax(0,1fr) 2rem 2rem 2rem;align-items:center;gap:.25rem;padding:.35rem;display:grid}.assistant-prompt-footer,.assistant-prompt-tools{display:contents!important}.assistant-prompt-text{order:3;min-width:0;max-height:7rem;padding:.5rem!important}.assistant-prompt-mic{order:1}.assistant-prompt-speaker{order:2}.assistant-prompt-submit{order:4}.assistant-prompt-file{order:5}.assistant-prompt-camera{order:6}.translator-reading-view,.recording-archive{background:var(--bg-gradient);color:var(--text-main)}.recording-archive>header,.recording-card{background:var(--panel-bg);border-color:var(--panel-border)}.recording-card{border:1px solid var(--panel-border);box-shadow:var(--btn-sm-shadow)}.recorder-active{animation:1.4s ease-in-out infinite neo-pulse-ring;color:var(--highlight-color)!important;border-color:var(--highlight-color)!important}.translator-reading-view>header{background:var(--panel-bg);border-color:var(--panel-border)}.vocab-word-card{border-left:3px solid #0000}.vocab-word-card.is-known{border-left-color:#22c55e}.vocab-word-card.is-learning{border-left-color:#ef4444}.vocab-known-active{color:#22c55e;background:#22c55e1f}.vocab-learning-active{color:#ef4444;background:#ef44441f}@media (width<=639px){.assistant-answer{font-size:.95rem}.vocab-word-card{padding:0}}