@font-face{font-family:DM Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/sora-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/sora-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--paper);--paper:#f8f9fb;--ink:#191b20;--muted:#656b76;--primary:#343b47;--accent:#384354;--on-accent:#fff;--soft:#e9edf2;--border:#d6dbe3;--surface:#fff;--reader-bg:#e3e7ed;--glass:#fbfcfeeb;--glass-border:#8e99aa73;--preview-bg:#0b0d10;--preview-ink:#f1f3f6;--preview-muted:#b8bfca;--preview-bar:#191d24;--display:"Sora", sans-serif;--mono:"DM Sans", sans-serif;--spring:cubic-bezier(.2,1.18,.35,1);--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(22px,3.8vw,64px);font-family:DM Sans,sans-serif}:root[data-theme=dark]{--paper:#0b0c0f;--ink:#eceef2;--muted:#a5aab4;--primary:#e2e5eb;--accent:#d5dbe4;--on-accent:#111318;--soft:#202329;--border:#292c31;--surface:#15171b;--reader-bg:#060709;--glass:#111318ed;--glass-border:#bfc6d440}:root[data-palette=violet]{--paper:#fafafe;--ink:#191820;--muted:#767183;--primary:#7860dc;--accent:#6950cc;--on-accent:#fff;--soft:#eee9fc;--border:#ddd8e7;--surface:#fff;--reader-bg:#e9e7ee;--glass:#fbfafeeb;--glass-border:#b9b0d699;--preview-bg:#13131d;--preview-ink:#f5f3ff;--preview-muted:#c4bdd6;--preview-bar:#242131}:root[data-palette=violet][data-theme=dark]{--paper:#101017;--ink:#f5f3ff;--muted:#a09eaf;--primary:#ad9aff;--accent:#b9a8ff;--on-accent:#1b1429;--soft:#292435;--border:#36313f;--surface:#1a1923;--reader-bg:#0b0b10;--glass:#171720ed;--glass-border:#ad9aff59}:root[data-palette=blue]{--paper:#f7fafe;--ink:#172330;--muted:#647589;--primary:#3a70b6;--accent:#2f619b;--on-accent:#fff;--soft:#e5eefb;--border:#d3dfed;--surface:#fff;--reader-bg:#e2eaf5;--glass:#f7fafeeb;--glass-border:#6f9acc70;--preview-bg:#0c1726;--preview-ink:#f1f6ff;--preview-muted:#abbddb;--preview-bar:#15283f}:root[data-palette=blue][data-theme=dark]{--paper:#090f19;--ink:#edf3fc;--muted:#9dadc4;--primary:#9abdf4;--accent:#a7c8ff;--on-accent:#101f35;--soft:#192941;--border:#2a3950;--surface:#101c2c;--reader-bg:#050a12;--glass:#0c1726ed;--glass-border:#85b0ef59}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button svg,a svg{flex-shrink:0}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:650}input,select{min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:12px;outline:none;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .18s,box-shadow .18s,background .18s}input::placeholder{color:var(--muted);opacity:.85}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:.15em;font-size:10px;font-weight:500}.button{min-height:54px;transition:transform .24s var(--spring),background .18s,border-color .18s,box-shadow .18s;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-size:15px;font-weight:650;display:inline-flex}.button.primary{background:var(--primary);color:var(--on-accent);box-shadow:inset 0 1px #ffffff1f}.button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 90%,var(--ink))}.button.outline{color:var(--ink);border-color:var(--border);background:0 0}.button.outline:hover:not(:disabled){background:var(--soft);border-color:var(--primary)}.button.soft{background:var(--soft);color:var(--accent)}.button:not(:disabled):hover{transform:translateY(-2px)}.button:not(:disabled):active{transition-duration:80ms;transform:scale(.97)}.button>svg:last-child,.text-button>svg:last-child{transition:transform .24s var(--ease)}.button:hover:not(:disabled)>svg:last-child,.text-button:hover:not(:disabled)>svg:last-child{transform:translate(3px)}.button.compact{border-radius:10px;gap:8px;min-height:44px;padding:10px 17px;font-size:14px}.button.full{width:100%}.icon-button{min-width:44px;min-height:44px;color:var(--ink);transition:background .18s,transform .24s var(--spring);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.icon-button:hover{background:var(--soft)}.icon-button:active{transition-duration:80ms;transform:scale(.92)}.text-button,.text-action{color:var(--accent);text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:12px 0;font-size:14px;font-weight:500;text-decoration:none;display:flex}.text-button{width:100%}.text-button svg:last-child{margin-left:auto}.text-button:hover:not(:disabled),.text-action:hover:not(:disabled){color:var(--primary)}a.text-button{text-decoration:none}a.text-action{text-underline-offset:4px;text-decoration:underline}.brand{min-height:44px;color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand>span{font-family:var(--display);letter-spacing:-1.2px;font-size:26px;font-weight:550}.panel-mark{flex-shrink:0}.home-shell{background:var(--paper);width:100%;min-height:100dvh}.home-header{z-index:2;max-width:1440px;height:80px;width:calc(100% - var(--gutter) * 2);justify-content:space-between;align-items:center;gap:24px;margin:auto;display:flex;position:relative}.home-header nav,.header-personal{align-items:center;gap:8px;display:flex}.home-header nav{gap:24px}.header-personal{border-left:1px solid var(--border);padding-left:16px}.nav-how,.nav-reading{color:var(--muted);white-space:nowrap;min-height:44px;padding:12px 0;font-size:14px;text-decoration:none;position:relative}.nav-reading{background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.nav-reading svg{display:none}.nav-reading.current,.nav-reading:hover,.nav-how:hover{color:var(--ink)}.nav-reading.current:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:2px;left:0;right:0}.join-room-nav{min-width:142px}.theme-button{background:0 0}.hero{isolation:isolate;min-height:740px;padding:42px var(--gutter) 52px;position:relative;overflow:hidden}.hero-copy{z-index:3;width:min(34%,470px);margin-left:max(0px,50vw - 784px);position:relative}.hero-wordmark{font-family:var(--display);letter-spacing:-.085em;animation:rise-in .55s var(--ease) both;margin:8px 0 30px -5px;font-size:clamp(100px,10vw,152px);font-weight:800;line-height:.98}.hero h1{letter-spacing:-.055em;animation:rise-in .55s 50ms var(--ease) both;margin:0 0 22px;font-size:clamp(32px,3.25vw,50px);font-weight:750;line-height:1.17}.hero h1 span{white-space:nowrap}.hero-description{max-width:385px;color:var(--muted);animation:rise-in .55s .1s var(--ease) both;margin:0 0 30px;font-size:17px;line-height:1.65}.hero-actions{animation:rise-in .55s .15s var(--ease) both;align-items:center;gap:24px;display:flex}.hero-actions .primary{white-space:nowrap;justify-content:space-between;min-width:196px}.demo-action{min-height:54px;color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:14px;display:inline-flex}.play-mark{border:1px solid var(--muted);width:36px;height:36px;transition:transform .24s var(--spring),background .18s;border-radius:50%;place-items:center;display:grid}.play-mark svg{margin-left:2px}.demo-action:hover:not(:disabled) .play-mark{background:var(--soft);transform:scale(1.08)}.demo-action:active:not(:disabled) .play-mark{transform:scale(.92)}.account-caption{color:var(--muted);margin:16px 0 24px;font-size:12px;line-height:1.7}.account-caption button{color:var(--ink);font-size:inherit;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);background:0 0;border:0;padding:0;display:inline}.account-caption button:hover{text-underline-offset:3px;text-decoration:underline}.invite-form{border-top:1px solid var(--border);width:100%;max-width:380px;animation:rise-in .55s .2s var(--ease) both;padding-top:20px}.invite-form label{color:var(--muted);margin-bottom:10px;font-size:12px;display:block}.invite-form>div{gap:10px;display:flex}.invite-form input{background:color-mix(in srgb,var(--surface) 85%,transparent);flex:1;width:100%;font-size:14px}.invite-form .button{border:1px solid var(--border);min-width:54px;min-height:52px;padding:13px}.hero-art{z-index:-1;pointer-events:none;position:absolute;inset:-30px 13% 0 26%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%),linear-gradient(#000 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45%),linear-gradient(#000 74%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-art img{object-fit:cover;object-position:66% center;width:100%;height:100%;animation:art-in .85s var(--ease) both;display:block}.hero-companion{z-index:2;top:18px;bottom:34px;right:var(--gutter);flex-direction:column;gap:0;width:clamp(185px,20vw,280px);display:flex;position:absolute}.companion-art{border:1px solid #ffffff26;border-radius:14px;flex:1;min-height:0;overflow:hidden}.companion-art img{object-fit:cover;object-position:70% center;width:100%;height:100%;transition:transform .65s var(--ease);display:block}.hero-companion:hover .companion-art img{transform:scale(1.035)}.companion-caption{color:var(--muted);background:var(--paper);align-items:center;gap:15px;padding:16px 6px 0;font-size:11px;line-height:1.6;display:flex}.companion-caption>svg{color:var(--ink)}.companion-caption>div{border-left:1px solid var(--border);padding-left:15px}.companion-caption span{display:block}.steps{max-width:1440px;width:calc(100% - var(--gutter) * 2);border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:auto;padding:34px 0;scroll-margin-top:24px;display:grid}.step{align-items:flex-start;gap:25px;display:flex}.step-number{font-family:var(--display);color:var(--muted);letter-spacing:-2px;font-size:40px;font-weight:400;line-height:1}.step>div{padding-left:36px;position:relative}.step>div:before{content:"";background:var(--muted);width:22px;height:1px;position:absolute;top:10px;left:0}.step h2{letter-spacing:-.55px;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.home-footer{max-width:1440px;width:calc(100% - var(--gutter) * 2);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:26px 0;font-size:12px;display:flex}.home-footer>div{align-items:center;gap:18px;display:flex}.home-footer .panel-mark{color:var(--ink);width:24px;height:24px}.modal{border:1px solid var(--glass-border);background:var(--paper);color:var(--ink);overscroll-behavior:contain;border-radius:24px;width:min(460px,100% - 24px);max-height:calc(100dvh - 32px);padding:0;overflow-y:auto;box-shadow:0 25px 90px #0005}.modal[open]{animation:modal-in .28s var(--spring)}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05060999}.modal[data-closing]{pointer-events:none}.modal[data-closing]::backdrop{animation:.15s ease-in both backdrop-away}.modal-content{padding:30px}.modal h2{letter-spacing:-1.1px;margin:0 30px 24px 0;font-size:27px;font-weight:700;line-height:1.22}.modal-close{color:var(--muted);position:absolute;top:18px;right:16px}.modal.sheet{background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translateY(var(--drag-offset,0px));transition:transform .28s var(--spring)}.modal.sheet[data-dragging]{transition:none}.sheet-handle{display:none}.stack-form{flex-direction:column;gap:10px;display:flex}.form-pending{color:var(--muted);align-items:center;gap:10px;padding:16px 0;font-size:14px;display:flex}.stack-form>p:first-child,.modal-description{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.7}.stack-form label,.field-label{margin-top:9px;font-size:13px;font-weight:500;display:block}.stack-form input{width:100%}.stack-form .full{margin-top:16px}.optional{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400;display:inline-block}.source-links{color:var(--accent);gap:25px;margin:5px 0 7px;font-size:12px;display:flex}.source-links a{align-items:center;gap:5px;min-height:44px;text-decoration:none;display:flex}.source-links a:hover{text-decoration:underline}.form-error{color:#a83353;margin:8px 0;font-size:13px;line-height:1.6}[data-theme=dark] .form-error{color:#ffadbd}.copy-field{gap:8px;margin-top:11px;display:flex}.copy-field input{flex:1;width:100%;padding-inline:12px;font-size:13px}.copy-field .button{min-width:50px;padding:12px}.copy-status{color:var(--accent);overflow-wrap:anywhere;margin:15px 0 22px;font-size:12px;line-height:1.6}.invite-note{border-top:1px solid var(--border);color:var(--muted);align-items:flex-start;gap:12px;padding-top:20px;font-size:12px;line-height:1.7;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-actions .button{min-height:48px;padding:12px 16px;font-size:14px}.library-main{max-width:1440px;width:calc(100% - var(--gutter) * 2);grid-template-columns:180px minmax(0,1fr);gap:40px;min-height:calc(100dvh - 196px);margin:36px auto 80px;display:grid}.library-sidebar{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;gap:80px;padding:6px 28px 0 0;display:flex}.library-tabs{flex-direction:column;gap:6px;display:flex}.library-tabs button{min-height:48px;color:var(--muted);text-align:left;transition:color .18s,transform .24s var(--spring);background:0 0;border:0;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex;position:relative}.library-tabs button small{font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.library-tabs button.selected{color:var(--ink);font-weight:600}.library-tabs button.selected:before{content:"";background:var(--primary);border-radius:2px;width:2px;height:20px;position:absolute;left:-12px}.library-tabs button:hover{color:var(--ink)}.library-tabs button:active{transform:translate(2px)}.library-sources{border-top:1px solid var(--border);flex-direction:column;gap:5px;padding-block:22px;display:flex}.library-sources>span{margin-bottom:9px}.library-sources a{min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:flex}.library-sources a:hover{color:var(--ink)}.library-sources p{color:var(--muted);margin:12px 0 0;font-size:11px;line-height:1.6}.library-content{min-width:0;animation:rise-in .45s var(--ease) both}.library-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.library-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,4.2vw,62px);font-weight:750;line-height:1.1}.library-add-button{flex-shrink:0}.library-tools{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.library-search{width:320px;color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex}.library-search input{background:0 0;border:0;border-radius:6px;width:100%;min-height:44px;padding:10px 3px;font-size:14px}.check-updates{color:var(--muted);white-space:nowrap;font-size:13px}.continue-feature{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:32px;padding-bottom:32px;display:grid}.continue-art{border-radius:12px 0 0 12px;height:276px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000);mask-image:linear-gradient(90deg,#000 50%,#0000)}.continue-art img{object-fit:cover;object-position:center 23%;width:100%;height:100%}.continue-copy{min-width:0;padding-right:16px}.continue-copy .eyebrow{letter-spacing:.2em;font-size:10px}.continue-copy h2{letter-spacing:-.055em;overflow-wrap:anywhere;margin:15px 0 12px;font-size:clamp(25px,2.5vw,40px);line-height:1.2}.continue-copy p{color:var(--muted);margin:0 0 12px;font-size:13px}.continue-copy .progress-track{max-width:300px;margin-bottom:22px}.continue-copy .button{min-height:48px;font-size:14px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;display:grid}.library-card{min-width:0}.library-cover{aspect-ratio:2/3;background:var(--soft);border-radius:12px;position:relative;overflow:hidden}.cover-open{width:100%;height:100%;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;display:block}.cover-open:disabled{opacity:1}.cover-open img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.library-card:hover .cover-open:not(:disabled) img{transform:scale(1.04)}.cover-open:focus-visible{outline-offset:-4px}.cover-fallback{background:var(--soft);height:100%;color:var(--ink);flex-direction:column;justify-content:flex-end;gap:12px;padding:24px;display:flex}.cover-fallback .panel-mark{width:34px;height:34px;margin-bottom:auto}.cover-fallback span{font-family:var(--display);letter-spacing:-.05em;overflow-wrap:anywhere;font-size:clamp(15px,1.5vw,23px);line-height:1.3}.cover-fallback small{color:var(--muted);font-size:11px}.update-count{background:var(--primary);color:var(--on-accent);pointer-events:none;border-radius:7px;padding:6px 9px;font-size:11px;font-weight:650;position:absolute;bottom:10px;left:10px}.library-remove{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s,transform .24s var(--spring);position:absolute;top:6px;right:6px}.library-card:hover .library-remove,.library-card:focus-within .library-remove{opacity:1}.library-card-copy{padding-top:15px}.library-card-copy .eyebrow{letter-spacing:.03em;font-size:10px}.library-card h3{letter-spacing:-.5px;overflow-wrap:anywhere;margin:7px 0 9px;font-size:16px;font-weight:600;line-height:1.4}.library-card p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.library-card .text-button{justify-content:space-between;width:100%;margin-top:4px;font-size:13px}.library-empty{isolation:isolate;min-height:240px;color:var(--muted);align-items:center;gap:13px;padding:48px 24px;display:flex;position:relative;overflow:hidden}.library-empty>div{max-width:280px;position:relative}.library-empty h2{color:var(--ink);letter-spacing:-1px;margin:20px 0 12px;font-size:32px}.library-empty p{margin:0;font-size:14px;line-height:1.7}.library-empty .text-button{gap:22px;width:auto;margin-top:16px}.first-story{min-height:410px}.empty-art{z-index:-1;object-fit:cover;object-position:73% center;width:75%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 5%,#000 55%),linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000 5%,#000 55%),linear-gradient(#0000,#000 15% 85%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.shared-caption{color:var(--muted);align-items:center;gap:8px;margin:-8px 0 26px;font-size:13px;line-height:1.6;display:flex}.library-gate{text-align:center;flex-direction:column;align-items:center;gap:23px;max-width:560px;margin:90px auto;padding-inline:24px;display:flex}.library-gate h1{letter-spacing:-.06em;margin:0;font-size:clamp(40px,6vw,64px);line-height:1.13}.library-gate p{color:var(--muted);max-width:360px;margin:0;font-size:16px;line-height:1.7}.reader-shell.focus-reader{background:var(--reader-bg);width:100%;height:100dvh;position:relative;overflow:hidden}.reader-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-anchor:none;scroll-behavior:auto;outline-offset:-3px;position:absolute;inset:0;overflow-y:auto}.chapter-pages{max-width:var(--reader-width);background:#111;width:100%;margin:auto}.reader-page{min-height:1px;position:relative}.reader-page img{width:100%;height:auto;display:block}.page-error{background:var(--surface);min-height:180px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.chapter-end{text-align:center;color:var(--muted);background:var(--paper);padding:75px 24px 130px}.chapter-end h2{color:var(--ink);letter-spacing:-.7px;margin:17px 0 12px;font-size:26px}.chapter-end p{margin-bottom:24px;font-size:14px;line-height:1.6}.reader-top{z-index:3;padding:calc(10px + env(safe-area-inset-top)) 20px 12px;border:0;border-bottom:1px solid var(--glass-border);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:transform .28s var(--spring),opacity .18s,visibility .18s;border-radius:0 0 24px 24px;align-items:center;gap:20px;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-110%)}.reader-top.visible{opacity:1;visibility:visible;transform:none}.reader-back{border-right:1px solid var(--border);border-radius:0;width:52px;padding-right:20px}.chapter-heading{flex:1;min-width:0}.chapter-heading p{color:var(--muted);margin:0 0 4px;font-size:10px}.chapter-heading h1{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.reader-top-actions{align-items:center;gap:8px;display:flex}.rhythm-bar{z-index:4;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--glass-border);background:var(--glass);width:calc(100% - 24px);max-width:860px;min-height:66px;color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 28px #0003}.reading-progress{background:var(--primary);pointer-events:none;border-radius:8px;max-width:calc(100% - 24px);height:2px;position:absolute;top:0;left:12px}.rhythm-bar button{min-width:44px;min-height:44px;color:var(--ink);white-space:nowrap;transition:background .18s,transform .24s var(--spring),box-shadow .18s;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:12px;font-weight:550;display:flex}.rhythm-bar button:hover:not(:disabled){background:var(--soft)}.rhythm-bar button:active:not(:disabled){transition-duration:80ms;transform:scale(.92)}.rhythm-bar .rhythm-status{text-align:left;background:0 0;flex:1;justify-content:flex-start;gap:11px;min-width:44px;padding-left:0}.rhythm-status>span:last-child{min-width:0}.rhythm-label{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.rhythm-status small{color:var(--muted);text-overflow:ellipsis;margin-top:3px;font-size:10px;font-weight:400;display:block;overflow:hidden}.reader-presence{flex-shrink:0;gap:5px;padding:9px 5px;display:flex}.reader-presence.room-presence{justify-content:center;align-items:center;width:28px;height:32px;padding:0;position:relative}.room-presence .presence{width:5px;height:5px;position:absolute;bottom:0}.room-presence .presence:first-of-type{left:6px}.room-presence .presence:nth-of-type(2){left:16px}.presence{background:#7c808b;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.presence.online{background:#27c5a0}.reader-progress{font-variant-numeric:tabular-nums;color:var(--muted);margin-right:5px;font-size:11px}.chapter-nav{border-left:1px solid var(--border);gap:3px;padding-left:10px;display:flex}.rhythm-bar .follow-button{background:var(--soft);color:var(--accent)}.rhythm-bar .fullscreen-button{margin-left:2px}.rhythm-bar .room-controls{border-left:1px solid var(--border);border-radius:0;padding-left:14px}.rhythm-bar.paused .rhythm-label{color:#98651a}.rhythm-bar.paused .follow-button{color:#6f5018;background:#ead7a5}[data-theme=dark] .rhythm-bar.paused .rhythm-label{color:#f0cd86}.rhythm-bar .guide-target,.guide-target{box-shadow:0 0 0 2px var(--primary),0 0 0 5px color-mix(in srgb,var(--primary) 17%,transparent)}.compact-dock .rhythm-status small{display:none}.compact-dock .rhythm-bar{min-height:58px;padding-block:6px}.chapter-loading{z-index:5;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.reader-error{z-index:5;width:max-content;max-width:calc(100% - 28px);color:var(--ink);background:var(--paper);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:16px;padding:13px 18px;font-size:13px;display:flex;position:absolute;bottom:94px;left:50%;transform:translate(-50%)}.reader-error button{color:var(--accent);background:0 0;border:0;min-height:44px;font-weight:650}.room-tabs{border-bottom:1px solid var(--border);margin-bottom:24px;display:flex;position:relative}.room-tabs:after{content:"";background:var(--primary);width:50%;height:2px;transition:transform .24s var(--ease);position:absolute;bottom:-1px;left:0}.room-tabs:has(button:last-child[aria-selected=true]):after{transform:translate(100%)}.room-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;flex:1;padding:12px;font-size:14px;font-weight:500;transition:color .18s}.room-tabs button[aria-selected=true]{color:var(--ink)}.room-tab-content{animation:rise-in .22s var(--ease)}.participant-list{flex-direction:column;gap:20px;margin:0 0 24px;display:flex}.participant,.empty-participant{text-align:left;align-items:center;gap:14px;display:flex}.avatar{background:var(--soft);width:44px;height:44px;color:var(--accent);border:1px solid var(--glass-border);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:500;display:grid;position:relative}.avatar .presence{width:10px;height:10px;box-shadow:0 0 0 3px var(--paper);position:absolute;bottom:-1px;right:-1px}.participant>div:nth-child(2),.empty-participant>div:nth-child(2){flex:1;min-width:0}.participant strong,.empty-participant strong{overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.participant strong span{color:var(--muted);font-weight:400}.participant small,.empty-participant small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.empty-participant{color:var(--muted);background:0 0;border:0;padding:0}.empty-participant .avatar{background:0 0;border-style:dashed}.room-panel .button.full{min-height:48px;font-size:14px}.room-code-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-top:10px;padding:13px 0 8px;display:flex}.room-code-label{color:var(--muted);white-space:nowrap;font-size:12px;display:block}.room-code-field{flex:1;align-items:center;min-width:0;display:flex}.room-code-field input{font-variant-numeric:tabular-nums;letter-spacing:1px;text-align:right;background:0 0;border:0;border-radius:8px;flex:1;width:100%;min-height:44px;padding:10px 6px;font-size:14px;font-weight:500}.room-panel .lead-action{background:0 0;margin-top:12px}.room-panel .lead-action:disabled{opacity:1;color:var(--muted)}.progress-meta{color:var(--muted);justify-content:space-between;gap:16px;margin:22px 0 10px;font-size:12px;display:flex}.progress-meta strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:550}.progress-track{background:var(--border);border-radius:8px;width:100%;height:3px;overflow:hidden}.progress-track span{background:var(--primary);border-radius:8px;height:100%;display:block}.leave-button{width:auto;color:var(--muted);margin:20px auto 0;font-size:12px}.leave-button svg:last-child{margin-left:0}.room-note{color:var(--muted);text-align:center;margin:5px 0 0;font-size:10px;line-height:1.6}.reader-settings>label,.width-setting label{color:var(--muted);margin:0 0 9px;font-size:12px;display:block}.appearance-settings>select{width:100%;font-size:14px}.appearance-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.appearance-heading label,.theme-choices legend{color:var(--muted);font-size:13px}.appearance-heading .theme-button{margin-top:-10px}.theme-choices{border:0;min-width:0;margin:24px 0 0;padding:0}.theme-choices legend{margin-bottom:12px;padding:0}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.theme-choice{border:1px solid var(--border);cursor:pointer;min-width:0;transition:border-color .18s,background .18s,transform .24s var(--spring);background:0 0;border-radius:12px;padding:13px 10px 11px;position:relative}.theme-choice:hover{border-color:var(--primary);transform:translateY(-2px)}.theme-choice:active{transform:scale(.96)}.theme-choice:has(input:checked){border-color:var(--primary);background:var(--soft)}.theme-choice:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.theme-choice input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;position:absolute;inset:0}.theme-preview{justify-content:center;align-items:center;height:34px;display:flex;position:relative}.theme-swatch{background:var(--sample-primary);border:4px solid var(--sample-bg);outline:1px solid var(--sample-soft);border-radius:50%;width:30px;height:30px;display:block}.theme-check{color:var(--accent);opacity:0;transition:opacity .16s;position:absolute;top:-5px;right:-3px}.theme-choice:has(input:checked) .theme-check{opacity:1}.theme-name{color:var(--ink);text-align:center;margin-top:9px;font-size:12px;font-weight:500;display:block}.theme-choice[data-palette=silver]{--sample-bg:#f8f9fb;--sample-soft:#d6dbe3;--sample-primary:#343b47}.theme-choice[data-palette=violet]{--sample-bg:#fafafe;--sample-soft:#ddd8e7;--sample-primary:#7860dc}.theme-choice[data-palette=blue]{--sample-bg:#f7fafe;--sample-soft:#d3dfed;--sample-primary:#3a70b6}[data-theme=dark] .theme-choice[data-palette=silver]{--sample-bg:#0b0c0f;--sample-soft:#292c31;--sample-primary:#e2e5eb}[data-theme=dark] .theme-choice[data-palette=violet]{--sample-bg:#101017;--sample-soft:#36313f;--sample-primary:#ad9aff}[data-theme=dark] .theme-choice[data-palette=blue]{--sample-bg:#090f19;--sample-soft:#2a3950;--sample-primary:#9abdf4}.width-setting{margin-top:24px}.width-setting label{justify-content:space-between;display:flex}.width-setting label span{font-variant-numeric:tabular-nums;font-size:11px}.width-setting input[type=range]{width:100%;accent-color:var(--primary);border:0;min-height:44px;padding:0}.reading-actions{border-top:1px solid var(--border);margin-top:24px;padding-top:12px}.reading-actions .text-button{padding-block:13px;font-size:13px}.chapter-picker>input{width:100%;margin-top:10px}.chapter-list{max-height:48dvh;margin-top:17px;overflow-y:auto}.chapter-list button{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 12px;font-size:13px;display:flex}.chapter-list button:hover:not(:disabled){background:var(--soft)}.chapter-list button.current{background:var(--soft);color:var(--accent);opacity:1;border-radius:10px}.chapter-list button>span:last-child{white-space:nowrap;align-items:center;gap:7px;display:flex}.picker-note{font-size:12px;line-height:1.6}.guide-card{z-index:5;bottom:calc(93px + env(safe-area-inset-bottom));border:1px solid var(--glass-border);width:min(390px,100% - 24px);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:guide-in .28s var(--spring);border-radius:20px;padding:14px 22px 18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.guide-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.guide-meta .icon-button{margin-right:-9px}.guide-copy{animation:rise-in .22s var(--ease)}.guide-card h2{letter-spacing:-.8px;margin:5px 0 9px;font-size:21px;line-height:1.3}.guide-card p{color:var(--muted);margin:0 0 9px;font-size:14px;line-height:1.6}.guide-actions{align-items:center;gap:17px;margin-top:15px;display:flex}.guide-card .text-action{font-size:12px}.guide-card>.text-action{min-height:35px;padding-block:9px 0}.account-button,.circle-button{position:relative}.account-initial{background:var(--soft);width:29px;height:29px;color:var(--ink);border:1px solid var(--glass-border);border-radius:50%;place-items:center;font-size:13px;font-weight:500;display:grid}.notification-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:6px;right:5px}.account-mark{background:var(--soft);width:60px;height:60px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.account-tabs{border-bottom:1px solid var(--border);align-items:center;gap:20px;margin-bottom:24px;display:flex}.account-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;flex:1;padding:12px 0;font-size:14px;transition:color .18s;position:relative}.account-tabs button.selected{color:var(--ink)}.account-tabs button:after{content:"";background:var(--primary);height:2px;transition:transform .24s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.account-tabs button.selected:after{transform:scaleX(1)}.field-hint{color:var(--muted);font-size:12px;line-height:1.6}.profile-heading{align-items:center;gap:16px;margin-bottom:16px;display:flex}.profile-heading>div{flex-direction:column;gap:5px;font-size:13px;display:flex}.profile-heading strong{font-family:var(--display);letter-spacing:-.6px;font-size:19px;font-weight:600}.profile-heading .avatar,.circle-person .avatar{width:48px;height:48px;font-size:20px}.account-profile .text-button{margin:0;padding-block:10px}.account-profile .sign-out{border-top:1px solid var(--border);color:var(--muted);margin-top:12px;padding-top:18px}.account-profile .sign-out svg{margin-left:0}.password-form{border-block:1px solid var(--border);padding:18px 0}.recovery-panel h3{letter-spacing:-.9px;margin:6px 0 0;font-size:23px}.recovery-panel input{font-size:13px}.friend-code{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 0 22px;display:flex}.friend-code strong{letter-spacing:1.5px;font-variant-numeric:tabular-nums;margin-top:9px;font-size:17px;font-weight:500;display:block}.friend-code .eyebrow{letter-spacing:.1em;font-size:10px}.partner-link{width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--border);text-align:left;transition:color .18s,transform .24s var(--spring);background:0 0;align-items:center;gap:13px;margin-bottom:24px;padding:0 0 24px;display:flex}.partner-link:hover{color:var(--accent)}.partner-link:active{transform:scale(.98)}.partner-link>span{flex:1;font-size:14px;font-weight:550}.partner-link small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:400;display:block}.add-friend label{margin-bottom:10px;font-size:13px;font-weight:500;display:block}.add-friend>div:first-of-type{gap:10px;display:flex}.add-friend input{flex:1;width:0}.connection-choice{align-items:center;gap:8px;margin:10px 0 24px;display:flex}.connection-choice button{color:var(--muted);min-height:44px;transition:background .18s,color .18s,transform .24s var(--spring);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.connection-choice button.selected{color:var(--ink);background:var(--soft)}.connection-choice button:active{transform:scale(.95)}.circle-list{flex-direction:column;display:flex}.circle-person{border-top:1px solid var(--border);padding:22px 0}.person-heading{align-items:center;gap:13px;display:flex}.person-heading>div{flex:1;min-width:0}.person-heading strong{align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.person-heading strong svg{color:var(--accent)}.person-heading small{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6;display:block}.circle-person .avatar i{border:3px solid var(--surface);width:13px;height:13px;position:absolute;bottom:0;right:0}.connection-request{align-items:center;padding:10px 0 0 60px;display:flex}.connection-request>span{color:var(--muted);flex:1;font-size:12px;line-height:1.6}.connection-request .icon-button:first-of-type{color:var(--accent);background:var(--soft)}.reading-invitation{border:1px solid var(--glass-border);background:var(--soft);border-radius:14px;margin:16px 0 6px;padding:18px}.reading-invitation strong{font-size:14px;font-weight:600}.reading-invitation p{color:var(--muted);margin:7px 0 12px;font-size:12px;line-height:1.6}.reading-invitation>div{align-items:center;gap:13px;margin-top:9px;display:flex}.reading-invitation .text-button{font-size:12px}.invite-friend{width:calc(100% - 60px);margin:7px 0 0 60px;font-size:12px}.person-menu{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:3px;margin:13px 0 0 60px;padding:6px;display:flex}.person-menu button{min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:12px}.person-menu button:hover{color:var(--ink);background:var(--soft)}.circle-empty{color:var(--muted);margin:27px 0 0;font-size:13px;line-height:1.6}.room-circle-link{border-top:1px solid var(--border);width:100%;margin-top:14px;padding-top:17px;font-size:12px}.room-circle-link>svg:last-child{margin-left:auto}.circle-count{background:var(--primary);min-width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:10px;display:grid}.toast{z-index:10;background:var(--preview-bar);width:max-content;max-width:calc(100% - 28px);color:var(--preview-ink);border-radius:12px;align-items:center;gap:15px;padding:8px 10px 8px 18px;font-size:13px;display:flex;position:fixed;bottom:98px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0004}.toast button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.restoring{min-height:100dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.spin{animation:1.2s linear infinite spin}::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both route-away}::view-transition-new(root){animation:route-arrive .3s var(--ease) both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes art-in{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(22px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes guide-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes route-away{to{opacity:0;transform:translateY(-7px)}}@keyframes route-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes backdrop-away{to{opacity:0}}@media (hover:none){.library-remove{opacity:1}}@media (max-width:1200px){.home-header nav{gap:18px}.hero-copy{width:38%}.hero-wordmark{font-size:115px}.hero h1{font-size:38px}.hero-description{font-size:16px}.hero-actions{gap:16px}.hero-actions .primary{min-width:180px;padding-inline:18px}.step{gap:20px}.step>div{padding-left:24px}.step>div:before{width:14px}.library-main{grid-template-columns:150px minmax(0,1fr);gap:30px}.library-sidebar{padding-right:22px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (max-width:980px){.home-header nav{gap:14px}.header-personal{gap:2px;padding-left:10px}.nav-how,.join-room-nav,.hero-companion{display:none}.hero{min-height:0;padding-top:270px}.hero-copy{width:100%;max-width:540px;margin:auto}.hero-art{height:480px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 43%,#0000);mask-image:linear-gradient(#000 43%,#0000);-webkit-mask-composite:source-over;mask-composite:add}.hero-art img{object-position:72% center}.hero-wordmark{font-size:104px}.steps{gap:24px}.step{display:block}.step-number{margin-bottom:20px;display:block}.step>div{padding-left:0}.step>div:before{display:none}.continue-feature{gap:16px}.continue-art{height:260px}.continue-copy h2{font-size:28px}}@media (max-width:760px){.home-header{gap:12px;height:68px}.home-header nav{gap:3px}.header-personal{border:0;gap:2px;padding-left:0}.brand{gap:8px}.brand>span{font-size:23px}.brand svg{width:27px;height:27px}.nav-reading{border-radius:10px;justify-content:center;min-width:44px;padding:10px}.nav-reading:hover{background:var(--soft)}.nav-reading span,.home-header .circle-button:not(.library-circle){display:none}.nav-reading svg{display:block}.nav-reading.current:after{left:10px;right:10px}.hero{padding:244px var(--gutter) 40px;min-height:0}.hero-copy{width:100%;max-width:540px;margin:auto}.hero-art{height:460px;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 43%,#0000 100%);mask-image:linear-gradient(#000 43%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.hero-art img{object-position:72% center}.hero-wordmark{margin:0 0 18px -3px;font-size:88px;line-height:.97}[data-theme=light] .hero{padding-top:300px}[data-theme=light] .hero-art{height:360px}.hero h1{margin-bottom:18px;font-size:clamp(31px,5.5vw,38px)}.hero-description{max-width:420px;margin-bottom:22px;font-size:15px;line-height:1.6}.hero-actions{gap:22px}.hero-actions .primary{min-width:190px;min-height:52px;font-size:15px}.demo-action{min-height:52px;font-size:14px}.account-caption{margin:14px 0 24px}.invite-form{max-width:440px}.steps{grid-template-columns:1fr;gap:26px;padding-block:30px}.step{gap:24px;display:flex}.step-number{min-width:40px;margin:0;font-size:34px}.step>div{padding-left:28px}.step>div:before{width:16px;display:block}.step h2{font-size:15px}.home-footer{flex-direction:column;align-items:flex-start;gap:14px;padding-block:24px;font-size:11px}.home-footer>span{padding-left:42px}.library-main{flex-direction:column;gap:28px;margin-top:28px;display:flex}.library-sidebar{display:contents}.library-tabs{border-bottom:1px solid var(--border);flex-direction:row;order:0;gap:20px}.library-tabs button{gap:7px;min-height:44px;padding-bottom:15px;font-size:13px}.library-tabs button small{margin-left:0;font-size:10px}.library-tabs button svg{width:16px}.library-tabs button.selected:before{width:100%;height:2px;bottom:-1px;left:0}.library-content{order:1}.library-sources{flex-flow:wrap;order:2;gap:0 28px;padding-top:20px}.library-sources>span{width:100%;margin:0}.library-sources a{justify-content:flex-start;font-size:12px}.library-sources p{width:100%;margin-top:3px}.library-heading{gap:15px;margin-bottom:20px}.library-heading h1{font-size:36px}.library-add-button{width:44px;padding:10px!important}.library-add-button span{display:none}.library-tools{gap:18px;margin-bottom:28px}.library-search{flex:1;width:auto;min-width:0}.check-updates{justify-content:center;min-width:44px}.check-updates span{display:none}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.library-card h3{font-size:15px}.library-card-copy{padding-top:13px}.library-card p{font-size:12px}.continue-feature{grid-template-columns:.9fr 1.1fr;gap:8px}.continue-art{height:236px}.continue-copy{padding-right:0}.continue-copy h2{font-size:24px}.continue-copy .button{gap:8px;padding-inline:12px;font-size:12px}.continue-copy .eyebrow{letter-spacing:.12em;font-size:8px}.shared-caption{align-items:flex-start;font-size:12px}.shared-caption svg{margin-top:3px}.first-story{min-height:330px;padding:28px 0}.empty-art{object-position:66%;width:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 85%),linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 85%),linear-gradient(#0000,#000 20% 80%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.library-empty h2{font-size:29px}}@media (max-width:600px){.modal.sheet{inset:auto 8px calc(8px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 40px);margin:0;position:fixed}.sheet-handle{touch-action:none;cursor:grab;justify-content:center;align-items:center;height:26px;display:flex}.sheet-handle span{background:color-mix(in srgb,var(--muted) 50%,var(--border));border-radius:8px;width:40px;height:4px}.sheet .modal-content{padding-top:7px}.sheet .modal-close{top:26px}.modal-content{padding:28px 22px}.modal h2{margin-bottom:22px;font-size:26px}.optional{margin:4px 0 0;display:block}.copy-field input{font-size:16px}.reader-top{padding:calc(8px + env(safe-area-inset-top)) 10px 10px;border-radius:0 0 22px 22px;gap:10px}.reader-back{width:44px;padding-right:12px}.reader-top .chapter-heading h1{font-size:13px}.reader-top .chapter-heading p{font-size:9px}.reader-top-actions{gap:0}.reader-top-actions .button{border:0;min-width:44px;padding:10px}.reader-top-actions .button>span,.reader-top-actions .button>svg:last-child{display:none}.rhythm-bar{width:calc(100% - 16px);bottom:calc(8px + env(safe-area-inset-bottom));border-radius:16px;gap:3px;min-height:62px;padding:8px}.rhythm-bar button{padding:8px}.rhythm-bar .rhythm-status{gap:6px}.reader-presence{gap:3px;padding:8px 3px}.reader-presence .presence{width:5px;height:5px}.rhythm-label{font-size:10px}.rhythm-status small{font-size:9px}.reader-progress,.chapter-nav button span,.follow-button span,.lead-button span{display:none}.chapter-nav{gap:1px;padding-left:5px}.rhythm-bar .room-controls{padding-left:10px}.width-setting{display:none}.room-code-field input{letter-spacing:.7px;font-size:13px}.guide-card{padding:10px 20px 16px}.guide-card h2{font-size:20px}.guide-card p{font-size:13px}.guide-actions{gap:13px}}@media (max-width:420px){:root{--gutter:22px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-actions .primary{min-width:178px;padding-inline:16px;font-size:14px}.demo-action{gap:8px;font-size:13px}.play-mark{width:32px;height:32px}.account-caption{font-size:11px}.hero-wordmark{font-size:86px}.invite-form input{font-size:16px}.library-heading h1{font-size:32px}.library-tabs{gap:17px}.continue-copy h2{font-size:22px}}@media (max-width:360px){:root{--gutter:18px}.brand>span{font-size:21px}.brand svg{width:23px;height:23px}.home-header{gap:6px}.home-header nav,.header-personal{gap:0}.hero{padding-top:210px}.hero-art{height:395px}[data-theme=light] .hero{padding-top:315px}[data-theme=light] .hero-art{height:340px}.hero-wordmark{font-size:78px}.hero h1{font-size:28px}.hero-actions{gap:15px}.hero-actions .primary{gap:8px;min-width:157px;padding-inline:13px;font-size:13px}.demo-action{gap:7px;font-size:12px}.play-mark{width:28px;height:28px}.step>div{padding-left:0}.step>div:before{display:none}.step{gap:20px}.library-tabs{gap:15px}.library-tabs button{gap:5px;font-size:12px}.library-heading h1{font-size:29px}.library-grid{grid-template-columns:1fr;gap:28px}.library-card{grid-template-columns:108px minmax(0,1fr);align-items:start;gap:16px;display:grid}.library-card-copy{padding-top:0}.library-card h3{margin-top:7px;font-size:14px}.library-card .text-button{font-size:12px}.library-cover{border-radius:10px}.library-remove{border-radius:0 10px;min-width:44px;min-height:44px;padding:10px;top:0;right:0}.update-count{padding:5px 7px;font-size:10px;bottom:6px;left:5px}.continue-feature{grid-template-columns:1fr;gap:16px}.continue-art{height:180px;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.continue-copy h2{font-size:26px}.continue-copy .eyebrow{font-size:10px}.continue-copy .button{font-size:14px}.rhythm-status small,.rhythm-status .reader-presence:not(.room-presence){display:none}.rhythm-bar .rhythm-status{min-width:44px}.guide-card h2{font-size:19px}.room-code-row{gap:8px}.room-code-label{font-size:11px}.connection-request{padding-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}