:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{--green:#4caf50;--red:#e53935;--blue:#2196f3;--orange:#ff9800;--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--text:#fff;--text2:#9a9a9e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100vw;max-width:480px;height:100vh;margin:0 auto;position:relative}.screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.splash{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.splash-icon{font-size:80px}.splash-title{font-size:28px;font-weight:700}.splash-subtitle{color:var(--text2);font-size:16px}.splash-spinner{border:4px solid var(--surface2);border-top-color:var(--green);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-screen{justify-content:center;align-items:center;gap:24px}.processing-spinner{border:6px solid var(--surface2);border-top-color:var(--green);border-radius:50%;width:64px;height:64px;animation:.8s linear infinite spin}.processing-text{color:var(--text);font-size:18px}.error-screen{justify-content:center;align-items:center;gap:16px;padding:32px}.error-icon{font-size:64px}.error-title{color:var(--red);font-size:28px}.error-msg{color:var(--text2);text-align:center;font-size:16px}.btn-retry{border:2px solid var(--green);color:var(--green);cursor:pointer;background:0 0;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600}.camera-screen{justify-content:space-between;position:relative;overflow:hidden}.camera-video{object-fit:cover;z-index:0;background:#000;width:100%;height:100%;position:absolute;inset:0}.camera-screen>:not(.camera-video){z-index:1;position:relative}.camera-hint{text-align:center;color:var(--text);background:#000000b3;border-radius:0 0 20px 20px;padding:16px;font-size:16px}.btn-top-left{z-index:10;position:absolute;top:60px;left:16px}.upload-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.upload-icon{font-size:64px}.upload-text{color:var(--text2);text-align:center;font-size:16px;line-height:1.6}.camera-controls{flex-direction:column;align-items:center;gap:20px;padding-bottom:40px;display:flex}.control-row{justify-content:center;align-items:center;gap:24px;display:flex}.btn-circle{width:64px;height:64px;color:var(--text);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;transition:transform .1s;display:flex}.btn-circle:active{transform:scale(.9)}.btn-circle-lang{font-size:32px}.btn-circle-flash{background:#ffc107cc}.btn-circle-play{background:var(--green)}.btn-circle-stop{background:var(--red)}.btn-circle-pause{background:var(--orange)}.btn-circle-save{background:var(--blue)}.btn-circle-saved{background:var(--green)}.btn-capture{border:6px solid var(--green);background:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:transform .15s;display:flex}.btn-capture:active{transform:scale(.85)}.btn-capture:disabled{opacity:.5;cursor:not-allowed}.btn-capture-inner{background:var(--green);border-radius:50%;width:72px;height:72px}.btn-disabled{opacity:.5}.tts-waiting{color:var(--orange);font-size:14px}.btn-icon{width:48px;height:48px;color:var(--text);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.btn-icon:active{transform:scale(.9)}.btn-icon-active{background:var(--red)}.btn-icon-danger{color:var(--red)}.btn-icon-sm{background:var(--surface2);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.result-screen{justify-content:space-between}.result-top-bar{justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.voice-hint{text-align:center;color:var(--text);background:#e53935e6;padding:10px 20px;font-size:14px}.result-image-container{flex:1;justify-content:center;align-items:center;padding:8px;display:flex;overflow:auto}.result-image-wrap{display:inline-block;position:relative}.result-image{object-fit:contain;cursor:pointer;max-width:100%;max-height:100%}.ocr-box{cursor:pointer;background:#ffeb3b1a;border:3px solid #ffeb3bcc;border-radius:8px;position:absolute}.ocr-selected{border-color:var(--green);background:#4caf5033;border-width:4px}.ocr-speaking{border-color:var(--blue);background:#2196f333;border-width:4px}.result-bottom-bar{flex-direction:column;align-items:center;gap:12px;padding-bottom:32px;display:flex}.result-count{background:#0009;border-radius:16px;padding:8px 16px;font-size:14px}.result-empty{background:#0009;border-radius:16px;padding:12px 24px;font-size:16px}.result-screen{position:relative}.text-panel{border-top:2px solid var(--green);z-index:20;background:#0f0f14f7;border-radius:20px 20px 0 0;flex-direction:column;max-height:55%;display:flex;position:absolute;bottom:0;left:0;right:0}.text-panel-head{color:var(--text2);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.text-panel-body{padding:8px 16px 24px;overflow-y:auto}.text-line{color:var(--text);cursor:pointer;border-bottom:1px solid #ffffff0f;border-radius:8px;margin:0;padding:10px 8px;font-size:17px;line-height:1.5}.text-line:active{background:#4caf5040}.text-line-speaking{background:#2196f340}.text-panel-empty{color:var(--text2);text-align:center;padding:20px}.crop-title{color:var(--text);font-size:16px;font-weight:600}.crop-overlay{touch-action:none;cursor:crosshair;position:absolute;inset:0}.crop-rect{border:2px solid var(--green);cursor:move;border-radius:4px;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-handle{background:var(--green);border:2px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.history-screen{padding:0}.history-search{padding:0 16px 12px}.history-search input{box-sizing:border-box;width:100%;color:var(--text);background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;outline:none;padding:12px 16px;font-size:16px}.history-search input:focus{border-color:var(--green)}.history-no-match{text-align:center;color:var(--text2);padding:24px 16px}.history-header{padding:16px;padding-top:max(16px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.history-title{font-size:22px;font-weight:600}.history-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.history-empty-icon{font-size:64px}.history-empty-text{color:var(--text2);font-size:18px}.history-empty-sub{color:var(--text2);font-size:14px}.history-list{flex-direction:column;flex:1;gap:12px;padding:8px 16px;display:flex;overflow-y:auto}.history-card{background:var(--surface);cursor:pointer;border-radius:16px;padding:16px}.history-card:active{opacity:.8}.history-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-time{color:var(--text2);font-size:12px}.history-text{color:var(--text);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.history-meta{color:var(--green);margin-top:8px;font-size:12px}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:24px;width:100%;max-width:400px;max-height:80vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:20px}.modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:20px}.lang-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.lang-item{background:var(--surface2);color:var(--text);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:16px;display:flex}.lang-active{border-color:var(--green);background:#4caf5026}.lang-flag{font-size:24px}.lang-name{font-size:14px}.settings-section{margin-bottom:24px}.settings-label-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-label{font-size:16px;font-weight:600}.settings-value-row{justify-content:space-between;margin-top:8px;display:flex}.settings-min,.settings-max{color:var(--text2);font-size:12px}.settings-val{font-size:16px;font-weight:600}.slider{appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.slider-green{background:var(--surface2)}.slider-green::-webkit-slider-thumb{appearance:none;background:var(--green);border-radius:50%;width:24px;height:24px}.slider-blue{background:var(--surface2)}.slider-blue::-webkit-slider-thumb{appearance:none;background:var(--blue);border-radius:50%;width:24px;height:24px}.btn-test{background:var(--green);width:100%;color:var(--text);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;display:flex}.modal-actions{gap:12px;margin-top:20px;display:flex}.btn-cancel{background:var(--surface2);color:var(--text);cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px}.btn-danger{background:var(--red);color:var(--text);cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:600}