@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f6f4ee;--ink:#243a33;--green:#203e36;--muted:#73796f;--line:#dfdfd4;--gold:#e9bc5c;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b7822f;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;padding:34px 23px 20px;background:#eeeEE5;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{font-family:var(--serif);font-size:29px;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-icon{font:43px/1 Georgia;color:var(--green);position:relative;width:25px}.brand-icon>span{font-size:15px;position:absolute;right:-3px;top:-4px;color:#ae7c2b}.brand-dot{color:#b68135}.sidebar-label{font-size:10px;letter-spacing:1.5px;margin:51px 10px 18px;color:#818779;font-weight:700}.sidebar nav{display:grid;gap:7px}.sidebar nav>a{display:flex;gap:13px;align-items:center;padding:11px 12px;font-size:14px;border-radius:7px;color:#676f62}.sidebar nav>a>span{font-size:23px;line-height:1;width:22px}.sidebar nav>a.active{background:var(--green);color:#fff}.sidebar nav small{margin-left:auto;background:#ffffff20;padding:0 7px;border-radius:4px}.sidebar-card{border:1px solid #d7d7c7;border-radius:8px;padding:18px;margin-top:65px;background:#f5f3e9}.small-star{color:#ab8039;font-size:26px}.sidebar-card p{font-family:var(--serif);font-size:25px;line-height:1.15;margin:10px 0 20px}.sidebar-card a{font-size:12px;display:flex;justify-content:space-between}.sidebar-bottom{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:22px}.avatar,.profile-link,.large-avatar{display:grid;place-items:center;border-radius:50%;background:#d9ddd1;font-size:14px;width:36px;height:36px}.sidebar-bottom strong,.sidebar-bottom span{display:block;font-size:11px}.sidebar-bottom span{color:var(--muted);font-size:10px}.workspace{margin-left:250px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px;color:var(--muted);font-size:12px}.topbar>div{display:flex;align-items:center;gap:23px}.draft-pill{font-size:9px;letter-spacing:1.2px;border:1px solid #d3d7c9;border-radius:4px;padding:5px 9px}.profile-link{width:30px;height:30px}main{max-width:1530px;margin:auto;padding:40px 45px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0;color:#7e8576}.page-heading h1{font:clamp(36px,3.1vw,52px)/1.12 var(--serif);letter-spacing:-1.2px;margin:10px 0}.page-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0}.edition{text-align:right;font-size:9px;color:#84897c;letter-spacing:1px;line-height:1.9;flex-shrink:0}.edition b{font-weight:500}.intro-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:20px}.feature-book{min-height:354px;background:var(--green);border-radius:11px;color:#f9f5e9;display:grid;grid-template-columns:1.4fr 1fr;overflow:hidden}.feature-copy{padding:31px 0 29px 30px;position:relative;z-index:1}.feature-tag{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.3px;color:#d5d7bf}.feature-tag i{height:6px;width:6px;border-radius:50%;background:var(--gold)}.feature-copy h2{font:40px/1.05 var(--serif);letter-spacing:-.8px;margin:27px 0 15px}.feature-copy p{font-size:12px;color:#bfcbbf;max-width:290px;line-height:1.8;margin:0 0 21px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:5px;padding:11px 16px;font-size:12px;font-weight:600;line-height:1.6}.yellow{background:var(--gold);color:#263b2e}.button span{font-size:17px}.feature-foot{display:block;font-size:8px;letter-spacing:1.2px;color:#acb8a7;margin-top:26px}.feature-foot>span{margin:0 7px}.cover-wrap{display:flex;align-items:center;justify-content:center;padding:25px 18px;background:radial-gradient(ellipse,#b7c59524,transparent 70%)}.book-cover{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:174px;min-height:265px;padding:20px 16px;background:#d8b561;color:#293f33;text-align:center;box-shadow:-7px 7px 0 #0b261c55,10px 15px 28px #061a1855;transform:rotate(7deg);border-left:6px solid #a78b42;outline:1px solid #f5dc9080;outline-offset:-12px}.book-cover small{font-size:9px;letter-spacing:2px}.cover-ornament{font-size:40px;line-height:1}.book-cover strong{font:37px/.9 var(--serif)}.book-cover em{font-size:22px}.cover-bottom{font-size:6px;letter-spacing:1px}.progress-card{border:1px solid var(--line);border-radius:11px;padding:21px 22px;background:#faf9f3}.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#7f8676}.card-top>span:last-child{font-size:17px;color:#ad7d38}.badge-preview{display:flex;justify-content:center;padding:20px 0 13px}.medallion{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;outline:1px solid currentColor;outline-offset:-9px;box-shadow:0 6px 12px #193c2510;border:4px double currentColor}.medallion>span{font-size:32px;line-height:1.2}.medallion b{font:9px/1.4 var(--sans);text-align:center;font-weight:700;letter-spacing:1.2px}.gold{background:#edcf8a;color:#926d24}.rust{background:#e5b69d;color:#894c36}.green{background:#c8d7bd;color:#3a5b3d}.progress-card h3{font:25px/1.1 var(--serif);margin:10px 0}.progress-card p{font-size:11px;color:var(--muted);line-height:1.8}.text-link{border:0;padding:0;background:none;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:18px;color:var(--green);text-decoration:none}.progress-card .text-link{margin-top:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 16px}.section-title h2{font:29px/1.12 var(--serif);letter-spacing:-.4px;margin:6px 0 0}.secondary-label{color:#8b8e83;font-size:11px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.book-tile{padding:17px;border:1px solid var(--line);border-radius:8px;display:flex;gap:15px;background:#fbfaf5}.book-tile[href]:hover{border-color:#acb695;transform:translateY(-2px)}.mini-cover{width:80px;min-width:80px;height:120px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;padding:10px 5px;box-shadow:2px 3px 4px #203e3615;border-left:3px solid #00000019}.mini-cover small{font-size:5px;letter-spacing:.7px}.mini-cover strong{font:17px/1 var(--serif)}.mini-cover>span{font-size:22px;line-height:1}.mini-pride{background:#d9c28b;color:#4a4e2c}.mini-alice{background:#b95b45;color:#ffe9c4}.mini-walden{background:#a2b9a2;color:#243f33}.book-category{font-size:7px;letter-spacing:.9px;color:#8a8e7f}.book-tile h3{font:20px/1.08 var(--serif);margin:9px 0}.book-tile p{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 10px}.tile-link{font-size:9px;color:#3c6042;font-weight:600}.coming{font-size:9px;color:#8b8d80}.club-invite{display:flex;align-items:center;gap:22px;background:#eeeee2;border:1px solid #e0e1d2;border-radius:9px;padding:20px 25px;margin:27px 0}.club-symbol{font-size:55px;line-height:1;color:#667b56}.club-invite h2{font:28px/1.15 var(--serif);margin:5px 0}.club-invite p{font-size:11px;color:var(--muted);margin:0}.club-invite .button{margin-left:auto;flex-shrink:0}.outline{border:1px solid #bfc6b4;background:transparent;color:var(--green)}.dark{color:#fff;background:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 26px;margin-top:30px;border-top:1px solid var(--line);font-size:11px;color:#8e9387}footer>span:first-child{font:21px var(--serif);color:var(--ink)}.footer-motto{font:9px var(--sans);margin-left:12px;color:#858b7a}.back-link{font-size:12px;color:#707d6c;display:inline-block;margin-bottom:22px}.universe-hero{padding:36px;background:#e6e9d9;border-radius:10px;display:grid;grid-template-columns:1fr 150px;gap:35px}.universe-hero h1{font:54px/1 var(--serif);margin:15px 0}.universe-hero .byline{font-size:12px;color:#697459}.universe-hero p:not(.eyebrow):not(.byline){max-width:600px;font-size:14px;color:#63735e}.universe-emblem{font:75px/.8 var(--serif);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#749061;border:1px solid #a5b497;border-radius:90px;padding:25px}.universe-emblem>span{font-size:35px}.universe-layout{display:grid;grid-template-columns:1fr 260px;gap:29px}.privacy-label{font-size:10px;background:#e4eadf;padding:5px 9px;border-radius:5px;color:#5a7352}.note-composer{background:#fffef9;border:1px solid var(--line);padding:20px;border-radius:9px}.note-composer label,.reflection-form label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}textarea{display:block;width:100%;resize:vertical;border:1px solid #dedfd4;padding:12px;border-radius:5px;font-size:13px;color:var(--ink);background:#fcfbf6;min-height:100px}.note-composer>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.note-composer>div>span{font-size:10px;color:var(--muted)}.journal-note{padding:18px 20px;border-left:3px solid #d3b873;background:#f0eee2;margin:13px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.journal-note small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.discussion{background:#fbfaf5;border:1px solid var(--line);padding:22px;border-radius:8px}.topic-tag{display:inline-block;font-size:9px;letter-spacing:.6px;color:#63795d;background:#e5eada;padding:4px 7px;border-radius:3px}.discussion h3{font:28px/1.15 var(--serif);margin:15px 0 10px}.discussion p{font-size:13px;color:#737d6e;line-height:1.8}.reflection-form{margin-top:17px}.reflection-form button{margin-top:10px}.reflection-entry{font-size:13px;padding:14px;margin-top:12px;background:#edf0e5;white-space:pre-wrap;overflow-wrap:anywhere}.spoiler-discussion{padding:18px 20px;margin-top:14px;border:1px solid var(--line);border-radius:8px}.spoiler-discussion summary{font-size:13px;font-weight:600;cursor:pointer}.spoiler-discussion summary span{display:block;font-size:10px;font-weight:400;color:#8a755d}.spoiler-discussion p{font-size:13px}.memory-card{border:1px dashed #c7cabb;padding:24px;margin:25px 0;border-radius:8px}.memory-card>span{font-size:9px;letter-spacing:1px;color:#88907e}.memory-card h3{font:27px var(--serif);margin:9px 0}.memory-card p{font-size:12px;color:var(--muted)}.universe-side{padding-top:34px}.challenge-card{border:1px solid #d5d9c9;border-radius:9px;padding:23px;text-align:center;background:#efefe2}.challenge-card .medallion{margin:22px auto}.challenge-card h3{font:28px/1.1 var(--serif)}.challenge-card p{font-size:12px;color:#76806c;line-height:1.8}.challenge-card .eyebrow{font-size:8px}.challenge-card .button{width:100%}.chapter-guide{padding:20px 3px}.chapter-guide h3{font:22px var(--serif)}.chapter-guide p{font-size:10px;color:#ab8850;border-bottom:1px solid var(--line);padding-bottom:10px}.chapter-guide p span{color:#7d8774;margin-left:10px}#earned-message{display:block;font-size:11px;margin-top:12px;color:#476540}.shelf-banner{display:flex;gap:22px;align-items:center;padding:27px;border:1px solid var(--line);border-radius:9px;background:#eeeee3}.large-avatar{width:65px;height:65px;font:35px var(--serif);background:#d0d9c0}.shelf-banner h2{font:30px var(--serif);margin:0}.shelf-banner p{font-size:12px;color:var(--muted);margin:5px 0 0}.shelf-banner p>span{margin:0 7px}.profile-note{margin-left:auto;font-size:10px;color:#818a77;max-width:150px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.badge-card{padding:25px;border:1px solid var(--line);border-radius:9px;text-align:center;background:#fbfaf5}.sample-label{font-size:9px;letter-spacing:1px;color:#959987}.badge-card .medallion{margin:28px auto;width:145px;height:145px}.badge-card .medallion>span{font-size:42px}.badge-card .medallion>b{font-size:11px}.badge-card h3{font:27px var(--serif);margin:15px 0 8px}.badge-card p{font-size:12px;color:var(--muted);max-width:220px;margin:0 auto 12px}.locked{filter:grayscale(1);opacity:.35}.shelf-quote{text-align:center;padding:55px 0}.shelf-quote>span{font:70px/.6 var(--serif);color:#c49e53}.shelf-quote p{font:40px var(--serif);margin:15px}.shelf-quote small{font-size:9px;letter-spacing:2px;color:#939882}.club-demo-note{font-size:12px;background:#e8ecde;padding:13px 17px;border-radius:6px;color:#6c7a5f;margin-bottom:25px}.club-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.club-current{background:#eadba8;padding:28px;border-radius:10px;color:#494c2d}.club-current h2{font:36px/1 var(--serif);margin:18px 0 6px}.club-current p{font-size:12px;color:#75744d}.club-book-word{font:70px var(--serif);text-align:center;padding:35px 0;color:#84824d}.club-book-word span{font-style:italic;font-size:45px}.club-layout .section-title{margin-top:0}#task-progress{font-size:11px;color:var(--muted)}.task-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.task-list>label{display:flex;align-items:center;gap:15px;padding:20px;background:#fbfaf5;cursor:pointer}.task-list>label+label{border-top:1px solid var(--line)}input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.task-list strong,.task-list small{display:block}.task-list strong{font-size:13px}.task-list small{font-size:11px;color:var(--muted);margin-top:5px}.task-list input:checked+span strong{text-decoration:line-through;color:#849176}.club-progress-track{height:5px;background:#e2e5d7;border-radius:5px;overflow:hidden;margin:20px 0}.club-progress-track>span{display:block;height:100%;background:#768d62;transition:width .2s;width:0}.club-prompt{padding:25px;border:1px solid var(--line);border-radius:8px}.club-prompt h3{font:31px/1.1 var(--serif);margin:14px 0}.club-prompt p{font-size:12px;color:var(--muted)}dialog{border:0;border-radius:13px;padding:27px;width:min(560px,calc(100% - 30px));background:var(--paper);color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 25px 90px #122b3450}dialog::backdrop{background:#112b258a;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head .eyebrow{font-size:9px}.icon-button{background:none;border:1px solid var(--line);font-size:23px;width:32px;height:32px;border-radius:50%;line-height:1}#quiz-content h2{font:36px/1.1 var(--serif);margin:25px 0 18px}.quiz-meta{font-size:11px;color:var(--muted);margin-top:20px}.quiz-options{display:grid;gap:9px}.quiz-option{font-size:14px;text-align:left;padding:13px;border:1px solid #d3d9ca;border-radius:6px;background:#fffef8;color:var(--ink)}.quiz-option[aria-pressed=true]{background:#dbe5d1;border-color:#69845c}.quiz-option:hover{border-color:#809172}.quiz-actions{margin-top:22px;display:flex;justify-content:space-between;align-items:center}.quiz-actions small{font-size:10px;color:var(--muted)}.quiz-result{text-align:center}.quiz-result .medallion{margin:25px auto}.quiz-result p{font-size:14px;color:var(--muted)}.quiz-review{font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin:18px 0}.quiz-review li{margin:8px 0}#toast{position:fixed;bottom:25px;left:calc(50% + 125px);transform:translateX(-50%);background:#203e36;color:#fff;font-size:13px;padding:12px 20px;border-radius:8px;box-shadow:0 7px 20px #0002;max-width:calc(100vw - 40px);opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.visible{opacity:1}
@media(min-width:1550px){main{padding-top:55px}.feature-book{min-height:410px}.feature-copy{padding:40px}.feature-copy h2{font-size:49px}.book-cover{width:200px;min-height:310px}.book-tile{padding:22px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 16px}.brand{font-size:25px}.workspace{margin-left:210px}.topbar{padding:0 26px}main{padding:30px 26px 0}.feature-copy{padding-left:23px}.feature-copy h2{font-size:34px}.book-cover{width:140px;min-height:230px}.book-cover strong{font-size:30px}.intro-grid{grid-template-columns:2.2fr 1fr}.book-grid{gap:10px}.book-tile{padding:13px;gap:10px;flex-direction:column}.book-tile .mini-cover{width:100%;height:140px}.mini-cover strong{font-size:24px}.mini-cover small{font-size:7px}.book-tile h3{font-size:23px}.universe-layout{grid-template-columns:1fr 230px;gap:18px}.club-invite{gap:15px;padding:18px}.club-invite .button{font-size:10px}#toast{left:calc(50% + 105px)}}
@media(max-width:900px){.sidebar{width:175px;padding:24px 12px}.brand{font-size:22px;gap:5px}.brand-icon{font-size:34px;width:22px}.sidebar nav>a{padding:11px 7px;font-size:12px;gap:7px}.sidebar-label{font-size:8px}.sidebar-card{margin-top:35px}.sidebar-card p{font-size:24px}.workspace{margin-left:175px}main{padding:25px 22px 0}.topbar{padding:0 22px}.intro-grid{grid-template-columns:1fr}.progress-card{display:none}.feature-copy h2{font-size:38px}.edition{display:none}.universe-layout{grid-template-columns:1fr}.universe-side{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.badge-grid{gap:10px}.badge-card{padding:20px 10px}.badge-card .medallion{width:110px;height:110px}.badge-card h3{font-size:24px}.club-layout{grid-template-columns:1fr}.club-current{display:none}.club-invite .button{max-width:150px}.club-invite .club-symbol{display:none}.profile-note{display:none}#toast{left:calc(50% + 87px)}footer{gap:15px}footer>span:last-child{font-size:8px}}
@media(max-width:640px){body{font-size:16px}.sidebar{position:relative;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:29px}.sidebar-label,.sidebar-card,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-top:17px;justify-content:space-between}.sidebar nav>a{font-size:11px;gap:4px;padding:9px 7px;white-space:nowrap}.sidebar nav>a>span{font-size:16px;width:auto}.sidebar nav small{display:none}.workspace{margin-left:0}.topbar{height:49px;padding:0 17px;font-size:10px}.draft-pill{font-size:7px;padding:4px 5px}.topbar>div{gap:10px}.profile-link{display:none}main{padding:26px 17px 0}.page-heading h1{font-size:39px;letter-spacing:-.7px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px}.page-heading p:not(.eyebrow){font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.3px}.feature-book{min-height:365px;grid-template-columns:1.35fr 1fr}.feature-copy{padding:25px 0 22px 20px}.feature-tag{font-size:7px;letter-spacing:.6px}.feature-copy h2{font-size:33px;margin-top:25px}.feature-copy p{font-size:11px;max-width:215px}.feature-copy .button{font-size:10px;padding:10px 12px;gap:9px}.cover-wrap{padding:15px 10px}.book-cover{width:113px;min-height:205px;transform:rotate(7deg);padding:18px 10px}.book-cover strong{font-size:27px}.book-cover small{font-size:7px}.cover-bottom{font-size:5px}.feature-foot{font-size:6px;letter-spacing:.6px}.section-title{align-items:flex-start}.section-title h2{font-size:27px}.secondary-label{font-size:9px}.book-grid{grid-template-columns:1fr}.book-tile{flex-direction:row;gap:18px;padding:17px}.book-tile .mini-cover{width:88px;min-width:88px;height:130px}.book-category{font-size:8px}.book-tile h3{font-size:25px}.book-tile p{font-size:12px}.tile-link,.coming{font-size:11px}.mini-cover strong{font-size:19px}.club-invite{align-items:flex-start;flex-direction:column;padding:22px}.club-invite .button{margin-left:0;max-width:none;font-size:12px}.universe-hero{padding:25px;grid-template-columns:1fr}.universe-hero h1{font-size:43px}.universe-emblem{display:none}.note-composer>div{align-items:flex-start;flex-direction:column}.universe-side{grid-template-columns:1fr}.chapter-guide{display:none}.badge-grid{grid-template-columns:1fr}.badge-card .medallion{width:140px;height:140px}.badge-card{padding:25px}.badge-card h3{font-size:29px}.shelf-banner{padding:20px;gap:15px}.shelf-banner h2{font-size:27px}.shelf-banner p{font-size:11px}.shelf-quote p{font-size:32px}.privacy-label{font-size:8px}.section-title #task-progress{font-size:10px;white-space:nowrap}footer{flex-direction:column;align-items:flex-start}footer>span:last-child{font-size:9px}#toast{left:50%}textarea{font-size:16px}.club-prompt h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
