:root{--bg: #0d1117;--surface: #161b22;--surface-raised: #21262d;--border: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #7ee787;--accent-alt: #58a6ff;--error: #f85149;--recording: #f85149;--warning: #d29922;--info: #58a6ff;--font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--line-height: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right);--tab-height: 56px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-sheet: .3s cubic-bezier(.32, .72, 0, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden}body{font-family:var(--font-family);line-height:var(--line-height);color:var(--text-primary);background:var(--bg);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;touch-action:pan-y}#app{height:100%;display:flex;flex-direction:column;position:relative}.app-content{flex:1;position:relative;overflow:hidden}.view{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;transition:none}.view.hidden{display:none}.hidden{display:none!important}.language-bar{height:48px;background:var(--surface);display:flex;align-items:center;padding:0 var(--sp-4);padding-top:var(--sat);min-height:calc(48px + var(--sat));gap:var(--sp-2);flex-shrink:0}.language-bar__from{font-size:16px;color:var(--text-primary);line-height:var(--line-height)}.language-bar__arrow{font-size:20px;color:var(--text-secondary);line-height:var(--line-height)}.language-bar__to{font-size:16px;color:var(--accent);cursor:pointer;display:flex;align-items:center;gap:var(--sp-1);min-height:44px;min-width:44px;line-height:var(--line-height)}.language-bar__to-arrow{font-size:12px;color:var(--accent)}.language-bar__spacer{flex:1}.language-bar__settings{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;border-radius:50%;flex-shrink:0}.language-bar__settings:active{background:var(--surface-raised)}.tab-bar{display:flex;align-items:center;justify-content:center;height:var(--tab-height);padding-bottom:var(--sab);min-height:calc(var(--tab-height) + var(--sab));background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);min-width:44px;min-height:44px;line-height:var(--line-height)}.tab-bar__item.active{color:var(--accent)}.tab-bar__icon{font-size:24px;line-height:1}.tab-bar__label{font-size:12px;line-height:var(--line-height)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center}.empty-state__icon{font-size:48px;color:var(--border);animation:subtle-bounce 3s ease-in-out infinite}.empty-state__text{font-size:16px;color:var(--text-secondary);line-height:var(--line-height)}.empty-state__subtext{font-size:13px;color:var(--border);line-height:var(--line-height)}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dual-mic-area{height:140px;background:linear-gradient(transparent,var(--bg));display:flex;align-items:center;justify-content:center;gap:48px;position:relative;flex-shrink:0;padding-bottom:var(--sp-2)}.dual-mic-area__hint{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:13px;color:var(--text-secondary);white-space:nowrap;line-height:var(--line-height)}.mic-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);background:none;border:none;cursor:pointer}.mic-btn__circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--bg);transition:background var(--transition-fast),transform var(--transition-fast)}.mic-btn__circle--user{background:var(--accent)}.mic-btn__circle--partner{background:var(--accent-alt)}.mic-btn__circle.recording{background:var(--recording);animation:pulse-recording .8s ease-in-out infinite}.mic-btn__label{font-size:12px;color:var(--text-secondary);line-height:var(--line-height)}.mic-btn.disabled{opacity:.3;pointer-events:none}@keyframes pulse-recording{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.sheet-overlay{position:fixed;inset:0;background:#00000080;z-index:100;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.sheet-overlay.visible{opacity:1;pointer-events:auto}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-radius:16px 16px 0 0;z-index:101;transform:translateY(100%);transition:transform var(--transition-sheet);padding-bottom:var(--sab);max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet.visible{transform:translateY(0)}.sheet__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:8px auto}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-2)}.sheet__title{font-size:18px;font-weight:700;color:var(--text-primary);line-height:var(--line-height)}.sheet__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;border-radius:50%}.sheet__close:active{background:var(--surface-raised)}.settings-section{padding:var(--sp-4)}.settings-section+.settings-section{border-top:1px solid var(--surface-raised)}.settings-label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--sp-2);line-height:var(--line-height)}.api-key-field{position:relative}.api-key-field__input{width:100%;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 48px 0 var(--sp-4);color:var(--text-primary);font-size:16px;font-family:var(--font-family);line-height:var(--line-height);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.api-key-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7ee78733}.api-key-field__input::placeholder{color:var(--border)}.api-key-field__toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer}.api-key-status{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:14px;line-height:var(--line-height)}.api-key-status--none{color:var(--error)}.api-key-status--set{color:var(--accent)}.api-key-status--checking{color:var(--text-secondary)}.api-key-status--invalid{color:var(--error)}.api-key-save-btn{margin-top:var(--sp-2);height:36px;padding:0 var(--sp-4);background:var(--accent);color:var(--bg);border:none;border-radius:18px;font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;line-height:var(--line-height);min-width:44px;min-height:36px}.api-key-save-btn:active{opacity:.8}.lang-buttons{display:flex;gap:var(--sp-2);flex-wrap:wrap}.lang-btn{flex:1;min-width:0;height:44px;border-radius:12px;border:none;font-size:13px;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-1);background:var(--surface-raised);color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);line-height:var(--line-height);min-height:44px}.lang-btn.active{background:var(--accent);color:var(--bg);font-weight:700}.lang-btn:active{transform:scale(.96)}.tts-toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:44px}.tts-toggle-row__label{font-size:14px;color:var(--text-primary);line-height:var(--line-height)}.tts-toggle{position:relative;width:48px;height:28px;border-radius:14px;border:none;cursor:pointer;background:var(--border);transition:background var(--transition-fast);flex-shrink:0}.tts-toggle.on{background:var(--accent)}.tts-toggle__knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--text-secondary);transition:transform var(--transition-fast),background var(--transition-fast)}.tts-toggle.on .tts-toggle__knob{transform:translate(20px);background:#fff}.settings-app-info{text-align:center;font-size:12px;color:var(--border);padding:var(--sp-4);line-height:var(--line-height)}.lang-picker-list{padding:0 var(--sp-4) var(--sp-4)}.lang-picker-item{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--sp-4);border-radius:12px;cursor:pointer;font-size:16px;color:var(--text-primary);background:transparent;border:none;width:100%;font-family:var(--font-family);line-height:var(--line-height);min-height:44px}.lang-picker-item:active,.lang-picker-item.selected{background:var(--surface-raised)}.lang-picker-item__flag{margin-right:var(--sp-3);font-size:20px}.lang-picker-item__check{color:var(--accent);font-size:18px}.toast-container{position:fixed;top:0;left:0;right:0;padding-top:calc(var(--sat) + var(--sp-2));padding-left:var(--sp-4);padding-right:var(--sp-4);z-index:200;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);font-size:14px;color:var(--text-primary);transform:translateY(-100%);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal);pointer-events:auto;line-height:var(--line-height)}.toast.visible{transform:translateY(0);opacity:1}.toast.fade-out{opacity:0;transform:translateY(-20px);transition:transform .3s ease,opacity .3s ease}.toast__icon{font-size:18px;flex-shrink:0}.toast--success .toast__icon{color:var(--accent)}.toast--error .toast__icon{color:var(--error)}.toast--info .toast__icon{color:var(--info)}.camera-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center}.camera-empty__icon{font-size:48px;color:var(--border)}.camera-empty__text{font-size:18px;color:var(--text-primary);line-height:var(--line-height)}.camera-empty__subtext{font-size:14px;color:var(--text-secondary);line-height:var(--line-height)}.camera-empty__gallery-btn{margin-top:var(--sp-4);height:48px;padding:0 var(--sp-6);background:var(--surface-raised);color:var(--text-primary);border:none;border-radius:12px;font-size:16px;font-family:var(--font-family);cursor:pointer;line-height:var(--line-height);min-height:44px}.camera-empty__gallery-btn:active{opacity:.8}.conversation-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.recording-status{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) 0}.recording-status__text{font-size:14px;color:var(--recording);line-height:var(--line-height)}.bubble{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:16px;display:flex;flex-direction:column;gap:var(--sp-1)}.bubble--user{align-self:flex-end;background:#1a2332;border:1px solid var(--accent)}.bubble--partner{align-self:flex-start;background:var(--surface-raised);border:1px solid var(--border)}.bubble__label{font-size:12px;line-height:var(--line-height)}.bubble__label--user{color:var(--accent)}.bubble__label--partner{color:var(--text-secondary)}.bubble__original{font-size:14px;color:var(--text-secondary);line-height:var(--line-height)}.bubble--user .bubble__original{color:var(--text-primary)}.bubble__translated{font-size:18px;font-weight:700;line-height:var(--line-height)}.bubble--user .bubble__translated{color:var(--accent)}.bubble--partner .bubble__translated{color:var(--text-primary)}.bubble__time{font-size:11px;color:var(--text-secondary);line-height:var(--line-height)}.bubble--user .bubble__time{text-align:right}.bubble--partner .bubble__time{text-align:left}.slide-up{animation:bubble-slide-up .2s ease-out}@keyframes bubble-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-bubble{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-raised);border-radius:16px;max-width:200px;align-self:flex-start}.loading-bubble__text{font-size:14px;color:var(--text-secondary);line-height:var(--line-height)}.text-input-toggle{display:flex;justify-content:center;padding-bottom:var(--sp-2);flex-shrink:0}.text-input-toggle__btn{width:44px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--border);font-size:20px;cursor:pointer;border-radius:8px}.text-input-toggle__btn:active{background:var(--surface-raised)}.text-input-area{padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + var(--sab));flex-shrink:0;background:var(--bg);border-top:1px solid var(--border)}.text-input-area__row{display:flex;align-items:center;gap:var(--sp-2)}.text-input-area__mic-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:20px;cursor:pointer;border-radius:50%;flex-shrink:0;color:var(--text-secondary)}.text-input-area__mic-btn:active{background:var(--surface-raised)}.text-input-area__field{flex:1;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:0 var(--sp-4);color:var(--text-primary);font-size:16px;font-family:var(--font-family);line-height:var(--line-height);outline:none;min-width:0}.text-input-area__field:focus{border-color:var(--accent)}.text-input-area__field::placeholder{color:var(--border)}.text-input-area__dir-chip{height:32px;padding:0 var(--sp-3);background:var(--surface-raised);border:none;border-radius:16px;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;white-space:nowrap;flex-shrink:0;line-height:var(--line-height)}.text-input-area__dir-chip:active{background:var(--border)}.text-input-area__send{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);border:none;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0}.text-input-area__send:active{opacity:.8}.fullscreen-result{position:fixed;inset:0;background:var(--bg);z-index:150;display:flex;flex-direction:column;opacity:0;transform:scale(.95);transition:opacity .25s ease-out,transform .25s ease-out;pointer-events:none}.fullscreen-result.visible{opacity:1;transform:scale(1);pointer-events:auto}.fullscreen-result__topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);padding-top:var(--sat);min-height:calc(48px + var(--sat));flex-shrink:0}.fullscreen-result__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;border-radius:50%}.fullscreen-result__close:active{background:var(--surface-raised)}.fullscreen-result__tts{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--accent);font-size:24px;cursor:pointer;border-radius:50%}.fullscreen-result__tts:active{background:var(--surface-raised)}.fullscreen-result__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-6);gap:var(--sp-6)}.fullscreen-result__direction{font-size:14px;color:var(--text-secondary);background:var(--surface-raised);padding:var(--sp-1) var(--sp-3);border-radius:12px;line-height:var(--line-height)}.fullscreen-result__text{font-size:clamp(28px,8vw,64px);font-weight:700;color:var(--text-primary);text-align:center;line-height:1.3;word-break:keep-all;overflow-wrap:break-word}.fullscreen-result__bottom{padding:var(--sp-6) var(--sp-4);padding-bottom:calc(var(--sp-6) + var(--sab));display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);flex-shrink:0}.fullscreen-result__original{font-size:16px;color:var(--text-secondary);text-align:center;line-height:var(--line-height);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fullscreen-result__hint{font-size:12px;color:var(--border);line-height:var(--line-height);transition:opacity .3s ease}.fullscreen-result__hint.fade-out{opacity:0}.context-menu-overlay{position:fixed;inset:0;z-index:140;background:transparent}.context-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:141;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:200px;box-shadow:0 8px 32px #0006}.context-menu__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:14px;font-family:var(--font-family);cursor:pointer;line-height:var(--line-height);min-height:44px;text-align:left}.context-menu__item:last-child{border-bottom:none}.context-menu__item:active{background:var(--surface-raised)}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dots__dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dot-bounce .6s ease-in-out infinite}.loading-dots__dot:nth-child(2){animation-delay:.2s}.loading-dots__dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface-raised);border-radius:16px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.waveform{display:flex;align-items:center;gap:3px;height:24px}.waveform__bar{width:3px;background:var(--recording);border-radius:2px;animation:waveform-bar .4s ease-in-out infinite alternate}.waveform__bar:nth-child(1){animation-delay:0ms;height:8px}.waveform__bar:nth-child(2){animation-delay:.1s;height:16px}.waveform__bar:nth-child(3){animation-delay:.2s;height:24px}.waveform__bar:nth-child(4){animation-delay:.1s;height:16px}.waveform__bar:nth-child(5){animation-delay:0ms;height:8px}@keyframes waveform-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:0}.camera-top-bar{position:absolute;top:0;left:0;right:0;height:calc(80px + var(--sat));padding-top:var(--sat);background:linear-gradient(rgba(0,0,0,.5),transparent);display:flex;align-items:flex-start;justify-content:space-between;padding-left:var(--sp-4);padding-right:var(--sp-4);z-index:10}.camera-top-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0006;border:none;border-radius:50%;color:var(--text-primary);font-size:20px;cursor:pointer;margin-top:var(--sp-2)}.camera-top-btn:active{background:#0009}.camera-guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}.camera-guide__frame{width:80%;max-width:340px;aspect-ratio:4 / 3;border:2px dashed rgba(126,231,135,.25);border-radius:12px;transition:border-color .2s ease,border-style .2s ease}.camera-guide__frame.captured{border-color:var(--accent);border-style:solid}.camera-guide__text{margin-top:var(--sp-3);font-size:13px;color:var(--text-secondary);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:var(--line-height)}.camera-capture-area{position:absolute;bottom:0;left:0;right:0;height:calc(120px + var(--sab));padding-bottom:var(--sab);background:linear-gradient(transparent,#00000080);display:flex;align-items:center;justify-content:center;gap:0;z-index:10}.camera-gallery-btn{position:absolute;left:var(--sp-6);width:44px;height:44px;border-radius:50%;background:var(--surface-raised);border:none;color:var(--text-primary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-gallery-btn:active{opacity:.8}.camera-capture-spacer{position:absolute;right:var(--sp-6);width:44px;height:44px}.camera-shutter-btn{width:72px;height:72px;border-radius:50%;border:3px solid var(--accent);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .1s ease}.camera-shutter-btn:active{transform:scale(.92)}.camera-shutter-btn__inner{width:56px;height:56px;border-radius:50%;background:var(--text-primary)}.camera-flash{position:absolute;inset:0;background:#fff;z-index:20;opacity:0;pointer-events:none;transition:none}.camera-flash.active{animation:shutter-flash .15s ease-out}@keyframes shutter-flash{0%{opacity:0}30%{opacity:.3}to{opacity:0}}.camera-loading-overlay{position:absolute;inset:0;background:#0d1117b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);z-index:15}.camera-loading__content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.camera-loading__text{font-size:16px;color:var(--text-primary);line-height:var(--line-height)}.camera-loading__sub{font-size:13px;color:var(--border);line-height:var(--line-height)}.camera-loading__cancel{margin-top:var(--sp-4);background:none;border:none;color:var(--text-secondary);font-size:14px;font-family:var(--font-family);cursor:pointer;padding:var(--sp-2) var(--sp-4);min-height:44px;line-height:var(--line-height)}.camera-loading__cancel:active{color:var(--text-primary)}.camera-result-overlay{position:absolute;inset:0;z-index:15;display:flex;align-items:flex-end;background:#0000004d}.camera-result-sheet{width:100%;max-height:75vh;background:var(--bg);border-radius:16px 16px 0 0;display:flex;flex-direction:column;padding-bottom:var(--sab);transform:translateY(100%);transition:transform var(--transition-sheet)}.camera-result-sheet.visible{transform:translateY(0)}.camera-result__header{padding:var(--sp-3) var(--sp-4)}.camera-result__lang{font-size:14px;color:var(--text-secondary);line-height:var(--line-height)}.camera-result__list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);max-height:50vh}.camera-result-card{background:var(--surface);border-radius:12px;padding:var(--sp-4);position:relative;transition:transform .2s ease}.camera-result-card.tapped{transform:scale(1.02)}.camera-result-card__tts{position:absolute;top:var(--sp-2);right:var(--sp-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;border-radius:50%;min-width:44px;min-height:44px}.camera-result-card__tts:active{background:var(--surface-raised)}.camera-result-card__original{font-size:14px;color:var(--text-secondary);line-height:var(--line-height);margin-bottom:var(--sp-1);padding-right:36px}.camera-result-card__translation{font-size:20px;font-weight:700;color:var(--text-primary);line-height:var(--line-height);margin-bottom:var(--sp-1)}.camera-result-card__context{font-size:14px;color:var(--accent);line-height:var(--line-height)}.camera-result__actions{display:flex;gap:var(--sp-3);padding:var(--sp-4)}.camera-result__btn{flex:1;height:48px;border:none;border-radius:12px;font-size:16px;font-family:var(--font-family);font-weight:700;cursor:pointer;line-height:var(--line-height);min-height:44px}.camera-result__btn--retry{background:var(--surface-raised);color:var(--text-primary)}.camera-result__btn--close{background:var(--accent);color:var(--bg)}.camera-result__btn:active{opacity:.8}.camera-denied{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center;background:var(--bg);z-index:5}.camera-denied__icon{font-size:48px;color:var(--error)}.camera-denied__title{font-size:18px;color:var(--text-primary);line-height:var(--line-height)}.camera-denied__sub{font-size:14px;color:var(--text-secondary);line-height:var(--line-height)}.camera-denied__gallery-btn{margin-top:var(--sp-4);height:48px;padding:0 var(--sp-6);background:var(--surface-raised);color:var(--text-primary);border:none;border-radius:12px;font-size:16px;font-family:var(--font-family);cursor:pointer;line-height:var(--line-height);min-height:44px}.camera-denied__gallery-btn:active{opacity:.8}.offline-banner{width:100%;text-align:center;padding:var(--sp-2) var(--sp-4);padding-top:calc(var(--sp-2) + var(--sat));background:#f8514933;color:var(--error);font-size:14px;line-height:var(--line-height);display:none;flex-shrink:0}.offline-banner.visible{display:block}.onboarding-overlay{position:fixed;inset:0;background:var(--bg);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.onboarding-overlay.visible{opacity:1}.onboarding-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-8);width:100%;max-width:400px}.onboarding-logo{font-size:64px;margin-bottom:var(--sp-2)}.onboarding-title{font-size:24px;font-weight:700;color:var(--text-primary);line-height:var(--line-height)}.onboarding-desc{font-size:16px;color:var(--text-secondary);text-align:center;line-height:var(--line-height)}.onboarding-step-title{font-size:18px;color:var(--text-primary);text-align:center;line-height:var(--line-height);margin-bottom:var(--sp-2)}.onboarding-key-field{width:100%}.onboarding-key-input{width:100%;height:48px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 var(--sp-4);color:var(--text-primary);font-size:16px;font-family:var(--font-family);line-height:var(--line-height);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.onboarding-key-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7ee78733}.onboarding-key-input::placeholder{color:var(--border)}.onboarding-key-link{font-size:14px;color:var(--accent-alt);text-decoration:none}.onboarding-key-link:active{opacity:.7}.onboarding-btn{width:calc(100% - 32px);height:52px;background:var(--accent);color:var(--bg);border:none;border-radius:12px;font-size:16px;font-weight:700;font-family:var(--font-family);cursor:pointer;line-height:var(--line-height);margin-top:var(--sp-4)}.onboarding-btn:active{opacity:.8}.onboarding-skip{background:none;border:none;color:var(--text-secondary);font-size:12px;font-family:var(--font-family);cursor:pointer;padding:var(--sp-2);line-height:var(--line-height);min-height:44px}.onboarding-skip:active{color:var(--text-primary)}.onboarding-dots{position:absolute;bottom:calc(48px + var(--sab));left:50%;transform:translate(-50%);display:flex;gap:var(--sp-2)}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background var(--transition-fast)}.onboarding-dot.active{background:var(--accent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}