:root{--page:#f4ead8;--page-shadow:#eadcc4;--panel:#fff7ecbf;--reader-sheen:radial-gradient(circle at top left, #ffffffa8, transparent 46%);--border:#584c3624;--ink:#243126;--muted:#6b6455;--accent:#cf6230;--accent-strong:#8f3f24;--panel-shadow:0 22px 60px #5f4a251f;--sans:"Avenir Next", "Helvetica Neue", "Trebuchet MS", sans-serif;--heading:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;font:18px/1.5 var(--sans);letter-spacing:.01em;color:var(--ink);background:radial-gradient(circle at top left, #ffffff8f, transparent 28%), radial-gradient(circle at bottom right, #cf62301f, transparent 26%), linear-gradient(180deg, var(--page), var(--page-shadow));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before,body:after{content:"";pointer-events:none;filter:blur(14px);opacity:.55;border-radius:999px;position:fixed;inset:auto}body:before{background:#ffffff80;width:180px;height:180px;top:6vh;right:10vw}body:after{background:#cf623017;width:240px;height:240px;bottom:10vh;left:6vw}#root{width:min(1240px,100%);min-height:100vh;margin:0 auto}h1,h2,strong{color:var(--ink)}h1,h2{font-family:var(--heading);letter-spacing:-.04em;font-weight:700}h1{margin:0;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.94}h2{font-size:1.5rem}p{margin:0}button,input,textarea,select{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline-offset:2px;outline:2px solid #cf623073}@media (width<=1024px){:root{font-size:16px}}.app-shell{z-index:1;flex-direction:column;gap:28px;padding:40px;display:flex;position:relative}.hero-panel,.workspace-panel{gap:24px;display:grid}.hero-panel{grid-template-columns:1.05fr 1.25fr;align-items:stretch}.workspace-panel{grid-template-columns:minmax(280px,380px) minmax(320px,1fr)}.hero-copy,.reader-panel,.control-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.hero-copy{flex-direction:column;justify-content:space-between;min-height:340px;padding:34px;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 14px;font-size:.8rem;font-weight:700}.hero-summary{max-width:30rem;color:var(--muted);font-size:1.05rem}.library-chip{background:#fffaf0b3;border:1px solid #6b5c421f;border-radius:18px;align-self:flex-start;gap:4px;padding:14px 16px;display:grid}.library-chip span,.library-chip small{color:var(--muted)}.library-chip span{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.library-chip strong{font-size:1.05rem}.reader-panel{flex-direction:column;gap:18px;min-height:340px;padding:26px;display:flex}.reader-toolbar,.transport-row,.text-actions,.control-row,.checkbox-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.reader-toolbar{flex-wrap:wrap}.reader-toolbar>div{min-width:110px}.toolbar-label,.stat-grid span,.text-meta{color:var(--muted)}.toolbar-label{text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.82rem}.reader-frame{--word-size:84px;background:linear-gradient(180deg, #fffbf2e6, #f7efe3f0), var(--reader-sheen);border-radius:24px;place-items:center;min-height:250px;padding:24px;display:grid;position:relative;overflow:hidden}.reader-guides{place-items:center;display:grid;position:absolute;inset:0}.reader-guides span{border-top:2px solid #75684e47;width:28%;position:absolute}.reader-guides span:first-child{left:6%}.reader-guides span:last-child{right:6%}.reader-word{z-index:1;font-size:var(--word-size);letter-spacing:-.05em;color:var(--ink);font-weight:700;line-height:1;position:relative}.reader-word--placeholder{color:#29332b73}.reader-word__pivot{color:var(--accent)}.reader-hint{color:#413a2db8;margin:0;font-size:.88rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.progress-strip{background:#29332b14;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-strip span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .14s linear;display:block}.primary-button,.ghost-button,textarea,select,input[type=range]{font:inherit}.primary-button,.ghost-button,.file-button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.82rem 1.1rem;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}.primary-button{color:#fffdf7;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 24px #cb5e2c3d}.ghost-button,.file-button{color:var(--ink);background:#fffaf0cc;border-color:#6b5c4229}.primary-button:hover,.ghost-button:hover,.file-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #23272414}.primary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.control-card{flex-direction:column;gap:18px;padding:24px;display:flex}.control-card--text{min-height:100%}.card-header h2,.card-header p{margin:0}.card-header{gap:6px;display:grid}.control-row{font-weight:600}.checkbox-row{justify-content:flex-start}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}select,textarea{width:100%;color:var(--ink);background:#fffcf6e0;border:1px solid #6b5c4229;border-radius:18px}select{padding:.9rem 1rem}textarea{resize:vertical;min-height:280px;padding:1rem 1.1rem;line-height:1.6}.file-input{display:none}.text-actions{flex-wrap:wrap;justify-content:flex-start}.drop-zone{text-align:center;cursor:pointer;background:#fffcf6b8;border:2px dashed #6b5c4233;border-radius:22px;gap:6px;padding:20px;transition:border-color .14s,background-color .14s,transform .14s;display:grid}.drop-zone span,.drop-zone small{color:var(--muted)}.drop-zone--active,.drop-zone:hover{background:#fff6e8f2;border-color:#cf623080;transform:translateY(-1px)}.text-meta--error{color:var(--accent-strong)}.privacy-note{color:var(--muted);font-size:.92rem}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat-grid article{background:#fffaf0c2;border:1px solid #6b5c421a;border-radius:18px;padding:14px}.stat-grid span,.stat-grid strong{display:block}.stat-grid strong{margin-top:6px;font-size:1.1rem}@media (width<=1024px){.app-shell{padding:22px}.hero-panel,.workspace-panel{grid-template-columns:1fr}.hero-copy,.reader-panel,.control-card{border-radius:24px}.reader-word{font-size:min(var(--word-size), 72px)}}@media (width<=640px){.app-shell{gap:18px;padding:16px}.hero-copy,.reader-panel,.control-card{padding:18px}.transport-row{flex-wrap:wrap}.transport-row button,.text-actions>*{text-align:center;flex:calc(50% - 8px)}.reader-frame{min-height:220px}.reader-word{font-size:min(var(--word-size), 52px)}.reader-guides span{width:22%}.stat-grid{grid-template-columns:1fr}}