:root{--ink:#182238;--navy:#183a70;--coral:#e66d4b;--lime:#b9e347;--paper:#f7f5ef;--card:#fffdfa;--line:#e5e0d5;--muted:#6e7581}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.site-frame{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}h1,h2{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif}h1{margin:.25rem 0 1rem;font-size:clamp(2.3rem,7vw,4rem);line-height:.97}h2{margin:.2rem 0 .7rem;font-size:1.7rem}.app-header{border-bottom:1px solid var(--line);z-index:5;background:#fffdfa;align-items:center;gap:18px;min-height:72px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:9px;display:flex}.brand b{letter-spacing:.12em;font-size:.88rem;display:block}.brand small{letter-spacing:.2em;color:var(--coral);font-size:.56rem;font-weight:800;display:block}.brand-mark{background:var(--navy);width:38px;height:38px;color:var(--lime);border-radius:12px;place-items:center;font:italic 700 1.45rem Georgia,serif;display:grid}.top-nav{gap:4px;margin-left:auto;display:flex;overflow-x:auto}.top-nav a{white-space:nowrap;color:var(--muted);border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:750}.top-nav a.active{color:var(--navy);background:#eaf2ff}.app-main,main:not(.welcome):not(.loading){flex:1;width:100%;max-width:1120px;margin:auto;padding:30px 18px 50px}.site-footer{border-top:1px solid var(--line);color:var(--muted);background:#fffdfa;justify-content:space-between;gap:12px;padding:20px max(20px,50vw - 560px);font-size:.78rem;display:flex}section,article,form{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:14px 0;padding:18px;box-shadow:0 5px 18px #26304a08}input,textarea,select{width:100%;font:inherit;background:#fff;border:1px solid #c9c5bb;border-radius:10px;margin:7px 0;padding:12px;display:block}button,.cta{background:var(--navy);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:800;display:inline-flex}button.secondary{color:var(--navy);border:1px solid var(--navy);background:0 0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:16px 0;display:flex}.toolbar label{letter-spacing:.04em;font-size:.78rem;font-weight:800}.toolbar input,.toolbar select{margin-bottom:0}.scroll-list{border:1px solid var(--line);background:var(--card);border-radius:16px;max-height:50vh;overflow-y:auto}.scroll-list article{border:0;border-bottom:1px solid var(--line);box-shadow:none;border-radius:0;margin:0}.scroll-list article:last-child{border-bottom:0}.row{justify-content:space-between;align-items:center;gap:16px;display:flex}.status{color:#345300;background:#e7f4be;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-block}.error{color:#b42318}.notice{background:#eef5ff;border-color:#bfd6ff}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.actions span{gap:8px;display:flex}.grid{grid-template-columns:1fr;gap:10px;display:grid}.metric b{color:var(--navy);font-size:2rem;display:block}.welcome{background:radial-gradient(circle at 100% 0,#e6f5bd 0,transparent 31%),var(--paper);flex-direction:column;min-height:100dvh;padding:28px 24px;display:flex}.welcome-logo{align-items:center;gap:9px;display:flex}.welcome-logo b{letter-spacing:.15em}.welcome-logo small{color:var(--coral);letter-spacing:.2em;font-size:.58rem;font-weight:800;display:block}.kicker{letter-spacing:.15em;color:var(--coral);margin:64px 0 12px;font-size:.69rem;font-weight:900}.welcome h1 em{color:var(--navy);font-weight:400}.lead{max-width:30ch;color:var(--muted);font-size:1.05rem}.cta{align-self:flex-start;margin-top:20px}.cta span{font-size:1.25rem}.founders{box-shadow:none;background:0 0;border:0;margin-top:auto;padding:18px 0 0}.founders .kicker{margin:0 0 9px}.avatar{color:#fff;border:2px solid var(--paper);border-radius:50%;place-items:center;width:35px;height:35px;margin-right:-7px;font-size:.78rem;font-weight:800;display:inline-grid}.navy{background:#183a70}.amber{background:#e66d4b}.lime{background:#75a300}.founders p:last-child{color:var(--muted);margin:10px 0;font-size:.84rem}.loading{text-align:center;padding:40px}@media (min-width:760px){.app-header{padding-left:max(32px,50vw - 590px);padding-right:max(32px,50vw - 590px)}.top-nav{gap:12px}.top-nav a{font-size:.9rem}.app-main,main:not(.welcome):not(.loading){padding:44px 32px 64px}.grid{grid-template-columns:repeat(3,1fr)}.welcome{max-width:1120px;margin:auto;padding:56px 72px}.welcome h1{font-size:clamp(4rem,6vw,6.4rem)}.lead{font-size:1.2rem}.founders{margin-top:80px}}@media (max-width:560px){.site-footer{flex-direction:column;align-items:flex-start}.top-nav{max-width:calc(100vw - 142px)}}:root{--hero-text:#e1e9f7}.page-hero{color:#fff;background:linear-gradient(135deg,#183a70,#244f91);border:0;justify-content:space-between;align-items:end;gap:24px;padding:28px;display:flex}.page-hero .kicker{color:var(--lime);margin:0 0 10px}.page-hero h1{margin:0 0 10px}.hero-description{max-width:42ch;color:var(--hero-text);margin:0}.hero-action{flex-shrink:0}.next-card{background:linear-gradient(125deg,#fffdfa,#f0f7d7)}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin:22px 0 8px;display:flex}.section-heading h2{margin:0}.section-heading p{color:var(--muted);margin:3px 0;font-size:.9rem}.record-form{border-color:#cbd6e6}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.form-grid label{font-weight:700}.form-actions,.record-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.record-content{min-width:0}.record-content p{margin:.25rem 0}.scroll-list article{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.record-actions{flex-wrap:wrap;margin:0}.record-actions button{padding:8px 10px;font-size:.8rem}.danger,.danger-link{color:#fff;background:#b42318}.danger-link{cursor:pointer;border:0;border-radius:10px;padding:8px 10px;font-weight:800}.danger-form{border-color:#f0b7b2}.success-message{color:#345300;font-weight:700}.empty{padding:18px}.footer-brand{align-items:center;gap:9px;display:flex}.footer-brand b{letter-spacing:.12em;font-size:.82rem;display:block}.footer-brand small{letter-spacing:.18em;color:var(--coral);font-size:.55rem;font-weight:800;display:block}.site-footer p{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif}.login-page{max-width:530px!important;padding-top:64px!important}.login-brand{align-items:center;gap:9px;margin-bottom:36px;display:flex}.login-brand b{letter-spacing:.12em;display:block}.login-brand small{color:var(--coral);letter-spacing:.2em;font-size:.58rem;font-weight:800;display:block}.demo-access{background:#eef5ff;border-color:#bfd6ff}.demo-access p{margin:.4rem 0}.demo-access code{font-weight:800}.sign-out{color:var(--muted);border:1px solid var(--line);background:0 0;align-self:center;padding:7px 10px;font-size:.78rem}.rules-intro{align-items:flex-start;gap:16px;display:flex}.rules-intro p{margin:0}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.rules-grid section{margin:8px 0}.rules-grid h2,.rules-open h2{font-size:1.25rem}.rules-open{background:linear-gradient(125deg,#fffdfa,#f0f7d7)}@media (max-width:640px){.page-hero{flex-direction:column;align-items:flex-start}.page-hero .cta{margin-top:0}.app-header{gap:12px;padding:12px 16px}.menu-toggle{border:1px solid var(--line);background:var(--card);color:var(--navy);border-radius:10px;margin-left:auto;padding:8px 10px;font-size:.78rem;display:inline-flex}.menu-icon{font-size:1.25rem;line-height:1}.top-nav{border-bottom:1px solid var(--line);background:#fffdfa;flex-direction:column;gap:3px;margin:0;padding:8px 16px 16px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;box-shadow:0 12px 22px #26304a18}.top-nav.is-open{display:flex}.top-nav a{padding:11px 12px;font-size:.92rem}.sign-out{align-self:stretch;margin:8px 0 0;padding:10px}.site-footer,.section-heading{flex-direction:column;align-items:flex-start}.form-grid,.rules-grid{grid-template-columns:1fr}.scroll-list article{flex-direction:column}.record-actions{margin-top:8px}.site-footer p{order:3}.rules-intro{flex-direction:column}}
:root{--ink:#302017;--navy:#62412d;--coral:#a35d32;--lime:#d5a55b;--paper:#f1e8da;--card:#fffaf2;--line:#dcc8af;--muted:#756457;--hero-text:#f8ead8}.page-hero{background:linear-gradient(135deg,#5b3926,#865536)}.top-nav a.active{color:#4a2d1c;background:#ead5b9}.next-card,.rules-open{background:linear-gradient(125deg,#fffaf2,#edddc3)}.notice,.demo-access{background:#f3e5d0;border-color:#ddbd91}.brand-mark{color:#f3c775;background:#62412d}.status{color:#5b3926;background:#ead7ae}.management-actions{flex-wrap:wrap;gap:8px;display:flex}.menu-toggle{color:#5b3926;background:#fffaf2;border-color:#dcc8af}.site-footer{background:#f8f0e5}
.primary-nav{gap:4px;margin-left:auto;display:flex}.primary-nav a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:750}.primary-nav a.active{color:#4a2d1c;background:#ead5b9}.app-header{position:sticky}.menu-toggle{border:1px solid var(--line);flex-shrink:0;align-items:center;margin-left:4px;display:inline-flex}.top-nav{background:var(--card);border:1px solid var(--line);border-radius:0 0 14px 14px;flex-direction:column;gap:2px;min-width:210px;margin:0;padding:8px;display:none;position:absolute;top:calc(100% + 1px);right:16px;overflow:visible;box-shadow:0 14px 28px #30201724}.top-nav.is-open{display:flex}.top-nav a{padding:10px 12px;font-size:.88rem}.mobile-only,.mobile-menu-label{display:none}.desktop-menu-label{display:inline}@media (min-width:760px){.app-header{gap:12px}}.demo-banner{color:#5c4300;text-align:center;background:#fff3cd;margin:0;padding:8px 16px;font-size:.8rem;font-weight:700}.club-manifesto{box-shadow:none;background:0 0;border:0;margin:0;padding:18px 0 0}.club-manifesto h1 em{color:var(--navy);font-weight:400}.club-manifesto h1{max-width:15ch;font-size:clamp(3.25rem,7vw,6.4rem)}.club-manifesto .founders{margin-top:48px}.record-link{background:var(--navy);color:#fff;border-radius:10px;align-items:center;min-height:42px;margin-top:10px;padding:10px 14px;font-weight:800;display:inline-flex}.record-link:hover{background:#244f91}.reflection{margin-top:18px}.comment-thread{border-left:3px solid var(--lime);margin:12px 0;padding-left:14px}.reflection form{box-shadow:none;border:0;margin:12px 0 0;padding:0}.reflection textarea{min-height:76px}.login-return{margin:20px 0 8px}.login-return a{color:var(--navy);font-weight:800}.library-book{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.library-book h2{margin-bottom:4px}.library-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.member-card{display:block!important}.member-toggle{width:100%;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;padding:4px 0}.member-toggle>span:nth-child(2){flex:1}.member-toggle small{color:var(--muted);font-weight:500;display:block}.member-avatar{color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.member-detail{padding:14px 0 0 50px}.notification-unread{border-left:4px solid var(--lime)!important}.notification-read{opacity:.72}.progress-row{margin:16px 0}.progress-row p{margin-bottom:6px}.progress-track{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.progress-track span{border-radius:inherit;height:100%;display:block}.reading-timeline{margin:0;padding-left:22px}.reading-timeline li{margin:12px 0}.timeline-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}button,.cta{gap:8px;min-height:36px;padding:8px 12px;font-size:.9rem}.record-link{min-height:36px;margin-top:6px;padding:8px 12px;font-size:.9rem}.back-navigation{color:var(--navy);margin:0 0 10px;font-size:.9rem;font-weight:800;display:inline-flex}.notification-badge{background:var(--coral);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:4px;font-size:.68rem;font-weight:800;display:inline-grid}.profile-avatar{object-fit:cover;border-radius:50%;width:88px;height:88px;margin:0 0 12px}.reading-chart{width:100%;max-width:560px;height:auto;color:var(--ink)}.chart-legend{flex-wrap:wrap;gap:14px;margin-top:12px;font-weight:700;display:flex}.chart-legend i{border-radius:50%;width:12px;height:12px;display:inline-block}@media (max-width:640px){.primary-nav,.desktop-menu-label{display:none}.mobile-menu-label{display:inline}.mobile-only{display:inline-flex}.top-nav{border-radius:0;min-width:0;left:0;right:0}.library-book{flex-direction:column}}