@layer components{.reader-container{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.1rem}.reader-eyebrow{color:var(--color-muted-foreground);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-weight:700}.reader-primary{border-radius:var(--radius-md);background:var(--color-accent);min-height:2.75rem;color:var(--color-accent-foreground);justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.875rem;font-weight:650;display:inline-flex}.reader-primary:hover{opacity:.9}.reader-primary:disabled{cursor:not-allowed;opacity:.5}.reader-secondary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);min-height:2.75rem;color:var(--color-foreground);justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.875rem;font-weight:600;display:inline-flex}.reader-secondary:hover{background:var(--color-secondary)}.reader-secondary:disabled{cursor:not-allowed;opacity:.5}.reader-input{border:1px solid var(--color-input);border-radius:var(--radius-md);background:var(--color-background);width:100%;min-height:2.75rem;color:var(--color-foreground);padding:.7rem .8rem;font-size:.875rem}.reader-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);padding:1.4rem}.reader-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);align-self:start;min-height:24rem;padding:2rem;box-shadow:0 18px 50px #00000014}.theme-light{color:#1b1917;background:#fffdf8}.theme-sepia{color:#312b22;background:#f2e5c8}.theme-dark{color:#f5f1e8;background:#161616}.reader-icon-button{width:2.5rem;height:2.5rem;color:inherit;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.reader-icon-button:hover{background:var(--color-secondary)}.reader-stage{z-index:100;position:fixed;inset:0;overflow:hidden}.reader-toolbar{z-index:130;border-bottom:1px solid var(--color-border);background:color-mix(in oklch, var(--color-background) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1rem;height:4.25rem;padding:.5rem .75rem;transition:transform .22s,opacity .22s;display:flex;position:absolute;inset:0 0 auto}.reader-document{position:absolute;inset:4.25rem 0 2.6rem;overflow:hidden}.reader-page-control{z-index:125;background:color-mix(in oklch, var(--color-background) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #00000024}.reader-page-control:hover{background:var(--color-background)}.reader-progress-bar{z-index:130;background:color-mix(in oklch, var(--color-background) 94%, transparent);height:2.6rem;color:var(--color-muted-foreground);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;padding:0 1rem;font-size:.7rem;transition:transform .22s,opacity .22s;display:flex;position:absolute;inset:auto 0 0}.reader-side-panel{z-index:150;border-right:1px solid var(--color-border);background:var(--color-background);width:min(23rem,90vw);position:absolute;inset:0 auto 0 0;box-shadow:15px 0 40px #00000021}.reader-panel-scroll{height:calc(100vh - 4.25rem);overflow-y:auto}.reader-tab{border-radius:var(--radius-md);flex:1;padding:.55rem;font-size:.8rem}.reader-tab:hover{background:var(--color-secondary)}.reader-tab-active{background:var(--color-foreground);color:var(--color-background)}.offline-reader-stage{z-index:100;color:#1b1917;background:#fffdf8;position:fixed;inset:0}.offline-reader-header{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f2;border-bottom:1px solid #ddd5c8;align-items:center;gap:.6rem;height:4.25rem;padding:.5rem .75rem;transition:transform .22s,opacity .22s;display:flex;position:absolute;inset:0 0 auto}.offline-reader-document{position:absolute;inset:4.25rem 0 2.4rem;overflow:hidden}.offline-reader-progress{color:#655f56;background:#fffdf8;border-top:1px solid #ddd5c8;align-items:center;gap:.75rem;height:2.4rem;padding:0 1rem;font-size:.7rem;transition:transform .22s,opacity .22s;display:flex;position:absolute;inset:auto 0 0}}@media (width>=640px){.reader-container{padding-inline:1.5rem}.reader-toolbar{padding-inline:1rem}}@media (width>=1024px){.reader-container{padding-inline:2rem}.reader-toolbar{padding-inline:1.5rem}}@media (width<=640px){.reader-page-control{opacity:.75;width:2.6rem;height:2.6rem}}@media (prefers-reduced-motion:reduce){.reader-stage *,.reader-stage :before,.reader-stage :after,.offline-reader-stage *,.offline-reader-stage :before,.offline-reader-stage :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}