.annotation-dialog{color:#202127;background:#fcfcfa;border:1px solid #e0e4ee;border-radius:18px;width:min(960px,95vw);max-height:94vh;padding:27px}.annotation-dialog::backdrop{background:#17203bd1}.annotation-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.annotation-header h2{letter-spacing:-.8px;margin:8px 0 0;font-size:26px}.annotation-toolbar{background:#fff;border:1px solid #e0e4ee;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;padding:13px;display:flex}.tool{color:#454b59;background:#fff;border:1px solid #e3e6ef;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 13px;font-size:13px;display:inline-flex}.tool.selected-tool{color:#273cbb;background:#eef1ff;border-color:#304cfd}.tool-swatch{border-radius:3px;width:14px;height:14px}.blue-swatch{background:#dfe5ff;border:2px solid #304cfd}.black-swatch{background:#000}.annotation-count{color:#686974;margin-left:auto;font-size:11px}.annotation-instructions{color:#606575;font-size:13px;line-height:1.8}.annotation-stage{background:#e9edf4;border:1px solid #e0e4ee;border-radius:12px;padding:18px}.annotation-canvas{touch-action:none;cursor:crosshair;background:#fff;width:100%;height:auto;display:block}.redact-cursor{cursor:crosshair}.precise-region{background:#fff;border:1px solid #e0e4ee;border-radius:10px;margin-top:18px;padding:15px}.precise-region summary{cursor:pointer;color:#3d4555;min-height:30px;font-size:13px;font-weight:650}.precise-region p{color:#686974;font-size:12px;line-height:1.7}.region-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0;display:grid}.region-fields label{color:#555e70;font-size:12px}.region-fields input{color:#202127;background:#fff;border:1px solid #d8deeb;border-radius:7px;width:100%;min-height:44px;margin-top:7px;padding:10px;font-size:16px;display:block}.annotation-warning{color:#71452e;background:#fff1e8;border-left:3px solid #ff7549;margin-top:18px;padding:15px;font-size:12px;line-height:1.8}.annotation-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.annotation-footer p{color:#686974;font-size:12px}@media (width<=600px){.annotation-dialog{padding:17px}.annotation-header h2{font-size:21px}.annotation-header .button{padding:10px 13px}.annotation-toolbar{padding:9px}.annotation-count{width:100%;margin:3px 0 0}.annotation-stage{padding:8px}.region-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.screenshot-field{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.screenshot-field-title{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.screenshot-field-title strong{font-size:13px}.screenshot-field-title>span{color:var(--muted);font-size:11px}.screenshot-actions{flex-wrap:wrap;gap:12px;margin:15px 0 10px;display:flex}.step-screenshot{margin:24px 0}.screenshot-open{width:100%;color:var(--blue);text-align:left;background:#f2f4fb;border:1px solid #e0e4ee;border-radius:14px;padding:16px;display:grid}.screenshot-open:hover{background:#edf0fb;border-color:#aebbf8}.screenshot-open img{object-fit:contain;border-radius:7px;width:auto;max-width:100%;height:auto;max-height:430px;margin:auto;display:block}.screenshot-open>span{text-align:center;margin-top:14px;font:650 12px Segoe UI,sans-serif}.screenshot-field .screenshot-open img{max-height:240px}.screenshot-dialog{color:#202127;background:#fff;border:1px solid #dce1f1;border-radius:16px;width:min(940px,94vw);max-height:92vh;padding:22px}.screenshot-dialog::backdrop{background:#111827bd}.screenshot-dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.screenshot-dialog-heading h2{overflow-wrap:anywhere;margin:0;font-size:19px}.screenshot-dialog>img{width:auto;max-width:100%;height:auto;margin:auto;display:block}.visual-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;margin-top:25px;display:grid}.visual-step .step-screenshot{margin:0}.visual-step .step-copy{min-width:0}.visual-step .step-copy h2{margin-top:18px}.instruction p{overflow-wrap:anywhere}.player .instruction{min-height:150px}@media (width<=650px){.visual-step{grid-template-columns:1fr;gap:22px}.screenshot-dialog{padding:16px}.screenshot-open img{max-height:330px}}.connection-notice{color:#435581;background:#f0f3ff;border:1px solid #dce3ff;border-radius:10px;gap:7px;margin-top:18px;padding:13px 17px;font-size:12px;line-height:1.8;display:grid}.offline-status{color:#626b80;background:#f0f2f7;border-radius:9px;align-items:center;gap:10px;margin:20px 0;padding:14px 16px;font-size:12px;line-height:1.8;display:flex}.offline-status.ready{color:#365322;background:#edf5e4}.offline-status>span{font-size:19px}.pwa-actions{flex-wrap:wrap;gap:12px;display:flex}.pwa-update-note{color:#74432b;background:#fff3ec;border-left:3px solid #ff7549;padding:14px;font-size:12px;line-height:1.8}.pwa-message{color:var(--muted);font-size:12px;line-height:1.8}:root[data-theme=dark] .connection-notice{color:#c2d0ed;background:#202c45;border-color:#394c70}:root[data-theme=dark] .offline-status{color:#bdc9df;background:#263149}:root[data-theme=dark] .offline-status.ready{color:#d0eeb6;background:#283c25}:root[data-theme=dark] .pwa-update-note{color:#ffd1b0;background:#3d2d24}.settings-page{max-width:840px;margin:auto;padding-top:48px}.settings-page>h1{letter-spacing:-1.8px;margin:15px 0;font-size:clamp(34px,4vw,46px)}.settings-intro{color:var(--muted);margin:0 0 32px;font-size:15px;line-height:1.8}.settings-section{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:24px;padding:25px}.settings-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.settings-section h2{letter-spacing:-.6px;margin:0;font-size:20px}.settings-section-heading>span{color:var(--muted);font-size:11px}.theme-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.theme-choice{color:inherit;text-align:left;background:0 0;border:1px solid #dde1ed;border-radius:12px;padding:8px}.theme-choice.chosen{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.theme-preview{background:#f1f2f8;border-radius:7px;height:110px;padding:13px;display:block}.theme-preview-bar{background:#c5cce1;border-radius:3px;width:55%;height:7px;display:block}.theme-preview-cards{gap:6px;margin-top:16px;display:flex}.theme-preview-cards i{background:#ffbf9b;border-radius:4px;flex:1;height:43px;display:block}.theme-preview-cards i:nth-child(2){background:#cebcfa}.theme-preview-cards i:nth-child(3){background:#c6dd9f}.theme-preview.dark{background:#192131}.theme-preview.dark .theme-preview-bar{background:#697b9d}.theme-preview.dark i:first-child{background:#84593f}.theme-preview.dark i:nth-child(2){background:#655381}.theme-preview.dark i:nth-child(3){background:#536744}.theme-preview.system{background:linear-gradient(90deg,#f1f2f8 50%,#192131 50%)}.theme-choice-label{justify-content:space-between;gap:5px;padding:12px 4px 5px;font-size:12px;font-weight:600;display:flex}.theme-choice-label>span{color:var(--blue)}.settings-toggle{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;padding-top:22px;display:flex}.settings-toggle strong{font-size:13px;display:block}.settings-toggle small{max-width:530px;color:var(--muted);margin-top:7px;font-size:12px;line-height:1.8;display:block}.settings-toggle input{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0}.reading-choices{flex-wrap:wrap;gap:10px;display:flex}.reading-preview{background:#f3f5fb;border-radius:10px;margin-top:22px;padding:20px}.reading-preview>span{color:#667490;letter-spacing:.1em;font-size:10px}.reading-preview p{color:#39455e;margin:12px 0 0;font-size:18px;line-height:1.8}.settings-help{color:var(--muted);font-size:12px;line-height:1.8}.settings-preference-status{color:var(--muted);margin-bottom:20px;font-size:12px;line-height:1.8}.settings-preference-status:empty{display:none}.settings-page .backup-panel{width:100%;max-width:none;margin:0 0 24px}.settings-data{grid-template-columns:1fr 1fr;gap:25px;display:grid}.settings-data h2{font-size:18px}.settings-data p{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.9}.settings-data>p{margin:0}:root[data-reading-size=large] .instruction p,:root[data-reading-size=large] .reading-preview p{font-size:23px;line-height:1.9}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=600px){.settings-page{padding-top:32px}.settings-section{padding:20px}.theme-choices{gap:8px}.theme-preview{height:85px;padding:9px}.theme-preview-cards{gap:4px}.theme-preview-cards i{height:28px}.theme-choice{padding:5px}.theme-choice-label{font-size:10px;line-height:1.6}.settings-data{grid-template-columns:1fr;gap:4px}.header nav{gap:22px}}.continue-section{margin:4px 0 33px}.continue-list{gap:11px;display:grid}.continue-card{background:#f1f4ff;border:1px solid #dce3ff;border-radius:13px;align-items:center;gap:18px;padding:19px 21px;display:flex}.continue-icon{color:#304cfd;background:#e0e6ff;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;font-size:24px;display:grid}.continue-copy{flex:1;min-width:0}.continue-copy>span{color:#626d8b;font-size:11px}.continue-copy h3{letter-spacing:-.4px;overflow-wrap:anywhere;margin:7px 0 10px;font-size:18px}.continue-track{background:#dce3ff;border-radius:8px;max-width:300px;height:4px;overflow:hidden}.continue-track>span{border-radius:inherit;background:#304cfd;height:100%;display:block}.saved-guide-status{min-height:24px;color:var(--card-ink);align-self:flex-start;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:650;display:inline-flex}.saved-guide-status+h3{margin-top:5px}.playback-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.playback-tools .back{margin-bottom:0}.restart-guide{color:#666e83;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px}.restart-guide:hover{color:#304cfd}.learning-save-status{color:#617057;min-height:20px;margin:15px 0 0;font-size:11px;line-height:1.7}.learning-warning{color:#74432b;background:#fff3ec;border-left:3px solid #ff7549;border-radius:6px;margin-top:20px;padding:15px 18px;font-size:12px;line-height:1.8}.library-learning-summary{flex-wrap:wrap;gap:10px;margin:-17px 0 30px;display:flex}.library-learning-summary span{color:#526184;background:#f1f4ff;border:1px solid #e0e4f1;border-radius:7px;padding:8px 12px;font-size:11px}@media (width<=600px){.continue-card{flex-wrap:wrap;gap:13px;padding:17px}.continue-card .button{width:100%}.continue-copy h3{font-size:17px}}.speech-panel{background:#f5f7ff;border:1px solid #dfe5f4;border-radius:12px;margin-top:25px;padding:17px 19px 12px}.speech-main{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.listen-button{color:#263fac;background:#e8edff;border:1px solid #cad5ff;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 15px;font-size:13px;font-weight:650;display:inline-flex}.listen-button:hover:not(:disabled){background:#dfe6ff}.listen-button.listening{color:#fff;background:#304cfd;border-color:#304cfd}.speech-stop-icon{background:currentColor;border-radius:2px;width:13px;height:13px}.speech-caption{color:#68718b;font-size:11px}.speech-options{margin-top:12px}.speech-options summary{cursor:pointer;color:#505e7f;min-height:36px;padding:7px 0;font-size:12px}.speech-settings{grid-template-columns:minmax(0,1fr) 160px;gap:14px;margin-top:12px;display:grid}.speech-settings label{color:#59627a;font-size:11px}.speech-settings select{color:#30394c;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #d4dced;border-radius:7px;margin-top:7px;padding:10px;font-size:14px;display:block}.speech-options p,.speech-voice-note p{color:#63708a;margin:13px 0 7px;font-size:11px;line-height:1.8}.speech-status{color:#505d7c;margin:8px 0 0;font-size:12px;line-height:1.7}.speech-status:empty{display:none}.speech-refresh{color:#304cfd;background:0 0;border:0;min-height:40px;padding:7px 0;font-size:12px;font-weight:650}.speech-unavailable{color:#59627a;background:#f0f2f7;border-radius:9px;margin-top:22px;padding:15px;font-size:12px;line-height:1.8}@media (width<=600px){.speech-settings{grid-template-columns:1fr}.speech-settings select{font-size:16px}.speech-panel{padding:15px}}:root{color:#202127;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--blue:#304cfd;--muted:#686974;--line:#e6e6e9;background:#fcfcfa;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button:disabled{opacity:.35;cursor:not-allowed}.app{max-width:1160px;margin:auto;padding:0 44px}.skip{z-index:10;background:var(--blue);color:#fff;padding:14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.header{border-bottom:1px solid var(--line);align-items:center;gap:45px;min-height:92px;display:flex}.brand{color:#202127;letter-spacing:-1.2px;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:25px;font-weight:800;display:flex}.brand-symbol{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:31px;height:33px;font-size:26px;display:grid}.brand-period{color:var(--blue);margin-left:-8px}.header nav{align-self:stretch;gap:26px;display:flex}.nav{min-height:48px;color:var(--muted);background:0 0;border:0;padding:0 3px;font-size:13px;font-weight:650;position:relative}.nav:hover,.nav.active{color:var(--blue)}.nav.active:after{content:"";background:var(--blue);height:3px;position:absolute;bottom:-1px;left:0;right:0}.preview{color:var(--muted);letter-spacing:.1em;margin-left:auto;font-size:9px}.welcome{justify-content:space-between;align-items:center;gap:30px;padding:53px 0 35px;display:flex}.eyebrow{color:#666873;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.welcome h1{letter-spacing:-2.4px;margin:17px 0;font-size:clamp(36px,4.6vw,54px);font-weight:750;line-height:1.08}.welcome p,.intro{color:var(--muted);font-size:15px;line-height:1.8}.welcome-note{border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:14px;min-width:210px;padding:22px;display:flex}.note-arrow{color:#392016;background:#ff7549;border-radius:50%;place-items:center;width:38px;height:38px;font-size:25px;display:grid}.welcome-note strong{letter-spacing:-.6px;font-size:21px;line-height:1.2}.welcome-note>span:last-child{color:var(--muted);font-size:11px}.search-wrap{color:#777b8a;background:#fff;border:1px solid #d9dbe2;border-radius:12px;align-items:center;gap:13px;min-height:62px;padding:0 19px;display:flex}.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #304cfd12}.search-wrap input{color:#202127;background:0 0;border:0;flex:1;width:0;min-width:0;min-height:52px;font-size:15px}.search-wrap input:focus-visible{outline-offset:0}.search-wrap input::placeholder{color:#777b8a}.search-count{color:var(--muted);font-size:11px}.filters{flex-wrap:wrap;gap:8px;padding:19px 0 35px;display:flex}.filter{border:1px solid var(--line);color:#565964;background:0 0;border-radius:8px;min-height:40px;padding:8px 18px;font-size:12px;font-weight:600}.filter:hover{background:#f0f1f6}.filter.selected{border-color:var(--blue);background:var(--blue);color:#fff}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.section-heading h2{letter-spacing:-.6px;margin:0;font-size:20px}.section-heading>span{color:var(--muted);font-size:11px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{border:1px solid #0000;border-radius:14px;flex-direction:column;min-width:0;padding:23px;transition:transform .18s,border-color .18s;display:flex}.orange{--card-ink:#74330f;--icon-bg:#ffd5bb;background:#fff0e7}.purple{--card-ink:#50329b;--icon-bg:#ded6ff;background:#f0edff}.green{--card-ink:#39571c;--icon-bg:#d4e5b5;background:#ebf3dd}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-icon{background:var(--icon-bg);width:52px;height:52px;color:var(--card-ink);border-radius:12px;place-items:center;display:grid}.card-icon svg{width:29px;height:29px}.text-icon{letter-spacing:-2px;font-size:24px;font-weight:650}.card-category{color:var(--card-ink);font-size:11px}.guide-card h3{letter-spacing:-.85px;max-width:220px;margin:27px 0 11px;font-size:25px;line-height:1.14}.guide-card>p{color:#555962;margin:0 0 28px;font-size:13px;line-height:1.8}.card-bottom{border-top:1px solid #20212715;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:15px;display:flex}.card-bottom>span{color:#5e626a;font-size:10px}.open-guide{min-height:44px;color:var(--card-ink);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:13px;padding:8px 11px;font-size:13px;font-weight:750;display:inline-flex}.open-guide:hover{background:#ffffffa8}.open-guide>span{font-size:20px}.bottom-note{border-top:1px solid var(--line);align-items:center;gap:17px;margin-top:35px;padding:23px 0;display:flex}.bottom-note-mark{color:var(--blue);font-size:32px;font-weight:300}.bottom-note strong{font-size:13px;font-weight:650}.bottom-note p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.next-label{color:var(--muted);letter-spacing:.1em;white-space:nowrap;margin-left:auto;font-size:9px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:46px;padding:24px 0;font-size:10px;display:flex}footer strong{color:#202127;letter-spacing:-.7px;font-size:17px}footer>span:last-child{margin-left:auto}.library{min-height:65vh;padding-top:50px}.library h1,.player>h1{letter-spacing:-1.7px;margin:17px 0;font-size:clamp(32px,4vw,44px);line-height:1.15}.intro{max-width:570px;margin-bottom:40px}.player{max-width:700px;margin:auto;padding-top:20px}.back{min-height:48px;color:var(--blue);background:0 0;border:0;margin-bottom:28px;padding:10px 0;font-size:13px}.progress-label{color:var(--muted);justify-content:space-between;gap:12px;margin-top:32px;font-size:12px;display:flex}progress{width:100%;height:5px;accent-color:var(--blue);background:#e8eaff;border:0;border-radius:9px;margin:13px 0 35px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#e8eaff}progress::-webkit-progress-value{background:var(--blue);transition:width .18s}progress::-moz-progress-bar{background:var(--blue)}.instruction{min-height:250px}.step-number{width:44px;height:44px;color:var(--blue);background:#edf0ff;border-radius:9px;place-items:center;font-weight:750;display:grid}.instruction h2{letter-spacing:-1px;margin:23px 0 15px;font-size:30px;line-height:1.2}.instruction p{color:#50545e;max-width:600px;margin:0;font-size:18px;line-height:1.85}.player-note{color:#74432b;background:#fff3ec;border-left:3px solid #ff7549;margin-top:25px;padding:16px 20px;font-size:12px;line-height:1.8}.controls,.completion-buttons{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:28px;display:flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:13px 20px;font-size:13px;font-weight:650;display:inline-flex}.blue{background:var(--blue);color:#fff}.blue:hover{background:#203bd5}.plain{color:#444854;background:#fff;border-color:#dcdde4}.plain:hover:not(:disabled){background:#f1f2f7}.completion{padding:35px 0}.done{color:#39571c;background:#ebf3dd;border-radius:15px;place-items:center;width:64px;height:64px;font-size:30px;display:grid}.completion h2{letter-spacing:-1px;margin:25px 0 12px;font-size:30px}.completion p,.empty p{color:var(--muted);line-height:1.8}.completion-buttons{justify-content:flex-start}.empty{text-align:center;border:1px dashed #d4d7e2;border-radius:12px;padding:40px 20px}.empty h3{margin-top:0}.page{animation:.18s both appear}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.guide-card:hover{border-color:#20212725;transform:translateY(-3px)}}@media (width<=900px){.app{padding:0 28px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-note{min-width:170px}}@media (width<=600px){.app{padding:0 20px}.header{justify-content:space-between;gap:20px;min-height:78px}.header nav{gap:20px}.preview,.welcome-note,.search-count{display:none}.welcome{padding:37px 0 24px}.welcome h1{letter-spacing:-1.8px;font-size:39px}.welcome p{font-size:14px}.search-wrap{gap:9px;min-height:56px;padding:0 13px}.search-wrap input{font-size:16px}.filters{gap:7px;padding:16px 0 28px}.filter{padding:8px 14px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{padding:23px}.guide-card h3{max-width:none;margin-top:23px}.guide-card>p{margin-bottom:20px}.next-label{display:none}footer>span:last-child{width:100%;margin-left:0}.library{padding-top:35px}.controls .button{flex:1;gap:10px;padding:13px}.instruction h2{font-size:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.create-button{background:var(--blue);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-left:auto;padding:10px 17px;font-size:12px;font-weight:650;display:inline-flex}.create-button:hover{background:#203bd5}.create-button>span{font-size:20px;font-weight:400}.editor{max-width:760px;margin:auto;padding-top:20px}.editor-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.editor-heading h1{letter-spacing:-1.7px;margin:13px 0 10px;font-size:clamp(32px,4vw,43px);line-height:1.15}.editor-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.editor-badge{color:#3045b4;background:#edf0ff;border-radius:6px;flex-shrink:0;margin-top:5px;padding:7px 10px;font-size:10px}.editor-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:26px}.field{flex-direction:column;gap:9px;margin-bottom:22px;display:flex}.field:last-child{margin-bottom:0}.field label{color:#333743;font-size:13px;font-weight:650}.field input,.field textarea,.field select{color:#202127;width:100%;min-height:47px;font:inherit;background:#fff;border:1px solid #dadde5;border-radius:8px;padding:12px 13px;font-size:16px;line-height:1.6}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:#858995}.field-help{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.steps-heading{justify-content:space-between;align-items:center;gap:15px;margin:35px 0 17px;display:flex}.steps-heading h2{letter-spacing:-.7px;margin:0;font-size:21px}.steps-heading>span{color:var(--muted);font-size:12px}.edit-step{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:16px;padding:24px;animation:.18s both appear}.edit-step-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.edit-step-number{color:#343947;align-items:center;gap:10px;font-size:13px;font-weight:650;display:inline-flex}.edit-step-number>span{width:30px;height:30px;color:var(--blue);background:#edf0ff;border-radius:7px;place-items:center;font-size:12px;display:grid}.remove-step{color:#a13930;background:0 0;border:0;border-radius:7px;min-height:40px;padding:8px 10px;font-size:12px}.remove-step:hover:not(:disabled){background:#fff0ed}.add-step{width:100%;min-height:54px;color:var(--blue);background:#f4f6ff;border:1px dashed #aebbf8;border-radius:11px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.add-step:hover:not(:disabled){background:#ebefff}.add-step>span{font-size:23px;font-weight:400}.editor-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:27px;padding-top:23px;display:flex}.editor-actions p{max-width:370px;color:var(--muted);margin:0;font-size:11px;line-height:1.8}.editor-actions .button{min-width:150px}.save-error{color:#922f26;background:#fff2ef;border:1px solid #f1c6bf;border-radius:9px;margin-top:20px;padding:16px 18px;font-size:13px;line-height:1.8}.notice{color:#365322;background:#edf5e4;border:1px solid #c6ddaf;border-radius:10px;margin-top:23px;padding:15px 18px;font-size:13px;line-height:1.7}.storage-message{color:var(--muted);margin:23px 0;font-size:13px;line-height:1.8}.library-group{margin-top:40px}.library-empty{background:#f6f7fc;border:1px dashed #d6dbea;border-radius:14px;padding:35px 25px}.library-empty h3{letter-spacing:-.7px;margin:0 0 10px;font-size:23px}.library-empty p{max-width:440px;color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.8}@media (width<=600px){.header{flex-wrap:wrap;gap:0 16px;padding:17px 0 0}.header nav{order:3;width:100%;height:52px;margin-top:8px}.create-button{font-size:12px}.editor-panel,.edit-step{padding:20px}.editor-badge{display:none}.editor-actions .button{width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecf0fa;--ink:#ecf0fa;--blue:#9aabff;--muted:#adb7cc;--line:#303a4b;background:#111722}:root[data-theme=dark] .brand,:root[data-theme=dark] footer strong{color:#ecf0fa}:root[data-theme=dark] .brand-symbol{color:#121a30;background:#8fa2ff}:root[data-theme=dark] .button.blue,:root[data-theme=dark] .create-button,:root[data-theme=dark] .filter.selected,:root[data-theme=dark] .listen-button.listening{color:#121a30;background:#8fa2ff;border-color:#8fa2ff}:root[data-theme=dark] .button.blue:hover,:root[data-theme=dark] .create-button:hover{background:#a5b3ff}:root[data-theme=dark] .filter,:root[data-theme=dark] .nav,:root[data-theme=dark] .restart-guide{color:#b2bdd3}:root[data-theme=dark] .nav.active,:root[data-theme=dark] .back,:root[data-theme=dark] .speech-refresh{color:#a5b3ff}:root[data-theme=dark] .nav:hover,:root[data-theme=dark] .filter:hover:not(.selected){background:#232c3f}:root[data-theme=dark] .eyebrow{color:#aab8d4}:root[data-theme=dark] .search-wrap,:root[data-theme=dark] .button.plain,:root[data-theme=dark] .editor-panel,:root[data-theme=dark] .edit-step,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .screenshot-dialog,:root[data-theme=dark] .annotation-dialog,:root[data-theme=dark] .precise-region{color:#ecf0fa;background:#192231;border-color:#344055}:root[data-theme=dark] .search-wrap input{color:#ecf0fa}:root[data-theme=dark] .search-wrap input::placeholder,:root[data-theme=dark] .field input::placeholder,:root[data-theme=dark] .field textarea::placeholder{color:#a1acc3}:root[data-theme=dark] .button.plain:hover:not(:disabled){background:#263149}:root[data-theme=dark] .guide-card.orange{--card-ink:#ffbc98;--icon-bg:#593d30;background:#3b2b26}:root[data-theme=dark] .guide-card.purple{--card-ink:#d0bcff;--icon-bg:#493964;background:#2e2946}:root[data-theme=dark] .guide-card.green{--card-ink:#c5e59b;--icon-bg:#405331;background:#273423}:root[data-theme=dark] .guide-card>p,:root[data-theme=dark] .card-bottom>span{color:#c2c8d4}:root[data-theme=dark] .card-bottom{border-color:#ffffff20}:root[data-theme=dark] .open-guide:hover{background:#ffffff12}:root[data-theme=dark] .field label,:root[data-theme=dark] .edit-step-number,:root[data-theme=dark] .screenshot-field-title strong{color:#d5def0}:root[data-theme=dark] .field input,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .field select,:root[data-theme=dark] .speech-settings select,:root[data-theme=dark] .region-fields input{color:#e8eef9;background:#111a29;border-color:#3b4963}:root[data-theme=dark] .step-number,:root[data-theme=dark] .edit-step-number>span,:root[data-theme=dark] .editor-badge{color:#bcc8ff;background:#283656}:root[data-theme=dark] .instruction p{color:#c7d0e2}:root[data-theme=dark] .player-note,:root[data-theme=dark] .annotation-warning,:root[data-theme=dark] .learning-warning{color:#ffd1b0;background:#3d2d24}:root[data-theme=dark] .done,:root[data-theme=dark] .notice{color:#d0eeb6;background:#283c25;border-color:#496443}:root[data-theme=dark] .save-error{color:#ffbdb3;background:#40282e;border-color:#794650}:root[data-theme=dark] .remove-step{color:#ffb6a8}:root[data-theme=dark] .remove-step:hover:not(:disabled){background:#40282e}:root[data-theme=dark] .add-step,:root[data-theme=dark] .library-empty,:root[data-theme=dark] .continue-card,:root[data-theme=dark] .speech-panel,:root[data-theme=dark] .backup-panel{color:#d5e0f9;background:#1c2840;border-color:#394e75}:root[data-theme=dark] .continue-icon,:root[data-theme=dark] .listen-button,:root[data-theme=dark] .note-arrow,:root[data-theme=dark] .backup-symbol{color:#c0cdff;background:#2a3b62;border-color:#435889}:root[data-theme=dark] .continue-copy>span,:root[data-theme=dark] .speech-caption,:root[data-theme=dark] .speech-options summary,:root[data-theme=dark] .speech-settings label,:root[data-theme=dark] .speech-options p,:root[data-theme=dark] .speech-voice-note p,:root[data-theme=dark] .speech-status,:root[data-theme=dark] .backup-heading p,:root[data-theme=dark] .backup-preview p,:root[data-theme=dark] .backup-refresh p,:root[data-theme=dark] .backup-help{color:#b3bfd6}:root[data-theme=dark] .learning-save-status{color:#b7d7a5}:root[data-theme=dark] .library-learning-summary span{color:#bac9e6;background:#202c45;border-color:#394c70}:root[data-theme=dark] .backup-preview,:root[data-theme=dark] .reading-preview{background:#111b2d;border-color:#344766}:root[data-theme=dark] .backup-preview li{border-color:#344055}:root[data-theme=dark] .backup-preview li span,:root[data-theme=dark] .reading-preview>span{color:#b0bdd5}:root[data-theme=dark] .reading-preview p{color:#d2def5}:root[data-theme=dark] .theme-choice{border-color:#46536c}:root[data-theme=dark] .theme-choice.chosen{border-color:#9aabff}:root[data-theme=dark] .screenshot-open,:root[data-theme=dark] .annotation-stage,:root[data-theme=dark] .annotation-toolbar{color:#bdcaff;background:#1b273a;border-color:#384b69}:root[data-theme=dark] .screenshot-open:hover{background:#24344e;border-color:#6e83b2}:root[data-theme=dark] .tool{color:#d1dbee;background:#172234;border-color:#43536e}:root[data-theme=dark] .tool.selected-tool{color:#ecf0ff;background:#30416b;border-color:#9aabff}:root[data-theme=dark] .annotation-count,:root[data-theme=dark] .annotation-instructions,:root[data-theme=dark] .annotation-footer p,:root[data-theme=dark] .precise-region p,:root[data-theme=dark] .region-fields label{color:#b3bfd6}:root[data-theme=dark] .continue-track,:root[data-theme=dark] progress{background:#35405c}:root[data-theme=dark] progress::-webkit-progress-bar{background:#35405c}:root[data-theme=dark] .continue-track>span{background:#9aabff}:root[data-theme=dark] progress::-webkit-progress-value{background:#9aabff}:root[data-theme=dark] progress::-moz-progress-bar{background:#9aabff}:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] input:focus-visible,:root[data-theme=dark] select:focus-visible,:root[data-theme=dark] summary:focus-visible{outline-color:#b7c3ff}