:root[data-theme=light],[data-theme=light]{--background:#f8f9ff;--surface:#f8f9ff;--surface-container-lowest:#ffffff;--surface-container-low:#eef4ff;--surface-container:#e5eeff;--surface-container-high:#dfe9fa;--surface-container-highest:#d9e3f4;--outline:#7b7487;--outline-variant:#ccc3d8;--on-background:#121c28;--on-surface:#121c28;--on-surface-variant:#4a4455;--secondary:#575e70;--primary:#630ed4;--primary-container:#7c3aed;--on-primary:#ffffff;--on-primary-container:#ede0ff;--tertiary:#005b3d;--tertiary-container:#007650;--reader-document-bg:#fbfaf7;--reader-document-text:#1f2933;--reader-document-heading:#111827;--reader-document-muted:#4b5563;--reader-document-border:#e5e7eb;--reader-document-link:#7c3aed;--reader-document-code-bg:#111827;--reader-document-code-text:#f9fafb;--focus-line-mask:18 28 40}:root[data-theme=dark],[data-theme=dark]{--reader-document-bg:#111018;--reader-document-text:#e8e2f2;--reader-document-heading:#f8f3ff;--reader-document-muted:#c8bed8;--reader-document-border:#383044;--reader-document-link:#c4b5fd;--reader-document-code-bg:#080a12;--reader-document-code-text:#f8fafc;--focus-line-mask:0 0 0}.page-dark{min-height:100vh;background:var(--background);color:var(--on-surface)}.hero-gradient{background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--primary) 32%,transparent) 0,var(--background) 70%)}.glass-card{background:color-mix(in srgb,var(--surface-container) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--outline-variant)}.glow-hover:hover{box-shadow:0 0 20px rgba(167,139,250,.16)}.kbd-grid{background-size:24px 24px}.chart-grid,.kbd-grid{background-image:linear-gradient(var(--outline-variant) 1px,transparent 1px),linear-gradient(90deg,var(--outline-variant) 1px,transparent 1px)}.chart-grid{background-size:20px 20px}.stitch-topbar{position:fixed;top:0;left:0;z-index:50;width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--outline-variant)}.brand-wordmark{font-size:18px;font-weight:900;letter-spacing:-.05em;color:var(--primary)}.brand-logo{display:flex;align-items:center;gap:12px;color:var(--on-surface);min-width:max-content}.brand-logo .brand-copy h1{margin:0;font-size:20px;letter-spacing:-.03em;line-height:1}.brand-logo .brand-copy p{margin:3px 0 0;color:var(--on-surface-variant);font-size:10px;text-transform:uppercase;letter-spacing:.16em;line-height:1}.brand-logo-topbar .brand-icon{width:32px;height:32px}.brand-logo-topbar .brand-copy h1{font-size:18px;color:var(--primary)}.brand-logo-sidebar{padding:0 12px;margin-bottom:40px}.top-nav{display:flex;align-items:center;gap:24px}.top-nav a{color:var(--on-surface-variant);font-weight:600;transition:color .15s ease}.top-nav a.active,.top-nav a:hover{color:var(--primary)}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);transition:.15s ease}.icon-button:hover{color:var(--primary);background:var(--surface-container-high)}.theme-toggle{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container);color:var(--on-surface);font-size:12px;font-weight:800;transition:.15s ease}.theme-toggle:hover{border-color:var(--outline);color:var(--primary)}.search-box,.theme-toggle:hover{background:var(--surface-container-high)}.search-box{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:8px;color:var(--on-surface-variant)}.search-box input{border:0;outline:0;background:transparent;color:var(--on-surface);width:180px}.landing-hero{min-height:921px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:112px 24px 72px;text-align:center;position:relative}.version-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--tertiary);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:32px}.ping-dot{position:relative;width:8px;height:8px;border-radius:999px}.ping-dot,.ping-dot:after{background:var(--tertiary)}.ping-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.75;animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}.landing-title{max-width:980px;margin:0 auto 24px;font-size:clamp(56px,9vw,112px);line-height:.9;letter-spacing:-.075em;font-weight:900}.landing-title span{color:var(--primary)}.landing-copy{max-width:760px;margin:0 auto 40px;color:var(--on-surface-variant);font-size:clamp(18px,2vw,22px);line-height:1.65}.cta-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary,.btn-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:0 28px;font-weight:800;transition:.15s ease}.btn-primary{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}.btn-secondary{border:1px solid var(--outline-variant);color:var(--on-surface);background:transparent}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.dashboard-preview{width:min(1120px,100%);margin-top:80px;padding:8px;border-radius:16px;transform:perspective(1000px) rotateX(4deg);box-shadow:0 30px 80px rgba(0,0,0,.35)}.preview-window{aspect-ratio:16/9;border-radius:12px;border:1px solid var(--outline-variant);overflow:hidden;background:linear-gradient(135deg,var(--surface-container-low),var(--surface-container-high));display:grid;grid-template-columns:220px 1fr 280px}.preview-notes,.preview-sidebar{background:color-mix(in srgb,var(--surface-container-lowest) 78%,transparent);border-right:1px solid var(--outline-variant);padding:18px}.preview-notes{border-left:1px solid var(--outline-variant);border-right:0}.preview-line{height:10px;border-radius:999px;background:var(--surface-container-highest);margin:12px 0}.preview-line.primary{background:var(--primary);width:70%}.preview-reader{padding:32px}.bento-section{padding:128px 24px;max-width:1280px;margin:0 auto}.section-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900}.section-title{margin:0;color:var(--on-surface);font-size:clamp(32px,5vw,48px);letter-spacing:-.04em}.section-subtitle{color:var(--on-surface-variant);margin-top:12px}.landing-highlight-row{margin-top:32px}.landing-highlight-row,.pricing-coming-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.pricing-coming-grid{width:min(1080px,100%);margin-top:56px;text-align:left}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px;gap:24px;margin-top:64px}.bento-card{border-radius:16px;padding:32px;min-height:210px;transition:border-color .15s ease,transform .15s ease}.bento-card:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--outline-variant));transform:translateY(-2px)}.bento-card.wide{grid-column:span 8}.bento-card.small{grid-column:span 4}.bento-card h3{margin:20px 0 12px;font-size:24px;color:var(--on-surface)}.bento-card p{color:var(--on-surface-variant);line-height:1.65}.feature-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.color-swatches{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:28px}.color-swatches div{height:48px;border-radius:8px;border:1px solid var(--outline-variant)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) 440px;grid-gap:40px;gap:40px;align-items:center;padding:112px 7vw 72px}.auth-copy .landing-title{margin-right:0;font-size:clamp(48px,7vw,86px)}.auth-copy .landing-copy,.auth-copy .landing-title{margin-left:0;text-align:left}.auth-card{display:grid;grid-gap:18px;gap:18px;padding:28px;border-radius:24px}.auth-card label{display:grid;grid-gap:8px;gap:8px;color:var(--on-surface-variant);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.auth-card input{width:100%;min-height:48px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container-lowest);color:var(--on-surface);padding:0 14px;text-transform:none;letter-spacing:0;font-weight:600}.auth-card .btn-primary,.auth-card .btn-secondary{width:100%}.stitch-app{min-height:100vh;display:flex;overflow:hidden;background:var(--background);color:var(--on-surface)}.stitch-sidebar{width:256px;height:100vh;position:fixed;left:0;top:0;z-index:40;display:flex;flex-direction:column;padding:24px 12px;border-right:1px solid var(--outline-variant);background:var(--surface-container-low)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:40px}.brand-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary)}.sidebar-brand h1{margin:0;font-size:20px;letter-spacing:-.03em}.sidebar-brand p{margin:0;color:var(--on-surface-variant);font-size:10px;text-transform:uppercase;letter-spacing:.16em}.side-nav{display:grid;grid-gap:4px;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--on-surface-variant);font-size:14px;transition:.15s ease}.side-nav a:hover{background:var(--surface-container-high);color:var(--on-surface)}.side-nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary-container) 10%,transparent);border-right:2px solid var(--primary);font-weight:700}.sidebar-profile{margin-top:auto;padding:16px;border-radius:16px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest)}.avatar{width:40px;height:40px;border-radius:999px;border:1px solid var(--outline-variant);background:linear-gradient(135deg,var(--primary),var(--tertiary));display:grid;place-items:center;object-fit:cover;color:var(--on-primary)}.profile-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-row strong{display:block;font-size:14px}.profile-row span{color:var(--on-surface-variant);font-size:12px}.demo-link-list{display:grid;grid-gap:8px;gap:8px;margin:12px 0}.demo-link-list a{color:var(--primary);font-size:12px;font-weight:800}.demo-banner{margin-bottom:24px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--outline-variant));border-radius:16px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-container-lowest));display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-banner p{margin:4px 0 0;color:var(--on-surface-variant)}.progress-track{height:6px;border-radius:999px;overflow:hidden;background:var(--outline-variant)}.progress-fill{display:block;height:100%;background:var(--primary)}.stitch-main{margin-left:256px;min-height:100vh;width:calc(100% - 256px);display:flex;flex-direction:column}.app-header{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant)}.app-header h2{color:var(--primary);font-size:18px;text-transform:uppercase;letter-spacing:-.04em}.header-center{flex:1 1;max-width:460px}.app-content{flex:1 1;overflow:auto;padding:32px}.stat-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{position:relative;overflow:hidden;padding:24px;border-radius:16px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest)}.stat-card h3{color:var(--on-surface-variant);font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px}.stat-value{color:var(--on-surface);font-weight:900;font-size:40px;letter-spacing:-.05em}.stat-value span{color:var(--primary);font-size:20px;margin-left:4px}.stat-note{color:var(--on-surface-variant);font-size:12px;line-height:1.6;max-width:360px}.library-book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:24px;gap:24px}.book-tile{display:block;cursor:pointer;position:relative}.book-cover{aspect-ratio:3/4;border-radius:10px;border:1px solid var(--outline-variant);overflow:hidden;margin-bottom:12px;position:relative;background:linear-gradient(145deg,#121c28,#630ed4);transition:transform .2s ease,box-shadow .2s ease}.book-cover:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.25);border-radius:8px;z-index:1}.book-cover.has-cover-image:after,.book-cover.has-cover-image:before{display:none}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}.book-cover:after{content:attr(data-title);position:absolute;left:18px;right:18px;bottom:28px;color:#fff;font-weight:900;letter-spacing:-.04em;font-size:18px}.book-tile:hover .book-cover{transform:scale(1.025);box-shadow:0 18px 35px -18px rgba(115,46,228,.5)}.book-progress{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--surface-container)}.book-progress span{display:block;height:100%;background:var(--primary)}.book-tile h4{margin:0;color:var(--on-surface);font-size:14px}.book-tile p{margin:4px 0;color:var(--on-surface-variant);font-size:12px}.book-tile small{color:color-mix(in srgb,var(--primary) 80%,transparent);text-transform:uppercase;font-size:10px;font-weight:900}.upload-strip{margin-bottom:28px;padding:18px 20px;border:2px dashed var(--outline-variant);border-radius:16px;background:var(--surface-container-lowest);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;transition:border-color .15s ease,background .15s ease}.upload-strip.drag-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface-container-lowest))}.upload-strip p{color:var(--on-surface-variant);margin:4px 0 0}.reader-page{height:100vh;overflow:hidden;display:flex;flex-direction:column;background:var(--background);color:var(--on-surface)}.reader-topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);z-index:30;flex-shrink:0}.reader-title-block{display:flex;align-items:center;gap:24px}.reader-progress{display:flex;align-items:center;gap:10px;color:var(--secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.reader-progress .progress-track{width:128px;height:4px}.reader-shell{flex:1 1;min-height:0;display:grid;grid-template-columns:256px minmax(0,1fr) 320px;overflow:hidden}.reader-shell>*{min-height:0}.reader-shell.toc-hidden{grid-template-columns:minmax(0,1fr) 320px}.reader-shell.toc-hidden .toc-panel{display:none}.reader-shell.annotations-hidden{grid-template-columns:256px minmax(0,1fr)}.reader-shell.annotations-hidden .annotation-panel{display:none}.reader-shell.toc-hidden.annotations-hidden{grid-template-columns:minmax(0,1fr)}.toc-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:24px 16px;background:var(--surface-container-low);border-right:1px solid var(--outline-variant)}.book-chip{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;border:1px solid var(--outline-variant);background:var(--surface-container);margin-bottom:30px}.book-chip-icon{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);display:grid;place-items:center}.toc-panel nav{min-height:0;overflow-y:auto;flex:1 1;display:grid;align-content:start;grid-gap:4px;gap:4px}.toc-panel a{display:flex;align-items:center;gap:12px;border-radius:8px;padding:9px 10px;color:var(--on-surface-variant);font-size:14px}.toc-panel a.active{color:var(--primary);background:var(--secondary-container,var(--surface-container-high));border-right:2px solid var(--primary);font-weight:800}.chapter-nav-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--on-surface-variant);text-align:left;transition:.15s ease}.chapter-nav-button:hover{background:var(--surface-container-high);color:var(--on-surface)}.chapter-nav-button.active{color:var(--primary);background:var(--secondary-container,var(--surface-container-high));border-right:2px solid var(--primary);font-weight:800}.chapter-nav-button:disabled{cursor:wait;opacity:.55}.chapter-nav-button span{color:var(--secondary);font-size:12px}.toc-sub{padding-left:42px;display:grid;grid-gap:8px;gap:8px;margin:8px 0 12px;font-size:12px;color:var(--on-surface-variant)}.reader-center{min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--surface-container-lowest)}.reading-surface{max-width:980px;margin:0 auto;padding:32px}.reader-font-controls{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-low)}.reader-font-controls label{display:flex;align-items:center;gap:6px;color:var(--on-surface-variant);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.reader-font-controls select{height:30px;border:0;border-radius:999px;background:var(--surface-container-lowest);color:var(--on-surface);padding:0 10px;font-weight:800}.reader-font-controls button{width:30px;height:30px;border:0;border-radius:50%;background:var(--surface-container-high);color:var(--on-surface);font-weight:900;cursor:pointer}.reader-font-controls span{min-width:34px;text-align:center;color:var(--on-surface-variant);font-size:12px;font-weight:800}.reader-width-control input{width:108px;accent-color:var(--primary)}.reader-document{box-sizing:border-box;max-width:var(--reader-document-width,760px);margin:0 auto;padding:clamp(28px,6vw,72px) clamp(18px,5vw,56px);border:1px solid var(--reader-document-border);border-radius:18px;background:var(--reader-document-bg);color:var(--reader-document-text);font-family:var(--reader-font-family);font-size:var(--reader-font-size);line-height:1.78;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.reader-document :where(p){margin:0 0 1.2em}.reader-document :where(h1,h2,h3,h4){color:var(--reader-document-heading);font-family:var(--reader-font-family);line-height:1.22;letter-spacing:-.02em;margin:1.8em 0 .75em}.reader-document :where(h1){font-size:2.15em}.reader-document :where(h2){font-size:1.65em}.reader-document :where(h3){font-size:1.25em}.reader-document :where(img,svg){max-width:100%;height:auto;display:block;margin:1.6em auto}.reader-document :where(blockquote){margin:1.5em 0;padding:.15em 0 .15em 1.1em;border-left:4px solid var(--reader-document-link);color:var(--reader-document-muted);font-style:italic}.reader-document :where(pre,code){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.reader-document :where(pre){overflow-x:auto;padding:1em;border-radius:12px;background:var(--reader-document-code-bg);color:var(--reader-document-code-text)}.reader-document :where(a){color:var(--reader-document-link);text-decoration-thickness:.08em;text-underline-offset:.18em}.reader-document :where(hr){border:0;border-top:1px solid var(--reader-document-border);margin:2em 0}.reader-document :where(table){width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.92em}.reader-document :where(th,td){border:1px solid var(--reader-document-border);padding:.55em .7em;vertical-align:top}.reader-highlight{position:relative;padding:.08em .02em;border-radius:3px;background:#fde68a;background:color-mix(in srgb,#facc15 65%,transparent);color:#1f2937;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight-delete-button{position:absolute;z-index:4;top:-1.35rem;right:-.7rem;width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,#dc2626 55%,transparent);border-radius:999px;background:#fff;color:#b91c1c;box-shadow:0 4px 14px rgba(0,0,0,.22);font:800 18px/1 system-ui,sans-serif;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(4px) scale(.9);transition:opacity .15s ease,transform .15s ease}.reader-highlight:focus-within .highlight-delete-button,.reader-highlight:hover .highlight-delete-button{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.selection-menu{position:fixed;z-index:80;width:max-content;max-width:min(320px,calc(100vw - 24px));padding:8px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container-high);box-shadow:0 14px 40px rgba(0,0,0,.3);transform:translate(-50%,-100%)}.selection-menu textarea{box-sizing:border-box;width:280px;max-width:100%;min-height:84px;margin-bottom:8px;padding:10px;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-container-lowest);color:var(--on-surface);font:inherit;resize:vertical}.selection-menu-actions{display:flex;gap:6px;justify-content:flex-end}.selection-menu-actions button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--on-surface);font-weight:800;cursor:pointer}.selection-menu-actions button:hover{background:var(--surface-container-highest);color:var(--primary)}.selection-menu-actions button.primary{background:var(--primary);color:var(--on-primary)}.selection-menu-actions button:disabled{opacity:.45;cursor:not-allowed}.selection-menu-actions .material-symbols-outlined{font-size:18px}.reader-empty-state{min-height:calc(100vh - 64px);display:grid;place-content:center;justify-items:center;grid-gap:14px;gap:14px;padding:24px;background:var(--background);color:var(--on-surface);text-align:center}.reader-empty-state>.material-symbols-outlined{color:var(--primary);font-size:52px}.reader-empty-state h1,.reader-empty-state p{margin:0}.reader-empty-state p{color:var(--on-surface-variant)}.enhanced-reader-document{padding-top:clamp(32px,5vw,60px)}.chapter-meta.uploaded-chapter-meta{margin-bottom:clamp(36px,5vw,60px)}.uploaded-chapter-layout{display:grid;grid-gap:22px;gap:22px}.uploaded-chapter-block{min-width:0}.uploaded-chapter-paragraph{padding-top:20px;border-top:1px solid var(--reader-document-border)}.uploaded-chapter-paragraph:first-child{border-top:0;padding-top:0}.uploaded-chapter-heading{margin-top:18px}.uploaded-chapter-quote :where(blockquote){margin:0;padding:0;border:0;color:inherit}.uploaded-chapter-code{margin:10px 0}.uploaded-chapter-code :where(pre){margin:0;background:transparent;color:inherit;padding:0}.uploaded-chapter-media{padding:16px;border:1px solid var(--reader-document-border);border-radius:14px;background:color-mix(in srgb,var(--reader-document-bg) 85%,var(--surface-container-low))}.uploaded-chapter-media :where(figure){margin:0}.uploaded-chapter-media :where(figcaption){margin-top:10px;color:var(--reader-document-muted);font-size:.9em;text-align:center}.uploaded-chapter-table{overflow-x:auto;border:1px solid var(--reader-document-border);border-radius:14px}.uploaded-chapter-table :where(table){margin:0}.uploaded-chapter-list{padding:18px 22px;border:1px solid var(--reader-document-border);border-radius:14px;background:color-mix(in srgb,var(--reader-document-bg) 88%,var(--surface-container-low))}.uploaded-chapter-raw{color:var(--reader-document-text)}.chapter-bottom-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:clamp(36px,6vw,72px);padding-top:24px;border-top:1px solid var(--reader-document-border)}.chapter-bottom-nav button{min-width:0;min-height:74px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:14px 16px;border:1px solid var(--reader-document-border);border-radius:14px;background:color-mix(in srgb,var(--reader-document-bg) 88%,var(--surface-container-low));color:var(--reader-document-text);text-align:left;cursor:pointer}.chapter-bottom-nav button:hover:not(:disabled){border-color:var(--reader-document-link);color:var(--reader-document-link)}.chapter-bottom-nav button:disabled{opacity:.48;cursor:not-allowed}.chapter-bottom-nav small{color:var(--reader-document-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.chapter-bottom-nav strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chapter-meta{margin-bottom:60px}.chapter-meta .section-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chapter-meta h1{margin:14px 0;color:var(--on-surface);font-size:clamp(38px,6vw,58px);line-height:1;letter-spacing:-.06em}.reading-layout-bilingual{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.reading-column{font-size:18px;line-height:1.85;color:color-mix(in srgb,var(--on-surface) 90%,transparent)}.reading-column h3{color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:.18em;margin:0 0 20px}.reading-column p{padding:18px 0;margin:0;border-top:1px solid var(--outline-variant)}.quote-box{margin:38px 0;background:var(--surface-container-low);color:var(--primary);font-size:20px;font-weight:800;font-style:italic}.code-card,.quote-box{padding:24px;border-radius:12px;border:1px solid var(--outline-variant)}.code-card{margin:40px 0;background:var(--surface-container-high);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;overflow:auto}.annotation-panel{background:var(--surface);border-left:1px solid var(--outline-variant);display:flex;flex-direction:column;min-width:0}.panel-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--outline-variant);font-weight:800}.badge{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border-radius:999px;font-size:10px;padding:3px 8px;font-weight:900}.annotation-list{flex:1 1;overflow:auto;padding:16px;display:grid;align-content:start;grid-gap:16px;gap:16px}.annotation-card{padding:16px;border-radius:12px;border:1px solid var(--outline-variant);background:var(--surface-container-lowest);transition:border-color .15s ease}.annotation-card:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--outline-variant))}.annotation-card small{color:var(--tertiary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.annotation-card p{color:var(--on-surface);line-height:1.55;font-size:14px}.annotation-jump-button{width:100%;margin:1em 0;padding:0;border:0;background:transparent;color:var(--on-surface);font:inherit;font-size:14px;line-height:1.55;text-align:left;cursor:pointer;transition:color .15s ease}.annotation-jump-button:hover{color:var(--primary)}.annotation-jump-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}.annotation-note{padding:10px 12px;border-left:3px solid var(--primary);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--primary) 7%,transparent)}.annotation-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.annotation-card-actions .btn-primary,.annotation-card-actions .btn-secondary,.annotation-card-actions button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--outline-variant);border-radius:8px;background:transparent;color:var(--on-surface);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.annotation-card-actions .btn-primary,.annotation-card-actions button.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.annotation-card-actions button:disabled{opacity:.5;cursor:not-allowed}.annotation-card-actions .material-symbols-outlined{font-size:16px}.annotation-card-actions .danger-action{color:#dc2626}.annotation-edit-form{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.annotation-edit-form textarea{width:100%;min-height:88px;box-sizing:border-box;padding:10px;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-container-lowest);color:var(--on-surface);font:inherit;line-height:1.5;resize:vertical}.panel-stats{padding:24px;border-top:1px solid var(--outline-variant);background:var(--surface-container-high)}.panel-stats dl{display:grid;grid-gap:14px;gap:14px;margin:16px 0 0}.panel-stats div{display:flex;justify-content:space-between;color:var(--on-surface-variant);font-size:12px}.panel-stats dd{margin:0;color:var(--on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.zen-page{min-height:100vh;background:radial-gradient(circle at 50% -30%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 52%),var(--background);color:var(--on-surface)}.zen-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;border-bottom:1px solid var(--outline-variant);background:color-mix(in srgb,var(--surface-container-lowest) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.zen-surface{max-width:980px;margin:0 auto;padding:80px 24px 120px}.zen-surface h1{margin:18px 0 12px;font-size:clamp(44px,8vw,84px);line-height:.95;letter-spacing:-.075em}.zen-subtitle{max-width:680px;color:var(--on-surface-variant);font-size:18px;line-height:1.7}.zen-controls{width:-moz-fit-content;width:fit-content;margin:32px 0}.zen-reading-card{border:1px solid var(--outline-variant);border-radius:28px;background:color-mix(in srgb,var(--surface-container-lowest) 88%,transparent);box-shadow:0 24px 90px rgba(0,0,0,.18);overflow:hidden}.zen-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;padding:34px;border-top:1px solid var(--outline-variant)}.zen-pair:first-child{border-top:0}.zen-pair p{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.75}.zen-pair p[lang=vi]{color:var(--on-surface-variant)}.analytics-layout{min-height:100vh;background:var(--background);color:var(--on-surface)}.analytics-content{margin-left:256px;padding:96px 24px 32px;max-width:1280px}.analytics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--outline-variant)}.analytics-header h1{margin:0;font-size:34px;letter-spacing:-.04em}.analytics-header p{color:var(--on-surface-variant)}.segmented{display:flex;gap:8px}.segmented button{padding:10px 16px;border-radius:10px;border:1px solid var(--outline-variant);background:transparent;color:var(--on-surface)}.segmented button.active{background:var(--surface-container-high);color:var(--primary);border-color:var(--outline);font-weight:900}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:24px}.analytics-card{border-radius:16px;border:1px solid var(--outline-variant);background:var(--surface-container);padding:24px}.analytics-card h3{color:var(--secondary);font-size:14px;font-weight:600}.analytics-card strong{display:block;color:var(--on-surface);font-size:44px;letter-spacing:-.06em}.analytics-card small{color:var(--tertiary);font-weight:900}.chart-card{grid-column:span 2;min-height:360px;position:relative;overflow:hidden}.chart-bars{position:absolute;inset:auto 24px 24px 24px;height:220px;display:flex;align-items:flex-end;gap:16px}.chart-bars span{flex:1 1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 35%,transparent))}.session-list{display:grid;grid-gap:14px;gap:14px}.session-item{justify-content:space-between;align-items:center;padding:14px;border-radius:12px;border:1px solid var(--outline-variant)}.language-meter,.session-item{display:flex;background:var(--surface-container-low)}.language-meter{height:42px;overflow:hidden;border-radius:999px;border:1px solid var(--outline-variant);margin:18px 0}.language-meter span{display:flex;align-items:center;justify-content:center;color:var(--on-primary);background:var(--primary);font-size:12px;font-weight:900}.language-meter span+span{color:var(--on-surface);background:var(--surface-container-highest)}.annotation-vault-grid{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:24px;gap:24px}.vault-list{display:grid;grid-gap:16px;gap:16px}.vault-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.vault-search{flex:1 1;max-width:520px}.vault-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.vault-card-header h3{margin:0 0 4px}.vault-status,.vault-status-card{margin-top:24px}.annotation-quote{margin:18px 0;color:var(--on-surface);font-size:18px;line-height:1.7}.annotation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.annotation-actions .btn-secondary{min-height:34px;padding:0 12px;font-size:12px}.empty-vault-card{border-style:dashed;text-align:center}.empty-vault-card .material-symbols-outlined{color:var(--primary);font-size:36px}.flashcard{min-height:260px;display:grid;place-items:center;text-align:center}.vault-summary{position:-webkit-sticky;position:sticky;top:96px;align-self:start;text-align:center}.vault-summary>strong{display:block;margin:12px 0 0;color:var(--on-surface);font-size:clamp(52px,7vw,76px);line-height:1;letter-spacing:-.07em}.vault-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:24px}.vault-summary-grid span{display:grid;grid-gap:4px;gap:4px;padding:14px;border:1px solid var(--outline-variant);border-radius:12px;color:var(--on-surface-variant);font-size:12px}.vault-summary-grid b{color:var(--on-surface);font-size:24px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--outline-variant)}@media (max-width:1180px){.library-book-grid{grid-template-columns:repeat(4,1fr)}.reader-shell{grid-template-columns:220px minmax(0,1fr)}.annotation-panel{display:none}}@media (max-width:860px){.header-center,.search-box,.top-nav{display:none}.stitch-app{display:block}.stitch-sidebar{position:static;width:100%;height:auto}.side-nav{grid-template-columns:repeat(3,1fr)}.analytics-content,.stitch-main{margin-left:0;width:100%}.app-header{padding:0 16px}.app-content{padding:20px}.analytics-grid,.annotation-vault-grid,.auth-shell,.landing-highlight-row,.pricing-coming-grid,.settings-grid,.stat-grid,.zen-pair{grid-template-columns:1fr}.auth-shell{padding:96px 20px 48px}.vault-toolbar{align-items:stretch;flex-direction:column}.library-book-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr}.bento-card.small,.bento-card.wide{grid-column:auto}.reader-shell{grid-template-columns:1fr}.reader-center,.reader-document,.reader-shell,.reading-surface{width:100%;max-width:100%;min-width:0}.reader-center,.reading-surface{overflow-x:hidden}.toc-panel{display:none}.reading-surface{max-width:none;padding:0}.reader-document{max-width:none;width:100%;margin:0;border-left:0;border-right:0;border-radius:0;padding-inline:0}.reader-document :where(img,svg,table,pre){max-width:100%}.uploaded-chapter-layout,.uploaded-chapter-meta{padding-inline:16px}.chapter-bottom-nav{padding-inline:16px}.chapter-bottom-nav,.preview-window,.reading-layout-bilingual{grid-template-columns:1fr}.preview-notes,.preview-sidebar{display:none}}.vault-search{display:flex}@media (max-width:860px){.vault-summary{position:static;order:-1}.vault-toolbar .segmented{width:100%;overflow-x:auto;padding-bottom:4px}.vault-toolbar .segmented button{flex:0 0 auto}.vault-card-header{align-items:flex-start}}.book-tile-link{display:block}.share-book-form{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.share-book-form input,.share-book-form select{width:100%;min-height:36px;border:1px solid var(--outline-variant);border-radius:10px;background:var(--surface-container-lowest);color:var(--on-surface);padding:0 10px;font-size:12px}.share-book-options{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:8px;gap:8px}.share-book-options label{display:grid;grid-gap:4px;gap:4px;color:var(--on-surface-variant);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.share-book-form button{min-height:34px;border:0;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:900;cursor:pointer}.share-book-form button:disabled,.share-book-form input:disabled,.share-book-form select:disabled{opacity:.55;cursor:not-allowed}.share-book-form small{color:var(--on-surface-variant);font-size:11px;line-height:1.4}.invite-shell .auth-card{align-self:start}.invite-book-preview{grid-template-columns:minmax(160px,220px) 1fr;display:grid;grid-gap:20px;gap:20px;align-items:center;padding:18px;border:1px solid var(--outline-variant);border-radius:18px;background:var(--surface-container-lowest)}.invite-book-cover{width:min(220px,100%);aspect-ratio:3/4;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#121c28,#630ed4);color:#fff;font-weight:900;text-align:center;padding:8px}.invite-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.invite-book-preview h2{margin:0 0 6px;font-size:20px;letter-spacing:-.04em}.invite-book-preview p{margin:0;color:var(--on-surface-variant);font-size:12px;line-height:1.5}.sharing-page{display:grid;grid-gap:24px;gap:24px}.sharing-summary-grid{margin-bottom:0}.sharing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.sharing-heading h2{margin:0 0 6px;font-size:28px;letter-spacing:-.04em}.sharing-heading p{margin:0}.sharing-heading .btn-primary{min-height:42px;padding-inline:18px}.sharing-message{max-width:none;margin:0;padding:12px 14px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container-lowest)}.sharing-link-list{display:grid;grid-gap:14px;gap:14px}.sharing-link-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr) auto;grid-gap:24px;gap:24px;align-items:center;padding:22px;border:1px solid var(--outline-variant);border-radius:18px;background:var(--surface-container-lowest)}.sharing-link-main{min-width:0}.sharing-link-main h3{margin:9px 0 4px;font-size:20px;letter-spacing:-.03em}.sharing-link-main p{margin:0 0 12px;color:var(--on-surface-variant);font-size:12px}.sharing-link-main code{display:block;overflow:hidden;color:var(--primary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sharing-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--surface-container-high);color:var(--on-surface-variant);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.sharing-status-active{background:color-mix(in srgb,var(--tertiary) 12%,var(--surface-container-lowest));color:var(--tertiary)}.sharing-status-exhausted{background:color-mix(in srgb,var(--primary) 12%,var(--surface-container-lowest));color:var(--primary)}.sharing-status-expired,.sharing-status-revoked{color:var(--secondary)}.sharing-link-metrics{display:grid;grid-template-columns:.7fr .7fr 1.6fr;grid-gap:8px;gap:8px;margin:0}.sharing-link-metrics div{min-width:0;padding:10px;border-radius:10px;background:var(--surface-container-low)}.sharing-link-metrics dt{color:var(--secondary);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.sharing-link-metrics dd{margin:5px 0 0;color:var(--on-surface);font-size:12px;font-weight:800;line-height:1.35}.sharing-link-actions{display:grid;grid-gap:8px;gap:8px}.sharing-link-actions .btn-secondary,.sharing-revoke-button{min-height:36px;padding:0 14px;border-radius:999px;font-size:11px;font-weight:900;cursor:pointer}.sharing-revoke-button{border:1px solid color-mix(in srgb,#dc2626 40%,var(--outline-variant));background:transparent;color:#dc2626}.sharing-revoke-button:disabled{opacity:.55;cursor:wait}.sharing-empty-state{display:grid;justify-items:start;grid-gap:10px;gap:10px;border-style:dashed}.sharing-empty-state>.material-symbols-outlined{color:var(--primary);font-size:38px}.sharing-empty-state h2,.sharing-empty-state p{margin:0}@media (max-width:1040px){.sharing-link-card{grid-template-columns:1fr;align-items:stretch}.sharing-link-actions{grid-template-columns:1fr 1fr}}@media (max-width:720px){.sharing-link-card{padding:18px;gap:18px}.sharing-heading{align-items:stretch;flex-direction:column}.sharing-link-metrics{grid-template-columns:1fr 1fr}.sharing-link-metrics div:last-child{grid-column:1/-1}}@media (max-width:520px){.invite-book-preview{grid-template-columns:1fr}.invite-book-cover{margin-inline:auto}.sharing-link-actions{grid-template-columns:1fr}}.book-actions{margin-top:12px;display:grid;grid-gap:10px;gap:10px}.book-action-menu{position:absolute;top:8px;right:8px;z-index:8;cursor:default}.book-action-trigger{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,#fff 35%,var(--outline-variant));border-radius:999px;background:color-mix(in srgb,var(--surface-container-lowest) 82%,transparent);color:var(--on-surface);box-shadow:0 10px 28px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.book-action-trigger:hover,.book-action-trigger[aria-expanded=true]{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 55%,var(--outline-variant))}.book-menu-popover{width:min(292px,calc(100vw - 48px));display:grid;grid-gap:14px;gap:14px;position:absolute;top:40px;right:0;padding:14px;border:1px solid var(--outline-variant);border-radius:16px;background:var(--surface-container-lowest);box-shadow:0 22px 70px rgba(0,0,0,.28)}.library-book-grid>.book-tile:nth-child(6n+1) .book-menu-popover{left:0;right:auto}.book-menu-popover h5{margin:0 0 8px;color:var(--on-surface-variant);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.archive-book-action{display:grid;grid-gap:6px;gap:6px}.archive-book-action button{min-height:34px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:12px;font-weight:900;cursor:pointer}.archive-book-action button:hover{color:#ef4444;border-color:color-mix(in srgb,#ef4444 55%,var(--outline-variant))}.archive-book-action button:disabled{opacity:.55;cursor:not-allowed}.archive-book-action small{color:#ef4444;font-size:11px;line-height:1.4}@media (max-width:1180px){.library-book-grid>.book-tile .book-menu-popover{left:auto;right:0}.library-book-grid>.book-tile:nth-child(4n+1) .book-menu-popover{left:0;right:auto}}@media (max-width:860px){.library-book-grid>.book-tile .book-menu-popover{left:auto;right:0}.library-book-grid>.book-tile:nth-child(odd) .book-menu-popover{left:0;right:auto}}.landing-page-redesign{overflow:clip}.landing-topbar{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-topbar .btn-secondary{min-height:38px;padding-inline:16px;border-radius:999px}.landing-hero-redesign{min-height:auto;padding-top:156px;padding-bottom:108px;isolation:isolate}.landing-hero-copy{width:min(920px,100%);position:relative;z-index:2}.landing-hero-redesign .landing-title{max-width:880px;font-size:clamp(58px,8vw,104px);line-height:.92;text-wrap:balance;background:linear-gradient(130deg,var(--on-surface) 20%,var(--primary) 72%,var(--tertiary));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-redesign .landing-copy{max-width:740px;text-wrap:pretty}.landing-orbit{position:absolute;z-index:-1;border-radius:999px;filter:blur(8px);opacity:.55;pointer-events:none}.landing-orbit-one{width:460px;height:460px;top:80px;left:-260px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 30%,transparent),transparent 68%);animation:landingOrbit 12s var(--motion-ease-standard) infinite alternate}.landing-orbit-two{width:360px;height:360px;top:300px;right:-180px;background:radial-gradient(circle,color-mix(in srgb,var(--tertiary) 24%,transparent),transparent 68%);animation:landingOrbit 15s var(--motion-ease-standard) infinite alternate-reverse}@keyframes landingOrbit{to{transform:translate3d(32px,26px,0) scale(1.08)}}.landing-trust-row{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;color:var(--on-surface-variant);font-size:12px;font-weight:750}.landing-trust-row span{display:inline-flex;align-items:center;gap:7px}.landing-trust-row .material-symbols-outlined{color:var(--tertiary);font-size:18px}.landing-preview-wrap{width:min(1180px,100%);margin-top:76px;position:relative;z-index:2}.landing-reader-preview{margin:0;overflow:hidden;border-radius:24px;box-shadow:var(--elevation-soft);text-align:left;transform:perspective(1400px) rotateX(2.5deg);transform-origin:50% 100%}.landing-preview-chrome{min-height:48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;padding:0 18px;border-bottom:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:11px;font-weight:800}.landing-preview-dots{display:flex;gap:6px}.landing-preview-dots span{width:8px;height:8px;border-radius:50%;background:var(--outline)}.landing-preview-private{justify-self:end;display:inline-flex;align-items:center;gap:5px;color:var(--tertiary)}.landing-preview-private .material-symbols-outlined{font-size:15px}.landing-preview-layout{min-height:530px;display:grid;grid-template-columns:180px minmax(0,1fr) 230px;background:var(--surface-container-low)}.landing-preview-annotations,.landing-preview-toc{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:26px 20px;background:color-mix(in srgb,var(--surface-container-lowest) 90%,transparent)}.landing-preview-toc{border-right:1px solid var(--outline-variant)}.landing-preview-annotations{border-left:1px solid var(--outline-variant)}.landing-preview-annotations>small,.landing-preview-toc small{margin-bottom:8px;color:var(--secondary);text-transform:uppercase;letter-spacing:.16em;font-weight:900}.landing-preview-toc span,.landing-preview-toc strong{padding:9px 10px;border-radius:8px;color:var(--on-surface-variant);font-size:11px}.landing-preview-toc strong{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.landing-preview-page{position:relative;overflow:hidden;padding:52px clamp(28px,5vw,68px);background:var(--reader-document-bg);color:var(--reader-document-text)}.landing-preview-page h2{max-width:640px;margin:20px 0 34px;color:var(--reader-document-heading);font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.04em}.landing-preview-labels{display:flex;gap:12px;color:var(--reader-document-link);font:800 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em}.landing-preview-copy{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;padding:18px 0;border-top:1px solid var(--reader-document-border)}.landing-preview-copy p{margin:0;font:17px/1.76 Georgia,Times New Roman,serif}.landing-preview-copy p[lang=vi],.landing-preview-copy.muted-copy{color:var(--reader-document-muted)}.landing-preview-annotations article{padding:14px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container-low)}.landing-preview-annotations article span{color:var(--tertiary);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.landing-preview-annotations article p{margin:8px 0 0;color:var(--on-surface-variant);font-size:11px;line-height:1.55}.landing-preview-focus-line{position:absolute;z-index:3;left:0;right:0;top:55%;height:104px;border-block:1px solid color-mix(in srgb,var(--primary) 75%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:0 -180px 0 180px rgba(5,5,8,.18),0 180px 0 180px rgba(5,5,8,.18);animation:focusLinePreview 5.8s var(--motion-ease-standard) infinite alternate;pointer-events:none}.landing-preview-focus-line span{position:absolute;top:-25px;right:16px;color:var(--primary);font:800 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.13em}@keyframes focusLinePreview{0%,15%{transform:translateY(-88px)}85%,to{transform:translateY(72px)}}.landing-reader-preview figcaption{padding:12px 18px;border-top:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface-variant);font-size:11px;text-align:center}.landing-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:124px 0;scroll-margin-top:70px}.landing-section-copy{max-width:560px}.landing-section-copy .section-title,.landing-section-heading .section-title{margin-top:14px;font-size:clamp(42px,6vw,72px);line-height:.98;text-wrap:balance}.landing-section-copy .section-subtitle,.landing-section-heading .section-subtitle{max-width:680px;font-size:17px;line-height:1.75}.landing-focusline-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;grid-gap:clamp(48px,8vw,110px);gap:clamp(48px,8vw,110px)}.landing-check-list{display:grid;grid-gap:14px;gap:14px;margin:30px 0 0;padding:0;list-style:none}.landing-check-list li{display:flex;align-items:center;gap:12px;color:var(--on-surface-variant);font-weight:700}.landing-check-list .material-symbols-outlined{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.landing-ruler-demo{position:relative;overflow:hidden;min-height:430px;display:grid;align-content:center;grid-gap:0;gap:0;padding:64px clamp(28px,5vw,58px);border-radius:24px;font:clamp(19px,2vw,24px)/1.75 Georgia,Times New Roman,serif}.landing-ruler-demo p{margin:0;padding:16px 0}.landing-ruler-demo-label{position:absolute;top:18px;right:18px;color:var(--tertiary);font:800 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.13em}.landing-ruler-band{position:absolute;left:0;right:0;top:50%;height:94px;transform:translateY(-50%);border-block:1px solid color-mix(in srgb,var(--tertiary) 70%,transparent);background:color-mix(in srgb,var(--tertiary) 9%,transparent);box-shadow:0 -190px 0 190px rgba(0,0,0,.22),0 190px 0 190px rgba(0,0,0,.22);pointer-events:none}.landing-section-heading{max-width:800px;margin:0 auto 56px;text-align:center}.landing-story-grid.bento-grid{margin-top:0}.landing-story-card{grid-column:span 4;min-height:270px;padding:30px;border-radius:20px;transition:transform var(--motion-duration-medium) var(--motion-ease-out),border-color var(--motion-duration-fast) ease}.landing-story-card.wide{grid-column:span 6}.landing-story-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 52%,var(--outline-variant))}.landing-story-card h3{margin:28px 0 12px;color:var(--on-surface);font-size:24px;letter-spacing:-.035em}.landing-story-card p{margin:0;color:var(--on-surface-variant);line-height:1.7}.landing-workflow{width:min(1280px,calc(100% - 48px));padding-inline:clamp(28px,5vw,70px);border-block:1px solid var(--outline-variant)}.landing-workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-top:54px;border:1px solid var(--outline-variant);border-radius:22px;overflow:hidden;background:var(--outline-variant)}.landing-workflow-grid article{min-height:250px;padding:34px;background:var(--surface-container-lowest)}.landing-workflow-grid article>span{color:var(--primary);font:900 12px/1 ui-monospace,monospace}.landing-workflow-grid h3{margin:54px 0 12px;color:var(--on-surface);font-size:24px}.landing-workflow-grid p{margin:0;color:var(--on-surface-variant);line-height:1.7}.landing-privacy{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:64px;gap:64px;align-items:center;margin-block:80px;padding:clamp(34px,6vw,72px);border-radius:28px}.landing-privacy .section-title{margin-top:14px;font-size:clamp(38px,5vw,62px);line-height:1}.landing-privacy .section-subtitle{font-size:17px;line-height:1.75}.landing-privacy-points{display:grid;grid-gap:12px;gap:12px}.landing-privacy-points>span{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--outline-variant);border-radius:14px;background:var(--surface-container-lowest);font-weight:800}.landing-privacy-points .material-symbols-outlined{color:var(--tertiary)}.landing-final-cta{width:min(920px,calc(100% - 48px));margin:0 auto;padding:130px 24px 150px;text-align:center}.landing-final-cta h2{margin:18px 0;font-size:clamp(48px,8vw,86px);line-height:.94;letter-spacing:-.07em;text-wrap:balance}.landing-final-cta>p:not(.section-kicker){max-width:680px;margin:0 auto 34px;color:var(--on-surface-variant);font-size:18px;line-height:1.7}.landing-footer{min-height:110px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:30px;gap:30px;padding:24px max(24px,calc((100vw - 1180px) / 2));border-top:1px solid var(--outline-variant);color:var(--on-surface-variant)}.landing-footer p{margin:0;font-size:12px;text-align:center}.landing-footer>div{display:flex;gap:18px;font-size:12px;font-weight:800}.legal-page{min-height:100vh}.legal-shell{width:min(1040px,calc(100% - 48px));margin:0 auto;padding:132px 0 96px}.legal-hero{padding:clamp(34px,6vw,72px);border-radius:28px}.legal-hero h1{margin:16px 0 20px;color:var(--on-surface);font-size:clamp(48px,7vw,84px);line-height:.94;letter-spacing:-.07em}.legal-hero p{max-width:780px;color:var(--on-surface-variant);font-size:18px;line-height:1.75}.legal-note{margin-top:22px;padding-top:22px;border-top:1px solid var(--outline-variant);font-size:14px!important}.legal-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}.legal-card{padding:28px;border-radius:22px}.legal-abuse h2,.legal-card h2{margin:0 0 14px;color:var(--on-surface);font-size:24px;letter-spacing:-.035em}.legal-abuse p,.legal-card p{margin:0;color:var(--on-surface-variant);line-height:1.75}.legal-abuse{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:36px;gap:36px;margin-top:18px;padding:32px;border-radius:24px}.legal-abuse a{color:var(--primary);font-weight:900}@media (max-width:960px){.landing-preview-layout{grid-template-columns:150px minmax(0,1fr)}.landing-preview-annotations{display:none}.landing-focusline-section,.landing-privacy,.legal-abuse{grid-template-columns:1fr}.landing-ruler-demo{min-height:360px}.landing-story-card,.landing-story-card.wide{grid-column:span 6}}@media (max-width:680px){.landing-topbar{padding-inline:14px}.landing-topbar .brand-copy p,.landing-topbar .theme-toggle span:last-child{display:none}.landing-topbar .btn-secondary{padding-inline:12px}.landing-hero-redesign{padding:124px 16px 82px}.landing-hero-redesign .landing-title{font-size:clamp(50px,15vw,72px)}.landing-preview-wrap{margin-top:52px}.landing-reader-preview{border-radius:16px;transform:none}.landing-preview-chrome{grid-template-columns:1fr auto}.landing-preview-chrome>span:not(.landing-preview-private){display:none}.landing-preview-layout{min-height:470px;grid-template-columns:1fr}.landing-preview-toc{display:none}.landing-preview-page{padding:38px 22px}.landing-preview-copy{grid-template-columns:1fr;gap:10px}.landing-preview-copy p[lang=vi]{font-size:15px}.landing-preview-focus-line{height:92px}.landing-section,.landing-workflow{width:min(100% - 32px,1180px);padding-block:88px}.landing-story-grid.bento-grid{grid-template-columns:1fr}.landing-story-card,.landing-story-card.wide{grid-column:auto}.landing-workflow{padding-inline:0}.landing-workflow-grid{grid-template-columns:1fr}.landing-workflow-grid article{min-height:210px}.landing-workflow-grid h3{margin-top:34px}.landing-privacy{padding:28px}.landing-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.landing-footer>div{flex-wrap:wrap;justify-content:center}.legal-shell{width:min(100% - 32px,1040px);padding-top:112px}.legal-section-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-orbit,.landing-preview-focus-line{animation:none}.landing-reader-preview,.landing-story-card,.landing-story-card:hover{transform:none}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.reader-topbar{min-height:68px;padding-inline:18px}.reader-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.focus-line-quick-toggle{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-low);color:var(--on-surface-variant);font-size:11px;font-weight:900;transition:color var(--motion-duration-fast) ease,border-color var(--motion-duration-fast) ease,background var(--motion-duration-fast) ease}.focus-line-quick-toggle .material-symbols-outlined{font-size:18px}.focus-line-quick-toggle.is-active{border-color:color-mix(in srgb,var(--tertiary) 58%,var(--outline-variant));background:color-mix(in srgb,var(--tertiary) 10%,var(--surface-container-low));color:var(--tertiary)}.reader-settings{position:relative}.reader-settings>summary{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-low);color:var(--on-surface-variant);font-size:11px;font-weight:900;list-style:none;cursor:pointer}.reader-settings>summary::-webkit-details-marker{display:none}.reader-settings>summary .material-symbols-outlined{font-size:18px}.reader-settings[open]>summary{border-color:var(--primary);color:var(--primary)}.reader-settings-panel{position:absolute;z-index:70;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 24px));max-height:calc(100vh - 92px);overflow-y:auto;display:grid;grid-gap:18px;gap:18px;padding:20px;border:1px solid var(--outline-variant);border-radius:20px;background:color-mix(in srgb,var(--surface-container-lowest) 96%,transparent);box-shadow:0 26px 90px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.reader-settings-heading small,.reader-settings-heading strong{display:block}.reader-settings-heading strong{font-size:16px}.reader-settings-heading small{margin-top:3px;color:var(--on-surface-variant);font-size:11px}.reader-settings-heading>.material-symbols-outlined{color:var(--primary)}.reader-settings-panel fieldset{min-width:0;display:grid;grid-gap:14px;gap:14px;margin:0;padding:16px;border:1px solid var(--outline-variant);border-radius:14px}.reader-settings-panel legend{padding:0 7px;color:var(--primary);font:900 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}.reader-settings-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px 14px;gap:8px 14px;color:var(--on-surface-variant);font-size:12px;font-weight:800}.reader-settings-panel label input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--primary)}.reader-settings-panel label select{min-height:34px;padding:0 10px;border:1px solid var(--outline-variant);border-radius:9px;background:var(--surface-container-low);color:var(--on-surface);font-weight:800}.reader-settings-panel label output{color:var(--secondary);font:800 10px/1 ui-monospace,monospace}.reader-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--on-surface-variant);font-size:12px;font-weight:800}.reader-setting-row>span small,.reader-setting-row>span strong{display:block}.reader-setting-row>span small{max-width:210px;margin-top:3px;color:var(--secondary);font-weight:600;line-height:1.4}.reader-size-stepper{display:flex;align-items:center;gap:5px}.reader-size-stepper button{width:32px;height:32px;border:1px solid var(--outline-variant);border-radius:9px;background:var(--surface-container-low);color:var(--on-surface);font-weight:900}.reader-size-stepper output{min-width:42px;color:var(--secondary);font:800 10px/1 ui-monospace,monospace;text-align:center}.reader-switch{min-width:68px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-low);color:var(--on-surface-variant);font-size:10px;font-weight:900}.reader-switch>span{width:9px;height:9px;border-radius:50%;background:var(--secondary)}.reader-switch[aria-pressed=true]{border-color:color-mix(in srgb,var(--tertiary) 55%,var(--outline-variant));color:var(--tertiary)}.reader-switch[aria-pressed=true]>span{background:var(--tertiary);box-shadow:0 0 0 4px color-mix(in srgb,var(--tertiary) 15%,transparent)}.reader-lock-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--outline-variant);border-radius:10px;background:var(--surface-container-low);color:var(--on-surface);font-size:11px;font-weight:900}.reader-lock-button[aria-pressed=true]{border-color:var(--primary);color:var(--primary)}.reader-lock-button:disabled,.reader-settings-panel input:disabled{opacity:.45;cursor:not-allowed}.reader-lock-button .material-symbols-outlined{font-size:17px}.reader-keyboard-hint,.reader-preference-status{margin:0;color:var(--secondary);font-size:10px;line-height:1.5}.reader-preference-status{color:var(--tertiary)}.reader-center:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,transparent);outline-offset:-3px;box-shadow:inset var(--focus-ring)}.focus-line-overlay{position:fixed;z-index:24;overflow:hidden;pointer-events:none}.focus-line-mask{position:absolute;left:0;right:0;background:rgb(var(--focus-line-mask)/var(--focus-line-dim-opacity));-webkit-backdrop-filter:saturate(.78);backdrop-filter:saturate(.78)}.focus-line-mask-above{top:0}.focus-line-band{position:absolute;left:0;right:0;border-block:1px solid color-mix(in srgb,var(--primary) 72%,transparent);background:color-mix(in srgb,var(--primary) 5%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--tertiary) 24%,transparent);transition:top var(--motion-duration-fast) var(--motion-ease-out),height var(--motion-duration-fast) var(--motion-ease-out)}.focus-line-band>span{position:absolute;top:5px;right:10px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--surface-container-lowest) 90%,transparent);color:var(--primary);font:900 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.focus-line-overlay.is-locked .focus-line-band{border-color:var(--tertiary)}.focus-line-overlay.is-locked .focus-line-band>span{color:var(--tertiary)}.reading-surface{max-width:none;padding:30px clamp(20px,4vw,46px) 56px}.reader-document{width:min(100%,var(--reader-document-width,760px));box-shadow:0 20px 70px rgba(0,0,0,.08)}.uploaded-chapter-layout{gap:0}.uploaded-chapter-paragraph{padding-top:0;border-top:0}.uploaded-chapter-paragraph+.uploaded-chapter-paragraph{margin-top:.35em}.uploaded-chapter-heading{margin-top:2.2em}@media (max-width:860px){.reader-topbar{min-height:62px;padding-inline:10px}.reader-title-block .brand-copy p{display:none}.reader-toolbar{gap:3px}.reader-toolbar>.icon-button{display:none}.focus-line-quick-toggle{min-width:38px;width:38px;padding:0;justify-content:center}.focus-line-quick-toggle>span:last-child{display:none}.reader-settings>summary{width:38px;padding:0;justify-content:center}.reader-settings>summary>span:last-child{display:none}.reader-settings-panel{position:fixed;top:70px;right:10px;left:10px;width:auto;max-height:calc(100vh - 82px)}.reader-toolbar .theme-toggle{width:38px;padding:0;justify-content:center}.reader-toolbar .theme-toggle>span:last-child{display:none}.reading-surface{padding:0}.reader-document{box-shadow:none}.focus-line-band>span{display:none}}@media (prefers-reduced-motion:reduce){.focus-line-band{transition:none}}.library-toolbar{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.library-toolbar h3{margin:0 0 4px;color:var(--on-surface);font-size:22px}.library-toolbar p{margin:0}.library-view-switch{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--outline-variant);border-radius:14px;background:var(--surface-container-low)}.library-view-switch button{min-width:96px;min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--on-surface-variant);font-weight:900;cursor:pointer}.library-view-switch button.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:0 6px 18px rgba(0,0,0,.08)}.trash-book-tile{cursor:default}.trash-book-tile .book-cover{filter:saturate(.72)}.trash-book-actions{margin-top:12px;display:grid;grid-gap:8px;gap:8px}.trash-book-actions button{min-height:36px;padding:0 12px;border:1px solid var(--outline-variant);border-radius:999px;background:var(--surface-container-lowest);color:var(--on-surface);font-size:12px;font-weight:900;cursor:pointer}.trash-book-actions button:hover{border-color:var(--primary);color:var(--primary)}.trash-book-actions button.danger-button{color:#dc2626}.trash-book-actions button.danger-button:hover{border-color:#dc2626}.trash-book-actions button:disabled{opacity:.55;cursor:wait}.trash-book-actions small{color:#dc2626;font-size:11px;line-height:1.4}.permanent-delete-confirmation{padding:10px;border:1px solid color-mix(in srgb,#dc2626 40%,var(--outline-variant));border-radius:12px;background:color-mix(in srgb,#dc2626 7%,var(--surface-container-lowest))}.permanent-delete-confirmation p{margin:0 0 10px;color:var(--on-surface-variant);font-size:11px;line-height:1.45}.permanent-delete-confirmation p strong{color:var(--on-surface)}.permanent-delete-confirmation>div{display:grid;grid-template-columns:auto 1fr;grid-gap:6px;gap:6px}@media (max-width:680px){.library-view-switch{width:100%}.library-view-switch button{min-width:0}.library-toolbar{align-items:stretch;flex-direction:column}.permanent-delete-confirmation>div{grid-template-columns:1fr}}