:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#e8e4db;font-synthesis:none;text-rendering:geometricPrecision;--paper: #e8e4db;--ink: #111111;--muted: #66635d;--signal: #ff4d00}*{box-sizing:border-box}html{background:var(--paper)}html,body,#root{margin:0;min-height:100%;background:var(--paper)}body{min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button,select,input[type=range]{accent-color:var(--signal)}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.app-shell{width:min(100%,1920px);min-height:100vh;min-height:100dvh;margin:0 auto;display:grid;grid-template-rows:clamp(64px,5vw,78px) 1fr 44px;padding:clamp(6px,1vw,14px);gap:0}.masthead{display:grid;grid-template-columns:clamp(165px,14vw,210px) 1fr clamp(170px,14vw,210px);border:2px solid var(--ink);border-bottom:0;min-width:0}.brand-block{background:var(--ink);color:var(--paper);display:flex;align-items:baseline;gap:7px;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;white-space:nowrap}.brand-block span{font-size:11px}.brand-block strong{font-size:clamp(24px,2vw,30px);letter-spacing:-.08em}.mast-copy,.system-status{display:flex;align-items:center;min-width:0;padding:0 18px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.mast-copy{border-right:2px solid var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-status{justify-content:flex-end;gap:8px;white-space:nowrap}.system-status i,.voice-state i{width:8px;height:8px;background:var(--signal);display:block;flex:0 0 auto}.landing-grid{display:grid;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);border:2px solid var(--ink);min-height:calc(100vh - 146px);min-height:calc(100dvh - 146px)}.hero-copy{position:relative;min-width:0;padding:clamp(26px,4vw,68px);border-right:2px solid var(--ink);display:grid;grid-template-rows:auto auto minmax(240px,1fr);gap:clamp(22px,2.5vw,40px);overflow:hidden;isolation:isolate}.eyebrow{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.hero-copy .eyebrow{grid-row:1}.hero-copy:before{content:"YOUR BOOK.\aOUTSIDE THE TAB.";grid-row:2;white-space:pre-line;align-self:start;max-width:820px;font:900 clamp(52px,5.7vw,100px)/.82 Arial,Helvetica,sans-serif;letter-spacing:-.075em;background:linear-gradient(to bottom,var(--ink) 0 48%,var(--signal) 48% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{grid-row:3;align-self:stretch;width:100%;max-width:760px;min-height:0;margin:0;padding:clamp(22px,2.5vw,36px) 0 clamp(8px,1vw,16px);border-top:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center;font-size:clamp(28px,2.7vw,50px);line-height:.98;font-weight:800;letter-spacing:-.05em;text-wrap:balance}.hero-copy p:before{content:"HOW IT WORKS /";display:block;margin-bottom:clamp(18px,2vw,30px);color:var(--signal);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.drop-zone{position:relative;border:0;background:transparent;min-width:0;min-height:430px;padding:clamp(34px,4vw,64px);display:grid;place-items:center;align-content:center;gap:20px;cursor:pointer;color:var(--ink);overflow:hidden}.drop-zone:before{content:"";position:absolute;inset:clamp(20px,2vw,34px);border:2px dashed var(--ink);pointer-events:none}.drop-zone:after{content:"02 / LOAD BOOK";position:absolute;top:clamp(36px,3vw,52px);left:clamp(36px,3vw,52px);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;pointer-events:none}.drop-zone.is-dragging,.drop-zone:hover{background:#f1ede4}.drop-zone.is-dragging:before{border-color:var(--signal)}.drop-cross{color:var(--signal);font:300 clamp(72px,7vw,110px)/1 Arial,sans-serif;transform:rotate(45deg);transition:transform .16s ease}.drop-zone:hover .drop-cross,.drop-zone.is-dragging .drop-cross{transform:rotate(90deg) scale(1.08)}.drop-zone strong{max-width:620px;font:800 clamp(20px,2.8vw,44px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.drop-zone small{max-width:560px;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-align:center}.reader-grid{display:grid;grid-template-columns:clamp(210px,17vw,270px) minmax(0,1fr) clamp(245px,20vw,320px);border:2px solid var(--ink);min-height:calc(100vh - 146px);min-height:calc(100dvh - 146px)}.book-panel,.control-panel{padding:clamp(18px,1.6vw,24px)}.book-panel{border-right:2px solid var(--ink);display:flex;flex-direction:column;gap:20px;min-width:0}.cover-block{aspect-ratio:3/4;border:2px solid var(--ink);background:#d7d2c8;overflow:hidden}.cover-block img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08)}.cover-type{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:var(--ink);color:var(--paper)}.cover-type span{font:700 10px/1 ui-monospace,monospace}.cover-type strong{font-size:clamp(24px,2.7vw,42px);line-height:.9;letter-spacing:-.06em;word-break:break-word}.book-meta{display:grid;gap:6px;min-width:0}.book-meta strong{font-size:18px;line-height:1;overflow-wrap:anywhere}.book-meta span{font:11px/1.35 ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.text-button{margin-top:auto;border:0;border-top:2px solid var(--ink);background:transparent;text-align:left;padding:14px 0 0;font:800 11px/1 ui-monospace,monospace;cursor:pointer}.reading-panel{display:grid;grid-template-rows:clamp(64px,5vw,76px) minmax(280px,1fr) clamp(76px,6vw,90px) clamp(76px,5.5vw,86px);min-width:0}.reading-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,2vw,24px);border-bottom:2px solid var(--ink);font:700 10px/1 ui-monospace,monospace;letter-spacing:.06em;min-width:0}.reading-head div{display:grid;gap:8px;min-width:0}.reading-head strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sentence-stage{display:flex;align-items:center;padding:clamp(26px,5vw,82px);min-height:280px;overflow:hidden;background-image:linear-gradient(to right,rgba(17,17,17,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,17,.09) 1px,transparent 1px);background-size:42px 42px}.sentence-stage p{margin:0;max-width:1080px;font-size:clamp(34px,4.7vw,78px);line-height:.98;font-weight:800;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere}.transport{display:grid;grid-template-columns:1fr 2fr 1fr;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.transport button{min-width:0;border:0;background:transparent;font:800 15px/1 ui-monospace,monospace;cursor:pointer}.transport button+button{border-left:2px solid var(--ink)}.transport .play-button{background:var(--ink);color:var(--paper);font-size:18px;letter-spacing:.08em}.progress-wrap{padding:18px clamp(16px,2vw,24px);display:grid;align-content:center;gap:10px;min-width:0}.progress-wrap input{width:100%;min-width:0;cursor:pointer}.progress-wrap div{display:flex;justify-content:space-between;font:700 10px/1 ui-monospace,monospace}.control-panel{border-left:2px solid var(--ink);display:flex;flex-direction:column;gap:clamp(16px,1.7vw,24px);min-width:0}.control-panel label{display:grid;gap:8px;min-width:0;font:800 10px/1 ui-monospace,monospace;letter-spacing:.08em}.control-panel select{width:100%;min-width:0;min-height:48px;border:2px solid var(--ink);border-radius:0;background:transparent;padding:0 12px;font:700 12px/1 ui-monospace,monospace}.voice-state{display:flex;align-items:center;gap:8px;min-height:32px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font:800 9px/1 ui-monospace,monospace;letter-spacing:.07em}.voice-state i.fault{background:#111}.float-button{margin-top:0;min-height:92px;border:2px solid var(--ink);background:var(--signal);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;font:900 14px/1 ui-monospace,monospace;cursor:pointer}.float-button b{font:400 38px/1 Arial,sans-serif}.float-button.active{background:var(--ink);color:var(--paper)}.pip-note{margin:0;color:var(--muted);font:11px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.error-strip{position:fixed;left:clamp(10px,1.6vw,24px);right:clamp(10px,1.6vw,24px);bottom:54px;z-index:20;background:var(--signal);color:var(--ink);border:2px solid var(--ink);padding:13px 48px 13px 14px;font:700 12px/1.35 ui-monospace,monospace;box-shadow:8px 8px 0 var(--ink)}.error-strip button{position:absolute;right:0;top:0;height:100%;width:42px;border:0;border-left:2px solid var(--ink);background:transparent;font-size:24px;cursor:pointer}.footer-rail{border:2px solid var(--ink);border-top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:0 8px 0 14px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.07em}.footer-rail span{white-space:nowrap}.footer-rail a[href="https://x.com/tryjude"]{width:44px;height:44px;min-width:44px;min-height:44px;justify-content:center;margin-left:2px;color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation}.footer-rail a[href="https://x.com/tryjude"] svg{width:20px;height:20px}.footer-rail a[href="https://x.com/tryjude"]:hover{background:var(--ink);color:var(--paper)}.footer-rail a[href="https://x.com/tryjude"]:focus-visible{outline:3px solid var(--signal);outline-offset:-3px}@media(min-width:1600px){.landing-grid{grid-template-columns:minmax(640px,.92fr) minmax(720px,1.08fr)}.hero-copy{grid-template-rows:auto auto minmax(300px,1fr)}.hero-copy p{font-size:clamp(42px,2.65vw,54px);max-width:820px}.sentence-stage p{font-size:clamp(54px,4.2vw,82px)}}@media(max-width:1180px){.masthead{grid-template-columns:170px 1fr 170px}.landing-grid{grid-template-columns:minmax(360px,.9fr) minmax(410px,1.1fr)}.hero-copy{padding:clamp(26px,3.6vw,46px);grid-template-rows:auto auto minmax(220px,1fr)}.hero-copy:before{font-size:clamp(50px,6.6vw,78px)}.hero-copy p{font-size:clamp(27px,3vw,38px)}.reader-grid{grid-template-columns:200px minmax(0,1fr) 250px}.book-panel,.control-panel{padding:18px}.sentence-stage{padding:clamp(28px,4vw,54px)}.sentence-stage p{font-size:clamp(34px,4.5vw,58px)}}@media(max-width:900px){.app-shell{padding:8px;grid-template-rows:auto 1fr 44px}.masthead{grid-template-columns:160px 1fr;min-height:62px}.system-status{display:none}.mast-copy{border-right:0}.landing-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:min(72vh,680px);min-height:min(72dvh,680px);border-right:0;border-bottom:2px solid var(--ink);grid-template-rows:auto auto minmax(220px,1fr);padding:clamp(28px,6vw,54px)}.hero-copy:before{font-size:clamp(62px,11vw,100px);max-width:760px}.hero-copy p{max-width:760px;font-size:clamp(30px,5vw,46px)}.drop-zone{min-height:clamp(360px,55vh,560px);min-height:clamp(360px,55dvh,560px)}.reader-grid{grid-template-columns:180px minmax(0,1fr);min-height:auto}.book-panel{padding:18px}.reading-panel{min-height:620px}.control-panel{grid-column:1 / -1;border-left:0;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;padding:18px}.control-panel .eyebrow,.pip-note{grid-column:1 / -1}.voice-state{border:0;min-height:48px}.float-button{margin:0;min-height:64px;grid-column:1 / -1}}@media(max-width:640px){.app-shell{padding:6px;grid-template-rows:auto 1fr 44px}.masthead{grid-template-columns:1fr}.mast-copy{display:none}.brand-block{min-height:58px;padding:0 14px}.hero-copy{min-height:auto;padding:26px 20px 30px;gap:24px;grid-template-rows:auto auto auto}.hero-copy:before{font-size:clamp(50px,14vw,76px);line-height:.84}.hero-copy p{min-height:clamp(290px,47vh,430px);min-height:clamp(290px,47dvh,430px);max-width:none;padding:24px 0 8px;font-size:clamp(28px,7.7vw,38px);line-height:.98;letter-spacing:-.045em;justify-content:center}.hero-copy p:before{margin-bottom:20px}.drop-zone{min-height:340px;padding:32px 20px}.drop-zone:before{inset:16px}.drop-zone:after{top:30px;left:30px}.drop-zone strong{font-size:clamp(20px,7vw,30px)}.drop-cross{font-size:76px}.reader-grid{display:block;min-height:auto}.book-panel{border-right:0;border-bottom:2px solid var(--ink);display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:14px 16px;padding:16px}.book-panel .eyebrow{grid-column:1 / -1}.cover-block{width:88px}.book-meta{align-self:center}.book-meta strong{font-size:16px}.text-button{grid-column:1 / -1}.reading-panel{min-height:0;grid-template-rows:64px minmax(300px,54vh) 76px 74px;grid-template-rows:64px minmax(300px,54dvh) 76px 74px}.reading-head{padding:0 16px}.sentence-stage{padding:30px 20px}.sentence-stage p{font-size:clamp(34px,11vw,56px)}.transport .play-button{font-size:15px}.progress-wrap{padding:14px 16px}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;border-left:0;border-top:2px solid var(--ink)}.control-panel .eyebrow{grid-column:1 / -1}.control-panel label:last-of-type{grid-column:1 / -1}.voice-state,.float-button,.pip-note{grid-column:1 / -1}.voice-state{min-height:40px}.float-button{min-height:64px}.pip-note{display:block;font-size:10px}.footer-rail{padding:0 0 0 9px;gap:8px;font-size:8px}.footer-rail>span:nth-child(2),.footer-rail>span:nth-child(3){display:none}.footer-rail>span:last-child{display:inline-flex}.error-strip{bottom:52px;box-shadow:5px 5px 0 var(--ink);font-size:11px}}@media(max-width:420px){.app-shell{padding:4px}.brand-block{min-height:54px}.hero-copy{padding:22px 16px 24px;gap:20px}.hero-copy:before{font-size:clamp(46px,14vw,62px)}.hero-copy p{min-height:300px;font-size:clamp(26px,7.5vw,32px)}.drop-zone{min-height:310px;padding:28px 16px}.drop-zone:before{inset:12px}.drop-zone:after{top:24px;left:24px}.book-panel{grid-template-columns:76px minmax(0,1fr)}.cover-block{width:76px}.reading-panel{grid-template-rows:60px minmax(280px,52dvh) 72px 70px}.sentence-stage{padding:26px 16px}.sentence-stage p{font-size:clamp(32px,10.8vw,46px)}.control-panel{grid-template-columns:1fr}.control-panel label,.control-panel label:last-of-type,.voice-state,.float-button,.pip-note{grid-column:1}}@media(max-height:650px)and (min-width:700px){.app-shell{grid-template-rows:58px 1fr 44px}.landing-grid{min-height:calc(100dvh - 102px)}.hero-copy{padding:22px 30px;gap:18px;grid-template-rows:auto auto minmax(120px,1fr)}.hero-copy:before{font-size:clamp(46px,6vw,70px)}.hero-copy p{padding-top:16px;font-size:clamp(23px,2.8vw,34px)}.hero-copy p:before{margin-bottom:12px}.drop-zone{min-height:0}.reader-grid{min-height:calc(100dvh - 102px)}.reading-panel{grid-template-rows:58px minmax(210px,1fr) 66px 64px}.sentence-stage{padding:24px 36px}.sentence-stage p{font-size:clamp(30px,4vw,52px)}}.input-stack{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(260px,.78fr) minmax(360px,1.22fr)}.input-stack .drop-zone{min-height:0;border-bottom:2px solid var(--ink)}.paste-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto;gap:0;background:#f1ede4}.paste-head{min-height:48px;padding:0 clamp(18px,2.4vw,36px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.paste-title{width:100%;min-width:0;min-height:52px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);padding:0 clamp(18px,2.4vw,36px);font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.paste-title::placeholder,.paste-textarea::placeholder{color:#77736b;opacity:1}.paste-textarea{width:100%;min-width:0;min-height:220px;resize:vertical;border:0;border-radius:0;background:transparent;color:var(--ink);padding:clamp(22px,2.7vw,40px);font:700 clamp(18px,1.65vw,26px)/1.28 Arial,Helvetica,sans-serif;letter-spacing:-.025em;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.paste-textarea:focus,.paste-title:focus{outline:3px solid var(--signal);outline-offset:-3px}.paste-actions{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);border-top:2px solid var(--ink)}.paste-actions>span{display:flex;align-items:center;min-width:0;padding:0 clamp(18px,2.4vw,36px);color:var(--muted);font:800 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em}.paste-actions button{min-width:190px;border:0;border-left:2px solid var(--ink);border-radius:0;background:var(--signal);color:var(--ink);padding:0 22px;font:900 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}.paste-actions button:disabled{background:#d5d0c6;color:#77736b;cursor:not-allowed}@media(min-width:1600px){.input-stack{grid-template-rows:minmax(300px,.8fr) minmax(420px,1.2fr)}.paste-textarea{font-size:clamp(22px,1.55vw,30px)}}@media(max-width:1180px){.input-stack{grid-template-rows:minmax(250px,.72fr) minmax(350px,1.28fr)}.paste-actions{grid-template-columns:minmax(0,1fr) 180px}.paste-actions button{min-width:180px;padding:0 16px}}@media(max-width:900px){.input-stack{grid-template-rows:auto auto}.input-stack .drop-zone{min-height:clamp(300px,42dvh,440px)}.paste-panel{min-height:560px}.paste-textarea{min-height:340px;font-size:clamp(20px,3.5vw,27px)}}@media(max-width:640px){.input-stack .drop-zone{min-height:300px}.paste-panel{min-height:590px;grid-template-rows:46px 50px minmax(360px,1fr) auto}.paste-head{padding:0 16px;font-size:9px}.paste-title{min-height:50px;padding:0 16px}.paste-textarea{min-height:360px;padding:22px 16px;font-size:20px;line-height:1.32}.paste-actions{min-height:116px;grid-template-columns:1fr}.paste-actions>span{min-height:46px;padding:0 16px;border-bottom:2px solid var(--ink);font-size:8px}.paste-actions button{min-width:0;min-height:68px;border-left:0;padding:0 16px}}@media(max-width:420px){.paste-panel{min-height:560px}.paste-textarea{min-height:330px;font-size:19px}}@media(max-height:650px)and (min-width:700px){.input-stack{grid-template-rows:minmax(180px,.65fr) minmax(260px,1.35fr)}.input-stack .drop-zone{min-height:0}.paste-head{min-height:40px}.paste-title{min-height:42px}.paste-textarea{min-height:160px;padding:16px 22px;font-size:17px}.paste-actions{min-height:54px}}