@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding-bottom:100px;transition:.25s}.dark{--bg:#111018;--panel:#1b1924;--panel2:#211e2b;--text:#f2edf1;--muted:#a9a1ad;--line:#34303d;--gold:#c6a77a;--plum:#80627c;background:var(--bg);color:var(--text)}.light{--bg:#f5f0e9;--panel:#fffaf3;--panel2:#eee5da;--text:#29232b;--muted:#776d78;--line:#ded3c8;--gold:#92704b;--plum:#8a6885;background:var(--bg);color:var(--text)}.topbar{height:76px;display:flex;align-items:center;gap:13px;padding:0 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;display:grid;place-items:center;font-size:22px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--muted)}.brand{font:600 18px Playfair Display,serif}.brand span{display:block;font:10px DM Sans;letter-spacing:1px;color:var(--muted);margin-top:2px}.icon-btn{margin-left:auto;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}main{max-width:760px;margin:auto;padding:26px 20px}.welcome{min-height:320px;background:linear-gradient(125deg,#211d2c,#332638 65%,#403047);border:1px solid #514252;border-radius:18px;padding:30px 25px;display:flex;position:relative;overflow:hidden;color:#f6eef3}.welcome-copy{position:relative;z-index:2;max-width:65%}.gold{color:#d6b98d}.welcome h1{font:600 clamp(30px,7vw,45px)/1.12 "Playfair Display",serif;margin:18px 0 12px}.welcome h1 i{color:#d6b98d}.welcome p{font-size:12px;line-height:1.7;color:#c7bbc9;max-width:310px}.primary{border:0;background:#b89570;color:#1c1720;border-radius:9px;padding:12px 16px;font:700 12px DM Sans;display:inline-flex;align-items:center;gap:8px;margin-top:14px}.primary.small{margin:0;padding:10px 12px}.hero-art{position:absolute;right:-4px;bottom:0;width:42%;height:100%;overflow:hidden}.moon-orb{position:absolute;width:130px;height:130px;border-radius:50%;background:#b58b9e;opacity:.45;right:8px;top:35px;box-shadow:0 0 65px #c5a3bd}.book-stack{position:absolute;bottom:24px;right:25px;display:flex;align-items:end;gap:5px;transform:rotate(-7deg)}.book{height:150px;width:54px;border-radius:4px 7px 7px 4px;box-shadow:5px 6px 10px #100d18aa;display:flex;align-items:center;justify-content:center;text-align:center;font:700 10px Playfair Display;letter-spacing:1px;line-height:1.5}.book-one{background:#9a6f80;color:#f9e8db}.book-two{height:125px;background:#d1b58c;color:#493447}.book-three{height:165px;background:#46445c;width:25px}.sparkle{position:absolute;color:#e5c99e}.s1{top:28px;right:40px}.s2{top:110px;right:160px;width:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 30px}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:27px 1fr;align-items:center}.stat-icon{color:var(--gold);grid-row:span 2}.stats b{font:600 18px Playfair Display}.stats small{font-size:9px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:25px 0 14px}.section-head h2,h2{font:600 25px Playfair Display;margin:5px 0 0}.text-btn{border:0;background:none;color:var(--gold);font-size:11px;display:flex;align-items:center}.featured-book{display:flex;gap:17px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}.cover-wrap{width:112px;min-width:112px;height:154px;border-radius:6px;overflow:hidden;background:var(--panel2);box-shadow:0 5px 14px #0003}.cover-wrap img,.card-cover img{width:100%;height:100%;object-fit:cover}.featured-info{flex:1;min-width:0}.pill{font-size:8px;letter-spacing:1px;color:var(--gold);border:1px solid var(--gold);padding:5px 7px;border-radius:20px}.featured-info h3{font:600 19px Playfair Display;margin:12px 0 4px}.featured-info p,.book-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress,.mini-progress{height:4px;background:var(--line);border-radius:10px;margin:7px 0 12px;overflow:hidden}.progress span,.mini-progress span{display:block;height:100%;background:var(--gold);border-radius:10px}.outline{border:1px solid var(--line);background:none;color:var(--text);padding:8px 10px;border-radius:8px;font-size:10px;display:flex;align-items:center}.compact{margin-top:28px}.activity{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:14px;border-radius:12px}.activity-icon{color:var(--gold);width:35px;height:35px;background:var(--panel2);border-radius:10px;display:grid;place-items:center}.activity b{font-size:12px}.activity p{font-size:10px;color:var(--muted);margin:4px 0 0}.muted{color:var(--muted);font-size:10px;margin-left:auto}.search{display:flex;align-items:center;gap:9px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);margin:15px 0}.search input,.modal input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font:12px DM Sans}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.book-card{min-width:0}.card-cover{height:165px;border-radius:8px;overflow:hidden;background:var(--panel2);position:relative;box-shadow:0 5px 12px #0002}.card-cover span{position:absolute;bottom:6px;left:6px;background:#17131dcc;color:#fff;font-size:8px;padding:5px 6px;border-radius:5px}.book-card h3{font:600 14px Playfair Display;margin:10px 0 4px}.book-card p{margin-bottom:10px}.book-card small{font-size:9px;color:var(--muted)}.mini-progress{margin:0 0 5px}.cover-placeholder{height:100%;display:grid;place-items:center;color:var(--gold)}.bottom-nav{position:fixed;z-index:6;bottom:12px;left:50%;transform:translate(-50%);width:min(92%,520px);display:grid;grid-template-columns:repeat(4,1fr);padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 30px #0004}.bottom-nav button{border:0;background:none;color:var(--muted);padding:8px 2px;border-radius:11px;display:flex;align-items:center;gap:4px;flex-direction:column;font:10px DM Sans}.bottom-nav button.active{background:var(--panel2);color:var(--gold)}footer{text-align:center;color:var(--muted);font-size:8px;letter-spacing:2px;padding:18px}footer span{color:var(--gold)}.club-panel,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;text-align:center;margin:18px 0}.club-emblem{margin:auto;border:1px solid var(--gold);color:var(--gold);width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:25px}.club-panel h3,.empty-state h3{font:600 20px Playfair Display}.club-panel p,.empty-state p{font-size:12px;line-height:1.7;color:var(--muted)}.member-row{display:flex;justify-content:center;align-items:center;margin-top:18px}.member-row span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#72566e;color:#fff;border:2px solid var(--panel);margin-left:-5px;font-size:11px}.member-row small{margin-left:10px;color:var(--muted);font-size:10px}.empty-state{padding:50px 25px;color:var(--gold)}.empty-state p{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#08070ccc;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(100%,390px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:25px;position:relative}.modal h2{margin-bottom:20px}.modal label{display:block;font-size:11px;color:var(--muted);margin:14px 0}.modal label input{display:block;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:7px}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;color:var(--muted);font-size:25px}@media(min-width:700px){main{padding-top:36px}.welcome{min-height:360px;padding:40px}.card-cover{height:220px}}@media(max-width:380px){.welcome{padding:22px 18px}.welcome-copy{max-width:75%}.hero-art{opacity:.65}.stats>div{padding:9px 6px}.stats small{font-size:8px}.card-cover{height:135px}.book-grid{gap:9px}}.dark{--bg:#0d0c12;--panel:#17151e;--panel2:#211d29;--text:#f5f0eb;--muted:#aaa0ad;--line:#302a37;--gold:#d0ad7b;--plum:#876b86;--glow:#a47c9a}.light{--bg:#f2ece4;--panel:#fffaf4;--panel2:#eee4d9;--text:#2b232b;--muted:#796e78;--line:#e1d5ca;--gold:#96714a;--plum:#8c6d87;--glow:#b99aad}body{background:var(--bg)}.topbar{height:82px;padding-inline:max(22px,calc((100vw - 760px)/2));border-bottom:1px solid color-mix(in srgb,var(--gold) 18%,var(--line))}.brand-mark{background:linear-gradient(145deg,#3b2b3e,#17131d);box-shadow:0 0 25px #b8957020,inset 0 1px #ffffff25;border-color:#b89570;color:#e0c397}.brand{font:600 20px Cormorant Garamond,serif;letter-spacing:.3px}.welcome{min-height:355px;border:1px solid #6b5367;background:radial-gradient(ellipse at 78% 18%,#795c75 0%,transparent 37%),linear-gradient(125deg,#17151f,#302333 56%,#483348);box-shadow:0 18px 55px #0003,inset 0 1px #ffffff16;border-radius:22px;padding:34px 30px}.welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff08 58%,transparent 78%);pointer-events:none}.welcome h1{font:600 clamp(36px,7vw,51px)/1.04 "Cormorant Garamond",serif;letter-spacing:-.5px}.welcome h1 i{color:#e2c79f;text-shadow:0 2px 22px #d9b58a35}.welcome p{font-size:12px;max-width:300px;color:#d2c6d0;line-height:1.8}.primary{background:linear-gradient(135deg,#e0c397,#b18a61);box-shadow:0 7px 20px #b8957033,inset 0 1px #fff8;border:1px solid #e6cda9;transition:transform .2s,box-shadow .2s}.primary:active{transform:translateY(1px)}.hero-art{width:45%;filter:drop-shadow(0 12px 18px #09070d88)}.moon-orb{background:radial-gradient(circle at 35% 30%,#e2c6ce,#9b718d 55%,#674d6a);opacity:.78;box-shadow:0 0 75px #bd92b855,0 0 130px #b18da322}.book{border:1px solid #ffffff35;box-shadow:6px 9px 18px #09070dcc,inset 3px 0 #fff2,inset -3px 0 #0003}.book-one{background:linear-gradient(90deg,#654455,#a77d8c 50%,#765264);font:700 11px Cormorant Garamond;letter-spacing:1.6px}.book-two{background:linear-gradient(90deg,#9e7955,#e1c59b 55%,#9c7653);font:700 12px Cormorant Garamond}.book-three{background:linear-gradient(90deg,#30334c,#66617b 55%,#353147)}.stats{gap:11px;margin:19px 0 34px}.stats>div{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 80%,var(--plum)));border:1px solid color-mix(in srgb,var(--gold) 15%,var(--line));box-shadow:0 7px 20px #00000012,inset 0 1px #ffffff08;border-radius:14px;padding:14px 12px}.stats b{font:600 23px Cormorant Garamond}.stat-icon{color:var(--gold)}.section-head{margin:30px 0 16px}.section-head h2,h2{font:600 29px Cormorant Garamond,serif;letter-spacing:.15px}.eyebrow{letter-spacing:2.2px;font-size:9px}.featured-book{background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--panel) 88%,var(--plum)));border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:17px;padding:17px;box-shadow:0 12px 30px #00000016,inset 0 1px #ffffff08}.cover-wrap{width:118px;min-width:118px;height:166px;border:1px solid #ffffff20;box-shadow:0 10px 22px #0005}.featured-info h3{font:600 23px Cormorant Garamond,serif;line-height:1.05}.pill{border-color:#b89570;color:var(--gold);background:#b8957010}.progress{height:5px;background:color-mix(in srgb,var(--line) 80%,#000)}.progress span,.mini-progress span{background:linear-gradient(90deg,#8b6c85,#d6b27d);box-shadow:0 0 10px #c39a7055}.outline{border-color:color-mix(in srgb,var(--gold) 35%,var(--line));background:#b895700d}.activity,.club-panel,.empty-state{background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel) 90%,var(--plum)));border:1px solid color-mix(in srgb,var(--gold) 17%,var(--line));box-shadow:0 9px 24px #00000012;border-radius:15px}.search{border-color:color-mix(in srgb,var(--gold) 18%,var(--line));box-shadow:inset 0 1px #ffffff08}.book-card{padding:8px 8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 7px 20px #00000012}.card-cover{height:180px;border-radius:8px;box-shadow:0 7px 16px #0003}.book-card h3{font:600 17px Cormorant Garamond,serif;line-height:1.08;min-height:37px}.book-card p{min-height:14px}.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 90%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));box-shadow:0 12px 40px #0006,inset 0 1px #ffffff12;padding:8px}.bottom-nav button{font-size:10px;letter-spacing:.1px;padding:9px 2px}.bottom-nav button.active{background:linear-gradient(135deg,#3b3040,#292333);color:#e0c397;box-shadow:inset 0 1px #ffffff17}.light .bottom-nav button.active{background:linear-gradient(135deg,#eee0d1,#e5d6c8);color:#795c3f}.modal{box-shadow:0 25px 80px #0008}@media(min-width:700px){.welcome{padding:42px 38px}.card-cover{height:225px}}@media(max-width:420px){.welcome{min-height:325px;padding:27px 20px}.welcome-copy{max-width:72%}.hero-art{width:47%;right:-12px}.book-stack{right:20px}.book{width:47px;height:138px}.book-two{height:116px}.book-three{height:150px;width:22px}.stats>div{padding:11px 8px}.card-cover{height:148px}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:26px 18px;background:radial-gradient(ellipse at 80% 12%,#4a354b 0%,transparent 35%),linear-gradient(145deg,#0d0c12,#211a28 65%,#17131d);color:#f5f0eb}.auth-card{width:min(100%,440px);padding:32px 26px;border:1px solid #665066;border-radius:22px;background:linear-gradient(145deg,#1c1822ee,#28202dee);box-shadow:0 25px 80px #0008,inset 0 1px #ffffff12}.auth-emblem{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#e0c397;border:1px solid #b89570;background:#3a2b3e;margin-bottom:22px}.auth-card h1{font:600 38px/1.05 Cormorant Garamond,serif;margin:15px 0 10px}.auth-card h1 i{color:#e0c397}.auth-intro,.auth-footnote{font-size:12px;line-height:1.7;color:#bdb1c0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#100e16;border:1px solid #403546;border-radius:10px;margin:24px 0 18px}.auth-tabs button{border:0;background:transparent;color:#bdb1c0;border-radius:7px;padding:10px 4px;font:12px DM Sans}.auth-tabs button.selected{background:#3a2d40;color:#e2c79f}.auth-form label{display:block;margin:15px 0;color:#d8ccd8;font-size:11px}.auth-form label span{display:flex;align-items:center;gap:7px;margin-bottom:8px}.auth-form input{display:block;width:100%;border:1px solid #4a3c4e;border-radius:9px;padding:13px;background:#100e16;color:#fff;font:13px DM Sans;outline:none}.auth-form input:focus{border-color:#c7a77a;box-shadow:0 0 0 3px #c7a77a20}.auth-submit{width:100%;justify-content:center;margin-top:12px;padding:14px}.auth-submit:disabled{opacity:.6}.auth-message,.auth-notice{margin-top:16px;padding:12px;border:1px solid #92734e;border-radius:9px;background:#b8957014;color:#e6d2b5;font-size:12px;line-height:1.6}.auth-footnote{font-size:10px;margin-top:20px}.signout-fab{position:fixed;top:15px;right:15px;z-index:9;border:1px solid #6b5367;background:#211d29;color:#e0c397;border-radius:20px;padding:8px 13px;font-size:11px}