:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1020;background:#f4f6fc;font-synthesis:none;text-rendering:optimizeLegibility;--background: #ffffff;--background-alt: #f4f6fc;--surface: #ffffff;--surface-soft: #ffffffef;--text: #0b1020;--text-secondary: #5f6a7c;--text-muted: #b0b8c5;--border: #d6d6d6;--border-strong: #aaaaaa;--primary: #6952ff;--primary-dark: #5847e8;--primary-soft: #eeeafe;--secondary: #3c73ff;--accent: #facf32;--danger: #d32f2f;--success: #4caf50;--shadow: 0 14px 34px rgba(11, 16, 32, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background-alt)}button,input,select,textarea{font:inherit}button{cursor:pointer}.loadingScreen,.loginScreen{min-height:100vh;display:grid;place-items:center}.loginPanel{width:min(420px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:28px;box-shadow:var(--shadow)}.loginActions{display:grid;gap:10px;margin-top:28px}.appShell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.mobileTopBar,.sidebarBackdrop,.mobileCloseButton{display:none}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:20px;z-index:60}.brandBlock{display:flex;align-items:center;gap:12px}.brandBlock.large{align-items:flex-start}.brandBlock strong,.brandBlock span,.userBlock strong,.userBlock span{display:block}.brandBlock span,.userBlock span,.muted,small{color:var(--text-secondary)}.brandMark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.brandLogo{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:0 0 auto}.spacePicker{display:grid;gap:8px}.spacePicker label,.field span,.eyebrow{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.navList{display:grid;gap:6px}.navItem,.bookRow,.annotationItem{width:100%;border:0;background:transparent;color:var(--text);text-align:left}.navItem{min-height:42px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px}.navItem.active,.navItem:hover{background:var(--primary-soft);color:var(--primary-dark)}.sidebarFooter{margin-top:auto;display:grid;gap:12px}.languagePicker select{min-height:38px}.userBlock{border-top:1px solid var(--border);padding-top:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0}.mainPanel{padding:28px;min-width:0}.topBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topBar h1,.panelHeader h2,.activeBookPanel h2{margin:0}.topBar h1{font-size:28px;line-height:34px}.eyebrow{margin:0 0 4px}.panel,.metric,.notice{background:var(--surface);border:1px solid var(--border);border-radius:8px}.panel{padding:18px;box-shadow:0 8px 20px #0b10200a;min-width:0}.widePanel{max-width:1120px}.panelHeader{display:flex;align-items:center;gap:9px;margin-bottom:16px}.panelHeader.withActions{justify-content:space-between;align-items:flex-start}.panelHeader.withActions .secondaryButton{flex:0 0 auto}.panelHeaderTitle{min-width:0;display:flex;align-items:center;gap:9px}.panelHeader h2{font-size:18px;line-height:24px}.gridTwo,.splitLayout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:18px}.gridTwo>*,.splitLayout>*,.statsTopGrid>*{min-width:0}.stack{display:grid;gap:18px}.activeBookPanel{min-height:260px;display:flex;justify-content:space-between;gap:20px}.bookCoverLarge{width:132px;height:196px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.metricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{padding:18px;display:grid;gap:10px}.metric span{color:var(--text-secondary)}.metric strong{font-size:28px}.dangerMetric strong{color:var(--danger)}.statsMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.statsTopGrid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr)}.overviewStatsGrid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.overviewStatsMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recentList{display:grid;gap:8px}.recentItem{border:1px solid var(--border);border-radius:8px;padding:12px;display:grid;gap:5px;min-width:0}.recentItem strong,.recentItem small,.recentItem p{min-width:0;overflow:hidden;text-overflow:ellipsis}.recentItem strong,.recentItem small{white-space:nowrap}.recentItem p{margin:0;color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.activityChart{display:grid;gap:14px;min-width:0;max-width:100%;overflow:hidden}.chartLegend{display:flex;flex-wrap:wrap;gap:12px}.legendItem{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:13px;font-weight:700}.legendItem:before{content:"";width:10px;height:10px;border-radius:3px}.annotationLegend:before,.annotationSegment{background:var(--primary)}.commentLegend:before,.commentSegment{background:var(--secondary)}.reactionLegend:before,.reactionSegment{background:var(--accent)}.chartBars{min-height:260px;width:100%;max-width:100%;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(28px,1fr);align-items:end;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px}.chartColumn{min-width:28px;display:grid;gap:8px;align-items:end;text-align:center}.barTrack{height:220px;border-radius:7px;background:var(--background-alt);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column-reverse;justify-content:flex-start}.compactActivityChart .barTrack{height:150px}.compactActivityChart .chartBars{min-height:180px}.barSegment{display:block;min-height:3px}.chartColumn>span{color:var(--text-secondary);font-size:11px;white-space:nowrap}.revenueSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.revenueSummary>div{border:1px solid var(--border);border-radius:8px;padding:12px;display:grid;gap:6px}.revenueSummary span,.assumptionList span,.statsTable small{color:var(--text-secondary)}.revenueSummary strong{font-size:18px}.assumptionList{margin-top:14px;border-top:1px solid var(--border);padding-top:12px;display:grid;gap:7px}.statsTableScroll{overflow-x:auto}.statsTable{width:100%;border-collapse:collapse;min-width:720px}.statsTable th,.statsTable td{border-bottom:1px solid var(--border);padding:11px 10px;text-align:left;vertical-align:top}.statsTable th{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:0}.statsTable strong,.statsTable small{display:block}.primaryButton,.secondaryButton,.dangerButton,.iconButton{min-height:38px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font-weight:700}.primaryButton{background:var(--primary);color:#fff}.primaryButton:disabled,.secondaryButton:disabled,.dangerButton:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.48}.secondaryButton{background:var(--surface);color:var(--text);border-color:var(--border)}.dangerButton{background:#fff4f3;color:var(--danger);border-color:#ffd1cc}.iconButton{width:38px;padding:0;background:var(--surface);border-color:var(--border);color:var(--text)}.dangerIcon{color:var(--danger)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff;padding:10px 12px;min-height:40px}textarea{min-height:92px;resize:vertical}.fileUploadControl{width:100%;min-height:40px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0}.fileUploadControl:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft)}.fileUploadControl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srOnlyFile{position:absolute;width:1px;min-height:1px;opacity:0;pointer-events:none}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;min-width:0}.span{grid-column:1 / -1}.formActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.bookList,.annotationList,.flagList,.commentsList,.peopleTable{display:grid;gap:8px}.readerLayout{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);gap:18px;align-items:start}.readerLeft{display:grid;gap:18px;min-width:0}.readerRight{min-width:0}.compactFormGrid{margin-top:12px}.annotationComposerPanel{scroll-margin-top:78px}.selectionSummary{min-height:52px;margin-top:12px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.selectionSummary>div{min-width:0}.selectionSummary strong,.selectionSummary span{display:block}.selectionSummary span{color:var(--text-secondary);margin-top:3px;overflow:hidden;overflow-wrap:anywhere;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.35}.bookTextPanel{max-height:68vh;overflow:auto;overscroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.bookTextMeasure{--book-text-inline-padding: 12px;width:100%}.chapterList{display:grid;gap:8px}.chapterBlock{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.chapterToggle{width:100%;min-height:42px;border:0;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:8px;padding:0 12px;text-align:left;font-weight:800}.chapterToggle:hover{background:var(--primary-soft);color:var(--primary-dark)}.chapterText{border-top:1px solid var(--border);padding:var(--book-text-inline-padding);background:#fff;font-size:22px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:auto;touch-action:pan-y}.bookLine{margin:0 0 7px;line-height:1.55}.bookTextToken{display:inline;min-height:0;border-radius:5px;background:transparent;color:var(--text);cursor:text;padding:1px 3px;margin:0 2px 2px 0;line-height:1.5;touch-action:pan-y;vertical-align:baseline;-webkit-user-drag:none;-webkit-touch-callout:none}.bookTextToken:hover{background:var(--primary-soft)}.bookTextToken.selected{background:var(--primary);color:#fff}.bookTextToken.heading{font-weight:800;font-size:36px;line-height:1.2}.bookRow{min-height:72px;border-radius:8px;border:1px solid var(--border);padding:8px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center}.bookRow img{width:40px;height:56px;object-fit:cover;border-radius:6px;background:var(--primary-soft)}.bookRow span,.annotationItem,.commentRow,.flagRow,.personRow{min-width:0}.bookRow strong,.bookRow small,.annotationItem strong,.annotationItem small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookRow.selected,.annotationItem.selected{border-color:var(--primary);background:var(--primary-soft)}.checkboxGrid{display:flex;flex-wrap:wrap;gap:10px}.checkRow{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary)}.checkRow input{width:18px;min-height:18px}.checkRow.compact{white-space:nowrap}.colorPickerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.colorPickerRow{min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 10px;align-items:center;background:var(--surface)}.colorPickerRow input{width:42px;height:42px;min-height:42px;padding:0;border:0;background:transparent;grid-row:span 2}.colorPickerRow span,.colorPickerRow strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colorPickerRow span{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.colorPickerRow strong{font-size:13px}.spaceSettingsLayout{max-width:1280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start}.spacePreviewColumn{display:grid;gap:18px;min-width:0}.assetPreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.assetPreviewBlock{display:grid;gap:8px;min-width:0}.avatarPreviewImage,.heroPreviewImage,.assetPlaceholder{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--background-alt)}.avatarPreviewImage{aspect-ratio:1;object-fit:cover}.heroPreviewImage,.assetPlaceholder{aspect-ratio:16 / 10}.heroPreviewImage{object-fit:cover}.assetPlaceholder{display:grid;place-items:center;padding:12px;color:var(--text-secondary);font-weight:700;text-align:center}.colorSwatchGrid{display:grid;gap:8px}.colorSwatchRow{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.colorSwatch{width:34px;height:34px;border-radius:8px;border:1px solid var(--border)}.colorSwatchRow span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spaceAppPreview{position:relative;min-height:260px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,var(--preview-primary),var(--preview-accent));color:#fff;display:flex;align-items:end}.spaceAppPreview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spaceAppPreview>div{position:relative;z-index:1;width:100%;padding:18px;background:linear-gradient(180deg,#0b102000,#0b1020b8);display:grid;gap:8px}.spaceAppPreview .eyebrow,.spaceAppPreview p{color:#fff}.spaceAppPreview h3,.spaceAppPreview p{margin:0}.spaceAppPreview button{justify-self:start;min-height:36px;border:0;border-radius:8px;padding:0 14px;background:#fff;color:var(--preview-primary);font-weight:800}.spaceAppAvatar{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid rgba(255,255,255,.72)}.annotationItem{border:1px solid var(--border);border-radius:8px;padding:12px}.detailBlock{display:grid;gap:12px}.annotationDetailHeader{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.annotationDetailHeader p{margin:0}.inlineComposer,.toolbarLine{display:flex;gap:10px;align-items:center}.inlineComposer input,.toolbarLine select{max-width:260px}.searchBox{position:relative;flex:1}.searchBox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.searchBox input{padding-left:36px}.commentRow,.commentModerationRow,.flagRow,.personRow{border:1px solid var(--border);border-radius:8px;padding:12px}.commentRow,.commentModerationRow,.personRow{display:grid;gap:6px}.commentRow{grid-template-columns:minmax(0,1fr) auto;align-items:center}.commentModerationRow{grid-template-columns:1fr auto;align-items:center}.rowActions{display:flex;gap:8px}.tall{max-height:62vh;overflow:auto;padding-right:4px}.flagRow{display:grid;gap:6px}.personRow{grid-template-columns:44px 1fr 120px 100px auto auto;align-items:center}.personRow img{width:44px;height:44px;border-radius:22px;background:var(--primary-soft);object-fit:cover}.notice{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:16px}.inlineNotice{min-height:34px;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:700}.errorNotice,.formError{color:var(--danger)}.successNotice{color:var(--success)}.successLine{color:var(--success);font-weight:700;margin:0}.emptyState{min-height:120px;display:grid;place-items:center;text-align:center;gap:5px;color:var(--text-secondary)}.emptyState strong{color:var(--text)}.loadingBlock{padding:28px}@media(max-width:980px){.appShell{display:block}.mobileTopBar{position:sticky;top:0;z-index:40;min-height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-bottom:1px solid var(--border)}.brandBlock.compact,.brandBlock.compact div{min-width:0}.brandBlock.compact strong,.brandBlock.compact span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{position:fixed;top:0;left:0;width:min(320px,calc(100vw - 44px));max-width:100%;height:100dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-104%);transition:transform .18s ease}.sidebar.open{transform:translate(0)}.sidebarBackdrop.visible{display:block;position:fixed;inset:0;z-index:55;border:0;border-radius:0;padding:0;background:#0b10205c;touch-action:none}.mobileCloseButton{display:inline-flex;position:absolute;top:18px;right:18px}.mainPanel{padding:18px}.gridTwo,.splitLayout,.readerLayout,.formGrid,.statsMetricGrid,.statsTopGrid,.overviewStatsGrid,.overviewStatsMetrics,.spaceSettingsLayout{grid-template-columns:1fr}.span{grid-column:auto}.assetPreviewGrid,.colorPickerGrid{grid-template-columns:1fr}.personRow{grid-template-columns:44px 1fr}.personRow select,.personRow label,.personRow button{grid-column:1 / -1}.topBar,.inlineComposer,.toolbarLine{align-items:stretch;flex-direction:column}.inlineComposer input,.toolbarLine select{max-width:none}.bookTextPanel{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media(max-width:640px){.mainPanel{padding:14px}.topBar h1{font-size:24px;line-height:30px}.panel{padding:14px}.activeBookPanel{min-height:0;flex-direction:column}.bookCoverLarge{width:96px;height:144px}.metricGrid,.revenueSummary{grid-template-columns:1fr}.metric strong{font-size:24px}.selectionSummary,.annotationDetailHeader,.commentRow,.commentModerationRow{grid-template-columns:1fr}.rowActions{flex-wrap:wrap}.annotationComposerPanel.hasSelection{position:sticky;top:72px;z-index:30;padding:10px;box-shadow:var(--shadow)}.annotationComposerPanel.hasSelection .panelHeader{margin-bottom:8px}.annotationComposerPanel.hasSelection .field:not(.span){display:none}.annotationComposerPanel.hasSelection .selectionSummary{min-height:0;margin-top:0;padding:8px 10px}.annotationComposerPanel.hasSelection .selectionSummary span{-webkit-line-clamp:1}.annotationComposerPanel.hasSelection .compactFormGrid{gap:8px;margin-top:8px}.annotationComposerPanel.hasSelection textarea{min-height:58px;max-height:74px;resize:none}.annotationComposerPanel.hasSelection .formActions{justify-content:stretch}.annotationComposerPanel.hasSelection .primaryButton{width:100%;min-height:34px}.annotationComposerPanel.hasSelection+.bookTextPanel{max-height:calc(100dvh - 232px)}.chapterToggle{min-height:46px}.chapterText{font-size:18px}.bookTextToken.heading{font-size:26px}.chartBars{grid-auto-columns:minmax(22px,32px);gap:6px}.barTrack{height:180px}.chartColumn>span{font-size:10px}.panelHeader.withActions{flex-direction:column;align-items:stretch}.panelHeader.withActions .secondaryButton{width:100%}.bookRow strong,.bookRow small,.annotationItem strong,.annotationItem small,.recentItem strong,.recentItem small{white-space:normal}.colorPickerRow{grid-template-columns:38px minmax(0,1fr)}.colorPickerRow input{width:38px;height:38px;min-height:38px}.spaceAppPreview{min-height:220px}}