@font-face{font-family:Noto Sans Telugu;src:url(/fonts/NotoSansTelugu-Regular.ttf)format("truetype");font-weight:100 900}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#1a1a1a;background:#f4f5f7;font-family:Noto Sans Telugu,system-ui,sans-serif}#root{min-height:100vh}button{font-family:inherit}:root{--bg:#eef1ef;--card-bg:#fff;--text:#1a1a1a;--text-secondary:#5a6260;--border:#e0e0e0;--option-bg:#fafafa;--green:#0b6e4f;--green-light:#e6f6ee;--red:#b3261e;--red-light:#fdecea;--header-grad-1:#0b6e4f;--header-grad-2:#0a8f5f;--header-h:56px;--bottom-h:60px}[data-theme=dark]{--bg:#11161a;--card-bg:#1c2226;--text:#eceeec;--text-secondary:#9aa3a1;--border:#343c40;--option-bg:#222a2d;--green:#3ddc97;--green-light:#3ddc9729;--red:#ff8579;--red-light:#ff857929;--header-grad-1:#04241a;--header-grad-2:#0a3d2a}.app{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;display:flex}.doc-header{background:linear-gradient(135deg, var(--header-grad-1) 0%, var(--header-grad-2) 100%);color:#fff;height:var(--header-h);z-index:20;flex:none;padding:0 16px;box-shadow:0 2px 8px #0003}.header-row{align-items:center;gap:12px;max-width:100%;height:100%;margin:0 auto;display:flex}.doc-header h1{white-space:nowrap;opacity:.95;flex:none;margin:0;font-size:15px;font-weight:700}.section-tabs{scrollbar-width:none;flex:auto;gap:6px;display:flex;overflow-x:auto}.section-tabs::-webkit-scrollbar{display:none}.section-tabs button{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff59;border-radius:16px;flex:none;padding:6px 13px;font-size:13px;font-weight:600}.section-tabs button.active{color:#0b6e4f;background:#fff;border-color:#fff}.mode-toggle{background:#ffffff26;border:1px solid #ffffff59;border-radius:16px;flex:none;gap:2px;padding:2px;display:inline-flex}.mode-toggle button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:13px;padding:6px 13px;font-size:13px;font-weight:700}.mode-toggle button.active{color:#0b6e4f;background:#fff}.icon-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.score-pill{opacity:.95;white-space:nowrap;color:#fff;flex:none;font-size:12px}.reset-link{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:12px;text-decoration:underline}.flashcard-main{touch-action:pan-y;flex:auto;min-height:0;padding:20px 16px;display:flex;position:relative;overflow:hidden auto}.flashcard-stage{width:100%;max-width:920px;margin:auto;overflow:hidden}.flash-slide{width:100%}.flash-slide.in-right{animation:.22s ease-out slideFromRight}.flash-slide.in-left{animation:.22s ease-out slideFromLeft}@keyframes slideFromRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.card{background:var(--card-bg);border-radius:16px;padding:24px 26px;box-shadow:0 4px 24px #0000001f}.qhead{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.qnum{background:var(--green);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}[data-theme=dark] .qnum{color:#06231a}.qtext{color:var(--text);flex:auto;min-width:0;padding-top:4px;font-size:clamp(1.2rem,1.02rem + 1.1vw,1.5rem);font-weight:600;line-height:1.65}.fig{margin:12px 0 18px 48px}.fig img{border:1px solid var(--border);border-radius:10px;max-width:300px;max-height:210px}.opts{grid-template-columns:1fr 1fr;gap:12px;margin-left:48px;display:grid}.opt{border:1.5px solid var(--border);background:var(--option-bg);min-height:52px;color:var(--text);text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:14px;font-size:clamp(1.02rem,.94rem + .5vw,1.15rem);line-height:1.5;display:flex}button.opt{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;transition:border-color .15s,background .15s}button.opt:hover:not(:disabled){border-color:var(--green)}button.opt:disabled{cursor:default}.opt-text{flex:auto;min-width:0}.opt-letter{color:var(--text-secondary);border:1.5px solid var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.opt.correct{background:var(--green-light);border-color:var(--green)}.opt.correct .opt-letter{background:var(--green);border-color:var(--green);color:#06231a}.opt.wrong{background:var(--red-light);border-color:var(--red)}.opt.wrong .opt-letter{background:var(--red);border-color:var(--red);color:#fff}.mark{flex:none;margin-left:auto;font-size:19px;font-weight:700}.mark.correct-mark{color:var(--green)}.mark.wrong-mark{color:var(--red)}.bottom-bar{height:var(--bottom-h);padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--card-bg);border-top:1px solid var(--border);flex:none;align-items:center;gap:10px;display:flex}.nav-btn{border:1.5px solid var(--border);background:var(--option-bg);height:44px;color:var(--text);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:22px;flex:none;padding:0 16px;font-size:14px;font-weight:700}.nav-btn:disabled{opacity:.35;cursor:default}.nav-btn:hover:not(:disabled){border-color:var(--green);color:var(--green)}.progress-center{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.progress-bar{background:var(--border);border-radius:4px;flex:auto;height:7px;overflow:hidden}.progress-fill{background:var(--green);height:100%;transition:width .2s ease-out}.progress-text{color:var(--green);white-space:nowrap;flex:none;font-size:14px;font-weight:700}@media (width<=640px){:root{--header-h:88px;--bottom-h:64px}.doc-header h1{display:none}.doc-header{padding:8px 10px}.header-row{flex-wrap:wrap;row-gap:6px}.section-tabs{flex:100%;order:1;width:100%}.mode-toggle{order:2}.icon-btn{order:3}.score-pill{order:4;margin-left:auto}.flashcard-main{padding:14px 12px}.fig{margin-left:0}.opts{grid-template-columns:1fr;margin-left:0}.card{padding:18px}.nav-btn{padding:0 14px;font-size:13px}}