:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f7f2;--foreground:#172033;--muted:#66756f;--panel:#fffdf7;--panel-soft:#e7f4ef;--border:#cfd8d1;--accent:#0f766e;--accent-dark:#115e59;--orp:var(--accent);--orp-dark:var(--accent-dark);--blue:#2563eb;--warning:#b54708;--danger:#b42318;--success:#027a48;--shadow:0 14px 32px #1118270f;--radius:12px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1220;--foreground:#f8fafc;--muted:#9fb3ad;--panel:#101827;--panel-soft:#12302d;--border:#2a3d49;--accent:#14b8a6;--accent-dark:#5eead4;--orp:var(--accent);--orp-dark:var(--accent-dark);--blue:#60a5fa;--warning:#fbbf24;--danger:#f87171;--success:#34d399;--shadow:0 18px 40px #00000059}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--panel-soft) 42%, transparent), transparent 34%), linear-gradient(180deg, var(--background), color-mix(in srgb, var(--background) 90%, var(--panel-soft)));color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.5}button,.button{background:var(--accent);color:#fff;cursor:pointer;min-height:40px;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}button:hover,.button:hover{background:var(--accent-dark)}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--orp) 65%, transparent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}.secondary{background:#344054}.ghost{color:var(--accent-dark);border:1px solid var(--border);background:0 0}.danger-button{background:var(--danger)}input,select,textarea{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--foreground);font:inherit;border-radius:10px;padding:10px 12px}textarea{resize:vertical;min-height:160px}label{color:#344054;gap:6px;font-size:14px;font-weight:700;display:grid}[data-theme=dark] label{color:var(--muted)}.page{min-height:100vh;padding:28px}.shell{max-width:1180px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-family:Trebuchet MS,Arial,sans-serif;font-weight:900;text-decoration:none;display:flex}.brand-mark{width:38px;height:38px;image-rendering:pixelated}.eyebrow{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:44px;margin-bottom:28px;padding:14px 0 22px;display:grid}.hero-title{letter-spacing:-.075em;margin:0 0 16px;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(38px,6vw,72px);font-weight:900;line-height:.98}.hero-accent{color:var(--accent);text-shadow:0 10px 34px color-mix(in srgb, var(--accent) 18%, transparent)}.hero-sub{max-width:62ch;font-size:18px}.hero-actions,.button-row{flex-wrap:wrap;gap:10px;display:flex}.hero-card,.panel,.book-card,.reader-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:14px}.sample-reader{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 38%, transparent) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(180deg, var(--panel) 0%, color-mix(in srgb, var(--panel-soft) 52%, var(--panel)) 100%);border-radius:10px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.sample-reader:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);pointer-events:none;border-radius:12px;position:absolute;inset:18px}.sample-frame{width:min(82%,360px)}.sample-label-row,.sample-meta{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;display:flex}.sample-word{letter-spacing:-.03em;text-align:center;place-items:center;width:100%;min-height:112px;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(34px,5.5vw,64px);font-weight:900;line-height:1;animation:.22s word-pop;display:grid;overflow:hidden}.orp{color:var(--orp)}.sample-orp{text-shadow:0 0 18px color-mix(in srgb, var(--orp) 50%, transparent)}.sample-progress{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 75%, var(--border));border-radius:999px;height:9px;margin:8px 0 16px;overflow:hidden}.sample-progress div{background:var(--accent);height:100%;transition:width .24s}.grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.panel{gap:16px;padding:22px;display:grid}.panel h2{margin-bottom:0;font-size:20px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:color-mix(in srgb, var(--panel-soft) 45%, var(--panel));padding:22px}.dropzone.dragging{border-color:var(--accent);background:var(--panel-soft)}.file-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.file-chips span{border:1px solid var(--border);color:var(--accent-dark);border-radius:999px;padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800}.warning{color:var(--warning);font-weight:700}.error{color:var(--danger);font-weight:700}.success{color:var(--success);font-weight:700}.muted{color:var(--muted)}.small{font-size:13px}.library-tools{align-items:center;gap:10px;display:flex}.book-list{scrollbar-color:var(--accent) transparent;gap:12px;max-height:640px;padding-right:4px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.book-card{gap:12px;padding:16px;display:grid}.book-card header{justify-content:space-between;gap:12px;display:flex}.book-card h3{margin-bottom:4px}.start-picker{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-soft) 42%, var(--panel));border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr);gap:10px;padding:12px;display:grid}.start-picker p{grid-column:1/-1;margin:0}.progress-track{background:#eaecf0;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .15s}.inline-edit{gap:8px;display:flex}.reader-page{background:var(--background);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.reader-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.reader-bottom{border-top:1px solid var(--border);border-bottom:0;flex-wrap:wrap}.reader-main{place-items:center;padding:28px;display:grid}.reader-word-wrap{text-align:center;place-items:center;width:min(100%,900px);min-height:42vh;display:grid}.reader-word{letter-spacing:.03em;font-weight:800;line-height:1.1}.reader-word.small-font{font-size:clamp(44px,8vw,92px)}.reader-word.medium-font{font-size:clamp(58px,10vw,124px)}.reader-word.large-font{font-size:clamp(72px,12vw,152px)}.reader-word.xl-font{font-size:clamp(86px,14vw,184px)}.two-words{flex-wrap:wrap;justify-content:center;gap:clamp(24px,6vw,90px);display:flex}.two-words .left{color:var(--danger)}.two-words .right{color:var(--success)}.control-cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slider{min-width:180px}.reader-stat{color:var(--foreground);font-weight:800}.theme-button{border:1px solid var(--border);background:var(--panel);width:42px;min-height:40px;color:var(--accent-dark);padding:0}.theme-button:hover{background:var(--panel-soft)}.theme-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.settings-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;width:100%;display:grid}.lookup-card,.figure-card{z-index:5;width:min(420px,100vw - 36px);padding:18px;position:fixed;bottom:86px;right:18px}.figure-card{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));max-height:calc(100vh - 120px);overflow-y:auto}.figure-card h3{margin-bottom:8px}.figure-image{border:1px solid var(--border);object-fit:contain;background:var(--panel-soft);border-radius:10px;width:100%;max-height:45vh;margin-bottom:12px;display:block}.figure-fullscreen{z-index:20;background:#030712e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.figure-fullscreen-panel{border-radius:var(--radius);background:var(--panel);border:1px solid #ffffff2e;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);gap:18px;width:min(1280px,100%);max-height:calc(100vh - 48px);padding:18px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #00000073}.figure-fullscreen-image{object-fit:contain;background:color-mix(in srgb, var(--panel-soft) 70%, #000);border-radius:10px;width:100%;max-height:calc(100vh - 96px)}.figure-fullscreen-copy{align-self:center}.figure-fullscreen-close{background:color-mix(in srgb, var(--panel) 88%, transparent);width:auto;position:absolute;top:12px;right:12px}@keyframes word-pop{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.page{padding:18px}.topbar,.hero,.grid{grid-template-columns:1fr}.hero{display:grid}.library-tools,.topbar{flex-direction:column;align-items:stretch}.start-picker{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.reader-bar,.control-cluster,.button-row{flex-direction:column;align-items:stretch}.control-cluster button,.button-row button,.button-row .button{width:100%}.figure-fullscreen{padding:12px}.figure-fullscreen-panel{grid-template-columns:1fr;max-height:calc(100vh - 24px);padding-top:62px}.figure-fullscreen-image{max-height:62vh}.settings-grid{grid-template-columns:1fr}.slider{min-width:100%}}