:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18343a;background:#f4f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e8a92c;outline-offset:4px}a{color:inherit}svg{flex-shrink:0}button svg{width:1.3rem;height:1.3rem}h1,h2,h3,p{margin:0}select{cursor:pointer}.app{--ink:#18343a;--muted:#52676c;--accent:#087c72;--accent-dark:#056259;--pale:#e7f4f1;--line:#dae4e6;--surface:#fff;--bg:#f4f7f8;--result-size:1.35rem;color:var(--ink);background:var(--bg);min-height:100dvh;font-size:1rem}.text-1{font-size:1.15rem;--result-size:1.65rem}.text-2{font-size:1.3rem;--result-size:2rem}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:37px 22px 25px;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:1.65em;letter-spacing:-1px;font-weight:760;text-decoration:none;padding:0 10px}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;width:43px;height:43px;border-radius:13px}.brand-accent{color:var(--accent)}.side-label{color:var(--muted);font-size:.9em;padding:16px 10px 40px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-button{display:flex;align-items:center;gap:13px;text-align:left;min-height:55px;width:100%;padding:13px 16px;border-radius:11px;font-size:1em;font-weight:550}.nav-button svg{width:21px;height:21px}.nav-button.selected{background:var(--pale);color:var(--accent);font-weight:700}.nav-button:hover{background:var(--pale)}.count{margin-left:auto;background:var(--surface);border-radius:6px;padding:2px 7px;font-size:.85em}.side-bottom{margin-top:auto}.install-card{margin-top:25px;border:1px solid var(--line);border-radius:12px;width:100%;padding:18px 13px;display:flex;gap:11px;align-items:center;font-size:.92em;text-align:left;font-weight:650}.side-privacy{display:flex;align-items:center;gap:7px;font-size:.78em;color:var(--muted);margin-top:22px;padding:0 8px;line-height:1.5}.workspace{margin-left:246px}.topbar{min-height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 43px;background:var(--surface);gap:12px}.breadcrumb{display:flex;gap:14px;font-size:.9em;align-items:center}.breadcrumb>span:first-child{color:var(--muted)}.breadcrumb-divider{color:#b8c7ca}.breadcrumb strong{font-weight:550}.top-actions{display:flex;align-items:center;gap:18px}.connection{display:flex;gap:7px;align-items:center;font-size:.8em;color:var(--muted)}.connection-dot{background:#178572;width:7px;height:7px;border-radius:50%}.icon-button{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.icon-button:hover{background:var(--pale)}.help-button{display:flex;align-items:center;gap:8px;font-size:.9em;border-left:1px solid var(--line);padding-left:22px;min-height:44px}main{max-width:1490px;margin:auto;padding:39px 43px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{display:flex;gap:7px;align-items:center;color:var(--accent);font-size:.85em;font-weight:650;margin-bottom:10px}h1{font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:730;letter-spacing:-.8px;line-height:1.2}.page-heading p{font-size:1em;line-height:1.5;color:var(--muted);margin-top:11px}.access-button{border:1px solid var(--line);display:flex;align-items:center;gap:9px;border-radius:11px;padding:14px;background:var(--surface);font-weight:650;flex-shrink:0}.language-bar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin-bottom:25px;padding:17px 21px;gap:22px}.language-input{display:flex;align-items:center;gap:12px;min-width:190px;flex:0 1 240px}.language-input>svg:first-child{color:var(--accent)}.language-input>svg:last-child{color:var(--muted);pointer-events:none;margin-left:-25px}.language-input label{flex:1;min-width:0}.language-input label>span{display:block;color:var(--muted);font-size:.875rem;margin-bottom:5px}.language-input select{-webkit-appearance:none;appearance:none;width:100%;background:transparent;border:0;padding:2px 28px 2px 0;font-weight:650;color:var(--ink);font-size:1em;min-height:35px}.language-divider{width:1px;height:40px;background:var(--line)}.language-note{margin-left:auto;color:var(--muted);font-size:.875rem;line-height:1.5;max-width:210px}.reader-grid{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);gap:24px;align-items:stretch}.camera-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;gap:10px;min-height:73px}.card-head h2{display:flex;align-items:center;gap:10px;font-size:1em;font-weight:700}.card-head h2 svg{color:var(--muted)}.badge{font-size:.75rem;border:1px solid var(--line);padding:5px 8px;border-radius:5px;color:var(--muted);text-align:center}.badge.live{color:var(--accent);background:var(--pale);border-color:transparent}.camera-stage{position:relative;margin:0 18px;background:#103c42;border-radius:12px;aspect-ratio:1.34;min-height:310px;overflow:hidden;color:#fff;display:flex;justify-content:center;align-items:center}.camera-empty{display:flex;flex-direction:column;align-items:center;padding:30px;text-align:center;max-width:400px}.camera-symbol{display:grid;place-items:center;background:#225056;border:1px solid #41686e;width:90px;height:90px;border-radius:23px;margin-bottom:20px;color:#c7e9e5}.camera-empty h3{font-size:1.13em;font-weight:650;line-height:1.4}.camera-empty p{color:#c7dadd;font-size:.95em;line-height:1.6;max-width:285px;margin-top:10px;margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:9px;padding:13px 19px;font-size:.95em;font-weight:650;line-height:1.4}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.camera-primary{background:#fff;color:#164e49;min-width:200px}.camera-primary:hover{background:#e0f0ed}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--pale)}.camera-stage video,.image-preview{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.frame-corners{position:absolute;inset:15%;border:2px solid #a2e6dc;border-radius:10px;pointer-events:none;box-shadow:0 0 0 200px #001a2033}.camera-caption{position:absolute;bottom:18px;left:10px;right:10px;text-align:center;text-shadow:0 1px 4px #000;font-size:.9em}.close-camera{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:7px;background:#122e35e6;color:#fff;border:1px solid #ffffff44;border-radius:8px;min-height:44px;padding:10px;font-size:.85em}.scan-status{display:flex;align-items:center;gap:9px;padding:16px 22px;color:var(--muted);font-size:.875rem;line-height:1.5;min-height:64px}.scan-status>span:first-of-type{flex:1}.camera-tools{display:flex;gap:10px;padding:0 19px 20px;flex-wrap:wrap}.camera-tools>.button{flex:1;padding:12px 10px;font-size:.875rem}.camera-options{border-top:1px solid var(--line);padding:0 23px}.switch-row{display:flex;align-items:center;gap:12px;min-height:84px;padding:16px 0}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-icon{width:36px;min-width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--bg);color:var(--muted)}.switch-copy{flex:1;min-width:0}.switch-copy strong{font-weight:650;font-size:.95em;display:block;line-height:1.5}.switch-copy>span{display:block;color:var(--muted);font-size:.875rem;margin-top:4px;line-height:1.5}.switch{background:#bdcccf;border-radius:30px;width:46px;height:28px;min-width:46px;padding:4px;position:relative;box-shadow:0 0 0 8px transparent}.switch:before{content:"";position:absolute;inset:-8px}.switch>span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s}.switch.on{background:var(--accent)}.switch.on>span{transform:translate(18px)}.result-card{display:flex;flex-direction:column}.result-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 23px;gap:25px}.result-tabs button{font-size:.9em;font-weight:600;padding:10px 0 14px;position:relative;display:flex;align-items:center;gap:8px;min-height:46px}.result-tabs button.active{color:var(--accent)}.result-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent);border-radius:5px}.result-tabs small{font-size:.8em;font-weight:450;color:var(--muted)}.reading-panel{padding:25px;min-height:295px;flex:1;overflow-wrap:anywhere;max-height:470px;overflow:auto}.reading-panel.is-empty{display:flex;align-items:center;justify-content:center}.result-empty{text-align:center;max-width:260px;padding:20px 0}.result-symbol{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--bg);color:#78999e;margin-bottom:22px}.result-empty h3{font-size:1.04em;line-height:1.5;font-weight:600}.result-empty p{font-size:.95em;color:var(--muted);line-height:1.65;margin-top:9px}.recognized-text{font-size:var(--result-size);line-height:1.7;white-space:pre-wrap}.spoken-word{background:#ffdd80;color:#152f30;border-radius:3px}.playback{display:flex;padding:16px 23px 11px;gap:12px}.listen-button{flex:1;min-height:58px;font-size:1em}.repeat-button{border:1px solid var(--line);border-radius:10px;width:58px;min-width:48px;display:flex;align-items:center;justify-content:center;min-height:58px}.repeat-button:hover{background:var(--pale)}.speed-row{display:flex;align-items:center;justify-content:space-between;padding:8px 25px 25px;gap:10px}.speed-row label{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--muted)}.speed-row select{border:0;color:var(--muted);background:var(--surface);min-height:44px;font-size:.9em;max-width:50%}.result-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:15px 24px;gap:14px}.save-button{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--accent);font-weight:650;min-height:45px;font-size:.95em}.text-button{display:inline-flex;gap:5px;align-items:center;color:var(--accent);font-size:.9em;font-weight:650;min-height:44px;padding:6px}.below-reader{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 20px}.below-reader>div,.below-reader>button{display:flex;align-items:center;gap:10px;font-size:.875rem;color:var(--muted);line-height:1.5}.below-reader>div:first-child{max-width:290px}.below-reader svg{color:var(--accent);width:21px}.below-reader>button{min-height:44px;color:var(--accent);font-weight:600}.check-note{font-size:.875rem;line-height:1.6;color:var(--muted);margin-bottom:32px}footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:23px 0;color:var(--muted);font-size:.85em;flex-wrap:wrap}footer>span{font-weight:700;margin-right:auto}footer button{min-height:35px}.hidden{display:none}.message{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:15px 18px;line-height:1.6;border-radius:10px;margin-bottom:20px;background:var(--pale);font-size:.95em}.message.error{background:#fff0ea;border-color:#edc4b1;color:#8a3521}.message>span{flex:1}.message>button{min-width:40px;min-height:40px}.editor{padding:24px;flex:1}.editor label{display:block;font-size:.95em;font-weight:650;margin-bottom:10px}.editor textarea{width:100%;min-height:230px;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface);color:var(--ink);font-size:1.1em;line-height:1.6;resize:vertical;margin-bottom:12px}.saved-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:38px}.saved-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:75px 24px;gap:20px}.saved-empty>svg{color:var(--accent)}.saved-empty h2{font-size:1.3em}.saved-empty p{max-width:400px;color:var(--muted);line-height:1.6}.saved-list{padding:5px 25px}.saved-item{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:16px;padding:25px 0;align-items:start}.saved-item+.saved-item{border-top:1px solid var(--line)}.saved-item-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--pale)}.saved-meta{font-size:.875rem;line-height:1.5;color:var(--muted);margin-bottom:10px}.saved-item p{font-size:1.05em;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:125px;overflow:auto}.saved-item .text-button{margin:10px 15px 0 0}.modal-backdrop{position:fixed;inset:0;background:#09262c99;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;width:100%;max-width:560px;max-height:90dvh;overflow:auto;box-shadow:0 25px 80px #061b2f33}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.modal-head h2{font-size:1.3em;font-weight:700;line-height:1.4}.modal>p{line-height:1.7;color:var(--muted);margin:18px 0;font-size:1em}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;flex-wrap:wrap}.dialog-icon{display:grid;place-items:center;background:var(--pale);color:var(--accent);width:64px;height:64px;border-radius:15px;margin:10px 0 22px}.full{width:100%}.dialog-note{font-size:.9em!important;background:var(--bg);padding:16px;border-radius:10px}.terms-link{color:var(--accent);font-size:.95em;display:inline-block;min-height:44px}.help-steps{list-style:none;padding:0;margin:0 0 22px}.help-steps li{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.help-steps li>span{display:grid;place-items:center;min-width:35px;height:35px;border-radius:50%;background:var(--pale);color:var(--accent);font-weight:700}.help-steps p{line-height:1.65;font-size:1em}.setting-field{display:flex;flex-direction:column;gap:12px;font-weight:600;margin-bottom:25px}.setting-field select{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface);color:var(--ink)}fieldset{border:0;padding:0;margin:0 0 24px}legend{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px}.size-buttons{display:flex;gap:8px}.size-buttons button{flex:1;min-height:52px;border:1px solid var(--line);border-radius:8px;font-size:.9em;padding:10px}.size-buttons button.selected{border-color:var(--accent);background:var(--pale);color:var(--accent);font-weight:700}.settings-body>.full{margin-top:24px}.consent-setting{border-top:1px solid var(--line);padding:18px 0;font-size:.9em;line-height:1.7}.danger{background:#a73329;color:#fff}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#113e3a;color:#fff;z-index:50;box-shadow:0 8px 25px #16393630;padding:16px 22px;display:flex;gap:10px;align-items:center;border-radius:11px;max-width:90vw;font-size:.95em}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;background:#fff;padding:15px}.skip-link:focus{top:10px}.high-contrast{--ink:#fff;--muted:#e0e8e7;--accent:#7aead7;--accent-dark:#a4f8ea;--pale:#102d2b;--line:#6f8b89;--surface:#061716;--bg:#000}.high-contrast .primary,.high-contrast .brand-mark{color:#001b16}.high-contrast .camera-stage{background:#000;border:1px solid #fff}.high-contrast .camera-primary{background:#7aead7;color:#001b16}.high-contrast .message.error{background:#3d1306;color:#fff;border-color:#efa082}.high-contrast .switch>span{background:#000}.high-contrast select option{background:#061716}.easy .camera-tools>.button:nth-child(2),.easy .speed-row,.easy .language-note,.easy .eyebrow{display:none}.easy .button{min-height:64px;font-size:1.1em}.easy .camera-empty .camera-primary{font-size:1em}.easy .check-note{margin-top:20px}@media(max-width:1200px){.sidebar{width:212px;padding-inline:15px}.workspace{margin-left:212px}main{padding:30px 26px 0}.topbar{padding:16px 26px}.language-note{display:none}.reader-grid{gap:18px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.camera-stage{min-height:330px;aspect-ratio:auto}.camera-empty{padding:25px 15px}.card-head{padding:20px 18px}.below-reader{gap:15px}.below-reader>div:first-child{max-width:235px}.result-tabs{gap:18px}.result-tabs small{display:none}}@media(max-width:900px){.sidebar{width:82px;padding:24px 12px}.brand{padding:0 5px}.brand>span:last-child,.side-label,.nav-button>span,.install-card span,.side-privacy{display:none}.sidebar nav{margin-top:34px}.nav-button{padding:15px;justify-content:center}.install-card{justify-content:center;padding:15px}.workspace{margin-left:82px}.breadcrumb{display:none}.topbar{min-height:70px;justify-content:flex-end}.reader-grid{grid-template-columns:1fr}.camera-stage{aspect-ratio:1.6;min-height:300px}.camera-empty{max-width:440px}.camera-symbol{width:65px;height:65px;margin-bottom:13px}.camera-symbol svg{width:42px}.camera-empty p{margin-bottom:16px;max-width:340px}.reading-panel{min-height:240px}.below-reader>div:first-child{display:none}.result-tabs small{display:block}.language-bar{gap:17px}.language-input{min-width:0;flex:1}.camera-options{display:flex;gap:25px}.camera-options .switch-row{flex:1;min-width:0}.camera-options .switch-row+.switch-row{border-top:0}.camera-options .switch-icon{display:none}}@media(max-width:600px){.sidebar{position:relative;width:100%;height:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.brand{padding:0;font-size:1.5em;gap:9px}.brand>span:last-child{display:block}.brand-mark{width:37px;height:37px;border-radius:11px}.sidebar nav{flex-direction:row;margin:0;gap:4px}.nav-button{padding:10px;min-width:44px;min-height:44px}.side-bottom{display:none}.workspace{margin-left:0}.topbar{min-height:54px;padding:5px 20px;justify-content:space-between}.breadcrumb{display:flex;font-size:.875rem}.breadcrumb>span:first-child,.breadcrumb-divider{display:none}.top-actions{gap:6px}.connection{display:none}.help-button{padding:0 7px;border-left:0}.help-button span{display:none}main{padding:24px 18px 0}.page-heading{align-items:flex-start;margin-bottom:22px}h1{font-size:1.65em;letter-spacing:-.5px;line-height:1.25}.page-heading p{font-size:.95em;line-height:1.65;margin-top:9px}.access-button{padding:10px;min-width:48px;min-height:48px}.access-button svg{display:none}.language-bar{padding:14px 12px;gap:10px;margin-bottom:18px}.language-input{gap:8px}.language-input>svg:first-child{display:none}.language-input label>span{font-size:.875rem;line-height:1.4;min-height:2.8em}.language-input select{font-size:.95em;min-height:34px}.language-divider{height:52px}.reader-grid{gap:18px}.card-head{padding:18px 17px;min-height:66px}.card-head h2{font-size:.96em}.badge{max-width:125px}.camera-stage{margin:0 12px;min-height:340px;aspect-ratio:1.05}.camera-empty{padding:28px 14px}.camera-symbol{width:75px;height:75px;margin-bottom:18px}.camera-empty p{max-width:260px;margin-bottom:23px}.camera-empty h3{font-size:1.1em}.camera-primary{min-height:56px}.scan-status{padding:15px 17px}.camera-tools{padding:0 13px 16px;gap:8px}.camera-tools>.button{min-height:54px;padding:10px}.camera-tools>.button svg{width:19px}.camera-options{display:block;padding:0 19px}.camera-options .switch-row+.switch-row{border-top:1px solid var(--line)}.camera-options .switch-icon{display:grid}.reading-panel{min-height:235px;padding:24px 20px}.result-tabs{margin:0 19px;gap:28px}.playback{padding:15px 18px 9px}.speed-row{padding:8px 19px 15px}.result-bottom{padding:12px 18px}.below-reader{padding:17px 0 9px;gap:10px;flex-wrap:wrap}.check-note{margin-bottom:22px;margin-top:7px}.modal-backdrop{padding:13px}.modal{border-radius:17px;padding:22px 19px;max-height:92dvh}.modal-head h2{font-size:1.2em}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.size-buttons{gap:5px}.size-buttons button{padding:10px 5px}.saved-list{padding:0 16px}.saved-item{grid-template-columns:38px minmax(0,1fr) 40px;gap:10px}.saved-item-icon{width:36px;height:40px}.saved-item p{font-size:1em}.saved-empty{padding:48px 20px}.toast{bottom:18px;width:calc(100% - 36px)}footer{gap:15px;padding:19px 0}.text-2 .camera-tools{flex-direction:column}.text-2 .card-head{flex-wrap:wrap}.text-2 .result-tabs{gap:18px;flex-wrap:wrap}.text-2 .result-tabs small{display:none}.text-2 .page-heading h1{font-size:1.4em}.text-2 .camera-stage{min-height:440px;aspect-ratio:auto}.text-2 .language-input select{font-size:.85em}.text-2 .switch-row{gap:9px}.text-2 .switch-icon{display:none}.text-2 .brand{font-size:1.2em}.text-2 .modal-head h2{font-size:1.1em}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spin{animation-duration:3s}}.camera-stage video{object-fit:cover}.cloud-row{padding:0 20px 16px}.cloud-row .button{width:100%}