*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;height:100%}.app{position:relative;width:100%;height:100%;overflow:hidden;background:#08090c;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.camera-view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.camera-hidden{visibility:hidden}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,12px) + 10px) 20px 14px;background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent);display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.app-logo{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#fff;letter-spacing:.03em}.logo-icon{font-size:18px;background:linear-gradient(135deg,#4f8ef7,#7c5cf5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000059;border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:600;pointer-events:auto}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-moving .status-dot{background:#5a6278}.status-moving{color:#5a6278}.status-stable .status-dot{background:#4f8ef7;box-shadow:0 0 6px #4f8ef7;animation:dot-pulse .9s ease-in-out infinite}.status-stable{color:#4f8ef7}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.aim-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;pointer-events:none}.aim-frame{position:relative;width:80%;aspect-ratio:4/3;max-height:50vh}.vf-corner{position:absolute;width:22px;height:22px;border-color:#ffffffb3;border-style:solid}.vf-corner.tl{top:0;left:0;border-width:3px 0 0 3px;border-radius:4px 0 0}.vf-corner.tr{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.vf-corner.bl{bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.vf-corner.br{bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 4px}.scan-line{position:absolute;left:2px;right:2px;height:2px;background:linear-gradient(90deg,transparent,#4f8ef7cc,#7c5cf5cc,transparent);box-shadow:0 0 10px #4f8ef766;animation:scan 2s ease-in-out infinite}@keyframes scan{0%{top:2px;opacity:0}8%{opacity:1}92%{opacity:1}to{top:calc(100% - 4px);opacity:0}}.aim-hint{font-size:13px;color:#ffffff8c;text-shadow:0 1px 6px rgba(0,0,0,.8)}.camera-error{position:absolute;top:80px;left:20px;right:20px;background:#f03c3c2e;border:1px solid rgba(240,60,60,.3);color:#f07878;font-size:13px;padding:10px 16px;border-radius:12px;text-align:center;z-index:20}.analyzing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#08090ce0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:30}.pulse-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid #4f8ef740;animation:pulse-ring 1.6s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.4);opacity:0}}.analyzing-icon{font-size:42px;background:linear-gradient(135deg,#4f8ef7,#7c5cf5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:icon-breathe 1.4s ease-in-out infinite}@keyframes icon-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.6}}.analyzing-title{font-size:20px;font-weight:700;color:#eaedf5}.dot-row{display:flex;gap:6px;margin-top:4px}.dot{width:6px;height:6px;border-radius:50%;background:#4f8ef7;animation:dot-bounce 1.2s ease-in-out infinite}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}.result-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#08090c;animation:fade-in-screen .3s ease forwards;z-index:40}@keyframes fade-in-screen{0%{opacity:0}to{opacity:1}}.result-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.result-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,12px) + 14px) 0 16px;position:sticky;top:0;background:#08090c;z-index:5}.result-badge{font-size:11px;font-weight:600;color:#4fc9a4;background:#4fc9a41a;border:1px solid rgba(79,201,164,.25);padding:4px 11px;border-radius:100px;letter-spacing:.03em}.result-bottom-spacer{height:16px}.retake-bar{flex-shrink:0;padding:12px 16px calc(env(safe-area-inset-bottom,16px) + 12px);background:linear-gradient(to top,#08090c 70%,transparent)}.retake-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#4f8ef7,#7c5cf5);border:none;color:#fff;font-size:17px;font-weight:700;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .12s;box-shadow:0 4px 24px #4f8ef759}.retake-btn:active{opacity:.85;transform:scale(.97)}.result-card{border-radius:16px;padding:14px 16px;border:1px solid rgba(255,255,255,.05);margin-bottom:10px}.original-card{background:#ffffff06}.translation-card{background:#4f8ef712;border-color:#4f8ef724}.card-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#3a3f52;margin-bottom:10px}.label-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.en-dot{background:#3a3f52}.ko-dot{background:linear-gradient(135deg,#4f8ef7,#7c5cf5)}.translation-body{display:flex;flex-direction:column;gap:8px}.translation-sentence{font-size:17px;line-height:1.8;color:#e8ecf8;letter-spacing:-.01em}.original-text{font-size:12px;line-height:1.75;color:#404660;font-style:italic}.tts-btn{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#4a5068;font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s;flex-shrink:0}.tts-btn.is-speaking,.tts-btn.is-loading{background:#4f8ef724;border-color:#4f8ef74d;color:#4f8ef7}.sentences-section{margin-bottom:10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.section-title{font-size:11px;font-weight:700;color:#4a5068;letter-spacing:.05em;text-transform:uppercase}.section-count{font-size:10px;color:#2e3348;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:2px 8px;border-radius:100px}.sentence-card{position:relative;background:#ffffff06;border-radius:14px;padding:14px 14px 12px 38px;border:1px solid rgba(255,255,255,.05);margin-bottom:8px;animation:item-in .3s ease forwards;opacity:0}.sentence-card:nth-child(2){animation-delay:.05s}.sentence-card:nth-child(3){animation-delay:.1s}.sentence-card:nth-child(4){animation-delay:.15s}.sentence-card:nth-child(5){animation-delay:.2s}.sentence-card:nth-child(6){animation-delay:.25s}.sentence-card.has-pattern{border-color:#f7b94f33;background:#f7b94f0a}@keyframes item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sentence-num{position:absolute;left:13px;top:15px;width:18px;height:18px;border-radius:50%;background:#4f8ef726;color:#4f8ef7;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sentence-en-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.sentence-en{font-size:14px;line-height:1.7;color:#c8cde0;font-style:italic;flex:1}.tts-inline-btn{flex-shrink:0;margin-top:2px;width:26px;height:26px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#3a3f52;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}.tts-inline-btn.is-speaking,.tts-inline-btn:active{background:#4f8ef726;border-color:#4f8ef74d;color:#4f8ef7}.sentence-ko{font-size:15px;line-height:1.75;color:#e8ecf8;margin-bottom:10px}.sentence-structure{display:flex;align-items:flex-start;gap:7px;background:#7c5cf514;border:1px solid rgba(124,92,245,.15);border-radius:9px;padding:8px 10px;margin-bottom:8px}.structure-icon{font-size:12px;color:#7c5cf5;flex-shrink:0;margin-top:1px}.structure-text{font-size:12px;color:#9b94c4;line-height:1.6}.common-pattern{display:flex;align-items:center;gap:6px;background:#f7b94f1a;border:1px solid rgba(247,185,79,.25);border-radius:9px;padding:7px 10px}.pattern-star{font-size:11px;color:#f7b94f;flex-shrink:0}.pattern-label{font-size:10px;font-weight:700;color:#f7b94f;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.pattern-name{font-size:12px;color:#c49840;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}.mini-spinner{display:inline-block;width:11px;height:11px;border:2px solid rgba(79,142,247,.25);border-top-color:#4f8ef7;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}