:root{--ink:#24122b;--cream:#fff8ef;--coral:#f05d47;--sun:#ffd55e;--mint:#d6f1e3;--muted:#6d6170;--line:#e6d8ce;--green:#153f37;--paper:#fffdf8}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}.reader-header{height:68px;width:min(1180px,calc(100% - 48px));margin:auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font:500 22px 'DM Mono',monospace;letter-spacing:-1.5px;text-decoration:none;color:var(--ink)}.brand span{font-size:11px;letter-spacing:-.6px}.brand .dot{font-size:23px;color:var(--coral)}.back{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:3px}.reader-layout{height:calc(100dvh - 68px);width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);gap:clamp(44px,7vw,100px);align-items:center;padding:24px 0;min-height:0}.reader-controls{min-width:0}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}.intro h1{font:500 clamp(44px,5vw,68px)/.98 'DM Mono',monospace;letter-spacing:-.075em;margin:0}.intro h1 span{color:var(--coral)}.intro>p:last-child{max-width:470px;color:var(--muted);font-size:14px;line-height:1.55;margin:18px 0 0}.control-group{margin-top:28px}.control-label,label{display:block;font:500 9px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.level-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.level-tabs button{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px 6px;cursor:pointer;transition:.18s}.level-tabs button b{display:block;font:500 17px 'DM Mono',monospace}.level-tabs button small{display:block;margin-top:2px;font-size:8px}.level-tabs button.active{background:var(--green);border-color:var(--green);color:white;box-shadow:3px 3px 0 var(--sun)}.choice-row{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin-top:15px}.choice-row select{display:block;width:100%;height:43px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:600 12px 'DM Sans',sans-serif;outline-color:var(--coral)}.primary-actions{display:flex;gap:9px;margin-top:16px}.primary-actions button{height:45px;border-radius:5px;padding:0 17px;font-weight:700;cursor:pointer}.start-button{flex:1;border:0;background:var(--coral);color:#fff;box-shadow:3px 3px 0 var(--ink)}.start-button span{margin-left:10px;font-size:17px}.new-button{border:1px solid var(--ink);background:transparent;color:var(--ink)}.book-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:15px 17px;background:var(--mint);border-left:4px solid var(--green)}.book-callout span{display:block;font:500 8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.book-callout strong{display:block;margin-top:3px;font:600 17px 'Playfair Display',serif}.book-callout a{flex:0 0 auto;background:var(--green);color:white;padding:9px 11px;border-radius:4px;text-decoration:none;font-size:10px;font-weight:700}.device-stage{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.phone{width:min(375px,100%);height:min(650px,calc(100dvh - 120px));min-height:480px;padding:10px;background:#251c27;border:2px solid #160e18;border-radius:39px;box-shadow:12px 14px 0 #e8b4a4,0 20px 45px rgba(36,18,43,.18);display:grid;grid-template-rows:30px 66px minmax(0,1fr) 4px 51px;overflow:hidden}.phone-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#fff;font:500 8px 'DM Mono',monospace}.phone-top i{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:78px;height:22px;background:#0e0b0f;border-radius:20px}.reader-meta{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:#fff;color:var(--green);border-radius:22px 22px 0 0}.reader-meta small{display:block;font:500 7px 'DM Mono',monospace;letter-spacing:.1em;color:var(--coral)}.reader-meta strong{display:block;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;font:600 16px 'Noto Serif Devanagari',serif}.reader-meta>span{font:500 8px 'DM Mono',monospace;color:var(--muted)}.screen-wrap{position:relative;min-height:0;background:#fff;overflow:hidden}.phone-screen{height:100%;overflow:hidden;scrollbar-width:none;background:linear-gradient(180deg,#fff 0,#fffdf9 100%)}.phone-screen::-webkit-scrollbar{display:none}.passage-track{min-height:100%;padding:0 23px;color:var(--green)}.passage-track p{margin:0;font:600 25px/1.82 'Noto Serif Devanagari',serif;text-align:left;text-wrap:pretty}.passage-track.english p{font:500 17px/1.8 'DM Sans',sans-serif}.screen-fade{position:absolute;z-index:2;left:0;right:0;height:54px;pointer-events:none}.screen-fade.top{top:0;background:linear-gradient(#fff 15%,rgba(255,255,255,0))}.screen-fade.bottom{bottom:0;background:linear-gradient(rgba(255,255,255,0),#fff 85%)}.ready-message{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;padding:30px;transition:opacity .25s}.ready-message.is-hidden{opacity:0;pointer-events:none}.ready-message b{font:600 35px 'Playfair Display',serif}.ready-message span{margin-top:7px;color:var(--muted);font-size:11px}.progress{background:#4a3d4c;overflow:hidden}.progress i{display:block;width:0;height:100%;background:var(--sun)}.phone-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:5px;align-items:center;padding:8px 3px 2px}.phone-actions button{height:34px;border:1px solid #5a4e5c;border-radius:18px;background:transparent;color:#fff;font-size:9px;font-weight:700;cursor:pointer}.phone-actions button:disabled{opacity:.38;cursor:default}.phone-actions #language-button{background:#fff;color:var(--ink);border-color:#fff}.device-note{margin:14px 0 0;color:var(--muted);font:500 8px 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.is-complete .progress i{background:#5dc88e}button:focus-visible,a:focus-visible,select:focus-visible,.phone-screen:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
@media(max-width:850px){.reader-header{height:56px;width:calc(100% - 24px)}.reader-layout{height:calc(100dvh - 56px);width:calc(100% - 24px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:10px 0 9px}.reader-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.intro{grid-column:1/-1}.eyebrow{display:none}.intro h1{font-size:35px}.intro>p:last-child{display:none}.control-group{margin-top:0}.level-tabs{margin-top:4px;gap:4px}.level-tabs button{padding:6px 3px}.level-tabs button b{font-size:13px}.level-tabs button small{display:none}.choice-row{margin-top:0;gap:6px}.choice-row select{height:34px;margin-top:4px;font-size:10px}.primary-actions{margin-top:0}.primary-actions button{height:37px;padding:0 10px;font-size:10px}.book-callout{grid-column:1/-1;margin-top:0;padding:8px 11px}.book-callout strong{font-size:13px}.book-callout a{padding:7px 9px;font-size:9px}.device-stage{justify-content:flex-start}.phone{width:min(330px,100%);height:100%;min-height:310px;border-radius:28px;grid-template-rows:24px 53px minmax(0,1fr) 4px 44px;box-shadow:7px 8px 0 #e8b4a4}.phone-top i{height:18px;width:67px}.reader-meta{padding:5px 12px}.reader-meta strong{font-size:14px}.passage-track p{font-size:21px;line-height:1.72}.phone-actions{padding-top:5px}.phone-actions button{height:31px}.device-note{display:none}}
@media(max-width:520px){.reader-controls{grid-template-columns:1fr 1fr}.intro{display:flex;align-items:center;justify-content:space-between}.intro:after{content:'120 passages';font:500 8px 'DM Mono',monospace;color:var(--coral);text-transform:uppercase;letter-spacing:.08em}.intro h1{font-size:29px}.control-group,.choice-row{grid-column:1/-1}.level-tabs{grid-template-columns:repeat(4,1fr)}.choice-row{grid-template-columns:1.25fr .75fr}.primary-actions{grid-column:1/-1}.book-callout{display:flex}.phone{width:min(310px,100%)}.passage-track{padding-inline:19px}.passage-track p{font-size:20px}}
@media(max-height:700px) and (min-width:851px){.reader-layout{padding-block:12px}.intro h1{font-size:48px}.intro>p:last-child{margin-top:10px}.control-group{margin-top:16px}.book-callout{margin-top:15px}.phone{min-height:450px}.passage-track p{font-size:22px}}
body .phone-actions{grid-template-columns:.85fr 1.05fr 1.55fr}body .phone-actions #language-button{background:transparent;color:#fff;border-color:#5a4e5c}body .phone-actions #pause-button{background:#fff;color:var(--ink);border-color:#fff}.language-tools{display:grid;grid-template-columns:1.2fr .8fr;gap:4px;min-width:0}.language-tools button{width:100%;padding-inline:3px}.phone-actions #pos-button[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:var(--green)}.ready-message small{max-width:230px;margin-top:18px;padding-top:10px;border-top:1px solid var(--line);color:#9b8f98;font:500 7px/1.45 'DM Mono',monospace;letter-spacing:.025em;text-transform:uppercase}.passage-track{will-change:transform}.passage-track .reading-sentence{display:block;margin:0 0 1.05em;padding:0 0 .25em .72em;border-left:2px solid #eadfd4}.passage-track .reading-sentence:last-child{margin-bottom:0}.pos-word{display:inline}.pos-label{display:none}.show-pos .pos-word{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin:0 .07em .55em;border-bottom:1px dotted rgba(240,93,71,.6);line-height:1.12}.show-pos .word-surface{line-height:1.15}.show-pos .pos-label{display:block;margin-top:3px;font:500 5.5px/1 'DM Mono',monospace;letter-spacing:.015em;text-transform:uppercase;color:#9b8f98}.show-pos .pos-word[data-pos="Noun"] .pos-label,.show-pos .pos-word[data-pos="Proper noun"] .pos-label{color:#78a090}.show-pos .pos-word[data-pos="Verb"] .pos-label,.show-pos .pos-word[data-pos="Auxiliary"] .pos-label{color:#d27a6b}.show-pos .pos-word[data-pos="Adjective"] .pos-label,.show-pos .pos-word[data-pos="Adverb"] .pos-label{color:#a58a55}.show-pos .pos-word[data-pos="Pronoun"] .pos-label{color:#8b83b5}.show-pos .pos-word[data-pos="Postposition"] .pos-label,.show-pos .pos-word[data-pos="Conjunction"] .pos-label{color:#7694a5}
body .phone-actions{grid-template-columns:.9fr 1.15fr .9fr}.passage-track{padding-right:36px}.passage-track .sentence-translation{display:block;margin-top:.5em;color:rgba(21,63,55,.4);font:500 10.5px/1.45 'DM Sans',sans-serif;letter-spacing:.005em}.reader-scroll{position:absolute;z-index:5;right:3px;top:14px;width:16px;height:calc(100% - 28px);margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:var(--coral);opacity:.48;cursor:ns-resize}.reader-scroll:hover,.reader-scroll:focus-visible{opacity:.9}.phone-actions #pos-button[aria-pressed="true"]{background:var(--mint);border-color:var(--mint);color:var(--green)}@media(max-width:520px){.passage-track{padding-right:32px}.passage-track .sentence-translation{font-size:10px}}