.auth-scene{color:#243e30;background:#eae9df radial-gradient(at 50% 40%,#f8f7ef 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:100px 40px 66px;display:flex;position:relative;overflow:hidden}.auth-brand{color:#263d2e;letter-spacing:-.8px;align-items:center;gap:9px;font-size:19px;font-weight:750;text-decoration:none;display:flex;position:absolute;top:30px;left:44px}.auth-brand img{object-fit:contain;mix-blend-mode:multiply;width:37px;height:37px}.auth-brand>span{align-self:flex-start;margin-top:9px;font-size:10px}.auth-book{perspective:1800px;isolation:isolate;filter:drop-shadow(0 24px 24px #20342422);grid-template-columns:1fr 1fr;width:min(980px,100%);min-height:600px;transition:transform .6s,opacity .6s;display:grid;position:relative}.auth-back-cover{z-index:-1;background:#284532;border-radius:5px 15px 15px 5px;position:absolute;inset:-8px -9px -13px;transform:rotate(-.5deg);box-shadow:0 3px #1b3023,0 8px 0 -3px #5c7252}.auth-left-page,.auth-right-page{background:#faf9f1;min-width:0;position:relative}.auth-left-page{background:linear-gradient(90deg,#f4f3e8,#faf9f0 85%,#e4e3d7);border-radius:3px 0 0 3px;flex-direction:column;padding:38px 44px 32px;display:flex}.auth-right-page{background:linear-gradient(90deg,#e5e3d8,#fbfaf3 7% 96%,#eeece0);border-radius:0 6px 6px 0;flex-direction:column;padding:43px 48px 28px;display:flex}.auth-eyebrow{letter-spacing:1.5px;font-size:9px;font-weight:750;line-height:1.7}.auth-left-page>.auth-eyebrow{opacity:.65;max-width:260px}.auth-left-page h2{letter-spacing:-1.9px;margin:10px 0 14px;font:46px/1.08 Georgia,serif}.auth-left-page h2 em,.auth-form-content h1 em,.auth-loading h1 em{color:#6a7d46;font-weight:400}.auth-left-page>p{color:#758071;margin:0;font-size:12px;line-height:1.8}.auth-page-number{letter-spacing:1.8px;color:#7b8477;margin-top:auto;padding-top:30px;font-size:8px}.auth-cover-art{justify-content:center;align-items:center;height:245px;margin:12px 0 0;display:flex;position:relative}.art-orbit{border:1px solid #7f8c6355;border-radius:50%;width:210px;height:210px;position:absolute;transform:rotate(-25deg)scaleY(.6)}.orbit-two{width:185px;height:185px;transform:rotate(37deg)scaleY(.75)}.art-book{color:#35583f;place-items:center;width:170px;height:150px;display:grid;transform:rotate(-12deg)}.art-book svg{fill:#c4d3a2;filter:drop-shadow(10px 15px 7px #4d62451c);width:150px;height:150px}.art-spark{color:#6a7d46;font-size:38px;position:absolute;top:35px;right:70px;transform:rotate(10deg)}.art-caption{letter-spacing:1px;color:#6f7e62;font:8px/1.6 monospace;position:absolute;bottom:8px;right:6px;transform:rotate(-6deg)}.auth-spine{pointer-events:none;z-index:6;background:linear-gradient(90deg,#0000,#283d2117 46%,#27321e2a 50%,#ffffff42 57%,#0000);width:30px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.auth-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);z-index:-1;background:#899c58;width:14px;height:49px;position:absolute;bottom:-38px;left:48%;transform:rotate(3deg)}.auth-form-content{flex-direction:column;flex:1;min-width:0;display:flex}.auth-chapter{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-step-count{color:#8a917e;font:10px monospace}.auth-progress{gap:5px;width:64px;margin:17px 0 27px;display:flex}.auth-progress i{background:#dfdfcf;flex:1;height:3px}.auth-progress i.done{background:#879d57}.auth-form-content h1,.auth-loading h1{letter-spacing:-2px;margin:0 0 18px;font:51px/1.05 Georgia,serif}.auth-intro{color:#7a8272;max-width:320px;margin:0 0 26px;font-size:12px;line-height:1.85}.auth-intro strong{color:#3a5340;overflow-wrap:anywhere;font-weight:600}.auth-form-content form{flex-direction:column;display:flex}.auth-form-content label{margin-bottom:9px;font-size:11px;font-weight:650}.auth-input-wrap{position:relative}.auth-input-wrap input{color:#243e30;box-sizing:border-box;background:#fffffc;border:1px solid #d9ddcf;border-radius:5px;outline:none;width:100%;height:49px;padding:0 43px 0 15px;font:13px inherit}.auth-input-wrap input:focus{border-color:#7b9259;box-shadow:0 0 0 3px #a7ba7d20}.auth-input-wrap input::placeholder{color:#a2a695}.auth-eye{color:#7d8976;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:15px;right:12px}.auth-hint{color:#8a907e;margin-top:9px;font-size:9px}.auth-primary{color:#f7f7ed;cursor:pointer;background:#2e4d36;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:48px;margin-top:20px;padding:13px 17px;font-size:11px;font-weight:650;transition:background .2s;display:flex}.auth-primary:hover{background:#3c6244}.auth-primary:disabled{opacity:.5;cursor:wait}.auth-email-receipt{color:#647454;cursor:pointer;background:#edf0e4;border:0;border-radius:4px;align-items:center;gap:8px;min-width:0;margin-bottom:18px;padding:9px 10px;font-size:10px;display:flex}.auth-email-receipt span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-email-receipt small{margin-left:auto;font-size:9px;text-decoration:underline}.auth-error{color:#8f493c;background:#f5e8df;border-radius:4px;margin:12px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.auth-switch{color:#8b9180;text-align:center;margin:24px 0 20px;font-size:10px}.auth-switch button{color:#35553c;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #a6b18f;margin-left:3px;padding:0 0 2px;font-weight:650}.auth-text-button{color:#64774f;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:14px 5px 0;font-size:10px;text-decoration:underline}.auth-page-bottom{color:#9b9f8b;align-items:center;gap:7px;margin-top:auto;padding-top:24px;font-size:8px;display:flex}.auth-page-bottom>span:last-child{margin-left:auto;font:9px monospace}.auth-mail-stamp{color:#68814d;background:#eef1e3;border-radius:5px;align-items:center;gap:8px;padding:15px;font-size:11px;line-height:1.6;display:flex}.auth-mail-stamp svg{flex-shrink:0;width:17px}.auth-footer{color:#89917d;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:23px;left:44px;right:44px}.auth-footer a{color:#4e6449;text-decoration:none}.auth-flying-page,.auth-turn-page{transform-origin:0;backface-visibility:visible;z-index:8;pointer-events:none;box-sizing:border-box;opacity:0;width:50%;transform-style:preserve-3d;background:linear-gradient(90deg,#f1efdf,#fbfaf2 15%,#f8f6e9);border-radius:0 6px 6px 0;padding:65px 45px;position:absolute;top:0;bottom:0;left:50%;box-shadow:3px 4px 8px #354a2715}.auth-flying-page>span,.auth-turn-page>span{background:#e3e6d4;border-radius:5px;width:70%;height:4px;margin:16px 0;display:block}.auth-flying-page>span:nth-child(2),.auth-turn-page>span:nth-child(2){width:55%}.auth-flying-page>svg,.auth-turn-page>svg{color:#d0d8bc;width:45px;height:45px;position:absolute;bottom:50px;right:35px}.auth-flying-page{animation:1.9s cubic-bezier(.45,0,.3,1) infinite auth-flutter}.auth-turn-page{animation:.72s cubic-bezier(.35,.05,.25,1) both auth-turn}.auth-loading{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;min-height:430px;padding:60px 0;display:flex}.auth-loading>svg{color:#859a5d;margin-bottom:30px}.auth-loading h1{margin-top:15px}.auth-loading p{color:#7d8872;font-size:12px;line-height:1.8}.auth-loading-dots{gap:5px;margin-top:15px;display:flex}.auth-loading-dots i{background:#879e59;border-radius:50%;width:4px;height:4px;animation:1.2s infinite auth-dot}.auth-loading-dots i:nth-child(2){animation-delay:.2s}.auth-loading-dots i:nth-child(3){animation-delay:.4s}.auth-leaving .auth-book{animation:.6s ease-in both auth-enter}.auth-leaving .auth-brand,.auth-leaving .auth-footer{opacity:0;transition:opacity .4s}@keyframes auth-turn{0%{opacity:1;transform:rotateY(0)}45%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotateY(-179deg)}}@keyframes auth-flutter{0%,8%{opacity:0;transform:rotateY(0)}12%{opacity:1}65%{opacity:1;transform:rotateY(-178deg)}78%,to{opacity:0;transform:rotateY(-180deg)}}@keyframes auth-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes auth-enter{to{opacity:0;transform:scale(1.08)translateY(-15px)}}@media (width>=1200px){.auth-book{transform:rotate(-.6deg)}}@media (width<=700px){.auth-scene{justify-content:flex-start;padding:94px 20px 67px;overflow:clip auto}.auth-brand{font-size:17px;top:25px;left:24px}.auth-book{perspective:1400px;max-width:420px;min-height:580px;display:block}.auth-left-page{display:none}.auth-right-page{border-radius:3px 6px 6px 3px;min-height:580px;padding:33px 28px 25px}.auth-spine{background:linear-gradient(90deg,#304d2525,#0000);width:12px;left:0;transform:none}.auth-back-cover{inset:-6px -6px -9px}.auth-form-content h1,.auth-loading h1{font-size:53px}.auth-intro{font-size:13px}.auth-progress{margin-bottom:35px}.auth-input-wrap input{font-size:16px}.auth-primary{min-height:50px;font-size:12px}.auth-form-content label{font-size:12px}.auth-switch,.auth-text-button{font-size:11px}.auth-flying-page,.auth-turn-page{width:100%;padding:50px 25px;left:0}.auth-ribbon{left:75%}.auth-footer{font-size:8px;bottom:20px;left:24px;right:24px}.auth-loading{min-height:520px;padding:40px 5px}.auth-loading>svg{margin-bottom:40px}.auth-page-bottom{padding-top:38px}.auth-scene:has(.is-fluttering){overflow:hidden}}@media (prefers-reduced-motion:reduce){.auth-flying-page,.auth-turn-page{display:none}.auth-loading-dots i{animation:none}.auth-book,.auth-leaving .auth-book{transition:opacity .1s;animation:none}.auth-leaving .auth-book{opacity:0}}.auth-scene .auth-book .auth-input-wrap input{padding:0 48px 0 15px;font-size:14px}.auth-eye{width:44px;height:44px;top:3px;right:3px}.auth-email-receipt{min-height:44px}.auth-switch button{text-underline-offset:3px;vertical-align:middle;border-bottom:0;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.auth-text-button{min-height:44px}.auth-footer{flex-direction:row;margin:0;padding:0}@media (width<=700px){.auth-scene .auth-book .auth-input-wrap input{font-size:16px}.auth-footer{bottom:max(20px, env(safe-area-inset-bottom));font-size:9px}.auth-scene{padding-bottom:max(75px, calc(50px + env(safe-area-inset-bottom)))}.auth-book{filter:drop-shadow(0 12px 12px #20342418)}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-normal-latin-ext-v17.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:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-normal-latin-v17.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 Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-italic-latin-ext-v17.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:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-italic-latin-v17.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 Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-normal-latin-ext-v17.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:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-serif-display-normal-latin-v17.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}:root{color:#293a31;font-synthesis:none;--forest:#203e35;--muted:#82877d;--paper:#f7f8f2;--line:#e4e7dd;--lime:#e4edaa;background:#f7f8f2;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #89a55e}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-family:DM Serif Display,Georgia,serif;font-weight:400}h3{font-size:15px;font-weight:650}p{line-height:1.65}button h3{text-align:left}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:20;background:#f1f3e9;flex-direction:column;width:228px;padding:36px 22px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{text-align:left;align-items:center;gap:12px;margin:0 8px 46px;display:flex}.brand img{object-fit:contain;width:43px;height:43px}.brand>span{letter-spacing:-1.2px;font-size:25px;font-weight:700;line-height:.98}.brand-dot{color:#89a364}.sidebar-label{letter-spacing:1.6px;color:#989c8b;margin:0 14px 17px;font-size:9px;font-weight:650}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#777e70;text-align:left;border-radius:7px;align-items:center;gap:14px;padding:13px 15px;font-size:13px;font-weight:550;display:flex}.sidebar nav button.active{color:#f6f8e9;background:var(--forest)}.sidebar nav button:not(.active):hover{background:#e7ebdc}.sidebar nav small{color:#6e7f5c;background:#e2e8d8;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar nav .active small{color:#edf3d6;background:#4c6354}.sidebar-note{color:#78856b;border-top:1px solid #dfe3d4;margin:48px 10px 28px;padding-top:23px}.sidebar-note>svg{color:#71894b;margin-bottom:16px}.sidebar-note h3{color:#43523e;font-family:DM Serif Display;font-size:20px;font-weight:400;line-height:1.4}.sidebar-note p{color:#8d9384;margin:10px 0 18px;font-size:12px}.sidebar-note button{align-items:center;gap:11px;font-size:11px;font-weight:650;display:flex}.sidebar-bottom{margin-top:auto}.demo-label{letter-spacing:1.15px;color:#909883;align-items:center;gap:7px;margin:20px 10px;font-size:8px;display:flex}.demo-label i,.live-dot{background:#8caa61;border-radius:50%;width:5px;height:5px;display:inline-block}.account{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;padding:22px 0;display:flex}.account>span:nth-child(2){gap:4px;display:grid}.account b{font-size:12px}.account small{color:#959b8b;font-size:10px}.account>svg{color:#929a85;margin-left:auto}.avatar{color:#714e3e;background:#edccbc;border:2px solid #f7f8f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-family:Georgia,serif;font-size:13px;font-weight:700;display:inline-flex}.avatar.small{width:30px;height:30px;font-size:10px}.avatar.sage{color:#536b44;background:#d1dfc5}.avatar.lavender{color:#7b6b91;background:#ddd9eb}.avatar.sand{color:#887844;background:#e8dfc0}.facepile{padding-left:6px;display:inline-flex}.facepile .avatar{width:28px;height:28px;margin-left:-6px;font-size:9px}.workspace{margin-left:228px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:22px;height:82px;padding:0 46px;display:flex}.breadcrumb{color:#929887;flex:1;font-size:11px}.breadcrumb span{color:#8f9f70;vertical-align:middle;margin-left:8px;font-size:19px}.search-box{color:#949a8d;background:#f1f3e9;border:1px solid #e2e6d9;border-radius:6px;align-items:center;gap:11px;width:270px;padding:10px 13px;font-size:11px;display:flex}.search-box kbd{color:#a6ad9b;margin-left:auto;font:14px sans-serif}.top-avatar{padding-left:3px}main{max-width:1460px;margin:0 auto;padding:37px 46px 0}.eyebrow{letter-spacing:1.6px;color:#7f8e73;font-size:9px;font-weight:650;line-height:1.6}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading h1{letter-spacing:-.9px;margin:8px 0 9px;font-size:36px;line-height:1.25}.page-heading h1>span{color:#8aa25e}.page-heading p{color:#8a9183;font-size:12px}.date-label{color:#9da58f;white-space:nowrap;align-self:flex-end;padding-bottom:9px;font-size:11px}.date-label span{color:#afba99;vertical-align:middle;margin-left:12px;font-size:22px}.hero{background:var(--forest);border-radius:10px;min-height:292px;margin-bottom:33px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:58%;padding:31px 37px;position:relative}.hero-kicker{letter-spacing:1.5px;color:#c4d0a1;align-items:center;gap:7px;font-size:8px;display:flex}.hero-kicker>span{background:#c4d0a1;border-radius:50%;width:5px;height:5px}.hero h2{color:#f3f3dc;letter-spacing:-.4px;margin:16px 0 12px;font-size:39px;line-height:1.1}.hero p{color:#bac7af;font-size:11px;line-height:1.7}.hero-copy>button{background:var(--lime);color:#31452c;border-radius:5px;align-items:center;gap:24px;margin-top:19px;padding:11px 16px;font-size:11px;font-weight:650;display:flex}.hero-copy>button:hover{background:#f1f5cc}.hero-social{align-items:center;gap:9px;margin-top:20px;display:flex}.hero-social>span:last-child{color:#bdc9af;font-size:8px}.hero-art{width:45%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.orbit{border:1px solid #83996b40;border-radius:50%;width:420px;height:420px;position:absolute;top:-53px;left:0;transform:rotate(-30deg)}.orbit-two{width:270px;height:380px;top:-34px;left:71px;transform:rotate(32deg)}.art-star{color:#c5d48b;font-family:Georgia;font-size:63px;position:absolute;top:24px;right:41px}.art-spark{color:#c4d48a;font-size:24px;position:absolute;bottom:65px;left:20px}.cover{aspect-ratio:2/3;text-align:center;border-radius:3px 5px 5px 3px;flex-shrink:0;transition:transform .25s;display:block;position:relative;overflow:hidden;box-shadow:1px 4px 9px #263e3220}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0002 0,#0000 5%,#fff2 6%,#0000 8%);position:absolute;inset:0}.cover-fallback{color:#fff;mix-blend-mode:difference;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:13px;display:flex}.cover-fallback b{font-family:Georgia;font-size:15px}.cover-fallback small{font-size:9px}.hero-book{aspect-ratio:auto;width:134px;height:202px;position:absolute;box-shadow:10px 20px 23px #081c3660}.hero-book.book-back{top:55px;left:40px;transform:rotate(-15deg)}.hero-book.book-front{top:72px;left:166px;transform:rotate(13deg)}.hero-book:hover{transform:translateY(-6px)rotate(0)}.art-caption{color:#bbc99e;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:26px;right:44px;transform:rotate(-5deg)}.feed-columns{grid-template-columns:minmax(0,1fr) 270px;gap:28px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.3px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:650}.section-heading>button{color:#778665;align-items:center;gap:8px;font-size:10px;display:flex}.count{color:#81916b;background:#e9eddc;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;margin-left:6px;font-family:DM Sans;font-size:9px;display:inline-flex}.current-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.reading-card{border:1px solid var(--line);background:#fffefa;border-radius:8px;gap:14px;min-width:0;padding:18px 15px;display:flex}.reading-card>.cover{aspect-ratio:auto;align-self:center;width:67px;height:104px}.reading-info{flex:1;min-width:0}.reading-info .eyebrow{letter-spacing:1px;font-size:7px}.reading-info h3{margin:4px 0;font-size:12px;line-height:1.4}.reading-info h3 button{text-align:left}.reading-info>p{color:#979b8e;font-size:9px;line-height:1.4}.progress-label{color:#979f8d;justify-content:space-between;gap:5px;margin:14px 0 6px;font-size:8px;display:flex}.progress-label b{color:#72855a;font-weight:500}.progress-bar{background:#e7ebde;border-radius:8px;height:4px;overflow:hidden}.progress-bar i{background:#8ea76a;border-radius:8px;height:100%;transition:width .4s;display:block}.text-action{color:#71855b;align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.reading-info .text-action{margin-top:11px}.feed-title{margin-top:32px;margin-bottom:15px}.demo-pill{letter-spacing:1px;color:#8c987d;white-space:nowrap;border:1px solid #dfe5d5;border-radius:4px;padding:5px 7px;font-size:7px}.feed-tabs{border-bottom:1px solid var(--line);align-items:center;gap:23px;margin-bottom:5px;display:flex}.feed-tabs>button{color:#939b88;padding:4px 0 13px;font-size:10px;position:relative}.feed-tabs>button.active{color:#3d5735;font-weight:650}.feed-tabs>button.active:after{content:"";background:#587847;height:2px;position:absolute;bottom:-1px;left:0;right:0}.feed-tabs>span{color:#a4ac97;align-items:center;gap:6px;margin-left:auto;padding-bottom:10px;font-size:8px;display:flex}.activity{border-bottom:1px solid var(--line);padding:23px 0 18px}.activity-header{align-items:center;gap:10px;margin-bottom:17px;display:flex}.activity-header>div{flex:1}.activity-header p{font-size:10px;line-height:1.5}.activity-header p b{font-weight:650}.activity-header p span{color:#98a18d;margin-left:3px}.activity-header small{color:#a7ad9e;font-size:8px}.activity-header small span{color:#b1b7aa}.icon-button{color:#8a9580;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover{background:#e9eddf}.activity-content{gap:17px;margin-left:47px;display:flex}.activity-content>.cover{aspect-ratio:auto;width:64px;height:97px}.activity-content>div{flex:1;min-width:0}.activity-content h3{font-size:13px}.activity-content h3 button{text-align:left}.author{color:#959e89;margin-top:4px;font-size:10px}.page-chip{color:#819368;background:#edf0df;border-radius:3px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex}.activity-content .page-chip{margin-top:8px}.activity-quote{color:#7c8773;margin-top:10px;font-size:11px;line-height:1.8}.activity-actions{align-items:center;gap:23px;margin-top:17px;margin-left:47px;display:flex}.activity-actions button{color:#99a38c;align-items:center;gap:6px;font-size:9px;display:flex}.activity-actions .save-action{color:#7d8e68;margin-left:auto;font-size:9px}.activity-actions .liked{color:#ae6f65}.stars{color:#95a466;gap:2px;display:inline-flex}.review-rating{align-items:center;gap:10px;margin-top:8px;display:flex}.review-rating>span:last-child{color:#8e997e;font-size:8px}.genre-tag{color:#7e8f66;background:#e9edde;border-radius:3px;margin-top:8px;padding:4px 6px;font-size:8px;display:inline-block}.feed-end{text-align:center;padding:32px 0}.feed-end>span{color:#abb994;font-size:25px}.feed-end p{color:#8e9b7e;margin:5px;font-size:10px}.feed-end small{color:#afb7a4;font-size:9px}.right-rail section{border:1px solid var(--line);background:#fbfcf6;border-radius:8px;margin-bottom:19px;padding:20px}.goal-card .eyebrow{letter-spacing:1.2px;font-size:8px}.goal-card .section-heading{margin-bottom:16px}.goal-number{align-items:center;font-family:DM Serif Display;font-size:38px;line-height:1.1;display:flex}.goal-number>span{color:#9ba68b;margin:10px 0 0 7px;font-family:DM Sans;font-size:11px}.goal-number>svg{color:#a7b58e;stroke-width:1px;margin-left:auto}.goal-card .progress-bar{margin:18px 0 10px}.goal-card>p{color:#9ba68b;font-size:9px}.dna-card .section-heading{margin-bottom:6px}.dna-card .section-heading>span{color:#96a875;font-size:20px}.dna-card h3,.friends-card h3{font-size:12px}.dna-card>p{color:#9aa48d;font-size:9px}.radar{width:100%;max-width:400px;margin:auto;display:block}.radar text{fill:#8b987c;font-family:DM Sans;font-size:9px}.radar.compact{margin:0 auto -8px}.radar.compact text{font-size:10px}.dna-card>button{color:#8a9a75;align-items:center;gap:13px;margin:0 auto;font-size:9px;display:flex}.friend-row{text-align:left;align-items:center;gap:8px;width:100%;margin-top:16px;display:flex}.friend-row>span:nth-child(2){gap:4px;min-width:0;display:grid}.friend-row b{font-size:10px;font-weight:550}.friend-row small{color:#a0aa92;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:8px;overflow:hidden}.friend-row .friend-percent{color:#98a885;margin-left:auto;font-size:8px}.quote-card{padding:4px 24px 20px}.quote-card>span{color:#d4ddc4;font:50px/1 Georgia}.quote-card p{color:#97a583;margin-top:-14px;font:italic 20px/1.4 DM Serif Display}.quote-card small{letter-spacing:1.4px;color:#a7b399;margin-top:15px;font-size:7px;display:block}.personal-note{color:#78856e;margin:10px 0 17px 47px;font-size:13px}.personal .text-action{margin-left:47px}footer{border-top:1px solid var(--line);color:#a5ad99;justify-content:space-between;gap:10px;margin-top:30px;padding:23px 0 25px;font-size:9px;display:flex}footer>span:last-child{align-items:center;gap:5px;display:flex}footer a{color:#82976c;align-items:center;gap:5px;display:inline-flex}.footer-dot{margin:0 6px}.primary,.outline{border-radius:5px;justify-content:center;align-items:center;gap:14px;padding:11px 16px;font-size:11px;font-weight:550;display:inline-flex}.primary{background:var(--forest);color:#f2f4e7}.primary:hover{background:#345548}.outline{color:#6b7e57;background:#fafbf5;border:1px solid #d9e0cd}.outline:hover{background:#edf1e2}.mobile-nav{display:none}.toast{color:#f6f6e7;z-index:100;background:#203e35;border-radius:8px;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:15px 20px;font-size:12px;display:flex;position:fixed;bottom:30px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 5px 30px #182c3430}.toast>svg{color:#dce79b}.toast>button{margin-left:14px;display:flex}.empty{text-align:center;grid-column:1/-1;padding:50px 25px}.empty>svg{color:#92a878;margin-bottom:15px}.empty h2{font-size:27px}.empty p{color:#8c9880;margin:12px 0 20px;font-size:12px}.empty button{margin:auto}.discover-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 0 18px;display:flex}.segmented{color:#6c8357;font-size:11px}.segmented>span{align-items:center;gap:8px;display:flex}.select-label{color:#9aa48c;align-items:center;gap:12px;font-size:10px;display:flex}select{color:#61764f;background:#fdfdf8;border:1px solid #dfe5d5;border-radius:5px;max-width:100%;padding:8px 30px 8px 12px;font-size:11px}.discovery-layout{grid-template-columns:1.25fr 1fr;gap:65px;max-width:1000px;margin:auto;display:grid}.discovery-stage{text-align:center;background:#ecefe2;border-radius:11px;padding:23px 26px 20px;overflow:hidden}.discovery-stage-label{letter-spacing:1.5px;color:#8e9e7c;font-size:7px}.swipe-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#fcfdf7;border:1px solid #e3e8d9;border-radius:15px;margin-top:19px;padding:20px 30px 24px;transition:transform .25s,opacity .25s;box-shadow:0 8px 20px #2c48330b}.swipe-card.swipe-left{opacity:0;transform:translate(-100%)rotate(-15deg)}.swipe-card.swipe-right{opacity:0;transform:translate(100%)rotate(15deg)}.match-pill{color:#6d8453;background:#edf3dc;border-radius:20px;align-items:center;gap:5px;padding:6px 11px;font-size:8px;display:inline-flex}.swipe-card>.cover{pointer-events:auto;width:145px;margin:19px auto;transform:rotate(-3deg);box-shadow:5px 10px 16px #233d3025}.swipe-card>.eyebrow{letter-spacing:.5px;font-size:9px}.swipe-card h2{color:#354b39;margin:7px 0 13px;font-size:29px;line-height:1.15}.discovery-meta{color:#97a286;justify-content:center;align-items:center;gap:13px;font-size:9px;display:flex}.discovery-meta>span{align-items:center;gap:4px;display:flex}.discovery-meta svg{color:#98aa6b}.swipe-card>p{color:#8d987f;margin:14px 0;font-size:10px;line-height:1.75}.discovery-friends{color:#96a486;justify-content:center;align-items:center;gap:8px;font-size:8px;display:flex}.swipe-controls{justify-content:center;gap:31px;margin:22px 0 17px;display:flex}.swipe-controls>button{color:#9a9d8d;flex-direction:column;align-items:center;gap:8px;font-size:8px;display:flex}.swipe-controls>button>svg{color:#a2aa8c;background:#fafbf4;border:1px solid #e0e6d5;border-radius:50%;width:49px;height:49px;padding:14px;box-shadow:0 3px 9px #3045360d}.swipe-controls .want>svg{background:var(--forest);color:#dce79b;border-color:var(--forest)}.swipe-controls .already>svg{color:#7b925d}.swipe-controls .pass>svg{color:#bb8c7a}.swipe-hint{color:#a2ac94;justify-content:center;align-items:center;gap:8px;font-size:8px;display:flex}.swipe-hint span{margin:0 5px}.discover-aside{padding:60px 0 20px}.discover-aside h2{letter-spacing:-1px;margin:12px 0 20px;font-size:49px;line-height:1.05}.discover-aside>p{color:#929d86;max-width:290px;font-size:12px}.why-card{background:#edf0e2;border-radius:8px;max-width:330px;margin:33px 0 25px;padding:22px}.why-card>svg{color:#8ba361;width:20px}.why-card h3{margin:12px 0 8px;font-size:12px}.why-card p{color:#81916d;font-size:11px}.why-card small{color:#a0ac90;margin-top:10px;font-size:9px;line-height:1.7;display:block}.discovery-stats{gap:40px;display:flex}.discovery-stats>span{color:#a1ab95;gap:3px;font-size:10px;display:grid}.discovery-stats b{color:#567046;font-family:DM Serif Display;font-size:30px;font-weight:400}.tip{border-top:1px solid var(--line);color:#96a386;align-items:flex-start;gap:11px;max-width:330px;margin-top:25px;padding-top:25px;display:flex}.tip p{font-size:10px}.library-tabs{border-bottom:1px solid var(--line);gap:30px;margin:33px 0 28px;display:flex}.library-tabs>button{color:#939e86;border-bottom:2px solid #0000;align-items:center;gap:8px;padding-bottom:15px;font-size:12px;display:flex}.library-tabs>button.active{color:#3b5e35;border-color:#6f8c52}.library-tabs span{background:#e9eede;border-radius:5px;padding:3px 6px;font-size:9px}.library-reading{grid-template-columns:1fr 1fr;gap:23px;display:grid}.reading-card.large{gap:23px;padding:26px}.reading-card.large>.cover{width:115px;height:172px}.reading-card.large h3{margin:8px 0;font-family:DM Serif Display;font-size:24px;font-weight:400}.reading-card.large .eyebrow{font-size:9px}.reading-card.large .reading-info>p{font-size:12px}.reading-card.large .progress-label{margin-top:22px;font-size:10px}.reading-card.large .text-action{margin-top:15px;font-size:11px}.book-grid{grid-template-columns:repeat(4,1fr);gap:35px 28px;display:grid}.shelf-book>.cover{width:100%;max-width:190px;margin-bottom:20px;box-shadow:4px 8px 14px #1b362a25}.shelf-book>.eyebrow{font-size:8px}.shelf-book h3{margin:5px 0;font-family:DM Serif Display;font-size:21px;font-weight:400}.shelf-book h3 button{text-align:left}.shelf-book>p{color:#97a18b;margin-bottom:10px;font-size:11px}.shelf-book>.outline{margin-top:9px;font-size:10px}.shelf-book>.text-action{margin-top:10px}.profile-banner{background:#e9eedb;border-radius:10px;align-items:center;gap:24px;padding:32px 37px;display:flex;position:relative;overflow:hidden}.profile-banner>.avatar{color:#5a7142;background:#cad9af;border:5px solid #f4f6e9;width:95px;height:95px;font-size:32px}.profile-banner h2{margin:4px 0;font-size:36px}.profile-banner p{color:#869675;font-size:11px}.profile-tag{color:#8e9e79;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:inline-flex}.profile-spark{color:#c8d5ad;font-size:135px;line-height:1;position:absolute;right:30px;transform:rotate(13deg)}.profile-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0;display:grid}.profile-stats>div{border:1px solid var(--line);border-radius:8px;padding:23px;display:grid;position:relative}.profile-stats svg{color:#96a77b;stroke-width:1.5px;position:absolute;top:20px;right:20px}.profile-stats b{font-family:DM Serif Display;font-size:34px;font-weight:400}.profile-stats span{color:#99a48b;margin-top:4px;font-size:10px}.profile-columns{grid-template-columns:1.1fr 1fr;gap:25px;display:grid}.profile-dna{border:1px solid var(--line);text-align:center;background:#fcfdf7;border-radius:8px;padding:26px}.profile-dna h2{margin:7px 0;font-size:29px}.profile-dna>p{color:#9aa58c;font-size:11px}.profile-dna>.radar{max-width:380px}.attribute-list{grid-template-columns:1fr 1fr;gap:10px 24px;margin:0 10px 20px;display:grid}.attribute-list>span{border-bottom:1px solid var(--line);color:#8c9c7a;justify-content:space-between;padding-bottom:8px;font-size:10px;display:flex}.attribute-list b{color:#587944}.profile-dna>small{color:#acb49f;max-width:320px;margin:auto;font-size:9px;line-height:1.6;display:block}.profile-challenge{background:var(--forest);border-radius:8px;padding:28px 30px;position:relative;overflow:hidden}.profile-challenge>.eyebrow{color:#b5c59a}.profile-challenge h2{color:#edf1d8;margin:12px 0 20px;font-size:30px;line-height:1.2}.challenge-count{color:#b9c89c;align-items:center;gap:12px;display:flex}.challenge-count>b{color:#e7eecc;font-family:DM Serif Display;font-size:55px;font-weight:400}.challenge-count>span{font-size:11px;line-height:1.7}.challenge-count .challenge-art{color:#a6bc78;margin-left:auto;font-size:65px}.profile-challenge .progress-bar{background:#50654c;margin:12px 0 20px}.profile-challenge .progress-bar i{background:#d0df9c}.profile-challenge .text-action{color:#bdce9c;font-size:10px}.genre-breakdown{padding:27px 10px}.genre-breakdown h3{margin-bottom:20px;font-size:13px}.genre-breakdown>div{color:#93a180;align-items:center;gap:15px;margin:13px 0;font-size:10px;display:flex}.genre-breakdown>div>span{width:70px}.genre-breakdown .progress-bar{flex:1}.genre-breakdown b{color:#819565;width:15px}.modal{width:440px;max-width:calc(100vw - 28px);max-height:90vh;color:var(--forest);background:#fafbf5;border:1px solid #dfe4d5;border-radius:14px;padding:0;box-shadow:0 20px 90px #172a2c35}.modal.wide{width:640px}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#152e295d}.modal-inner{padding:32px;position:relative}.modal-close{z-index:2;background:#ecf0e2;position:absolute;top:14px;right:14px}.modal h2{margin:8px 0 12px;font-size:30px;line-height:1.2}.modal p{color:#8d9a80;font-size:12px}.modal form label{color:#7a8e66;gap:8px;margin:19px 0;font-size:11px;font-weight:550;display:grid}input:not([type=checkbox]):not([type=range]),textarea{color:#42583b;background:#fffef9;border:1px solid #d9e2cc;border-radius:5px;outline:none;width:100%;padding:11px 12px;font-size:12px}input:focus,textarea:focus{box-shadow:0 0 0 2px #a6bf7e1a;border-color:#90a86b!important}textarea{resize:vertical;min-height:100px;line-height:1.7}textarea::placeholder,input::placeholder{color:#a6af9a}.book-modal-header{align-items:center;gap:25px;margin-right:16px;display:flex}.book-modal-header>.cover{aspect-ratio:auto;width:89px;height:133px}.book-modal-header>div{flex:1}.book-modal-header h2{margin:8px 0;font-size:30px}.book-modal-header .eyebrow{font-size:8px}.book-rating{color:#8c9e63;align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.book-rating small{color:#a1ad92;margin-left:4px;font-size:9px}.book-description{margin:22px 0;line-height:1.9;font-size:11px!important}.shelf-select{background:#edf1e3;border-radius:8px;align-items:flex-end;gap:20px;padding:14px 17px;display:flex}.shelf-select>label{color:#8e9d7c;flex:1;gap:6px;font-size:9px;display:grid}.shelf-select select{width:100%;font-size:10px}.shelf-select>.primary{padding:10px 13px;font-size:10px}.modal-tabs{border-bottom:1px solid var(--line);gap:26px;margin:24px 0;display:flex}.modal-tabs>button{color:#96a387;border-bottom:2px solid #0000;padding-bottom:12px;font-size:11px}.modal-tabs>button.active{color:#4e6f3b;border-color:#7d9b5a}.modal-tabs span{background:#e6ebdc;border-radius:3px;margin-left:6px;padding:2px 4px;font-size:8px}.progress-panel>.section-heading{margin-bottom:5px}.progress-panel h3{font-family:DM Serif Display;font-size:22px;font-weight:400}.progress-panel>p{font-size:10px}.waveform{height:85px;margin:29px 0 4px;position:relative}.wave-bars{justify-content:space-between;align-items:center;gap:3px;height:100%;display:flex;overflow:hidden}.wave-bars i{border-radius:3px;width:4px;min-width:2px}.waveform>input{opacity:.23;cursor:ew-resize;accent-color:#466836;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.thought-marker{color:#a2b77c;z-index:2;padding:4px;position:absolute;bottom:-7px;transform:translate(-50%)}.thought-marker:hover{color:#4a6c36}.timeline-labels{color:#9eac8e;justify-content:space-between;align-items:center;margin:18px 0;font-size:9px;display:flex}.timeline-labels>label{color:#7d9168;align-items:center;gap:7px;display:flex}.timeline-labels input{width:63px!important;padding:5px 8px!important;font-size:11px!important}.full{width:100%}.thought-form{border-top:1px solid var(--line);margin-top:22px;padding-top:2px}.thought-form>div{justify-content:space-between;align-items:center;display:flex}.thought-form .checkbox-label{flex-direction:row;align-items:center;gap:6px;margin:0;font-size:9px;display:flex}.checkbox-label input{accent-color:#6a8a4b}.thought-form .primary{font-size:10px}.thought-list article{border-bottom:1px solid var(--line);margin-bottom:15px;padding:10px 0 20px}.thought-list article>small{color:#9cab89;float:right;margin-top:3px;font-size:9px}.thought-list article>p{white-space:pre-wrap;margin-top:12px;font-size:12px}.spoiler-cover{color:#90a078;background:#e9eede;border-radius:5px;width:100%;margin-top:15px;padding:20px;font-size:11px;display:block}.stars.editable{gap:8px;margin:20px 0 5px}.stars.editable svg{width:28px;height:28px}.verdict-form h3{font-family:DM Serif Display;font-size:24px;font-weight:400}.verdict-form>p{margin-top:6px;font-size:11px}.verdict-form textarea{min-height:150px}.remove-book{color:#b49788;margin:25px auto 0;font-size:9px;display:block}.search-input{color:#9cae85;background:#fffefa;border:1px solid #d9e1cb;border-radius:6px;align-items:center;gap:10px;margin:22px 0;padding:0 13px;display:flex}.search-input input{box-shadow:none!important;background:0 0!important;border:0!important;padding:14px 0!important;font-size:13px!important}.search-results h3{letter-spacing:1px;text-transform:uppercase;color:#9aa88a;margin:25px 0 12px;font-size:9px}.search-results h3>small{margin-left:10px;font-size:8px;font-weight:400}.search-result{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:13px;width:100%;padding:12px 0;display:flex}.search-cover{color:#fff;background:#d5dfc7;border-radius:2px;justify-content:center;align-items:center;width:32px;height:43px;display:flex}.search-result>span:nth-child(2){flex:1;gap:4px;display:grid}.search-result b{font-size:12px;font-weight:550}.search-result small{color:#9caa8c;font-size:9px}.search-result>svg{color:#91a57b}.catalog-note{color:#9cae8b;margin:20px 0 0;font-size:9px;line-height:1.7;display:block}.search-error{color:#b08672!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen,.error-screen{color:#7c9265;background:#eef1e3;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:100vh;font-size:12px;display:flex}.flutter-book{perspective:300px;width:100px;height:68px;animation:1.6s ease-in-out infinite float;position:relative}.book-half{background:#31503a;border-radius:3px 5px 5px 3px;width:50px;height:65px;position:absolute;top:0}.book-half.left{transform-origin:100% 100%;left:0;transform:rotateY(15deg)rotate(-5deg)}.book-half.right{transform-origin:0 100%;right:0;transform:rotateY(-15deg)rotate(5deg)}.flutter-book i{transform-origin:0;background:#dce6b8;border:1px solid #bdd096;border-radius:0 4px 4px 0;width:46px;height:57px;animation:1.3s ease-in-out infinite page-flutter;position:absolute;top:3px;left:50px}.loading-screen>svg{color:#b0c193;animation:2s ease-in-out infinite float}.error-screen h1{font-family:DM Serif Display;font-size:35px}.error-screen p{margin:-10px 0}.error-screen .primary{margin-top:8px}@keyframes page-flutter{0%{transform:rotateY(0)}60%,to{transform:rotateY(-180deg)}}@keyframes float{50%{transform:translateY(-7px)}}@media (width>=1500px){main{padding-top:45px}.hero{min-height:340px}.hero-copy{padding:38px 45px}.hero h2{font-size:47px}.hero p{font-size:13px}.hero-book{width:161px;height:241px}.hero-book.book-back{top:55px;left:75px}.hero-book.book-front{top:81px;left:220px}.hero-art{width:46%}.feed-columns{grid-template-columns:minmax(0,1fr) 310px;gap:32px}.reading-card{gap:18px;padding:20px}.reading-card>.cover{width:78px;height:118px}.reading-info h3{font-size:14px}.reading-info>p{font-size:10px}.progress-label{font-size:9px}.page-heading h1{font-size:42px}.activity-content h3{font-size:15px}.activity-quote{font-size:12px}.activity-header p{font-size:11px}.right-rail section{padding:24px}}@media (width<=1200px){.sidebar{width:200px;padding:30px 16px 0}.brand{margin-left:6px}.brand>span{font-size:23px}.brand img{width:35px}.workspace{margin-left:200px}.topbar{padding:0 29px}main{padding:30px 29px 0}.page-heading h1{font-size:31px}.feed-columns{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.current-grid{grid-template-columns:1fr}.reading-card{padding:14px}.reading-card>.cover{width:54px;height:81px}.reading-info h3{font-size:13px}.reading-info .progress-label{margin-top:8px}.hero-art{width:43%}.hero-book{width:114px;height:174px}.hero-book.book-back{top:65px;left:12px}.hero-book.book-front{top:86px;left:110px}.hero-copy{width:65%;padding:30px}.hero h2{font-size:35px}.art-star{font-size:48px;right:20px}.art-caption{font-size:7px;right:20px}.feed-tabs{gap:18px}.feed-tabs>span{display:none}.discovery-layout{gap:35px}.discover-aside h2{font-size:40px}.book-grid{grid-template-columns:repeat(3,1fr)}.library-reading{grid-template-columns:1fr}.profile-spark{font-size:100px}.profile-stats{gap:12px}.profile-stats>div{padding:19px}.profile-stats svg{width:16px;top:16px;right:12px}}@media (width<=980px){.sidebar{width:175px;padding:28px 12px 0}.workspace{margin-left:175px}.brand{gap:8px;margin-bottom:36px}.brand>span{font-size:21px}.brand img{width:32px}.sidebar-label{letter-spacing:1px;margin-left:10px;font-size:7px}.sidebar nav button{gap:11px;padding:12px 11px;font-size:12px}.sidebar-note{margin:40px 8px}.sidebar-note h3{font-size:18px}.sidebar-note button{font-size:9px}.sidebar-note p{font-size:10px}.demo-label{letter-spacing:1px;font-size:6px}.account{gap:6px}.account small{font-size:8px}.feed-columns{grid-template-columns:1fr}.right-rail{grid-template-columns:1fr 1fr;gap:20px;display:grid}.right-rail .friends-card,.quote-card{display:none}.right-rail section{margin-bottom:0}.current-grid{grid-template-columns:1fr 1fr}.reading-info h3{font-size:11px}.reading-card{gap:11px;padding:14px 11px}.reading-card>.cover{width:49px;height:77px}.topbar{height:72px}.breadcrumb{font-size:9px}.search-box{width:230px}.hero-book.book-back{left:0}.hero-book.book-front{left:100px}.hero-art{width:44%}.page-heading h1{font-size:29px}.date-label{display:none}.hero{min-height:300px}.discovery-layout{grid-template-columns:1fr}.discover-aside{grid-template-columns:1fr 1fr;gap:15px;padding-top:0;display:grid}.discover-aside>.eyebrow{grid-column:1/-1}.discover-aside h2{font-size:33px}.discover-aside .why-card{margin:0}.discover-aside>.discovery-stats,.discover-aside .tip{display:none}.discovery-stage{width:100%;max-width:470px;margin:auto}.profile-columns{grid-template-columns:1fr}.profile-banner{gap:18px;padding:26px}.profile-banner>.avatar{width:70px;height:70px;font-size:25px}.profile-banner h2{font-size:30px}.profile-banner p{max-width:260px}.profile-spark{opacity:.6;font-size:90px;right:20px}.profile-stats{grid-template-columns:1fr 1fr}.toast{left:calc(50% + 80px)}}@media (width<=700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{gap:15px;height:65px;padding:0 21px}.breadcrumb{font-size:0}.breadcrumb:before{content:"whatchureading.";letter-spacing:-.7px;color:#2c493a;font-size:18px;font-weight:700}.breadcrumb>span{display:none}.search-box{background:0 0;border:0;width:34px;padding:8px}.search-box>span,.search-box>kbd,.top-avatar{display:none}main{padding:25px 20px 0}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{max-width:340px;margin-top:8px;font-size:31px}.page-heading .eyebrow{letter-spacing:1.3px;font-size:8px}.page-heading p{max-width:300px;font-size:11px}.page-heading>.primary,.page-heading>.outline{gap:0;padding:10px;font-size:0}.page-heading>button svg{width:18px}.hero{min-height:370px;margin-bottom:27px}.hero-copy{width:100%;padding:25px}.hero h2{font-size:34px}.hero-kicker{font-size:7px}.hero p{font-size:10px}.hero-copy>button{gap:17px;margin-top:18px;padding:11px 13px;font-size:10px}.hero-social{margin-top:13px;position:absolute;top:290px;left:24px}.hero-social>span:last-child{max-width:100px;font-size:8px}.hero-art{pointer-events:none;width:43%;top:110px;overflow:visible}.hero-book{pointer-events:auto;width:85px;height:128px}.hero-book.book-back{top:40px;left:-15px;transform:rotate(-14deg)}.hero-book.book-front{top:75px;left:55px;transform:rotate(12deg)}.orbit{width:300px;height:300px;top:-15px;left:-70px}.orbit-two{width:180px;height:270px;top:0;left:0}.art-star{font-size:37px;top:2px;right:24px}.art-spark{font-size:20px;bottom:17px;left:5px}.art-caption{display:none}.hero-copy>p{max-width:190px}.current-grid{grid-template-columns:1fr;gap:10px}.reading-card{gap:16px;padding:16px}.reading-card>.cover{width:59px;height:88px}.reading-info .eyebrow{font-size:7px}.reading-info h3{font-size:14px}.reading-info>p{font-size:10px}.reading-info .progress-label{margin-top:13px;font-size:9px}.reading-info .text-action{margin-top:10px;font-size:10px}.section-heading h2{font-size:15px}.feed-tabs{gap:26px}.feed-tabs>button{font-size:11px}.activity{padding:21px 0}.activity-header p{font-size:10px}.activity-header small{font-size:8px}.activity-content{gap:15px;margin-top:20px;margin-left:0}.activity-content>.cover{width:65px;height:98px}.activity-content h3{font-size:14px}.activity-quote{font-size:11px;line-height:1.7}.activity-actions{gap:20px;margin-left:0}.activity-actions button,.activity-actions .save-action{font-size:9px}.right-rail{gap:12px}.right-rail section{padding:16px}.goal-card .eyebrow{letter-spacing:.8px;font-size:7px}.goal-number{font-size:33px}.goal-number>span{font-size:9px}.goal-number>svg{width:20px}.goal-card>p{font-size:9px}.dna-card h3{font-size:11px}.dna-card>p{font-size:8px}.dna-card>button{gap:6px;font-size:8px}.radar.compact text{font-size:11px}.radar.compact{margin-top:8px}.goal-card .section-heading{gap:3px}.goal-card .section-heading svg{width:13px}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:69px;padding:9px 10px max(10px, env(safe-area-inset-bottom));z-index:30;background:#f7f9f1ed;border-top:1px solid #dfe5d4;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>button{color:#9ba68d;flex-direction:column;align-items:center;gap:5px;min-width:65px;font-size:8px;display:flex}.mobile-nav>button.active{color:#426339}.mobile-nav>button.active svg{fill:#dce7c7;stroke-width:2px}.mobile-nav span{text-transform:capitalize}footer{flex-direction:column;align-items:center;gap:8px;margin-top:25px;padding-bottom:96px;font-size:8px}.toast{width:max-content;padding:13px 15px;font-size:11px;bottom:88px;left:50%}.discovery-layout{gap:25px}.discovery-stage{padding:20px 19px}.swipe-card{padding:20px 25px}.swipe-card>.cover{width:136px;margin:18px auto}.swipe-card h2{font-size:28px}.swipe-card>p{font-size:11px}.discover-aside{padding:0 10px;display:block}.discover-aside h2{margin-top:8px;font-size:35px}.discover-aside h2 br{display:none}.discover-aside>p{max-width:none}.why-card{max-width:none;margin-top:22px!important}.discover-toolbar{margin-top:26px}.library-tabs{gap:20px;margin-top:25px}.library-tabs>button{gap:5px;font-size:11px}.library-tabs span{font-size:8px}.reading-card.large{gap:20px;padding:20px}.reading-card.large>.cover{width:86px;height:130px}.reading-card.large h3{font-size:24px}.reading-card.large .progress-label{margin-top:15px;font-size:9px}.book-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.shelf-book h3{font-size:21px}.shelf-book>.cover{max-width:none}.shelf-book>.outline{gap:10px;padding:9px 12px;font-size:9px}.profile-banner{gap:15px;padding:24px 20px}.profile-banner>.avatar{width:60px;height:60px;font-size:23px}.profile-banner h2{font-size:30px}.profile-banner p{max-width:205px;font-size:10px}.profile-banner .eyebrow{font-size:7px}.profile-spark{display:none}.profile-stats>div{padding:20px}.profile-stats b{font-size:35px}.profile-dna{padding:25px 20px}.modal-inner{padding:28px 20px}.modal{max-height:90dvh}.modal h2{max-width:90%;font-size:27px}.book-modal-header{gap:17px;margin-right:5px}.book-modal-header>.cover{width:70px;height:105px}.book-modal-header h2{max-width:100%;font-size:25px}.book-modal-header .eyebrow{font-size:7px}.book-modal-header p{font-size:11px}.book-description{font-size:10px!important}.book-rating small{font-size:8px}.shelf-select{gap:10px;padding:12px}.shelf-select select{padding:8px;font-size:10px}.shelf-select>.primary{gap:6px;font-size:9px}.modal-tabs{gap:22px}.modal-tabs>button{font-size:10px}.progress-panel h3{font-size:20px}.wave-bars{gap:2px}.thought-form .primary{gap:8px;padding:10px;font-size:9px}.thought-form .checkbox-label{font-size:8px}.thought-marker{padding:3px}.modal-close{width:25px;height:25px;top:8px;right:8px}.personal-note,.personal .text-action{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=700px){.hero{min-height:465px}.hero-copy>p{max-width:100%}.hero-art{width:43%;top:240px}.hero-book.book-back{top:14px}.hero-book.book-front{top:43px}.art-star{top:-25px}.hero-social{top:381px}input:not([type=checkbox]):not([type=range]),textarea,select{font-size:16px}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom));padding:9px 10px max(10px, env(safe-area-inset-bottom))}.mobile-nav>button{min-height:44px}.modal-close{min-width:44px;min-height:44px}.modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}