:root{color-scheme:light;--color-primary: #6f4de3;--color-primary-dark: #5a38c6;--color-primary-soft: #f3efff;--color-bg: #f7f6fc;--color-surface: #ffffff;--color-text: #1b2138;--color-muted: #727892;--color-border: #e8e6f2;--color-highlight: #fff3a8;--shadow-soft: 0 14px 34px rgba(38, 41, 66, .08);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--color-bg)}body{min-height:100%;margin:0;background:linear-gradient(180deg,#f3efff85,#f7f6fcf2 38%),var(--color-bg);color:var(--color-text)}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.page-frame{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.documents-shell .page-frame{width:min(1200px,calc(100% - 32px));padding-top:22px}.topbar-shell{width:100%;border-bottom:1px solid var(--color-border);background:#fff}.topbar-inner{width:min(1200px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:0 8px}.brand{display:flex;align-items:center;gap:14px;font-weight:800;font-size:1.12rem;letter-spacing:0}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;background:var(--color-primary-dark);color:#fff}.topbar-user{display:inline-flex;align-items:center;gap:14px;margin-left:auto}.topbar-bell,.topbar-profile{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer}.topbar-bell{position:relative;width:24px;height:24px;justify-content:center}.topbar-bell__dot{position:absolute;top:1px;right:1px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--color-primary)}.topbar-user__divider{width:1px;height:26px;background:var(--color-border)}.topbar-profile__avatar{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#6a66f0,var(--color-primary));color:#fff;font-size:.95rem;font-weight:700}.topbar-profile__name{font-weight:600;font-size:1rem}.eyebrow{color:var(--color-muted);font-size:.92rem;margin:0}.page-title{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.04;letter-spacing:0}.primary-button,.secondary-button,.ghost-button,.danger-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:var(--radius);cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.primary-button{padding:0 18px;background:var(--color-primary);color:#fff;box-shadow:0 12px 28px #8b4fce40}.secondary-button{padding:0 16px;border:1px solid var(--color-border);background:#fff;color:var(--color-primary-dark)}.ghost-button{padding:0 12px;background:transparent;color:var(--color-muted)}.danger-button{padding:0 12px;background:#fff0f1;color:#a12032}.icon-button{width:42px;height:42px;border:1px solid var(--color-border);background:#fff;color:var(--color-primary-dark)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.muted{color:var(--color-muted)}@media(max-width:720px){.page-frame{width:min(100% - 20px,1180px);padding-top:18px}.documents-shell .page-frame{width:min(100% - 20px,1200px);padding-top:16px}.topbar-inner{width:min(100% - 20px,1200px)}.topbar{min-height:0;padding:12px 0;flex-wrap:wrap;gap:10px}.brand{font-size:1.16rem}.topbar-user{width:100%;justify-content:flex-end;gap:10px}.topbar-profile__name{font-size:.92rem}}.library-view{display:grid;gap:24px}.library-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0 4px}.library-header__copy{display:grid;gap:8px}.library-header .eyebrow{color:var(--color-primary);font-size:.95rem;font-weight:700}.library-header .page-title{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1;letter-spacing:-.02em}.library-subtitle{margin:0;color:var(--color-muted);font-size:.98rem}.library-upload-button{min-height:56px;min-width:228px;border-radius:12px;padding:0 24px;font-size:1.08rem;font-weight:700;box-shadow:0 10px 22px #604ac442}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.library-insights{display:grid;gap:14px}.library-insights__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.library-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-filter{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--color-muted);font-weight:600;cursor:pointer}.library-filter.is-active{border-color:#e8e0f9;background:var(--color-primary-soft);color:var(--color-primary-dark)}.library-filter:disabled{opacity:.45;cursor:not-allowed}.library-sort{display:inline-flex;align-items:center;gap:10px}.library-sort span{color:var(--color-muted);font-weight:600}.library-sort__field{position:relative}.library-sort__field select{min-height:42px;min-width:150px;padding:0 38px 0 14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text);font-weight:600;appearance:none}.library-sort__field svg{position:absolute;top:50%;right:13px;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.library-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.library-stat{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--color-border);border-radius:14px;background:#fff}.library-stat__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%}.library-stat__icon.is-purple{background:#f0ebff;color:#7051e3}.library-stat__icon.is-blue{background:#ebf1ff;color:#3e66d8}.library-stat__icon.is-green{background:#eaf8ef;color:#3a9d57}.library-stat__icon.is-orange{background:#fff2e6;color:#ef7d27}.library-stat strong{display:block;color:var(--color-text);font-size:1.05rem;line-height:1;font-weight:700}.library-stat p,.library-stat small{display:block;margin:0;line-height:1.25}.library-stat p{color:var(--color-text);font-weight:600;font-size:.82rem}.library-stat small{color:var(--color-muted);font-size:.78rem}.narrator-card{display:grid;grid-template-columns:auto minmax(250px,320px) minmax(280px,360px) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:0 8px 22px #272a440f}.narrator-card__icon{display:grid;width:84px;height:84px;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 22%,#9f7aef,var(--color-primary));color:#fff;box-shadow:0 12px 26px #604ac43d;align-self:center}.narrator-card__copy{display:grid;gap:3px;min-width:0;align-self:center}.narrator-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.narrator-card__copy h2{margin:0;font-size:2.05rem;line-height:1;letter-spacing:-.01em;white-space:nowrap}.narrator-card__copy p:last-child,.narrator-status{margin:0;color:var(--color-muted);font-size:.72rem}.narrator-chip{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 7px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:.7rem;font-weight:800}.voice-select{display:grid;gap:6px;align-self:center;min-width:0}.voice-select span{color:var(--color-muted);font-size:.72rem;font-weight:800;text-transform:none;letter-spacing:.03em}.voice-select select{width:100%;min-height:56px;padding:0 42px 0 18px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text);font-size:1rem;font-weight:600;box-shadow:inset 0 1px #ffffffb3}.narrator-actions{display:flex;gap:10px;align-self:start;padding-top:calc(.72rem + 11px);justify-content:flex-end;flex-wrap:nowrap}.narrator-button{min-height:56px;border-radius:12px;padding:0 20px;font-size:.86rem;font-weight:700;white-space:nowrap}.narrator-button--preview{min-width:206px;justify-content:center}.narrator-button--compact{min-width:130px}.selected-button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:1px solid var(--color-primary-dark);border-radius:12px;background:var(--color-primary-dark);color:#fff;cursor:default;box-shadow:0 9px 18px #5238b233}.narrator-status{grid-column:2 / -1;min-height:1.2em}.document-card{display:grid;gap:12px;min-height:0;padding:14px;border:1px solid var(--color-border);border-radius:22px;background:#fff;box-shadow:0 14px 30px #272a4414,inset 0 1px #fffc}.document-card__top,.document-actions,.dialog-header,.reader-toolbar__main,.reader-controls{display:flex;align-items:center;gap:10px}.document-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.document-cover-wrap{position:relative}.doc-type{position:absolute;top:10px;left:10px;z-index:2;border:1px solid #f2d4d9;background:#ffffffeb;border-radius:999px;padding:5px 11px;color:#dd5b66;font-size:.7rem;font-weight:800;letter-spacing:.04em}.document-cover{display:grid;min-height:0;aspect-ratio:3 / 4;place-items:center;border:1px solid var(--color-border);border-radius:18px;background:radial-gradient(circle at 20% 12%,rgba(255,255,255,.92),transparent 46%),linear-gradient(155deg,#f7f4ff,#f2ecff);overflow:hidden}.document-cover img{width:100%;height:100%;object-fit:cover}.document-cover__inner{display:grid;gap:8px;justify-items:center;color:var(--color-primary-dark)}.document-cover__inner span{border-radius:999px;padding:4px 10px;background:#ffffffb8;font-size:.72rem;font-weight:800;letter-spacing:.04em}.document-card__title{display:grid;gap:4px}.document-card__title h2{margin:0;font-size:clamp(1.58rem,2.4vw,2rem);line-height:1.08;letter-spacing:-.02em}.document-card__title p{margin:0;color:var(--color-muted);font-size:1.15rem;font-weight:600;line-height:1.2}.document-actions{justify-content:space-between;margin-top:auto}.document-actions--split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.document-card__listen{justify-content:flex-start;min-height:52px;border-radius:14px;padding:0 16px;border-color:var(--color-border);color:var(--color-primary);font-weight:700}.document-card__more{width:52px;height:52px;min-height:52px;border:1px solid var(--color-border);border-radius:14px;background:#ffffffe0;color:var(--color-primary-dark);padding:0}.progress-wrap{display:grid;gap:9px}.progress-meta{display:flex;justify-content:flex-start;gap:12px;color:var(--color-muted);font-size:.9rem;font-weight:700}.progress-meta strong{color:var(--color-primary-dark)}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#ebe8f6}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),#8c73ee);transition:width .18s ease}.document-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.document-meta-grid div{padding:10px 12px;border:1px solid var(--color-border);border-radius:12px;background:#faf9ff}.document-meta-grid dt{color:var(--color-muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.document-meta-grid dd{margin:5px 0 0;font-size:.92rem;font-weight:700;line-height:1.25}.document-meta-grid__file{grid-column:1 / -1}.document-meta-grid__file dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state,.reader-error{display:grid;place-items:center;gap:12px;min-height:360px;padding:42px 22px;border:1px dashed #dcd8ea;border-radius:var(--radius);background:#ffffffd6;color:var(--color-muted);text-align:center}.empty-state h2,.reader-error h1{max-width:620px;margin:0;color:var(--color-text);font-size:1.45rem}.empty-state p,.reader-error p{max-width:560px;margin:0}.notice,.form-error{margin:0;padding:12px 14px;border-radius:var(--radius)}.error,.form-error{background:#fff0f1;color:#9f1d31}.dialog-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#1a122057;backdrop-filter:blur(8px)}.upload-dialog{width:min(620px,100%);padding:22px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;box-shadow:0 28px 90px #1f1f2938}.dialog-header{justify-content:space-between;margin-bottom:18px}.dialog-header h2{margin:2px 0 0}.edit-document-dialog{display:grid;gap:14px}.document-field{display:grid;gap:7px}.document-field span{color:var(--color-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.document-field input,.document-field textarea{width:100%;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text);font:inherit;padding:12px 13px}.document-field textarea{resize:vertical;min-height:94px}.edit-document-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.explore-voices-dialog{display:grid;grid-template-rows:auto auto auto 1fr;gap:10px;min-height:min(74vh,620px);height:min(74vh,620px)}.explore-voices-meta{margin:0;color:var(--color-muted);font-size:.82rem}.explore-voices-list{height:100%;overflow:auto;border:1px solid var(--color-border);border-radius:10px;background:#fcfaff}.voice-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #efe6f6;color:var(--color-text);font-size:.95rem}.voice-option__check{display:flex;min-width:0;align-items:center;gap:10px;flex:1}.voice-option__check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-option:last-child{border-bottom:0}.voice-option input{accent-color:var(--color-primary)}.voice-preview-button{width:34px;height:34px;min-height:34px}.explore-voices-empty{display:grid;place-items:center;height:100%;color:var(--color-muted);font-size:.92rem;text-align:center;padding:18px}.drop-zone{display:grid;width:100%;min-height:240px;place-items:center;gap:8px;padding:28px;border:2px dashed #d6c2e8;border-radius:var(--radius);background:#fbf8fe;color:var(--color-primary-dark);text-align:center}.drop-zone span{color:var(--color-muted)}.drop-zone.is-dragging{border-color:var(--color-primary);background:var(--color-primary-soft)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-shell{min-height:100vh;padding-top:116px}.reader-toolbar{position:fixed;top:0;right:0;left:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--color-border);background:#ffffffeb;backdrop-filter:blur(14px);box-shadow:0 10px 28px #492b6614}.reader-title{display:grid;min-width:0}.reader-toolbar__main{min-width:0}.reader-title span{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.reader-title small,.reader-status{color:var(--color-muted)}.play-button{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer;box-shadow:0 13px 34px #8b4fce47}.play-button:disabled{cursor:wait;opacity:.78}.reader-progress{display:grid;gap:7px;min-width:0}.reader-progress__top{display:flex;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:.86rem}.reader-progress__top strong{color:var(--color-primary-dark)}.audio-seek{width:100%;height:8px;margin:0;accent-color:var(--color-primary);cursor:pointer}.reader-progress__bottom{display:flex;justify-content:space-between;gap:12px;color:var(--color-muted);font-size:.86rem}.reader-status{min-height:1.1em;overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.speed-button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-primary-dark);cursor:pointer;font-weight:800}.reader-controls .icon-button.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.volume-popover{position:relative}.volume-popover__panel{position:absolute;top:calc(100% + 12px);left:0;z-index:40;display:grid;grid-template-columns:minmax(128px,1fr) 38px;gap:8px;align-items:center;width:188px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-muted);font-size:.78rem;box-shadow:0 18px 42px #492b662e}.volume-popover__panel input{width:100%;accent-color:var(--color-primary)}.volume-popover__panel span{text-align:right}.highlights-overlay{position:fixed;inset:0;z-index:21;border:0;background:#18102042;opacity:0;pointer-events:none;transition:opacity .18s ease}.highlights-overlay.is-open{opacity:1;pointer-events:auto}.highlights-sidebar{position:fixed;top:0;left:0;z-index:22;display:grid;grid-template-rows:auto 1fr;width:min(390px,calc(100vw - 34px));height:100vh;padding:18px 14px;border-right:1px solid var(--color-border);background:#fffffffa;box-shadow:12px 0 42px #1a122038;transform:translate(-104%);transition:transform .22s ease}.highlights-sidebar.is-open{transform:translate(0)}.highlights-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 14px;border-bottom:1px solid var(--color-border)}.highlights-sidebar__header h2{margin:2px 0 0}.highlights-sidebar__header>div{min-width:0}.highlights-list{display:grid;gap:10px;margin:0;padding:14px 2px 2px;list-style:none;overflow-y:auto;scrollbar-gutter:stable}.highlights-list li{min-width:0}.highlight-item{display:grid;width:100%;gap:7px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;color:var(--color-text);cursor:pointer;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.highlight-item:hover{transform:translateY(-1px);border-color:#d6c0ea;background:#fcf9ff}.highlight-item.is-current{border-color:var(--color-primary);background:var(--color-primary-soft)}.highlight-item__page{color:var(--color-muted);font-size:.78rem;font-weight:700}.highlight-item strong{display:block;font-size:.94rem;line-height:1.45;font-weight:600;min-width:0;overflow-wrap:anywhere;word-break:break-word}.outline-sidebar .highlights-list{padding-right:8px}.outline-sidebar .highlight-item{gap:8px;padding:14px 14px 12px}.outline-sidebar .highlight-item strong{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.highlights-empty{display:grid;gap:8px;place-content:center;padding:16px;color:var(--color-muted);text-align:center}.highlights-empty h3,.highlights-empty p{margin:0}.highlights-empty h3{color:var(--color-text)}.page-viewer{width:min(900px,calc(100% - 28px));margin:0 auto;padding:24px 0 64px}.page-paper{min-height:calc(100vh - 190px);padding:clamp(24px,6vw,64px);border:1px solid var(--color-border);border-radius:var(--radius);background:#fffffff5;box-shadow:var(--shadow-soft)}.page-kicker{margin-bottom:24px;color:var(--color-muted);font-size:.86rem;font-weight:700;text-transform:uppercase}.segments-list{display:grid;gap:12px}.inline-image-block{margin:0;border:1px solid #e5d8f0;border-radius:10px;overflow:hidden;background:#faf6ff}.inline-image-block img{display:block;width:100%;height:auto}.text-segment{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;margin:0;padding:8px 8px 8px 12px;border-left:3px solid transparent;border-radius:var(--radius);background:transparent;line-height:1.76;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.text-segment.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px #8b4fce1f}.text-segment.is-highlighted{background:var(--highlight-color)}.text-segment.is-highlighted.is-active{background:linear-gradient(90deg,var(--color-primary-soft),var(--highlight-color))}.segment-text{display:block;width:100%;padding:0;border-radius:0;background:transparent;color:var(--color-text);cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,2vw,1.22rem);line-height:inherit;text-align:left}.segment-highlight{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius);background:transparent;color:var(--color-primary-dark);cursor:pointer}.segment-highlight:hover{background:#ffffffb8}.empty-page{display:grid;gap:8px;padding:42px 0;color:var(--color-muted);text-align:center}.empty-page h2{margin:0;color:var(--color-text)}.empty-page p{margin:0}@media(max-width:900px){.narrator-card{grid-template-columns:auto minmax(0,1fr)}.voice-select,.narrator-actions,.narrator-status{grid-column:1 / -1}.voice-select select,.narrator-button,.selected-button{min-height:50px}.narrator-card__icon{width:68px;height:68px}.narrator-card__copy p:last-child,.narrator-status{font-size:.82rem}.narrator-card__copy h2{font-size:1.45rem}.narrator-actions{justify-content:flex-start;flex-wrap:wrap;padding-top:0}.reader-shell{padding-top:214px}.reader-toolbar{grid-template-columns:1fr;gap:10px}.reader-controls{justify-content:center}}@media(max-width:720px){.library-header{align-items:stretch;flex-direction:column}.library-header__copy{gap:6px}.library-header .page-title{font-size:clamp(2rem,9vw,2.7rem)}.library-subtitle{font-size:.9rem}.library-upload-button{min-width:0;width:100%;min-height:50px;font-size:1rem}.library-insights__toolbar{align-items:stretch;flex-direction:column}.library-sort{justify-content:space-between}.library-stats{grid-template-columns:1fr}.narrator-card{grid-template-columns:1fr;padding:14px}.narrator-card__icon{width:56px;height:56px}.narrator-actions{align-items:stretch;flex-direction:column;padding-top:0}.voice-select select,.narrator-button,.selected-button{min-height:48px}.narrator-card__copy h2{font-size:1.25rem}.narrator-status{grid-column:auto}.document-actions{align-items:stretch;flex-direction:column}.reader-shell{padding-top:232px}.reader-toolbar{padding:10px}.reader-controls{display:grid;grid-template-columns:repeat(10,minmax(42px,1fr))}.reader-controls .icon-button,.reader-controls .play-button,.reader-controls .speed-button{width:100%}.volume-popover__panel{left:0;width:min(188px,calc(100vw - 20px))}.play-button{height:48px;border-radius:var(--radius)}.highlights-sidebar{width:min(100vw - 18px,390px);padding-top:12px}.page-viewer{width:min(100% - 16px,900px);padding-top:12px}.page-paper{padding:18px 14px 28px}.text-segment{grid-template-columns:1fr}}