.reading-history-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;overflow:hidden;border-radius:9999px;background:#e5e7eb}.reading-history-progress::-webkit-progress-bar{background:#e5e7eb}.reading-history-progress::-webkit-progress-value{background:#a855f7;border-radius:9999px}.reading-history-progress::-moz-progress-bar{background:#a855f7;border-radius:9999px}.dark .reading-history-progress,.dark .reading-history-progress::-webkit-progress-bar{background:#374151}.reader-shell{height:100dvh;min-height:0;overflow:hidden;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.reader-fullscreen{padding-bottom:env(safe-area-inset-bottom,0px)}.reader-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}@media(min-width:1024px){.reader-bottom-nav{padding-bottom:24px}}.app-content>*{min-height:0;min-width:0;flex-shrink:0}.app-content .overflow-y-auto{min-height:0}.app-content>.reader-contained-screen{flex:1 1 0%;min-height:0}.reader-screen-scroll{overscroll-behavior-y:contain}.listening-screen-host{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;min-width:0}.listening-screen-host>*{flex:1 1 0%;min-height:0;min-width:0}.listening-screen-contained{overflow:hidden}.listening-mini-player{flex:0 0 auto;padding:10px 12px 8px;border-top:1px solid #e5e7eb;background:#f9fafb;color:#111827;box-sizing:border-box;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.listening-mini-player button{border:0;font:inherit;cursor:pointer}.dark .listening-mini-player{border-color:#374151;background:#111827;color:#f9fafb}.listening-mini-row{display:flex;align-items:center;gap:8px}.listening-mini-mark{width:20px;height:20px;flex-shrink:0;color:#0d9488}.listening-mini-title{flex:1;min-width:0;text-align:left;background:transparent;color:inherit;padding:0}.listening-mini-title span,.listening-mini-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listening-mini-title span{font-size:13px;font-weight:600}.listening-mini-title small{font-size:11px;opacity:.75}.listening-mini-play,.listening-mini-stop{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.listening-mini-play{background:#0f766e;color:#fff}.listening-mini-stop{background:transparent;color:inherit}.listening-mini-stop:hover{background:#e5e7eb}.dark .listening-mini-stop:hover{background:#374151}.listening-mini-speed select{padding:8px 3px;border:0;border-radius:6px;font:inherit;font-size:12px;background:transparent;color:inherit}.listening-mini-speed .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.listening-mini-speed option{background:#fff;color:#111827}.listening-mini-player button:focus-visible,.listening-mini-speed select:focus-visible{outline:2px solid #14b8a6;outline-offset:2px}.listening-mini-progress{display:block;width:100%;height:3px;margin-top:6px}@media(max-width:360px){.listening-mini-mark{display:none}.listening-mini-row{gap:4px}}.listening-queue-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:8px 5px;min-height:36px;color:#7e22ce;background:transparent;border:0;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}.listening-notice{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark .listening-queue-button{color:#d8b4fe}.listening-queue-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;justify-content:center;align-items:center;padding:12px;background:#0008}.listening-queue-panel{width:100%;max-width:540px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px;box-sizing:border-box;border-radius:16px;background:#fff;color:#111827;font:14px/1.5 ui-sans-serif,system-ui,sans-serif}.dark .listening-queue-panel{background:#111827;color:#f9fafb}.listening-queue-panel header,.listening-queue-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.listening-queue-panel h2{font-size:20px;font-weight:700}.listening-queue-panel h3{font-weight:600}.listening-queue-panel button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer;flex-shrink:0}.listening-queue-panel button:hover{background:#a855f71a}.listening-queue-panel button:disabled{opacity:.35;cursor:default}.listening-queue-panel button:focus-visible,.listening-queue-panel summary:focus-visible{outline:2px solid #a855f7;outline-offset:2px}.listening-current{margin:16px 0;padding:12px;background:#a855f715;border-radius:10px}.listening-current p{font-weight:600;overflow-wrap:anywhere}.listening-current small,.listening-queue-hint{opacity:.7}.listening-queue-hint{margin:12px 0;font-size:12px}.listening-queue-controls{display:flex;justify-content:space-between;flex-wrap:wrap}.listening-queue-panel ol{padding:0;margin:12px 0;list-style:none}.listening-queue-panel li{display:flex;align-items:center;gap:2px;border-top:1px solid #9ca3af44;padding:10px 0}.listening-queue-panel li>div{flex:1;min-width:0;overflow-wrap:anywhere}.listening-queue-panel li small{display:block;opacity:.7;font-size:11px}.listening-queue-error{color:#b45309;font-size:12px}.dark .listening-queue-error{color:#fcd34d}.listening-queue-panel .listening-start-queue{width:100%;background:#7e22ce;color:#fff}.listening-troubleshooting{margin-top:20px;border-top:1px solid #9ca3af44;padding-top:12px;font-size:12px}.listening-troubleshooting summary{cursor:pointer;font-weight:600}.listening-troubleshooting p{margin:8px 0}.listening-troubleshooting textarea{width:100%;height:120px;padding:8px;box-sizing:border-box;background:transparent;border:1px solid #9ca3af;border-radius:6px;font:11px monospace;color:inherit}.listening-recovery{flex:0 0 auto;padding:10px 12px;font-size:13px;color:#92400e;background:#fffbeb;border-bottom:1px solid #fde68a}.dark .listening-recovery{color:#fde68a;background:#451a03;border-color:#92400e}.listening-recovery>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}.listening-recovery button{text-decoration:underline;font-weight:600}@media(min-width:768px){.app-content>*{width:100%;max-width:1200px;margin-inline:auto}.responsive-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-content:start;align-items:start;padding:1.5rem}.responsive-card-list>*{min-width:0;margin-top:0!important;margin-bottom:0!important}}.auth-page{min-height:100dvh;background:#f8fafc;padding:24px 16px}.auth-card{--auth-surface: #fff;--auth-field: #f8fafc;--auth-text: #0f172a;--auth-muted: #475569;--auth-border: #e2e8f0;--auth-accent: #7e22ce;box-sizing:border-box;width:100%;max-width:448px;padding:32px;border:1px solid var(--auth-border);border-radius:24px;background:var(--auth-surface);color:var(--auth-text);box-shadow:0 16px 48px #0f172a14;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}.dark .auth-page{background:#0f172a}.dark .auth-card{--auth-surface: #111827;--auth-field: #1f2937;--auth-text: #f8fafc;--auth-muted: #cbd5e1;--auth-border: #374151;--auth-accent: #c084fc}.auth-card .auth-heading{text-align:center;margin-bottom:24px}.auth-card .auth-brand{display:flex;align-items:center;justify-content:center;gap:10px}.auth-card .auth-brand img{width:56px;height:56px;flex-shrink:0;object-fit:contain}.auth-card .auth-brand span{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--auth-text)}.auth-card .auth-product{margin:8px 0 16px;color:var(--auth-accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.auth-card .auth-title{margin:0 0 6px;font-size:24px;line-height:1.3;font-weight:700;color:var(--auth-text)}.auth-card .auth-description{margin:0;color:var(--auth-muted);font-size:14px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card form>*{margin-top:0;margin-bottom:0}.auth-card label,.dark .auth-card label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--auth-text)}.auth-card input,.dark .auth-card input{box-sizing:border-box;width:100%;min-height:48px;padding:11px 14px;background:var(--auth-field);color:var(--auth-text);border:1px solid var(--auth-border);border-radius:12px;font:inherit;font-size:16px;outline:none}.auth-card input::placeholder{color:var(--auth-muted);opacity:.8}.auth-card input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #a855f733}.auth-card button[type=submit],.auth-card .auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;height:auto;padding:11px 16px;border-radius:12px;font-size:14px;line-height:24px;font-weight:600;box-shadow:none;cursor:pointer}.auth-card button[type=submit]{background:#7e22ce;color:#fff;border:1px solid transparent}.auth-card button[type=submit]:hover{background:#6b21a8}.auth-card .auth-google{background:var(--auth-surface);border:1px solid var(--auth-border);color:var(--auth-text)}.auth-card .auth-google:hover{background:var(--auth-field)}.auth-card .auth-google svg,.auth-card .auth-google img{width:20px;height:20px;margin:0;flex-shrink:0}.auth-card button:disabled{opacity:.55;cursor:wait}.auth-card a,.auth-card .auth-link{color:var(--auth-accent);text-underline-offset:3px}.auth-card a:hover,.auth-card .auth-link:hover{text-decoration:underline}.auth-card a.reader-help-contact{color:#fff;background:#7e22ce;padding:8px 16px;border-radius:8px}.auth-card .login-signup-prompt+form{margin-top:16px}.auth-card :is(a,button):focus-visible{outline:2px solid var(--auth-accent);outline-offset:3px}.auth-card .auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;padding:0;color:var(--auth-muted);font-size:12px}.auth-card .auth-divider:before,.auth-card .auth-divider:after{content:"";flex:1;border-top:1px solid var(--auth-border)}.auth-card .auth-signup{margin-top:20px;text-align:center;font-size:14px}.auth-card .auth-entry{margin:0 0 24px}.auth-card .auth-entry p{margin-bottom:8px}.auth-card .auth-secondary{width:100%;min-height:48px;padding:10px 16px;border:2px solid var(--auth-accent);border-radius:12px;color:var(--auth-accent);font-size:16px;font-weight:700}.auth-card .auth-reset{min-height:44px;text-align:right}.auth-card .login-signup-prompt{margin-top:20px;text-align:center;color:var(--auth-muted)}.auth-card .login-page-footer{margin-top:20px;padding-top:20px;border-top:1px solid var(--auth-border);text-align:center;color:var(--auth-muted);font-size:11px;line-height:1.8}.auth-card .footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;margin-bottom:8px;font-size:12px}.auth-card .login-page-footer p{margin:0}.auth-card .auth-business-details{display:block}@media(max-width:479px){.auth-card{padding:24px;border-radius:20px}}.install-compact{display:inline-flex}.install-launcher{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e9d5ff;border-radius:999px;background:#faf5ff;color:#7e22ce;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.install-launcher svg{width:16px;height:16px;flex-shrink:0}.install-launcher:hover{background:#f3e8ff}.install-launcher:disabled{cursor:wait;opacity:.65}.install-launcher:focus-visible,.install-close:focus-visible,.install-done:focus-visible{outline:2px solid #a855f7;outline-offset:3px}.install-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;color:#0f172a}.install-card h2{margin:0;font-size:14px;font-weight:600}.install-card p{margin:4px 0 0;font-size:12px;color:#64748b}.install-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#0f172a;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 70px #0f172a40}.install-dialog::backdrop{background:#0f172a8c}.install-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.install-eyebrow{display:block;margin-bottom:6px;color:#7e22ce;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.install-dialog h2{margin:0;font-size:20px;line-height:1.3;font-weight:700}.install-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.install-close svg{width:20px;height:20px}.install-close:hover{background:#f1f5f9}.install-dialog p{margin:16px 0}.install-benefit{color:#475569}.install-dialog ol{margin:16px 0;padding-left:24px;list-style:decimal}.install-dialog li{padding:5px 0 5px 4px}.install-share-icon{display:inline-block;width:18px;height:18px;vertical-align:text-bottom;color:#2563eb}.install-dialog .install-tip{padding:12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px}.install-dialog .install-online-note{margin-bottom:20px;color:#64748b;font-size:12px}.install-message{padding:12px;border-radius:10px;background:#fffbeb;color:#92400e}.install-done{width:100%;min-height:44px;padding:10px 16px;border:0;border-radius:12px;background:#7e22ce;color:#fff;font:inherit;font-weight:600;cursor:pointer}.install-done:hover{background:#6b21a8}.install-native{margin-top:12px}.dark .install-card,.dark .install-dialog{background:#111827;border-color:#374151;color:#f8fafc}.dark .install-launcher{background:#3b0764;border-color:#581c87;color:#e9d5ff}.dark .install-launcher:hover{background:#581c87}.dark .install-eyebrow{color:#d8b4fe}.dark .install-card p,.dark .install-benefit,.dark .install-dialog .install-online-note{color:#cbd5e1}.dark .install-dialog .install-tip,.dark .install-close:hover{background:#1f2937;color:#cbd5e1}@media(max-width:359px){.install-compact .install-launcher{padding-left:8px;padding-right:8px;font-size:12px}}
