.reader-page .account-panel{overflow:hidden}.reader-page,.sample-reader-page{scroll-behavior:auto}#reader-top{scroll-margin-top:5.5rem}@media (min-width:1120px){#reader-top{scroll-margin-top:7rem}}.reader-loading{color:var(--muted-label);justify-items:center;gap:.75rem;padding:2rem 1rem;display:grid}.reader-loading span{border:3px solid color-mix(in srgb, var(--brand-blue) 14%, white);border-top-color:var(--brand-blue);border-radius:50%;width:2.25rem;height:2.25rem;animation:.85s linear infinite reader-spin}.reader-loading--preview{padding-top:.5rem}.reader-loading-preview{aspect-ratio:.72;border:1px solid color-mix(in srgb, var(--line) 82%, white);background:#fff;border-radius:.75rem;width:min(18rem,86vw);overflow:hidden;box-shadow:0 18px 32px #0e1a331f}.reader-loading-preview img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.reader-error{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.reader-error p{margin:0}.reader-inline-message{margin:0 0 .75rem}.flip-reader{width:100%;margin-top:1rem}.flip-reader.fullscreen{z-index:80;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:#121212f0;position:fixed;inset:0;overflow:auto}.flip-reader-toolbar{gap:.75rem;margin-bottom:.65rem;display:grid}.flip-reader-title{min-width:0}.flip-reader-title strong,.flip-reader-title span{display:block}.flip-reader-title strong{overflow-wrap:anywhere;line-height:1.25}.flip-reader-title span{color:var(--muted-label);margin-top:.2rem;font-size:.92rem}.flip-reader.fullscreen .flip-reader-title,.flip-reader.fullscreen .flip-reader-title span,.flip-reader.fullscreen .flip-reader-watermark{color:#fff}.flip-reader-controls{flex-wrap:wrap;gap:.4rem;display:flex}.flip-reader-controls .button.compact{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.55rem}.flip-reader-controls .button:disabled{cursor:not-allowed;opacity:.42}.flip-reader-controls .button.compact:not(:disabled):active{transform:scale(.96)}.flip-reader-progress{background:color-mix(in srgb, var(--line) 70%, white);border-radius:999px;height:.25rem;margin-bottom:.75rem;overflow:hidden}.flip-reader-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-green), var(--brand-blue));height:100%;transition:width .18s;display:block}.reader-progress-summary{color:var(--muted-label);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.88rem;display:flex}.reader-progress-summary .button{margin-left:auto}.reader-workspace{gap:1rem;display:grid}.flip-reader-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:min(72vh,34rem);padding:.35rem 0;display:flex;overflow:auto}.flip-book{filter:drop-shadow(0 18px 28px #0e1a3324);perspective:1600px;border-radius:.65rem;margin-inline:auto;transform:translateZ(0)}.reader-learning-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--brand-paper) 72%, white);border-radius:.85rem;min-width:0;padding:.85rem;display:none}.reader-learning-panel.open{gap:.9rem;display:grid}.reader-panel-section{gap:.65rem;display:grid}.reader-panel-section h2,.reader-panel-section p{margin:0}.reader-panel-section h2{font-size:1rem}.reader-panel-section p,.reader-empty-state{color:var(--muted-label);font-size:.9rem}.reader-panel-head{align-items:center;gap:.4rem;display:flex}.reader-page-jump{gap:.35rem;display:grid}.reader-page-jump>div{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.reader-page-jump input,.reader-search input,.reader-panel-section textarea{border:1px solid var(--line);width:100%;min-height:2.65rem;color:var(--text);font:inherit;background:#fff;border-radius:.65rem}.reader-page-jump input,.reader-search input{padding:.55rem .65rem}.reader-search{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem;display:grid}.reader-panel-section textarea{resize:vertical;padding:.65rem}.reader-note-actions,.reader-head-actions{flex-wrap:wrap;gap:.45rem;display:flex}.reader-note-list{gap:.5rem;display:grid}.reader-note-list article{border:1px solid color-mix(in srgb, var(--line) 82%, white);background:#fff;border-radius:.65rem;gap:.35rem;padding:.65rem 2.25rem .65rem .65rem;display:grid;position:relative}.reader-note-list article>div{align-items:center;gap:.4rem;display:flex}.reader-note-list article>div button{color:var(--brand-blue);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.reader-note-list article>div span{color:var(--muted-label);text-transform:uppercase;font-size:.78rem}.reader-note-list article p{color:var(--text)}.reader-note-list article>button{background:color-mix(in srgb, var(--line) 65%, white);width:1.75rem;height:1.75rem;color:var(--muted-label);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.55rem;right:.55rem}.reader-module-list{gap:.45rem;display:grid}.reader-module-list button{border:1px solid var(--line);min-height:2.65rem;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:.65rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.reader-module-list button.complete{border-color:color-mix(in srgb, var(--brand-green) 42%, white);background:color-mix(in srgb, var(--brand-green) 10%, white)}.flip-reader-controls .button.active{border-color:color-mix(in srgb, var(--brand-green) 42%, white);background:color-mix(in srgb, var(--brand-green) 12%, white)}.flip-reader-stage>div{margin-inline:auto}.flip-page{border:1px solid color-mix(in srgb, var(--line) 80%, white);background:linear-gradient(145deg,#fffdf8 0%,#f7f0df 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset -10px 0 18px #0e1a330d,inset 0 0 0 1px #ffffffa6}.flip-page img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.flip-page-placeholder{width:100%;height:100%;color:color-mix(in srgb, var(--muted-label) 76%, white);background:linear-gradient(110deg, transparent 0 36%, #ffffffad 44%, transparent 52%) 0 0 / 220% 100%, color-mix(in srgb, var(--brand-paper) 72%, white);place-items:center;display:grid}.flip-page-placeholder.rendering{animation:1.3s ease-in-out infinite reader-shimmer}.flip-page-placeholder span{border:1px solid color-mix(in srgb, var(--brand-blue) 16%, white);background:#ffffffc7;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-weight:700;display:grid}.flip-reader-watermark{text-align:center;color:var(--muted-label);margin-top:.75rem;font-size:.82rem}.flip-reader--sample .reader-render-count{display:none}@keyframes reader-spin{to{transform:rotate(360deg)}}@keyframes reader-shimmer{to{background-position:-220% 0,0 0}}@media (min-width:768px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-preview-panel{grid-template-columns:minmax(9rem,13rem) minmax(0,1fr);align-items:center}.sample-preview-cover{min-height:15rem}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flip-reader-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.flip-reader-controls{justify-content:flex-end}.flip-reader-stage{justify-content:center;min-height:min(68vh,38rem)}.reader-workspace{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start}.reader-learning-panel{gap:.9rem;display:grid;position:sticky;top:1rem}}