.fullscreen-container[data-v-5a7f8d61]{@apply fixed inset-0;}.bottom-nav[data-v-5a7f8d61]{@apply fixed bottom-0 left-0 right-0 z-50 flex items-center justify-around h-16 bg-dark-900/95 backdrop-blur-md border-t border-dark-700/50;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item[data-v-5a7f8d61]{@apply flex flex-col items-center justify-center flex-1 h-full py-2 text-dark-500 transition-all duration-200;}.bottom-nav-item[data-v-5a7f8d61]:active{@apply scale-95;}.bottom-nav-item-active[data-v-5a7f8d61]{@apply text-primary-400;}.bottom-nav-item-active svg[data-v-5a7f8d61]{filter:drop-shadow(0 0 8px rgba(56,189,248,.4))}.lang-btn[data-v-5a7f8d61]{@apply flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-dark-800/50 border border-dark-700/30 text-dark-300 text-sm transition-all duration-200;}.lang-btn[data-v-5a7f8d61]:hover{@apply bg-dark-700/50 text-dark-200 border-dark-600/30;}.lang-dropdown[data-v-5a7f8d61]{@apply absolute top-full right-0 mt-1 w-32 bg-dark-800/95 backdrop-blur-sm rounded-lg border border-dark-600/30 shadow-xl overflow-hidden;z-index:100}.lang-item[data-v-5a7f8d61]{@apply flex items-center gap-2 w-full px-3 py-2 text-sm text-dark-300 transition-colors duration-150;}.lang-item[data-v-5a7f8d61]:hover{@apply bg-dark-700/50 text-dark-100;}.lang-item-active[data-v-5a7f8d61]{@apply bg-primary-500/10 text-primary-300;}.dropdown-enter-active[data-v-5a7f8d61],.dropdown-leave-active[data-v-5a7f8d61]{transition:all .2s ease}.dropdown-enter-from[data-v-5a7f8d61],.dropdown-leave-to[data-v-5a7f8d61]{opacity:0;transform:translateY(-8px)}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:auto}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);color:#f1f5f9}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.glass{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1)}.glass-dark{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.05)}.glass-light{background:#f1f5f90d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(241,245,249,.1)}.gradient-text{background:linear-gradient(135deg,#38bdf8,#818cf8,#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-primary{box-shadow:0 0 20px #0ea5e94d,0 0 40px #0ea5e91a}.glow-accent{box-shadow:0 0 20px #d946ef4d,0 0 40px #d946ef1a}.glow-success{box-shadow:0 0 20px #22c55e4d,0 0 40px #22c55e1a}.glow-danger{box-shadow:0 0 20px #ef44444d,0 0 40px #ef44441a}.btn{@apply px-6 py-3 rounded-xl font-medium transition-all duration-300 flex items-center justify-center gap-2 select-none;}.btn-primary{@apply bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-400 hover:to-primary-500 text-white shadow-lg shadow-primary-500/25 hover:shadow-xl hover:shadow-primary-500/30 active:scale-[.98];}.btn-accent{@apply bg-gradient-to-r from-accent-500 to-accent-600 hover:from-accent-400 hover:to-accent-500 text-white shadow-lg shadow-accent-500/25 hover:shadow-xl hover:shadow-accent-500/30 active:scale-[.98];}.btn-danger{@apply bg-gradient-to-r from-red-500 to-red-600 hover:from-red-400 hover:to-red-500 text-white shadow-lg shadow-red-500/25 hover:shadow-xl hover:shadow-red-500/30 active:scale-[.98];}.btn-ghost{@apply bg-transparent border border-dark-400/30 hover:bg-dark-700/50 text-dark-200 hover:border-dark-400/50 active:scale-[.98];}.card{@apply glass rounded-2xl p-6;}.input{@apply w-full px-4 py-3 rounded-xl bg-dark-800/50 border border-dark-600/30 text-dark-100 placeholder-dark-400 focus:outline-none focus:border-primary-500/50 focus:ring-2 focus:ring-primary-500/20 transition-all duration-300;}.audio-wave{display:flex;align-items:center;gap:3px;height:24px}.audio-wave span{width:4px;height:100%;background:linear-gradient(180deg,#38bdf8,#818cf8);border-radius:2px;animation:wave 1.2s ease-in-out infinite}.audio-wave span:nth-child(1){animation-delay:0s}.audio-wave span:nth-child(2){animation-delay:.1s}.audio-wave span:nth-child(3){animation-delay:.2s}.audio-wave span:nth-child(4){animation-delay:.3s}.audio-wave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.recording-pulse{position:relative}.recording-pulse:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#ef44444d;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.page-enter-active,.page-leave-active{transition:all .4s ease-out}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.list-enter-active,.list-leave-active{transition:all .3s ease}.list-enter-from,.list-leave-to{opacity:0;transform:translate(-20px)}.list-move{transition:transform .3s ease}.translation-text{@apply text-lg leading-relaxed;word-break:break-word}.time-display{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.lang-tag{@apply px-3 py-1 rounded-full text-xs font-medium uppercase tracking-wider;}.lang-zh{@apply bg-amber-500/20 text-amber-300 border border-amber-500/30;}.lang-en{@apply bg-blue-500/20 text-blue-300 border border-blue-500/30;}.lang-ja{@apply bg-pink-500/20 text-pink-300 border border-pink-500/30;}.lang-auto{@apply bg-purple-500/20 text-purple-300 border border-purple-500/30;}.lang-tag-sm{@apply px-2 py-0.5 rounded text-xs;}.lang-tag-sm.lang-zh{@apply bg-amber-500/20 text-amber-300;}.lang-tag-sm.lang-en{@apply bg-blue-500/20 text-blue-300;}.lang-tag-sm.lang-ja{@apply bg-pink-500/20 text-pink-300;}.lang-tag-sm.lang-auto{@apply bg-purple-500/20 text-purple-300;}.mode-btn{@apply px-4 py-2 rounded-xl text-sm font-medium transition-all duration-300 bg-dark-700/50 text-dark-300 border border-dark-600/30 hover:bg-dark-600/50 hover:text-dark-100 disabled:opacity-50 disabled:cursor-not-allowed;}.mode-btn-active{@apply bg-gradient-to-r from-primary-500/20 to-accent-500/20 text-primary-200 border-primary-500/50 shadow-lg shadow-primary-500/10;}.segment-card{transition:all .3s ease}.segment-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.animate-slide-down{animation:slideDown .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-slow{animation:pulse-slow 2s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}