.TimedCalibrationBanner-module__xUBw8q__banner{color:#06c;background:#0071e30e;border:1px solid #0071e324;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;display:grid}.TimedCalibrationBanner-module__xUBw8q__icon{background:#0071e31a;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.TimedCalibrationBanner-module__xUBw8q__banner>div{gap:2px;min-width:0;display:grid}.TimedCalibrationBanner-module__xUBw8q__banner strong{font-size:12px}.TimedCalibrationBanner-module__xUBw8q__banner small{color:var(--muted-foreground,#6e6e73);align-items:center;gap:4px;font-size:10px;line-height:1.45;display:flex}.TimedCalibrationBanner-module__xUBw8q__banner button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:750;display:inline-flex}[data-theme=black] .TimedCalibrationBanner-module__xUBw8q__banner{color:#5aa9ff;background:#0071e317;border-color:#5aa9ff29}@media (max-width:640px){.TimedCalibrationBanner-module__xUBw8q__banner{grid-template-columns:auto minmax(0,1fr)}.TimedCalibrationBanner-module__xUBw8q__banner button{grid-column:1/-1;justify-self:flex-start;padding-left:0}}
.reading-normal-page{--practice-surface:color-mix(in srgb, var(--theme-card-bg) 94%, #f5f5f7 6%);--practice-surface-elevated:color-mix(in srgb, var(--theme-card-bg) 96%, #fff 4%);--practice-surface-muted:color-mix(in srgb, var(--theme-bg-secondary) 88%, #fff 12%);--practice-border:color-mix(in srgb, var(--theme-border) 72%, transparent);--practice-ink:var(--theme-text-primary);--practice-muted:color-mix(in srgb, var(--theme-text-secondary) 82%, transparent);--practice-blue:#007aff;--practice-green:#34c759;--practice-red:#ff3b30;--practice-amber:#ff9500;--practice-shadow-sm:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--practice-shadow-md:0 1px 2px #0f172a0d, 0 18px 50px #0f172a17;background:linear-gradient(#fbfbfd 0%,#f5f5f7 100%);flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:14px;width:100%;max-width:100%;min-height:calc(100vh - 64px);margin:0;padding:16px;transition:background-color .3s;display:flex}[data-theme=black] .reading-normal-page{--practice-surface:color-mix(in srgb, var(--theme-card-bg) 86%, #2c2c2e 14%);--practice-surface-elevated:color-mix(in srgb, var(--theme-card-bg) 92%, #2c2c2e 8%);--practice-surface-muted:color-mix(in srgb, var(--theme-bg-secondary) 84%, #2c2c2e 16%);--practice-border:color-mix(in srgb, var(--theme-border) 70%, transparent);--practice-muted:color-mix(in srgb, var(--theme-text-secondary) 88%, transparent);--practice-shadow-sm:0 1px 2px #00000038, 0 12px 28px #00000047;--practice-shadow-md:0 1px 2px #0000003d, 0 18px 54px #00000057;background:linear-gradient(#111113 0%,#0b0b0d 100%)}.sidebar-wrapper{flex-shrink:0;align-self:flex-start;align-items:stretch;gap:0;height:calc(100vh - 96px);max-height:calc(100vh - 96px);display:flex;position:sticky;top:16px}.sidebar-container{flex-direction:column;align-items:stretch;width:240px;height:100%;min-height:0;max-height:100%;margin:0;padding:0;transition:width .3s,opacity .3s,margin .3s;display:flex;overflow:visible}.sidebar-container.collapsed{opacity:0;pointer-events:none;width:0;margin:0}.sidebar-toggle-btn{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;width:36px;height:56px;color:var(--theme-text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm);z-index:1000;border-left:none;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:100px;padding:0;font-size:16px;display:flex}.sidebar-toggle-btn:hover{background:var(--theme-bg-secondary);border-color:var(--theme-accent);color:var(--theme-accent);transform:translate(2px)}.sidebar-wrapper.sidebar-collapsed .sidebar-toggle-btn{border-left:1px solid var(--theme-border);border-radius:var(--radius-md)}.main-content{background:color-mix(in srgb, var(--practice-surface-elevated) 88%, transparent);border:1px solid var(--practice-border);min-width:300px;box-shadow:var(--practice-shadow-md);-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);transition:all var(--transition-base);color:var(--theme-text-primary);box-sizing:border-box;border-radius:24px;flex-direction:column;flex:1;width:100%;max-width:1180px;padding:20px 24px 24px;display:flex;position:relative}.main-content::-webkit-scrollbar{background:0 0;width:0;display:none}.main-content::-webkit-scrollbar-track{background:0 0;display:none}.main-content::-webkit-scrollbar-thumb{background:0 0;display:none}.main-content::-webkit-scrollbar-thumb:hover{background:0 0;display:none}.quiz-header{border:1px solid var(--practice-border);background:color-mix(in srgb, var(--practice-surface-elevated) 92%, transparent);box-shadow:var(--practice-shadow-sm);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;transition:border-color .3s,background .3s;display:flex}.goal-sprint-card{border:1px solid var(--practice-border);background:color-mix(in srgb, var(--practice-surface-elevated) 92%, transparent);box-shadow:var(--practice-shadow-sm);border-radius:18px;padding:12px 14px}.quiz-header-main{min-width:220px}.quiz-title{color:var(--theme-text-primary);letter-spacing:0;margin:0;font-size:clamp(20px,2vw,26px);font-weight:650;line-height:1.15;transition:color .3s}.quiz-subtitle{color:var(--theme-text-secondary);letter-spacing:.2px;margin:6px 0 0;font-size:13px}.quiz-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.quiz-stats{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;font-size:13px;display:flex}.stat-pill{border:1px solid var(--practice-border);background:color-mix(in srgb, var(--practice-surface-muted) 88%, transparent);min-height:30px;color:var(--theme-text-primary);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:550;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.stat-pill svg,.quiz-clear-btn svg{flex:none;width:14px;height:14px}.stat-pill__label{color:var(--practice-muted)}.stat-pill__value{font-variant-numeric:tabular-nums}.stat-pill--urgent{border-color:color-mix(in srgb, var(--practice-amber) 55%, var(--practice-border) 45%);background:color-mix(in srgb, #fff8ed 90%, var(--practice-amber) 10%);color:#b45309}.quiz-action-group{gap:8px;margin-left:2px;display:flex}.quiz-header-wrap{margin-bottom:12px}.goal-sprint-card{border:1px solid color-mix(in srgb, var(--theme-border) 70%, var(--theme-accent) 30%);background:color-mix(in srgb, var(--theme-card-bg) 88%, var(--theme-accent) 12%);border-radius:12px;padding:10px 12px}.goal-sprint-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.goal-sprint-title{color:var(--theme-text-primary);font-size:13px;font-weight:700}.goal-sprint-score{color:var(--theme-accent);font-size:13px;font-weight:700}.goal-sprint-bar{background:color-mix(in srgb, var(--theme-border) 75%, transparent);border-radius:999px;width:100%;height:8px;overflow:hidden}.goal-sprint-fill{border-radius:inherit;background:linear-gradient(90deg,#12b886,#38d9a9);height:100%;transition:width .3s}.goal-sprint-meta{color:var(--theme-text-secondary);margin-top:8px;font-size:12px;line-height:1.5}.quiz-action-btn{border:1px solid color-mix(in srgb, var(--theme-border) 70%, var(--theme-accent) 30%);background:var(--theme-card-bg);color:var(--theme-text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:10px;padding:6px 14px;font-weight:500}.quiz-action-btn:hover{border-color:var(--theme-accent);color:var(--theme-accent);transform:translateY(-1px)}.clear-btn{border:1px solid color-mix(in srgb, var(--practice-red) 30%, var(--practice-border) 70%);background:color-mix(in srgb, var(--practice-surface-elevated) 86%, #fff5f5 14%);color:var(--practice-red);cursor:pointer;transition:all var(--transition-fast);box-shadow:none;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.clear-btn:hover{background:color-mix(in srgb, var(--practice-red) 10%, var(--practice-surface-elevated) 90%);color:var(--practice-red);box-shadow:var(--practice-shadow-sm);transform:translateY(-1px)}.quiz-clear-btn{box-shadow:none;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.quiz-empty-state{text-align:center;border:1px dashed color-mix(in srgb, var(--theme-border) 70%, var(--theme-accent) 30%);background:color-mix(in srgb, var(--theme-card-bg) 92%, var(--theme-accent) 8%);color:var(--theme-text-secondary);border-radius:14px;margin-top:80px;padding:36px 20px}.quiz-empty-state-title{color:var(--theme-text-primary);margin:0 0 10px;font-size:18px;font-weight:700}.quiz-empty-state-text{margin:0;font-size:14px}.quiz-empty-state-id{color:var(--theme-text-tertiary);margin:10px 0 0;font-size:12px}@media (max-width:1024px){.reading-normal-page{gap:10px;min-height:calc(100vh - 56px);padding:12px}.sidebar-wrapper{height:calc(100vh - 80px);max-height:calc(100vh - 80px);top:12px}.sidebar-container{width:210px;height:100%;max-height:100%}.main-content{padding:18px 18px 20px}.quiz-header{padding:12px}.quiz-title{font-size:20px}.quiz-subtitle{font-size:12px}.quiz-stats{gap:6px;font-size:12px}.stat-pill{padding:5px 9px}}@media (max-width:768px){.reading-normal-page{padding:8px max(8px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));flex-direction:column;gap:6px;min-height:calc(100vh - 56px)}.sidebar-wrapper{order:1;height:auto;max-height:none;position:relative;top:auto}.sidebar-container{z-index:1001;background:var(--theme-card-bg);border-right:1px solid var(--theme-border);border-radius:0;width:280px;max-width:85vw;height:100vh;margin:0;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 8px #00000026}.sidebar-container:not(.collapsed){transform:translate(0)}.sidebar-toggle-btn{border:1px solid var(--theme-border);z-index:1002;background:var(--theme-card-bg);cursor:pointer;width:40px;height:60px;color:var(--theme-text-primary);border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;margin-top:0;font-size:16px;transition:all .3s;display:flex;position:fixed;top:50%;left:10px;transform:translateY(-50%);box-shadow:2px 0 8px #00000026}.sidebar-toggle-btn:hover{background:var(--theme-bg-secondary);border-color:var(--theme-accent);color:var(--theme-accent)}.sidebar-wrapper.sidebar-collapsed .sidebar-toggle-btn{border-left:1px solid var(--theme-border);border-radius:8px}.sidebar-container:not(.collapsed)~.sidebar-toggle-btn,.sidebar-wrapper:not(.sidebar-collapsed) .sidebar-toggle-btn{max-width:calc(85vw + 10px);left:280px}.main-content{min-width:0;min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;order:2;width:100%;padding:10px 4px 18px}.quiz-header{border-radius:14px;flex-direction:column;align-items:stretch;gap:7px;margin-bottom:8px;padding:9px 10px}.quiz-header-main{min-width:0}.quiz-header-actions{justify-content:stretch;align-items:center;gap:6px}.goal-sprint-top{flex-direction:row;align-items:center;gap:8px}.quiz-stats{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:5px;width:100%;display:grid}.stat-pill{justify-content:center;gap:4px;min-width:0;min-height:34px;padding:5px 6px;overflow:hidden}.stat-pill__label{display:none}.stat-pill__value{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.quiz-action-group{width:auto;margin-left:0}.clear-btn{text-align:center;padding:6px 12px}.quiz-clear-btn{white-space:nowrap;width:100%;min-width:0;min-height:34px;padding:4px 6px;font-size:11px}.quiz-header-wrap{margin-bottom:8px}.goal-sprint-card{border-radius:13px;padding:9px 10px}.goal-sprint-title,.goal-sprint-score{font-size:12px}.goal-sprint-bar{height:6px}.goal-sprint-meta{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.quiz-empty-state{margin-top:28px;padding:20px 12px}.sidebar-overlay{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background-color:#00000080;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:all}}@media (max-width:480px){.reading-normal-page{padding:6px max(7px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(7px, env(safe-area-inset-left,0px))}.main-content{padding:5px 0 14px}.quiz-title{overflow-wrap:anywhere;text-wrap:balance;white-space:normal;font-size:clamp(18px,5.1vw,20px);line-height:1.2;overflow:visible}.quiz-header-actions{gap:6px}.quiz-stats{gap:4px;font-size:11px}.stat-pill{min-height:32px;padding:4px}.clear-btn{padding:4px 10px;font-size:11px}.quiz-clear-btn{min-height:32px;padding:3px 5px;font-size:10px}.quiz-clear-btn svg,.stat-pill svg{width:13px;height:13px}.sidebar-container{width:260px;max-width:80vw}.sidebar-toggle-btn{width:36px;height:50px;left:8px}.sidebar-container:not(.collapsed)~.sidebar-toggle-btn,.sidebar-wrapper:not(.sidebar-collapsed) .sidebar-toggle-btn{max-width:calc(80vw + 8px);left:260px}}@media (max-width:390px){.quiz-clear-label{display:none}.quiz-title{font-size:16px}.stat-pill__value{font-size:11px}}.reading-normal-page .question-header-line{flex-wrap:nowrap;min-width:0}.reading-normal-page .question-header-line>*{flex:none}.reading-normal-page .question-header-line>.question-title-group{flex-wrap:nowrap;flex:auto;min-width:0}.reading-normal-page .question-source-meta{flex-wrap:nowrap}.reading-normal-page .question-header-controls{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.reading-normal-page .question-header-controls::-webkit-scrollbar{display:none}.reading-normal-page .question-header-controls>*{flex:none}@media (max-width:768px){.reading-normal-page .question-header-controls{flex:none;justify-content:flex-start;width:100%;display:flex;overflow-x:auto}.reading-normal-page .question-header-controls .clear-highlights-btn,.reading-normal-page .question-header-controls .translation-toggle-btn{width:auto}}@media (max-width:560px){.reading-normal-page .question-header-controls>.clear-highlights-btn,.reading-normal-page .question-header-controls>.translation-toggle-btn,.reading-normal-page .question-header-controls>.reading-tools-guide-trigger{justify-content:center;gap:0;width:34px;min-width:34px;min-height:34px;padding-inline:0;font-size:0}}
