@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap");:root:where([data-surface=legacy],:not([data-surface])){--cream:#f8f7f3;--paper:#fffefa;--ink:#20332f;--muted:#737b73;--line:#e4e5dc;--orange:#bc5d37;--sage:#e5eadb;--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}:where(html:where([data-surface=legacy],:not([data-surface]))) *{box-sizing:border-box}:where(html:where([data-surface=legacy],:not([data-surface]))) body{margin:0;background:var(--cream);color:var(--ink);font:14px var(--sans);line-height:1.6}:where(html:where([data-surface=legacy],:not([data-surface]))) button,:where(html:where([data-surface=legacy],:not([data-surface]))) input,:where(html:where([data-surface=legacy],:not([data-surface]))) select,:where(html:where([data-surface=legacy],:not([data-surface]))) textarea{font:inherit}:where(html:where([data-surface=legacy],:not([data-surface]))) a,:where(html:where([data-surface=legacy],:not([data-surface]))) button,:where(html:where([data-surface=legacy],:not([data-surface]))) input,:where(html:where([data-surface=legacy],:not([data-surface]))) select,:where(html:where([data-surface=legacy],:not([data-surface]))) textarea{-webkit-tap-highlight-color:transparent}:where(html:where([data-surface=legacy],:not([data-surface]))) a,:where(html:where([data-surface=legacy],:not([data-surface]))) button{touch-action:manipulation}:where(html:where([data-surface=legacy],:not([data-surface]))) button{cursor:pointer}:where(html:where([data-surface=legacy],:not([data-surface]))) button:disabled{opacity:.5;cursor:not-allowed}:where(html:where([data-surface=legacy],:not([data-surface]))) a{color:inherit;text-decoration:none}:where(html:where([data-surface=legacy],:not([data-surface]))) button{color:inherit}:where(html:where([data-surface=legacy],:not([data-surface]))) h1,:where(html:where([data-surface=legacy],:not([data-surface]))) h2,:where(html:where([data-surface=legacy],:not([data-surface]))) h3,:where(html:where([data-surface=legacy],:not([data-surface]))) p{margin:0}:where(html:where([data-surface=legacy],:not([data-surface]))) h1,:where(html:where([data-surface=legacy],:not([data-surface]))) h2,:where(html:where([data-surface=legacy],:not([data-surface]))) h3{font-weight:400}:where(html:where([data-surface=legacy],:not([data-surface]))) a:focus-visible,:where(html:where([data-surface=legacy],:not([data-surface]))) button:focus-visible,:where(html:where([data-surface=legacy],:not([data-surface]))) input:focus-visible,:where(html:where([data-surface=legacy],:not([data-surface]))) select:focus-visible,:where(html:where([data-surface=legacy],:not([data-surface]))) textarea:focus-visible{outline:3px solid #ba643f;outline-offset:4px}:where(html:where([data-surface=legacy],:not([data-surface]))) ::selection{background:#e8d193}:where(html:where([data-surface=legacy],:not([data-surface]))) input,:where(html:where([data-surface=legacy],:not([data-surface]))) select,:where(html:where([data-surface=legacy],:not([data-surface]))) textarea{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:11px 13px;color:var(--ink);max-width:100%}:where(html:where([data-surface=legacy],:not([data-surface]))) textarea{resize:vertical}:where(html:where([data-surface=legacy],:not([data-surface]))) label{display:block;font-size:12px;font-weight:600}:where(html:where([data-surface=legacy],:not([data-surface]))) label input,:where(html:where([data-surface=legacy],:not([data-surface]))) label textarea{display:block;width:100%;margin-top:7px}:where(html:where([data-surface=legacy],:not([data-surface]))) label small{display:block;color:var(--muted);font-weight:400;margin:9px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) small{font-size:12px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:33px;font-weight:600;letter-spacing:-1.5px;line-height:1}:where(html:where([data-surface=legacy],:not([data-surface]))) .brand-period{color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .brand-light{color:#f4f1e5}:where(html:where([data-surface=legacy],:not([data-surface]))) .eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#637266}:where(html:where([data-surface=legacy],:not([data-surface]))) .button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;min-height:43px;padding:11px 18px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}:where(html:where([data-surface=legacy],:not([data-surface]))) .button:hover{transform:translateY(-1px)}:where(html:where([data-surface=legacy],:not([data-surface]))) .button.primary{background:var(--ink);color:white}:where(html:where([data-surface=legacy],:not([data-surface]))) .button.primary:hover{background:#354b42}:where(html:where([data-surface=legacy],:not([data-surface]))) .button.secondary{background:var(--paper);border-color:#d8dcd0}:where(html:where([data-surface=legacy],:not([data-surface]))) .button.full{width:100%}:where(html:where([data-surface=legacy],:not([data-surface]))) .text-link{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;font-size:12px;font-weight:600}:where(html:where([data-surface=legacy],:not([data-surface]))) .text-link:hover{color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .icon-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:5px;background:transparent;color:#7c8478}:where(html:where([data-surface=legacy],:not([data-surface]))) .icon-button:hover{background:#e6e9e0;color:var(--ink)}:where(html:where([data-surface=legacy],:not([data-surface]))) .quiet-note{font-size:11px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .error-banner{display:flex;gap:10px;align-items:center;padding:12px 15px;background:#fff0e9;color:#943f2e;font-size:13px;border-radius:7px;margin:12px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .error-banner button{background:none;border:0;text-decoration:underline;color:inherit}:where(html:where([data-surface=legacy],:not([data-surface]))) .inline-status{background:#e9eddf;border-radius:7px;padding:12px;font-size:12px;margin:15px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing{max-width:1440px;margin:auto;padding:0 7%}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}:where(html:where([data-surface=legacy],:not([data-surface]))) .nav-caption{font-size:9px;letter-spacing:2.4px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:80px 0 85px;align-items:center}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy h1{font:84px/.98 var(--serif);letter-spacing:-2px;margin:28px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy h1 em{font-weight:400;color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy>p{color:#747c70;font-size:15px;line-height:1.9;max-width:360px;margin:26px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy>.quiet-note{display:block;margin-top:18px}:where(html:where([data-surface=legacy],:not([data-surface]))) .tiny-star{font-size:22px;color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-art{position:relative;min-height:420px}:where(html:where([data-surface=legacy],:not([data-surface]))) .floating-note{position:absolute;bottom:40px;left:0;display:flex;gap:15px;align-items:center;background:var(--paper);box-shadow:0 12px 30px #25392b12;border:1px solid var(--line);padding:20px;transform:rotate(-5deg);font-size:12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .floating-note svg{color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .floating-note strong{font-weight:500}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-caption{display:block;text-align:center;font-size:9px;letter-spacing:2px;margin-top:25px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:40px 0;border-top:1px solid var(--line)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features span{font-size:9px;letter-spacing:1.4px;color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features h3{font:25px var(--serif);margin:13px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features p{font-size:12px;color:var(--muted);max-width:260px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-footer{display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-footer span{display:flex;align-items:center;gap:7px}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-art{width:100%;height:410px;position:relative;isolation:isolate}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-orbit{position:absolute;border:1px solid #ced5c3;border-radius:50%;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-sun{position:absolute;border-radius:50%;background:#e8dec1;width:300px;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-book{position:absolute;width:160px;height:235px;border-radius:2px 8px 8px 2px;box-shadow:7px 13px 15px #20332f15,inset 7px 0 #ffffff18,inset -5px 0 #0000000a;top:60px;left:50%;padding:25px 15px;font:20px/1.2 var(--serif)}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-book:after{content:"";position:absolute;bottom:5px;left:10px;right:5px;height:8px;background:repeating-linear-gradient(0deg,#e5dfca,#e5dfca 1px,#f7f2e2 2px,#f7f2e2 3px);border-radius:0 0 4px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-one{transform:translate(-115%,25px) rotate(-19deg);background:#40594a;color:#e5e1c9}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-one i{position:absolute;bottom:42px;left:32px;width:90px;height:90px;border:1px solid #a0af8b;border-radius:50%}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-two{transform:translate(-30%,-5px) rotate(11deg);background:#c46c48;color:#fff0da}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-two i{display:block;width:85px;height:85px;margin:25px auto;background:#e6bd84;border-radius:50% 50% 0 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-three{transform:translate(-55%,85px) rotate(-5deg);background:#e7dbb7;color:#324c3c}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-three i{display:block;width:75px;height:75px;background:repeating-linear-gradient(55deg,transparent,transparent 10px,#8e9e73 11px,#8e9e73 13px);border-radius:50%;margin:20px auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-spark{position:absolute;color:#b86a42;font-size:65px;right:8%;top:5%;transform:rotate(15deg)}:where(html:where([data-surface=legacy],:not([data-surface]))) .book-art.small{height:210px;width:260px;flex-shrink:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .art-orbit{width:200px;height:200px}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .art-sun{width:180px;height:180px}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .art-book{width:90px;height:130px;top:20px;padding:15px 10px;font-size:11px}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .book-one{transform:translate(-110%,15px) rotate(-19deg)}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .book-two{transform:translate(-20%,5px) rotate(14deg)}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .book-three{transform:translate(-60%,60px) rotate(-5deg)}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .art-book i{width:40px;height:40px;margin:12px auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .book-one i{bottom:25px;left:25px}:where(html:where([data-surface=legacy],:not([data-surface]))) .small .art-spark{font-size:36px;right:0;top:8%}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-page{min-height:100vh;display:grid;grid-template-columns:43% 57%}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story{background:#263b32;padding:50px 13%;color:#f4efd9;display:flex;flex-direction:column;align-items:flex-start}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story h1{font:62px/1.05 var(--serif);margin:65px 0 20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story h1 em{color:#d2b48a}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story .book-art{align-self:center}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story>p{font:22px/1.4 var(--serif);margin:40px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story>.eyebrow{color:#b3bfa8;margin-top:auto;padding-top:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:80px 30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-back{position:absolute;top:40px;left:50px;font-size:12px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form{width:360px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form h2{font:49px var(--serif);margin:15px 0 10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form>p{color:var(--muted);margin-bottom:30px;font-size:13px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form label{margin-bottom:18px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form>.button{margin-top:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-switch{font-size:11px!important;text-align:center;margin-top:22px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-switch button{background:none;border:0;color:var(--orange);font-size:11px;padding:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .local-note{padding:10px;background:#e9eddf;font-size:10px;color:#6b755f;text-align:center;border-radius:6px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#253a32;color:#bdc9bc;padding:36px 23px;display:flex;flex-direction:column;z-index:20}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-brand{padding:0 9px;margin-bottom:55px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-eyebrow{font-size:8px;letter-spacing:2px;color:#93a392;padding:0 13px;margin-bottom:16px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar nav{display:flex;flex-direction:column;gap:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .nav-item{display:flex;gap:12px;align-items:center;padding:13px;font-size:12px;border-radius:6px;color:#b5c2b6}:where(html:where([data-surface=legacy],:not([data-surface]))) .nav-item:hover{background:#ffffff08}:where(html:where([data-surface=legacy],:not([data-surface]))) .nav-item.active{background:#ffffff0d;color:#f4f0db}:where(html:where([data-surface=legacy],:not([data-surface]))) .active-dot{height:5px;width:5px;border-radius:50%;background:#c89c68;margin-left:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-thought{padding:45px 14px;color:#b9c5af}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-thought>span{color:#d9b789;font-size:28px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-thought p{font:23px/1.35 var(--serif);margin:16px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-thought small{font-size:8px;letter-spacing:1.5px;color:#879b88}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-bottom{margin-top:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-bottom>.nav-item{padding:12px 8px;font-size:11px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-bottom>.nav-item svg:last-child{margin-left:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .profile{border-top:1px solid #ffffff12;padding:24px 0 0;display:flex;align-items:center;gap:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .avatar{width:32px;height:32px;background:#d5c3a6;color:#344b3b;border-radius:50%;display:grid;place-items:center;font:18px var(--serif)}:where(html:where([data-surface=legacy],:not([data-surface]))) .profile strong{display:block;font-size:10px;color:#e7e8da;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .profile span{font-size:9px;color:#94a48d}:where(html:where([data-surface=legacy],:not([data-surface]))) .profile button{margin-left:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .app-main{margin-left:232px;min-height:100vh}:where(html:where([data-surface=legacy],:not([data-surface]))) .workspace-page{max-width:1440px;padding:30px 48px;margin:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .breadcrumb{color:#6d776b}:where(html:where([data-surface=legacy],:not([data-surface]))) .breadcrumb span{padding:0 12px;color:#b2b9aa}:where(html:where([data-surface=legacy],:not([data-surface]))) .private-badge{font-size:9px;color:#7b8675;display:flex;align-items:center;gap:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .private-badge>span{background:#7a936c;width:5px;height:5px;border-radius:50%}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading h1{font:44px/1.15 var(--serif);letter-spacing:-.8px;margin:10px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading p{font-size:12px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome{background:#e9eddf;border:1px solid #dfe4d3;border-radius:9px;display:flex;align-items:center;padding:30px 34px;gap:20px;position:relative;overflow:hidden;min-height:245px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome>div:first-child{flex:1;min-width:250px;z-index:1}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome .eyebrow{font-size:8px;letter-spacing:1.5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome h2{font:35px/1.08 var(--serif);margin:14px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome p{max-width:280px;font-size:11px;color:#75816d;line-height:1.8;margin-bottom:14px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome .text-link{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-stats{border-left:1px solid #d6ddc9;padding-left:28px;display:flex;flex-direction:column;gap:18px;min-width:115px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-stats strong{display:block;font:28px/1 var(--serif)}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-stats span{font-size:9px;color:#76836c}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-controls{margin-top:35px}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);overflow:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs button{padding:0 0 13px;border:0;border-bottom:2px solid transparent;background:none;color:#8a9184;font-size:11px;white-space:nowrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs button.selected{color:var(--ink);border-bottom-color:var(--ink)}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs span{font-size:9px;background:#e7eadf;border-radius:4px;padding:2px 5px;margin-left:7px}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-row{display:flex;align-items:center;gap:15px;padding:20px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-box{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 12px;min-height:39px;background:var(--paper);flex:1;max-width:470px;color:#98a18f;font-weight:400}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-box input{border:0;margin:0;background:none;font-size:10px;padding:10px 0;outline:none;min-width:100px}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-box kbd{white-space:nowrap;font-size:9px;border:1px solid var(--line);padding:1px 4px;border-radius:3px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sort-select{margin-left:auto;font-size:10px;background:transparent;border:0;padding:8px}:where(html:where([data-surface=legacy],:not([data-surface]))) .view-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .view-switch button{border:0;background:transparent;display:grid;place-items:center;padding:6px;color:#929b87}:where(html:where([data-surface=legacy],:not([data-surface]))) .view-switch button.selected{background:#e7ebdf;color:var(--ink);border-radius:3px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper);transition:box-shadow .2s;min-width:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-card:hover{box-shadow:0 6px 22px #243a2d0a}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-art{height:145px;display:block;position:relative;overflow:hidden;background:#dce1cb;color:#3c5748}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-1{background:#e9cebc;color:#975a3c}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-2{background:#d7e1df;color:#416663}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-3{background:#e9dfc4;color:#8c7844}:where(html:where([data-surface=legacy],:not([data-surface]))) .art-4{background:#ddd6df;color:#73596e}:where(html:where([data-surface=legacy],:not([data-surface]))) .cover-orb{width:145px;height:145px;border:1px solid;border-radius:50%;position:absolute;top:35px;left:22%;opacity:.35}:where(html:where([data-surface=legacy],:not([data-surface]))) .cover-line{position:absolute;border:1px solid;opacity:.25;width:180px;height:100px;transform:rotate(-27deg);right:-5px;top:43px}:where(html:where([data-surface=legacy],:not([data-surface]))) .cover-type{font-size:7px;letter-spacing:2px;position:absolute;top:22px;left:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .cover-mark{font:68px var(--serif);position:absolute;bottom:5px;right:25px;opacity:.75}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-body{padding:19px 19px 12px;position:relative}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-source{display:flex;align-items:center;gap:5px;font-size:8px;color:#85917c;min-height:18px;flex-wrap:wrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .source-dot{width:5px;height:5px;border-radius:50%;background:#9aaa87}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-card h3{font:23px/1.15 var(--serif);margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:53px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-body>p{font-size:10px;line-height:1.8;color:#8a9281;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eceee5;margin-top:16px;padding-top:9px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom>span{display:flex;gap:5px;align-items:center;font-size:9px;color:#8a9380}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom>div{display:flex}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom .icon-button{padding:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .is-favorite{color:#b88d3e}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#ecede6}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-progress span{display:block;height:100%;background:#93a57a}:where(html:where([data-surface=legacy],:not([data-surface]))) .status{display:inline-flex;align-items:center;gap:3px;font-size:8px;background:#f2eedf;color:#8c805d;padding:2px 6px;border-radius:4px}:where(html:where([data-surface=legacy],:not([data-surface]))) .status.failed{background:#f8e6df;color:#a66448}:where(html:where([data-surface=legacy],:not([data-surface]))) .status.ready{background:#e9eedf;color:#637751}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view{grid-template-columns:1fr}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view .item-card{display:flex}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view .card-art{width:150px;flex-shrink:0;height:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view .card-body{flex:1}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view h3{min-height:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view .card-body>p{min-height:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .empty-state{border:1px dashed #dce1d1;border-radius:9px;text-align:center;padding:65px 25px;margin-top:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .empty-icon{margin:0 auto 18px;width:58px;height:58px;border-radius:50%;background:#e9eddf;display:grid;place-items:center;color:#7c9068}:where(html:where([data-surface=legacy],:not([data-surface]))) .empty-state h3{font:29px var(--serif)}:where(html:where([data-surface=legacy],:not([data-surface]))) .empty-state p{font-size:12px;color:var(--muted);max-width:400px;margin:13px auto 25px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-footer{display:flex;justify-content:space-between;font-size:9px;color:#939c88;padding:25px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-footer button{font-size:9px;font-weight:400}:where(html:where([data-surface=legacy],:not([data-surface]))) .loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px;color:var(--muted);font-size:12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .toast{position:fixed;bottom:25px;left:calc(50% + 116px);transform:translateX(-50%);background:#263d33;color:#fff7df;border-radius:8px;padding:14px 22px;font-size:12px;box-shadow:0 8px 30px #0002;z-index:40}:where(html:where([data-surface=legacy],:not([data-surface]))) .mobile-menu,:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-backdrop,:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-close{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-dialog{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:470px;max-width:calc(100vw - 30px);box-shadow:0 30px 100px #20332f30}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-dialog::backdrop{background:#182d2359;backdrop-filter:blur(3px)}:where(html:where([data-surface=legacy],:not([data-surface]))) .dialog-top{display:flex;justify-content:space-between;align-items:center}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-dialog h2{font:42px var(--serif);margin:7px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-dialog>p{font-size:12px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-tabs{display:flex;gap:10px;margin:25px 0 22px;border-bottom:1px solid var(--line)}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-tabs button{background:none;border:0;border-bottom:2px solid transparent;display:flex;gap:6px;align-items:center;padding:10px;font-size:12px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-tabs button.selected{border-bottom-color:var(--ink);color:var(--ink)}:where(html:where([data-surface=legacy],:not([data-surface]))) .capture-dialog form label{margin-bottom:18px}:where(html:where([data-surface=legacy],:not([data-surface]))) .dialog-foot{font-size:10px;text-align:center;border-top:1px solid var(--line);margin-top:24px;padding-top:15px;color:var(--muted)}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar{position:sticky;top:0;background:#f8f7f3f2;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 35px;z-index:5}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar>div{display:flex;align-items:center;gap:5px;font-family:Georgia,serif}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar .button{font-size:10px;min-height:34px;padding:8px 12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:55px;padding:60px 45px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-article>h1{font:51px/1.08 var(--serif);letter-spacing:-.7px;margin:20px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-meta{display:flex;gap:20px;font-size:10px;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:35px}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-meta a{display:flex;gap:5px;align-items:center}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body{font:var(--reading-size,20px)/1.85 Georgia,serif;color:#38463c;overflow-wrap:anywhere}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body p{margin:0 0 1.5em}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body h2{font:1.6em/1.2 var(--serif);margin:1.4em 0 .6em;color:var(--ink)}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body pre{font:13px/1.7 monospace;white-space:pre-wrap;background:#eeeee6;padding:20px;border-radius:6px}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body blockquote{margin:25px 0;padding-left:22px;border-left:3px solid #c9d3b6;font-style:italic}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body mark{background:#f1df9e;color:inherit;padding:2px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body [id]{scroll-margin-top:100px}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-end{text-align:center;border-top:1px solid var(--line);margin-top:50px;padding:40px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-end>span{font-size:30px;color:#ab784c}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-end p{font:26px var(--serif);margin:10px 0 20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin{border-left:1px solid var(--line);padding-left:24px;min-width:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin .eyebrow{font-size:8px;letter-spacing:1.5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin h2{font:27px var(--serif);margin:17px 0 10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .companion-off,:where(html:where([data-surface=legacy],:not([data-surface]))) .margin-intro{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:18px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin>select{width:100%;font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .margin-empty{border:1px dashed #dce1d1;border-radius:7px;color:#9ca58f;text-align:center;padding:30px 16px;font:18px var(--serif);margin:25px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .margin-empty>span{display:block;font:60px/1 var(--serif);color:#bac4a9}:where(html:where([data-surface=legacy],:not([data-surface]))) .highlight-note,:where(html:where([data-surface=legacy],:not([data-surface]))) .selection-card{position:relative;background:#f3f0e3;border:1px solid #e5e0cc;border-radius:7px;padding:16px;margin:20px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin blockquote{margin:0 0 12px;font:15px/1.65 Georgia,serif;border-left:2px solid #c4b174;padding-left:10px;overflow-wrap:anywhere;max-height:240px;overflow:auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .highlight-note>p{font-size:11px;white-space:pre-wrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .highlight-note>.icon-button{display:flex;margin:10px 0 0 auto}:where(html:where([data-surface=legacy],:not([data-surface]))) .selection-card label{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .selection-card .button{font-size:10px;margin:10px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .selection-card>.text-link{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .companion-off{display:flex;align-items:flex-start;gap:7px;margin-top:28px;border-top:1px solid var(--line);padding-top:20px;font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .companion-off svg{flex-shrink:0;margin-top:3px}:where(html:where([data-surface=legacy],:not([data-surface]))) .answer{font-size:12px;white-space:pre-wrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .ask-box{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}:where(html:where([data-surface=legacy],:not([data-surface]))) .import-state{padding:35px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .import-state h2{font:27px var(--serif)}:where(html:where([data-surface=legacy],:not([data-surface]))) .import-state p{color:var(--muted);margin:15px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .import-state .text-link{margin:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .highlights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .saved-highlight{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:26px}:where(html:where([data-surface=legacy],:not([data-surface]))) .saved-highlight blockquote{font:22px/1.5 var(--serif);margin:20px 0;padding-left:15px;border-left:2px solid #dfc47d}:where(html:where([data-surface=legacy],:not([data-surface]))) .saved-highlight>p{font-size:12px;color:var(--muted);margin-bottom:20px;white-space:pre-wrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .saved-highlight>a{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card{border:1px solid var(--line);border-radius:9px;background:var(--paper);padding:28px}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card>svg{color:#77896b;width:24px;height:24px}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card>.status{float:right}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card h2{font:28px var(--serif);margin:18px 0 12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card p{font-size:12px;color:var(--muted);margin-bottom:18px}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card ol{font-size:11px;color:var(--muted);padding-left:17px;line-height:2}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card.muted{background:#f3f3ed}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card code{font-size:11px;color:var(--ink)}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-section{margin-top:25px}:where(html:where([data-surface=legacy],:not([data-surface]))) .inline-form{display:flex;gap:15px;align-items:flex-end;max-width:550px}:where(html:where([data-surface=legacy],:not([data-surface]))) .inline-form label{flex:1}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-result{background:#e9eddf;padding:18px;margin:20px 0;border-radius:7px}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-result input{font:11px monospace}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-result button{margin:15px 15px 0 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-list{margin-top:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-list>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-list strong{display:block;font-size:12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .token-list small{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .usage-row{display:flex;justify-content:space-between;font-size:12px;margin:18px 0 5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .usage-row strong{font-weight:500}:where(html:where([data-surface=legacy],:not([data-surface]))) progress{width:100%;height:6px;accent-color:#82966c}@media(min-width:1600px){:where(html:where([data-surface=legacy],:not([data-surface]))) .workspace-page{padding:40px 65px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome{min-height:270px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){:where(html:where([data-surface=legacy],:not([data-surface]))) .workspace-page{padding:25px 30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome{padding:25px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome .book-art{width:200px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-stats{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-layout{gap:30px;padding:40px 28px;grid-template-columns:minmax(0,1fr) 230px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-article>h1{font-size:43px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{gap:14px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy h1{font-size:70px}}@media(max-width:1000px){:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar{width:200px;padding:30px 15px}:where(html:where([data-surface=legacy],:not([data-surface]))) .app-main{margin-left:200px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html:where([data-surface=legacy],:not([data-surface]))) .list-view{grid-template-columns:1fr}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading h1{font-size:37px}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading{align-items:flex-start}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome .book-art{width:170px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome>div:first-child{min-width:220px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-layout{display:block;max-width:740px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin{border-left:0;border-top:1px solid var(--line);padding:30px 0;margin-top:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-margin>select{max-width:450px}:where(html:where([data-surface=legacy],:not([data-surface]))) .toast{left:calc(50% + 100px)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy h1{font-size:60px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-art{transform:scale(.85)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-hero{gap:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story h1{font-size:48px}:where(html:where([data-surface=legacy],:not([data-surface]))) .channel-grid{grid-template-columns:1fr}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs{gap:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-box kbd{display:none}}@media(max-width:720px){:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar{transform:translateX(-100%);transition:transform .2s;width:240px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar.open{transform:translateX(0)}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-close{display:flex;position:absolute;right:10px;top:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sidebar-backdrop{display:block;position:fixed;inset:0;background:#10261a70;z-index:19;border:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .mobile-menu{display:flex;position:fixed;top:14px;left:12px;z-index:15;background:var(--cream);border:1px solid var(--line)}:where(html:where([data-surface=legacy],:not([data-surface]))) .app-main{margin-left:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .workspace-page{padding:25px 20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-top{padding-left:45px;height:24px;margin-bottom:35px}:where(html:where([data-surface=legacy],:not([data-surface]))) .private-badge{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading{flex-wrap:wrap;gap:20px}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading h1{font-size:38px}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading .button{font-size:11px;min-height:38px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome{padding:25px;min-height:225px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome .book-art{position:absolute;right:-70px;opacity:.45}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome>div:first-child{max-width:75%;min-width:200px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome p{max-width:240px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-welcome h2{font-size:33px}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs{gap:22px}:where(html:where([data-surface=legacy],:not([data-surface]))) .filter-tabs button{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-row{gap:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .search-box{padding:0 10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .sort-select{max-width:105px;font-size:9px}:where(html:where([data-surface=legacy],:not([data-surface]))) .view-switch{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{gap:12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-art{height:120px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-body{padding:14px 12px 10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .item-card h3{font-size:22px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-body>p{font-size:9px}:where(html:where([data-surface=legacy],:not([data-surface]))) .cover-type{font-size:6px;letter-spacing:1px;left:12px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom>span{font-size:8px}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-bottom .icon-button{padding:5px 4px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-footer>span{font-size:8px}:where(html:where([data-surface=legacy],:not([data-surface]))) .toast{left:20px;right:20px;transform:none;bottom:20px;text-align:center}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar{padding:15px 15px 15px 60px;gap:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar>.text-link{font-size:10px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar .button{font-size:9px;padding:7px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar>div{gap:0}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar>div .icon-button{padding:5px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-layout{padding:35px 22px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reading-article>h1{font-size:42px}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-body{font-size:calc(var(--reading-size) - 1px)}:where(html:where([data-surface=legacy],:not([data-surface]))) .article-meta{flex-wrap:wrap}:where(html:where([data-surface=legacy],:not([data-surface]))) .highlights-grid{grid-template-columns:1fr}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card{padding:23px}:where(html:where([data-surface=legacy],:not([data-surface]))) .inline-form{display:block}:where(html:where([data-surface=legacy],:not([data-surface]))) .inline-form>.button{margin-top:14px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing{padding:0 6%}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-nav{height:85px}:where(html:where([data-surface=legacy],:not([data-surface]))) .nav-caption{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-hero{display:block;padding:50px 0 30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy h1{font-size:68px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-copy>p{font-size:14px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-art{margin:30px auto 0;max-width:450px;transform:scale(.95)}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features{grid-template-columns:1fr;gap:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-features p{max-width:100%}:where(html:where([data-surface=legacy],:not([data-surface]))) .landing-footer{gap:20px;flex-direction:column}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-page{display:block}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story{padding:30px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story h1{font-size:38px;margin:25px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story .book-art,:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story>.eyebrow,:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-story>p{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-panel{padding:60px 25px 40px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-back{top:20px;left:25px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-form{width:100%;max-width:400px}}@media(max-width:400px){:where(html:where([data-surface=legacy],:not([data-surface]))) .item-grid{grid-template-columns:1fr}:where(html:where([data-surface=legacy],:not([data-surface]))) .card-art{height:150px}:where(html:where([data-surface=legacy],:not([data-surface]))) .reader-toolbar>div{display:none}:where(html:where([data-surface=legacy],:not([data-surface]))) .page-heading h1{font-size:34px}}@media(prefers-reduced-motion:reduce){:where(html:where([data-surface=legacy],:not([data-surface]))) *,:where(html:where([data-surface=legacy],:not([data-surface]))) :after,:where(html:where([data-surface=legacy],:not([data-surface]))) :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:where(html:where([data-surface=legacy],:not([data-surface]))) .careful-choice{display:flex;align-items:center;gap:9px;margin:16px 0;font-weight:400}:where(html:where([data-surface=legacy],:not([data-surface]))) .careful-choice input{width:auto;margin:0;accent-color:var(--orange)}:where(html:where([data-surface=legacy],:not([data-surface]))) .pair-page{max-width:680px;margin:50px auto;padding:0 24px}:where(html:where([data-surface=legacy],:not([data-surface]))) .pair-page>.settings-card{margin-top:35px}:where(html:where([data-surface=legacy],:not([data-surface]))) .pair-page h1{font:38px/1.15 var(--serif);margin:16px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .pair-page .pair-code{font:26px monospace;letter-spacing:4px;color:var(--orange);padding:16px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-quota{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid var(--border,#ddd);border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:13px}:where(html:where([data-surface=legacy],:not([data-surface]))) .library-quota a{margin-left:auto;text-decoration:underline}:where(html:where([data-surface=legacy],:not([data-surface]))) .account-form{display:grid;gap:14px;margin:18px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .account-form label{display:grid;gap:6px}:where(html:where([data-surface=legacy],:not([data-surface]))) .account-form input{padding:11px;border:1px solid #ccc;border-radius:8px;background:transparent;color:inherit}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-help{display:flex;justify-content:space-between;gap:12px;font-size:13px}:where(html:where([data-surface=legacy],:not([data-surface]))) .auth-help button{text-decoration:underline}:where(html:where([data-surface=legacy],:not([data-surface]))) .account-recovery{min-height:100vh;display:grid;place-items:center;padding:24px}:where(html:where([data-surface=legacy],:not([data-surface]))) .account-recovery .auth-form{max-width:420px;width:100%}:where(html:where([data-surface=legacy],:not([data-surface]))) .session-list>div{padding:12px 0;border-bottom:1px solid #ddd;display:flex;gap:12px;align-items:center;justify-content:space-between}:where(html:where([data-surface=legacy],:not([data-surface]))) .session-list small{display:block;overflow-wrap:anywhere;max-width:300px;font-size:11px}:where(html:where([data-surface=legacy],:not([data-surface]))) .button.danger{background:#9b342d;color:white}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card summary{cursor:pointer;margin:16px 0}:where(html:where([data-surface=legacy],:not([data-surface]))) .settings-card progress{width:100%;accent-color:#314b3d}