@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--background:#f7f3ee;--surface:#fff;--text:#1a1a1a;--secondary:#6b6b6b;--accent:#d7b08a;--border:#1a1a1a1a;--shadow:0 10px 30px #1f150c0f}:root[data-theme=dark]{--background:#0f1115;--surface:#161a21;--text:#e6e6e6;--secondary:#9a9a9a;--accent:#d7b08a;--border:#ffffff1a;--shadow:0 12px 34px #00000061}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}.app-root{min-height:100vh}.muted-text{color:var(--secondary)}.app-layout{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand-logo{padding:10px 8px 20px}.brand-logo img{width:140px;height:auto;display:block}.sidebar-nav,.sidebar-bottom{gap:8px;display:grid}.sidebar-link{text-align:left;width:100%;min-height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-link.active,.sidebar-link:hover{background:var(--surface);border-color:var(--border)}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.avatar{background:var(--text);width:38px;height:38px;color:var(--background);border-radius:999px;place-items:center;font-weight:700;display:grid}.avatar.small{width:34px;height:34px}.avatar.big{width:64px;height:64px;font-size:20px}.avatar-img{object-fit:cover;border:1px solid var(--border);background:var(--surface);border-radius:999px;width:38px;height:38px}.avatar-img.small{width:34px;height:34px}.avatar-img.big{width:64px;height:64px}.avatar-img.tiny{border:0;width:28px;height:28px}.app-main{padding:24px 26px 40px}.content-shell{max-width:1120px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.topbar-search-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex:1;align-items:center;gap:8px;min-width:0;max-width:680px;padding:10px 12px;display:flex}.topbar-search{background:0 0;border:0;outline:none;width:100%}.search-submit-btn{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--accent));border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-btn,.user-dot{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.user-dot{font-weight:700}.screen-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.screen-header h1{font-size:36px;font-weight:700}.subtitle{color:var(--secondary);margin-top:6px}.section-title{margin:16px 0 12px;font-size:20px}.panel,.book-card,.continue-card,.profile-card,.person-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.panel{padding:14px}.continue-row{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.continue-card{flex:0 0 160px;width:100%;max-width:160px;padding:10px}.continue-cover{aspect-ratio:2/3;color:#efe1d3;background:#33251d;border-radius:12px;place-items:center;width:100%;margin-bottom:8px;font-size:13px;display:grid;overflow:hidden}.continue-cover img{object-fit:cover;width:100%;height:100%}.continue-card h4{margin-bottom:4px;font-size:14px}.progress-row{color:var(--secondary);justify-content:flex-end;margin-top:8px;font-size:12px;display:flex}.progress-track{background:#00000014;border-radius:999px;height:5px;overflow:hidden}:root[data-theme=dark] .progress-track{background:#ffffff1f}.progress-value{background:var(--accent);height:100%}.home-grid{grid-template-columns:minmax(0,1.2fr) 320px;gap:14px;margin-top:16px;display:grid}.activity-item{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:10px;padding:10px 0;display:grid}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-main p{font-size:14px}.activity-thumb{background:#00000014;border-radius:8px;width:44px;height:58px;overflow:hidden}.activity-thumb img{object-fit:cover;width:100%;height:100%}.compact-list{gap:8px;display:grid}.book-card{gap:8px;padding:10px;display:grid}.book-card.compact{grid-template-columns:42px minmax(0,1fr);align-items:center}.book-card.compact .book-cover{width:42px;height:56px;margin:0}.book-card.compact h4{font-size:14px}.book-cover{aspect-ratio:3/4.2;color:#f0dfcc;background:#3b2d25;border-radius:12px;place-items:end start;width:100%;padding:10px;display:grid;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%}.book-meta h4{margin-bottom:4px}.book-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.shelf-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.shelf-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:10px;position:relative}.shelf-card h4{margin-top:8px;font-size:14px;line-height:1.2}.shelf-cover{aspect-ratio:2/3;background:#3b2d25;border-radius:14px;place-items:center;width:100%;display:grid;overflow:hidden}.shelf-cover img{object-fit:cover;width:100%;height:100%}.shelf-card-head{justify-content:flex-end;margin-bottom:6px;display:flex;position:relative}.shelf-menu-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.shelf-menu{border:1px solid var(--border);background:var(--surface);width:180px;box-shadow:var(--shadow);z-index:10;border-radius:12px;padding:6px;display:grid;position:absolute;top:34px;right:0}.shelf-menu button{text-align:left;background:0 0;border:0;border-radius:8px;padding:8px}.shelf-menu button:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.cards-list{gap:12px;display:grid}.person-card{justify-content:space-between;align-items:center;padding:12px;display:flex}.person-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.progress-mini-btn{border-radius:999px;justify-self:start;width:auto;min-height:32px;padding:6px 10px;font-size:12px}.rating-badge{background:color-mix(in srgb, var(--surface) 80%, var(--accent));border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.shelf-cover{position:relative}.messenger-layout{grid-template-columns:320px minmax(0,1fr);gap:12px;min-height:520px;display:grid}.messenger-list{align-content:start;gap:8px;display:grid;overflow:auto}.messenger-dialog{border:1px solid var(--border);text-align:left;background:0 0;border-radius:12px;gap:6px;padding:10px;display:grid}.messenger-dialog.active{background:color-mix(in srgb, var(--accent) 20%, var(--surface))}.messenger-chat{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.messenger-chat-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:8px;display:flex}.messenger-thread{align-content:start;gap:8px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.msg-bubble{border:1px solid var(--border);background:var(--surface);border-radius:12px;max-width:78%;padding:8px 10px}.msg-bubble.mine{background:color-mix(in srgb, var(--accent) 22%, var(--surface));justify-self:end}.msg-bubble.their{justify-self:start}.messenger-input{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.send-mini{border-radius:12px;min-height:38px;padding:6px 12px}.messenger-back{min-height:34px;padding:6px 10px;display:none}.moderation-table{gap:8px;display:grid}.moderation-head{color:var(--secondary);grid-template-columns:110px 130px 130px minmax(120px,1fr) 90px auto;padding:0 10px;font-size:12px}.moderation-row{border:1px solid var(--border);border-radius:12px;grid-template-columns:110px 130px 130px minmax(120px,1fr) 90px auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.moderation-row .secondary-btn{border-radius:10px;min-height:34px;padding:6px 10px}.moderation-actions .secondary-btn{min-height:34px}.moderation-tabs,.moderation-search{margin-bottom:10px}.person-row{align-items:center;gap:10px;display:flex}.unstyled-btn{color:inherit;text-align:left;background:0 0;border:0;padding:0}.block-full{width:100%;display:block}.profile-card{margin-bottom:14px;padding:16px}.avatar-upload-panel{margin-bottom:12px}.avatar-click{border-radius:999px}.hidden-input{display:none}.profile-stats{border-top:1px solid var(--border);text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:12px;display:grid}.profile-stats span{color:var(--secondary);margin-top:3px;font-size:13px;display:block}.profile-menu{gap:6px;display:grid}.profile-menu-item{border:1px solid var(--border);text-align:left;background:0 0;border-radius:14px;padding:12px}.profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.profile-actions.single{grid-template-columns:1fr}.primary-btn,.secondary-btn,.ghost-btn,.pill{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-height:44px;padding:10px 14px;text-decoration:none}.primary-btn{background:var(--text);border-color:var(--text);color:var(--background)}.danger-btn{color:#d46969;border-color:#d26a6a73}.pill.active{background:color-mix(in srgb, var(--accent) 30%, var(--surface))}.tabs-row{gap:8px;margin-bottom:12px;display:flex}.mobile-bottom-nav{z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-item{color:var(--secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:20%;min-height:44px;font-size:11px;display:inline-flex}.mobile-bottom-item.active{color:var(--text)}.login-shell{place-items:center;min-height:100vh;padding:34px 20px;display:grid}.login-layout{grid-template-columns:minmax(0,1.1fr) 420px;align-items:center;gap:48px;width:min(1120px,100%);display:grid}.login-hero h1{font-size:clamp(42px,5vw,64px);line-height:.98}.login-subtitle{color:var(--secondary);margin-top:16px}.hero-logo{width:230px;margin-bottom:12px}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;gap:12px;width:100%;max-width:420px;padding:32px;display:grid}.form-grid{gap:10px;display:grid}.login-card input,.simple-modal input{border:1px solid var(--border);background:0 0;border-radius:12px;width:100%;padding:10px 12px}.terms-checkbox{color:var(--secondary);align-items:flex-start;gap:8px;font-size:12px;display:flex}.error-box,.info-box{border:1px solid var(--border);border-radius:10px;padding:10px}.modal-backdrop{z-index:100;background:#00000073;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.simple-modal{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:10px;width:min(440px,100%);padding:16px;display:grid}.edit-book-modal{gap:12px;width:min(640px,100%)}.simple-modal label{gap:6px;font-size:14px;display:grid}.simple-modal select,.simple-modal textarea{border:1px solid var(--border);width:100%;color:inherit;background:0 0;border-radius:10px;padding:8px 10px}.simple-modal textarea{resize:vertical;min-height:84px}.edit-cover-row{grid-template-columns:128px minmax(0,1fr);align-items:start;gap:12px;display:grid}.edit-cover-preview{aspect-ratio:2/3;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 85%, var(--accent));width:100%;color:var(--secondary);border-radius:14px;place-items:center;font-size:12px;display:grid;overflow:hidden}.edit-cover-preview img{object-fit:cover;width:100%;height:100%}.edit-cover-controls{gap:8px;display:grid}.inline-file-btn{justify-content:center;align-items:center;display:inline-flex}.edit-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shelf-progress-track{background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.shelf-progress-value{background:var(--accent);height:100%}.rating-stars{gap:6px;display:flex}.rating-star{border:1px solid var(--border);width:38px;height:38px;color:var(--secondary);background:0 0;border-radius:10px;font-size:20px;line-height:1}.rating-star.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 20%, var(--surface))}.status-segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.status-pill{border:1px solid var(--border);background:0 0;border-radius:12px;min-height:40px}.status-pill.active{background:color-mix(in srgb, var(--accent) 30%, var(--surface));border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.share-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-modal{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 88%, #0f1115), var(--surface));width:min(620px,100%)}.share-preview-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 70%, #0f1115);border-radius:16px;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px;display:grid}.share-book-cover{object-fit:cover;border-radius:12px;width:96px;height:144px}.share-covers{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.share-cover-mini{aspect-ratio:2/3;background:#2a3242;border-radius:10px;overflow:hidden}.share-cover-mini img{object-fit:cover;width:100%;height:100%}.share-url{word-break:break-all}.share-actions.social{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.footer-links{color:var(--secondary);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:12px;display:flex}@media (width<=1240px){.home-grid{grid-template-columns:1fr}}@media (width<=1024px){.app-layout{display:block}.app-sidebar{display:none}.app-main{padding:16px 16px 96px}.content-shell{padding-bottom:24px}.topbar-actions{gap:6px}.mobile-bottom-nav{display:flex}.continue-card{flex-basis:150px;max-width:150px}.shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-actions,.login-layout{grid-template-columns:1fr}.login-card{max-width:none}}@media (width<=640px){.app-main{padding:14px 16px 96px}.topbar{gap:10px}.topbar-search-wrap{padding:9px 10px}.screen-header h1{font-size:30px}.book-grid{grid-template-columns:1fr}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.person-card{flex-wrap:wrap;gap:10px}.person-card .secondary-btn{width:100%}.edit-cover-row,.edit-pages-grid{grid-template-columns:1fr}.edit-book-modal{width:100%}.share-preview-card{grid-template-columns:1fr}.share-book-cover{aspect-ratio:2/3;width:100%;max-width:180px;height:auto}.messenger-layout{grid-template-columns:1fr;min-height:0}.messenger-layout.chat-open .messenger-list{display:none}.messenger-back{display:inline-flex}.moderation-row{grid-template-columns:1fr}}