@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.3z_x6eowsw16y.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.2_mbdogr7ni8i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_7e158b59-module__W-9B5a__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_7e158b59-module__W-9B5a__variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.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:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_564d2be6-module__ne8-LG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_564d2be6-module__ne8-LG__variable{--font-serif:"Fraunces", "Fraunces Fallback"}
:root{--ink:#20251f;--muted:#74766f;--paper:#f7f5ef;--card:#fffefa;--line:#dddcd4;--forest:#2f6255;--forest-dark:#244c42;--sage:#d9e3dc;--rust:#b45e47;--sidebar:#ecebe5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans), sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2f625540}.app-shell{min-height:100vh}.sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #d5d4ce;flex-direction:column;width:252px;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-family:var(--font-serif), serif;letter-spacing:-1px;align-items:center;gap:10px;padding:0 10px 26px;font-size:26px;font-weight:650;display:flex}.brand-mark{color:#f8f5e8;background:var(--forest);border-radius:4px 11px;place-items:center;width:31px;height:31px;font-size:22px;font-style:italic;display:grid}.main-nav{gap:4px;display:grid}.main-nav button,.main-nav a,.current-book{cursor:pointer;background:0 0;border:0;width:100%;text-decoration:none}.main-nav button,.main-nav a{color:#60635e;text-align:left;border-radius:8px;align-items:center;gap:12px;height:43px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.main-nav button:hover,.main-nav button.active,.main-nav a:hover,.main-nav a.active{color:var(--forest-dark);background:#ffffff9e}.main-nav button.active,.main-nav a.active{box-shadow:inset 3px 0 var(--forest)}.sidebar-label{color:#8a8b84;letter-spacing:1.15px;margin:30px 12px 10px;font-size:10px;font-weight:800}.current-book{text-align:left;border-radius:9px;align-items:center;gap:10px;padding:9px;text-decoration:none;display:flex}.current-book:hover{background:#ffffff8c}.selected-room{background:#ffffffb3}.room-list{gap:4px;display:grid;overflow-y:auto}.room-link{color:#5f645e;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:8px 11px;text-decoration:none;display:flex}.room-link>span{gap:2px;min-width:0;display:grid}.room-link strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.room-link small,.sidebar-empty{color:var(--muted);font-size:9px}.sidebar-empty{margin:4px 12px 8px}.mini-cover{color:#ded5af;width:36px;height:49px;font-family:var(--font-serif), serif;background:#163d39;border-radius:2px;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:5px;line-height:1.2;display:flex;box-shadow:0 4px 8px #1f251f2e}.mini-cover strong{font-size:6px}.mini-cover-image{border-radius:inherit;background-position:50%;background-size:cover;width:100%;height:100%;display:block}.book-nav-copy{flex:1;gap:3px;min-width:0;display:grid}.book-nav-copy strong{font-family:var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.book-nav-copy small,.profile small{color:var(--muted);font-size:11px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #d2d1ca;align-items:center;gap:10px;margin-top:16px;padding:16px 8px 0;display:flex}.profile>span:nth-child(2){flex:1;min-width:0;display:grid}.profile strong{font-size:13px}.main{min-height:100vh;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5efeb;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 36px;display:flex}.search{color:#868780;background:#eeede7;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;width:min(390px,45vw);height:38px;padding:0 11px;display:flex}.search:focus-within{background:var(--card);border-color:#b9c9c0}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search kbd{background:#f7f6f1;border:1px solid #d1d0ca;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.topbar-actions,.heading-actions{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button:hover{background:#eeede7}.notification-dot{background:var(--rust);border:1px solid var(--paper);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.invite-button,.add-note-button,.publish-button{color:#fff;background:var(--forest);cursor:pointer;border:0;box-shadow:0 1px 2px #1f251f2e}.invite-button:hover,.add-note-button:hover,.publish-button:hover{background:var(--forest-dark)}.invite-button{border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:13px;font-weight:700;display:flex}.content{width:min(1120px,100% - 72px);margin:0 auto;padding:48px 0 80px}.book-hero{border-bottom:1px solid var(--line);grid-template-columns:148px minmax(300px,1fr) 285px;align-items:center;gap:34px;padding-bottom:46px;display:grid}.book-cover{color:#d9cfa7;text-align:center;background:radial-gradient(circle at 20% 20%,#d4ca9b1a,#0000 1px) 0 0/9px 9px,linear-gradient(145deg,#153e3b,#092b2a);border-radius:3px 7px 7px 3px;flex-direction:column;align-items:center;width:148px;height:218px;padding:18px 14px 13px;display:flex;box-shadow:-7px 8px #d0cec3,0 16px 28px #1e2c2633}.cover-stars{letter-spacing:5px;margin-bottom:12px;font-size:8px}.book-cover small{letter-spacing:1.6px;font-size:6px}.book-cover strong{font-family:var(--font-serif), serif;letter-spacing:-.5px;margin-top:8px;font-size:23px;font-weight:500;line-height:.91}.cover-key{flex:1;padding-top:11px;font-size:29px}.book-cover span{letter-spacing:2px;font-size:6px}.book-cover.has-cover{background-position:50%;background-size:cover}.eyebrow{color:var(--forest);letter-spacing:1.4px;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.book-info h1{font-family:var(--font-serif), serif;letter-spacing:-1.8px;margin:7px 0 2px;font-size:clamp(34px,4vw,48px);font-weight:560;line-height:1.05}.author{color:var(--muted);font-family:var(--font-serif), serif;margin:0;font-size:16px}.group-row{color:var(--muted);align-items:center;gap:11px;margin-top:22px;font-size:12px;display:flex}.group-row strong{color:#454a44}.avatar-stack{padding-left:7px;display:flex}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.avatar-stack .avatar{border:2px solid var(--paper);width:29px;height:29px;margin-left:-7px;font-size:8px}.avatar-one{background:#b7634f}.avatar-two{background:#597866}.avatar-three{background:#736585}.avatar-you{background:#2f6255}.book-description{color:#666a64;max-width:560px;margin:20px 0 0;font-size:13px;line-height:1.65}.archive-button{color:var(--forest);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:14px;padding:0;font-size:10px;font-weight:750;display:flex}.progress-card{background:var(--card);border:1px solid #dad9d1;border-radius:10px;padding:20px;box-shadow:0 8px 30px #232d270d}.progress-card-top,.progress-meta{justify-content:space-between;display:flex}.progress-card-top{align-items:baseline;font-size:12px;font-weight:700}.progress-card-top strong{color:var(--forest);font-family:var(--font-serif), serif;font-size:24px}.progress-number{color:#666a64;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:10px;font-weight:700;display:flex}.progress-number-control{align-items:baseline;gap:2px;display:flex}.progress-number input{width:55px;color:var(--forest);font-family:var(--font-serif), serif;text-align:right;background:#f7f9f6;border:1px solid #d5ddd8;border-radius:5px;outline:0;padding:2px 4px;font-size:22px;font-weight:700}.progress-number input:focus{border-color:#8ba99c;box-shadow:0 0 0 3px #2f625517}.progress-number input::-webkit-inner-spin-button{appearance:none;margin:0}.progress-number input::-webkit-outer-spin-button{appearance:none;margin:0}.progress-mode-tabs{background:#e9e8e2;border-radius:7px;grid-template-columns:1fr 1fr;margin-top:13px;padding:3px;display:grid}.progress-mode-tabs button{color:#777a74;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:30px;padding:0 8px;font-size:10px;font-weight:700}.progress-mode-tabs button.selected{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #1e231f1f}.remaining-time-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.remaining-time-fields label{color:#74766f;gap:5px;font-size:9px;font-weight:700;display:grid}.remaining-time-fields input{width:100%;min-height:38px;color:var(--forest);font-family:var(--font-serif), serif;background:#f7f9f6;border:1px solid #d5ddd8;border-radius:6px;padding:0 9px;font-size:18px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}input[type=range]{appearance:none;background:linear-gradient(to right, var(--forest) var(--progress), #dcded8 var(--progress));cursor:pointer;border-radius:10px;width:100%;height:4px;margin:14px 0 7px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--card);border:4px solid var(--forest);border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #00000038}.progress-meta{color:#93958e;font-size:9px}.update-button{width:100%;height:37px;color:var(--forest-dark);cursor:pointer;background:#edf3ef;border:1px solid #d1dfd7;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:11px;font-weight:700;display:flex}.progress-card>p{color:#888a84;justify-content:center;align-items:center;gap:5px;margin:11px 0 0;font-size:9px;display:flex}.notes-section{padding-top:38px}.notes-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.notes-heading h2,.composer h2{font-family:var(--font-serif), serif;letter-spacing:-.6px;margin:0;font-size:28px;font-weight:580}.notes-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.filter-tabs{background:#e9e8e2;border-radius:7px;padding:3px;display:flex}.filter-tabs button{cursor:pointer;color:#777a74;background:0 0;border:0;border-radius:5px;height:31px;padding:0 11px;font-size:11px;font-weight:700}.filter-tabs button.selected{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #1e231f1f}.filter-tabs span{color:#9b9c96;margin-left:3px}.add-note-button{border-radius:7px;align-items:center;gap:7px;height:37px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.timeline{width:min(760px,100%);margin:28px 0 0 18px;position:relative}.timeline:before{content:"";background:#d2d3cc;width:1px;position:absolute;inset:15px auto 15px 0}.note{padding:0 0 20px 27px;position:relative}.timeline-marker{background:var(--paper);place-items:center;width:11px;height:11px;display:grid;position:absolute;top:18px;left:-5px}.timeline-dot{background:var(--forest);border:2px solid var(--paper);width:7px;height:7px;box-shadow:0 0 0 1px var(--forest);border-radius:50%}.note-locked .timeline-dot{background:#a3a59e;box-shadow:0 0 0 1px #a3a59e}.note-card{background:var(--card);border:1px solid #deddd5;border-radius:9px;overflow:hidden;box-shadow:0 4px 18px #252b2609}.note-top{border-bottom:1px solid #eeede8;justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.note-author{align-items:center;gap:10px;display:flex}.note-author>span:last-child{gap:2px;display:grid}.note-author strong{font-size:12px}.note-author small{color:#969790;font-size:9px}.note-location{color:#777a73;align-items:center;gap:5px;font-size:10px;font-weight:650;display:flex}.note-location span{color:var(--forest);background:#edf3ef;border-radius:4px;margin-left:3px;padding:3px 6px;font-size:9px}.note-location .read-marker{color:#70736d;background:#efefea}.note-location .read-marker.new{color:#8a4637;background:#f8e8e2}.note-text{color:#3f443e;font-family:var(--font-serif), serif;margin:0;padding:17px 18px 14px;font-size:16px;line-height:1.55}.note-footer{align-items:center;padding:0 13px 11px;display:flex}.note-footer button{color:#858780;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:650;display:flex}.note-footer .more-button{margin-left:auto}.note-footer .seen-toggle{color:var(--forest);margin-left:12px}.reply-list{background:#f2f1ec;border-radius:7px;gap:7px;margin:0 18px 12px;padding:10px 12px;display:grid}.reply-list p{color:#666a64;margin:0;font-size:10px;line-height:1.45}.reply-form{gap:7px;margin:0 14px 10px;display:flex}.reply-form input{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;min-width:0;height:34px;padding:0 10px;font-size:11px}.reply-form button,.empty-notes button{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:6px;font-size:10px;font-weight:750}.reply-form button{padding:0 12px}.empty-notes{width:min(760px,100%);color:var(--muted);text-align:center;background:#fffefaa6;border:1px dashed #cfcec6;border-radius:10px;justify-items:center;margin:28px 0 0 18px;padding:48px 24px;display:grid}.empty-notes h3{color:var(--ink);font-family:var(--font-serif), serif;margin:9px 0 3px}.empty-notes p{margin:0 0 15px;font-size:11px}.empty-notes button{min-height:35px;padding:0 14px}.spoiler{place-items:center;min-height:158px;display:grid;position:relative;overflow:hidden}.spoiler-pattern{opacity:.46;filter:blur(.7px);background:linear-gradient(45deg,#eef0eb 25%,#0000 25%) 0 0/9px 9px,linear-gradient(-45deg,#eef0eb 25%,#0000 25%) 0 0/9px 9px;position:absolute;inset:0}.spoiler:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fafaf6a6;position:absolute;inset:0}.spoiler-content{z-index:1;text-align:center;justify-items:center;max-width:390px;padding:18px;display:grid;position:relative}.spoiler-icon{color:#777b75;background:#f1f1ec;border:1px solid #d9dad3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.spoiler-content strong{margin-top:8px;font-size:12px}.spoiler-content p{color:#81847d;margin:4px 0 10px;font-size:10px;line-height:1.5}.spoiler-content button,.revealed-label{color:var(--forest-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;font-weight:750;display:flex}.spoiler-content button{background:#ffffffbf;border:1px solid #c9d5ce;border-radius:5px;padding:6px 10px}.revealed-label{color:#8a684f;background:#f7eee7;border-radius:4px;margin:11px 18px 0;padding:5px 8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161d1985;place-items:center;padding:24px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.composer{background:var(--paper);border:1px solid #ffffffb3;border-radius:13px;width:min(540px,100%);padding:26px;animation:.2s ease-out rise-in;box-shadow:0 28px 80px #121a1652}.composer-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.composer-heading h2{margin-top:5px}.composer label{color:#555a54;margin-top:18px;font-size:11px;font-weight:750;display:block;position:relative}.composer textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);background:var(--card);font-family:var(--font-serif), serif;border:1px solid #d5d5cd;border-radius:8px;outline:0;margin-top:7px;padding:13px 14px 25px;font-size:15px;line-height:1.5}.composer textarea:focus{border-color:#8ba99c;box-shadow:0 0 0 3px #2f625517}.composer label>small{color:#9b9d96;font-weight:500;position:absolute;bottom:9px;right:10px}.composer-progress{align-items:center;gap:16px;display:flex}.composer-position{margin-top:18px}.composer-field-label{color:#555a54;font-size:11px;font-weight:750;display:block}.note-position-tabs{grid-template-columns:repeat(3,1fr)}.composer-percent-input{align-items:baseline;gap:2px;display:flex}.composer-percent-input input{width:55px;min-height:36px;color:var(--forest);background:var(--card);font-family:var(--font-serif), serif;text-align:right;border:1px solid #d5ddd8;border-radius:6px;padding:0 5px;font-size:17px;font-weight:700}.position-conversion{color:var(--muted);margin-top:7px;font-size:9px;display:block}.composer-progress strong{min-width:42px;color:var(--forest);font-family:var(--font-serif), serif;text-align:right;font-size:19px}.composer-callout{color:#657069;background:#eaf0ec;border:1px solid #d6e1da;border-radius:7px;align-items:flex-start;gap:9px;margin-top:18px;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.composer-callout svg{flex:none}.composer-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.confirmation-layer{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#161d198c;place-items:center;padding:24px;animation:.14s ease-out fade-in;display:grid;position:fixed;inset:0}.ahead-confirmation{background:var(--paper);text-align:center;border:1px solid #ffffffb8;border-radius:13px;width:min(430px,100%);padding:28px;animation:.18s ease-out rise-in;box-shadow:0 28px 80px #121a1657}.ahead-confirmation .spoiler-icon{margin:0 auto}.ahead-confirmation h2{font-family:var(--font-serif), serif;margin:13px 0 8px;font-size:25px;font-weight:580}.ahead-confirmation p{color:var(--muted);margin:7px 0;font-size:11px;line-height:1.55}.ahead-confirmation p strong{color:var(--ink)}.ahead-confirmation .composer-actions{justify-content:center}.cancel-button,.publish-button{border-radius:7px;height:38px;padding:0 16px;font-size:11px;font-weight:750}.cancel-button{cursor:pointer;background:0 0;border:1px solid #d2d2cb}.publish-button{align-items:center;gap:8px;display:flex}.publish-button:disabled{opacity:.45;cursor:not-allowed}.menu-button,.mobile-close,.mobile-add{display:none}.marketing-page,.auth-page,.onboarding-page{background:radial-gradient(circle at 15% 15%, #2f62551f, transparent 26rem), radial-gradient(circle at 85% 85%, #b45e4714, transparent 28rem), var(--paper);place-items:center;min-height:100vh;padding:32px;display:grid}.marketing-card{border:1px solid var(--line);background:#fffefaeb;border-radius:18px;width:min(780px,100%);padding:clamp(36px,7vw,78px);box-shadow:0 28px 90px #1f30271a}.hero-brand{padding:0 0 38px}.marketing-card h1,.auth-card h1,.onboarding-card>h1{font-family:var(--font-serif), serif;letter-spacing:-2px;margin:10px 0 14px;font-size:clamp(36px,6vw,66px);font-weight:560;line-height:1.02}.marketing-card>p:not(.eyebrow),.onboarding-card>p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.65}.marketing-actions{gap:10px;margin-top:30px;display:flex}.marketing-actions a{color:#fff;background:var(--forest);border:1px solid var(--forest);border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.marketing-actions a:last-child{color:var(--forest);background:0 0}.auth-card,.onboarding-card{background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(460px,100%);padding:38px;box-shadow:0 24px 70px #1f30271a}.onboarding-card{width:min(900px,100%)}.auth-brand{color:var(--ink);font-family:var(--font-serif), serif;align-items:center;gap:10px;margin-bottom:32px;font-size:25px;font-weight:650;text-decoration:none;display:flex}.auth-card h1{letter-spacing:-1px;font-size:35px}.auth-copy{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.55}.auth-form{gap:14px;display:grid}.auth-form h2,.join-panel h2{font-family:var(--font-serif), serif;margin:0 0 5px;font-size:23px}.auth-form label{color:#565b55;gap:6px;font-size:11px;font-weight:750;display:grid}.auth-form input,.auth-form select{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #d5d5cd;border-radius:7px;padding:0 12px}.duration-fields{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;display:grid}.duration-fields legend{color:#565b55;grid-column:1/-1;margin-bottom:2px;font-size:11px;font-weight:750}.auth-form button,.secondary-action{color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:7px;min-height:43px;padding:0 16px;font-size:12px;font-weight:750}.auth-switch{color:var(--muted);text-align:center;margin:22px 0 0;font-size:12px}.auth-switch a{color:var(--forest);font-weight:750}.form-message{color:#3e6355;background:#edf3ef;border:1px solid #d1dfd7;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.45}.form-message.error{color:#8a4637;background:#f8ece8;border-color:#efd4cd}.onboarding-grid{grid-template-columns:1.3fr .7fr;gap:36px;margin-top:30px;display:grid}.join-panel{align-content:start;gap:18px;display:grid}.join-panel>form:last-child{border-top:1px solid var(--line);padding-top:18px}.secondary-action{width:100%;color:var(--forest);background:#edf3ef;border:1px solid #d1dfd7}.setup-card{width:min(620px,100%)}.setup-card pre{color:#e9eee9;background:#23332d;border-radius:8px;margin:22px 0 0;padding:16px;font-size:11px;line-height:1.6;overflow-x:auto}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (max-width:1020px){.book-hero{grid-template-columns:130px 1fr}.book-cover{width:130px;height:192px}.progress-card{grid-column:1/-1}}.book-search-field{gap:6px;display:grid;position:relative}.book-search-field>label{color:#565b55;font-size:11px;font-weight:750}.book-search-field>small{color:var(--muted);font-size:9px}.book-search-input{background:#fff;border:1px solid #d5d5cd;border-radius:7px;align-items:center;gap:8px;min-height:43px;padding:0 10px;display:flex}.book-search-input input{border:0;outline:0;flex:1;min-width:0;min-height:39px;padding:0}.book-search-input button{width:28px;height:28px;color:var(--muted);box-shadow:none;background:0 0;border:0;place-items:center;padding:0;display:grid}.book-search-results{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:9px;max-height:330px;padding:5px;position:absolute;top:70px;left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #1f30272e}.book-search-results button{width:100%;min-height:62px;color:var(--ink);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:7px;display:flex}.book-search-results button:hover{background:#f0f0ea}.book-search-results img,.result-cover{object-fit:cover;background:#e4e6df;border-radius:3px;flex:none;width:34px;height:48px}.result-cover-image{background-position:50%;background-size:cover}.result-cover{color:#858a83;place-items:center;display:grid}.book-search-results button>span:last-child{gap:3px;min-width:0;display:grid}.book-search-results strong{font-family:var(--font-serif), serif;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.book-search-results small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.match-modal{background:var(--paper);border:1px solid #ffffffb3;border-radius:13px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:26px;animation:.2s ease-out rise-in;overflow-y:auto;box-shadow:0 28px 80px #121a1652}.match-modal h2{font-family:var(--font-serif), serif;margin:5px 0 0;font-size:28px;font-weight:580}.match-preview{background:#eeeee8;border-radius:9px;align-items:center;gap:15px;padding:14px;display:flex}.match-cover{background-position:50%;background-size:cover;border-radius:4px;flex:none;width:62px;height:88px;box-shadow:0 7px 16px #1f251f29}.match-cover-empty{color:#7d827b;background:#dfe2dc;place-items:center;display:grid}.match-preview>div{gap:4px;min-width:0;display:grid}.match-preview strong{font-family:var(--font-serif), serif;font-size:18px}.match-preview span{color:#5f645e;font-size:12px}.match-preview small{color:var(--muted);font-size:9px}.match-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.match-fields label{color:#565b55;gap:6px;font-size:11px;font-weight:750;display:grid}.match-fields label span{color:var(--muted);font-weight:500}.match-fields input{background:#fff;border:1px solid #d5d5cd;border-radius:7px;width:100%;min-height:42px;padding:0 11px}.match-cover-action{margin-top:11px}.match-cover-action button{color:#8a4637;box-shadow:none;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:700;display:flex}.match-modal .cancel-button{align-items:center;gap:6px;display:flex}@media (max-width:600px){.match-fields{grid-template-columns:1fr}.match-modal{padding:22px 18px}}@media (max-width:780px){.sidebar{width:270px;transition:transform .22s;transform:translate(-105%);box-shadow:18px 0 50px #141c1733}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:19;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191f1b59;border:0;position:fixed;inset:0}.mobile-close{background:0 0;border:0;place-items:center;display:grid;position:absolute;top:28px;right:18px}.main{margin-left:0}.topbar{padding:0 20px}.menu-button{flex:none;display:grid}.search{flex:1;width:auto}.search kbd,.invite-button svg{display:none}.content{width:min(100% - 40px,680px);padding-top:35px}}@media (max-width:600px){.topbar{gap:10px;height:62px}.topbar-actions .icon-button,.invite-button{display:none}.book-hero{grid-template-columns:95px 1fr;align-items:start;gap:22px;padding-bottom:34px}.book-cover{width:95px;height:145px;padding:12px 8px 8px;box-shadow:-5px 6px #d0cec3,0 10px 20px #1e2c262e}.cover-stars{margin-bottom:6px}.book-cover strong{margin-top:5px;font-size:16px}.cover-key{padding-top:4px;font-size:19px}.book-info h1{letter-spacing:-1px;margin-top:5px;font-size:30px}.group-row{align-items:flex-start;margin-top:17px}.group-row>span:last-child{display:grid}.book-description{grid-column:1/-1}.progress-card{padding:16px;display:block}.update-button{margin-top:16px}.progress-card>p{margin-top:10px}.notes-heading{align-items:flex-start}.heading-actions .add-note-button{display:none}.timeline{margin-left:5px}.note{padding-left:19px}.note-top{align-items:flex-start}.note-location{grid-template-columns:auto auto;justify-items:end;display:grid}.note-location span{grid-column:1/-1}.note-text{font-size:15px}.mobile-add{z-index:10;color:#fff;background:var(--forest);border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #244c4257}.marketing-page,.auth-page,.onboarding-page{padding:18px}.marketing-card,.auth-card,.onboarding-card{padding:28px 22px}.marketing-card h1,.onboarding-card>h1{letter-spacing:-1px;font-size:38px}.onboarding-grid{grid-template-columns:1fr}.empty-notes{margin-left:5px}}