:root{color-scheme:dark;--ink:#f0f0f2;--paper:#101113;--panel:#18191c;--panel-raised:#202125;--line:#303136;--muted:#a1a2ac;--silver:#e0e1e6;--blue:#e0e1e6;--gold:#fff;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--ink);font-weight:500}h1{font:46px/1.16 Georgia,"Times New Roman",serif;letter-spacing:-1.5px;margin:0 0 14px}h2{font:27px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.5px;margin:0 0 18px}h3{font:21px/1.3 Georgia,"Times New Roman",serif;margin:0 0 8px}a{color:var(--silver);text-decoration:none}a:hover,a:focus{color:#fff;text-decoration:underline}p{margin:0 0 12px}small,.muted,time{color:var(--muted)}small{font-size:12px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e5e5ef;outline-offset:4px}[hidden]{display:none!important}hr{border:0;border-top:1px solid var(--line);margin:25px 0}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:250px;top:-100px;z-index:100;background:white;color:#111;padding:10px}.skip-link:focus{top:8px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:38px 18px 22px;background:#141517;border-right:1px solid #28292e;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;color:#f2f2f4;text-decoration:none!important;margin:0 10px 45px;font:25px/1.1 Georgia,serif;letter-spacing:-.8px}.brand-among{color:#e5484d}.brand-readers{color:#f2f2f4}.brand svg{width:31px;height:37px;flex:none;stroke-width:1.25}.brand small{display:block;font:8px/1.2 -apple-system,sans-serif;letter-spacing:1.7px;margin-top:9px;color:#999ba6}.tabs{display:flex;flex-direction:column;gap:7px}.tabs a{display:flex;align-items:center;gap:14px;color:#9d9fa9;padding:11px 13px;border:1px solid transparent;border-radius:7px;text-decoration:none;font-size:13px;line-height:1.5}.tabs svg{width:19px;height:19px;flex:none}.nav-soon{display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#767b8a;margin-top:2px}.tabs a[data-view="catalog"],.tabs a[data-view="saved"]{display:none}.tabs a:hover{color:white;background:#1b1c1f}.tabs a.active{color:#f9f9fc;background:#26272b;border-color:#37383e}.tabs a[data-view="settings"]{margin-top:16px}.sidebar-note{border-top:1px solid #303136;margin:31px 12px 0;padding-top:24px}.tiny-label{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#999ca7}.sidebar-note p{font:20px/1.5 Georgia,serif;color:#c9cbd2;margin:11px 0}.sidebar-note>.muted{font-size:11px}.account-slot{margin-top:auto;padding:30px 4px 0}.account-reader{display:flex;gap:9px;align-items:center;min-width:0}.account-reader .reader-avatar{width:34px;height:34px;margin:0}.account-reader strong{display:block;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-reader small{display:block;font-size:10px}.account-slot #logout{padding:6px 0 0 44px;font-size:11px;color:#898c98}.site-workspace{margin-left:232px}.app-topbar{height:85px;border-bottom:1px solid #28292e;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 44px}.topbar-label{font-size:11px;letter-spacing:.2px;color:#92949f}.app-topbar form{display:flex;align-items:center;gap:10px;margin-left:auto;max-width:330px;flex:1;background:#191a1d;border:1px solid #303136;padding:9px 13px;border-radius:6px}.app-topbar form svg{width:16px;height:16px;color:#92949f;flex:none}.app-topbar input{color:#dfe0e5;background:none;border:0;outline:0;min-width:0;width:100%;font-size:12px}.icon-button{border:1px solid var(--line);background:#191a1d;color:#bbbfc9;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex:none}.icon-button svg{width:16px;height:16px}.main-content{max-width:1510px;margin:auto;padding:38px 44px 50px;min-height:75vh}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#a8abb8;margin:0 0 13px;text-transform:uppercase}.page-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:32px}.page-heading .muted{font-size:13px;margin:0}.author-bio{font-size:14px;color:var(--ink);max-width:640px;margin:14px 0 0}.author-links{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:12px}.author-links a{color:var(--muted)}.author-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.page-intro{margin-bottom:35px}.page-heading>.btn{flex:none}.section-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:28px 0 20px}.section-bar h2{font-size:24px;margin:0}.section-bar .muted{font-size:11px}.section-bar select{max-width:225px}.section-bar .btn-link{margin-left:auto}.section-bar .btn-link+.btn-link{margin-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);padding:10px 16px;font-size:12px;font-weight:550;line-height:1.5;white-space:normal;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover,.btn:focus{color:#fff;background:#2d2e34;border-color:#666976;text-decoration:none}.btn-primary{background:#e0e1e6;color:#17181c;border-color:#e0e1e6}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--card,#fff);color:#111;border-color:#fff}.btn-default{background:#1d1e22;color:#d3d5dd}.btn-link{border-color:transparent;padding:7px 8px;color:#b7bac5;background:none;font-weight:400}.btn-link:hover{border-color:transparent;background:#212226}.btn small{color:inherit;font-size:9px}.form-control{display:block;width:100%;height:43px;background:#141518;color:#e3e3e9;border:1px solid #393b43;border-radius:6px;box-shadow:none;padding:9px 12px;font-size:14px}.form-control:focus{background:#141518;color:#fff;border-color:#858a9c;box-shadow:0 0 0 2px #e0e1e612}textarea.form-control{height:auto;resize:vertical}input::placeholder,textarea::placeholder{color:#717581}label{font-size:12px;font-weight:500;color:#c9cbd5;margin-bottom:6px}input[type=checkbox]{accent-color:#d5d7e1;margin-right:6px;vertical-align:middle}input[type=file]{font-size:12px;max-width:100%;color:#aeb1bc}.form-group{margin-bottom:18px}.form-group small{display:block;margin-top:8px}form>.btn{margin-top:16px}select{cursor:pointer}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;margin-bottom:22px}.panel-body{padding:24px}.panel h2{font-size:23px}.panel p{font-size:13px}.alert{border:1px solid #414550;background:#25272e;color:#d0d4e2;border-radius:8px;padding:14px 18px;margin:0 0 22px;font-size:13px}.alert a{font-weight:600;text-decoration:underline}.alert-danger{border-color:#70484e;background:#2f2025;color:#f1c0c8}.alert-success{border-color:#455449;color:#d1e5d5;background:#202823}#message:empty{display:none}.dev-impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:200;background:#7a1f1f;color:#fff;text-align:center;font:600 11px/1 -apple-system,sans-serif;letter-spacing:.4px;padding:7px 10px;text-transform:uppercase}
#message.toast{position:fixed;left:50%;bottom:28px;top:auto;transform:translateX(-50%);z-index:120;width:max-content;max-width:min(90vw,440px);margin:0;border-radius:999px;padding:13px 26px;text-align:center;box-shadow:0 14px 34px #00000055;pointer-events:none;animation:toast-pop .22s ease-out}
@keyframes toast-pop{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:700px){#message.toast{bottom:18px;max-width:min(94vw,360px);padding:11px 20px;font-size:12px}}.demo-session{font-size:10px;letter-spacing:.5px;border-left:2px solid #9498a6;color:#aeb1bf;padding:0 10px;margin-bottom:22px}.catalog-banner{display:flex;align-items:center;gap:24px;padding:28px 34px;border:1px solid #373941;border-radius:12px;background:radial-gradient(ellipse at right top,#34373f66,transparent 70%),#1b1c20;margin-bottom:36px;overflow:hidden;min-height:166px}.banner-symbol{font:120px/.6 Georgia,serif;color:#686d7d;transform:translateY(14px)}.catalog-banner h2{margin:9px 0;font-size:29px}.catalog-banner p{font-size:12px;color:#afb2be;margin:0;max-width:510px}.banner-line{height:100px;width:140px;transform:rotate(-20deg);border:1px solid #555965;border-radius:50%;margin:0 10px 0 auto;opacity:.4;flex:none}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.book-card{min-width:0;display:flex;flex-direction:column;border:1px solid #2c2e34;border-radius:9px;background:#18191c;overflow:hidden;transition:border-color .2s}.book-card:hover{border-color:#575b69}.cover-stage{height:226px;padding:22px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#33363e60,transparent 74%),#1e2024;overflow:hidden}.book-cover{height:100%;max-width:100%;max-height:190px;width:auto;object-fit:contain;filter:drop-shadow(5px 8px 8px #0008);display:block}.cover-fallback{display:flex;align-items:center;justify-content:center;text-align:center;width:118px;height:178px;border:1px solid #555967;color:#b3b7c4;font-size:12px;padding:12px;background:#292b32}.card-body{padding:17px 15px;display:flex;flex-direction:column;align-items:stretch;flex:1}.card-body h2,.card-body h3{font-size:18px;line-height:1.4;margin:0 0 4px;letter-spacing:-.2px}.card-body h3 a,.card-body h2 a{color:#eceef3}.card-body .author{font-size:11px;color:#8e93a2;margin:0 0 10px}.card-body .reading-position{font-size:10px;color:#b4b8c5;margin:3px 0 10px}.card-body>.btn-link{margin-top:auto;font-size:10px}.card-body>.btn-default{margin-top:9px;font-size:10px}.badge-status{display:inline-block;align-self:flex-start;font:500 9px/1.4 -apple-system,sans-serif;letter-spacing:.25px;border:1px solid #444854;background:#292c34;color:#c1c5d3;border-radius:4px;padding:3px 6px;margin:0 0 7px}.book-actions{margin:9px 0;max-width:450px}.card-body .book-actions{margin-top:auto;padding-top:12px}.shelf-picker{height:34px;font-size:10px;color:#bbbfcf;margin-bottom:8px}.quick-buttons{display:flex;gap:5px}.quick-buttons .btn{flex:1;padding:8px 5px;font-size:9px;gap:5px}.quick-buttons svg{width:13px;height:13px;flex:none}.detail-head{display:flex;gap:38px;margin:12px 0 38px;align-items:flex-start;padding:30px;background:linear-gradient(120deg,#24262d,#18191d);border:1px solid #353741;border-radius:12px}.detail-head>.book-cover{height:280px;width:184px;max-height:280px;flex:none}.detail-head h1{font-size:39px;max-width:650px}.detail-head p{font-size:13px}.detail-head .book-actions{width:380px;max-width:100%}.detail-head .quick-buttons .btn{font-size:12px;padding:10px}.detail-head .shelf-picker{font-size:12px;height:38px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px}.detail-layout>*,.home-layout>*{min-width:0}.detail-layout aside .panel p{font-size:12px}.detail-layout aside .book-card{max-width:270px}.chapter-list{max-height:260px;overflow:auto;padding-left:25px;font-size:12px}.chapter-list li{padding:7px;border-bottom:1px solid var(--line)}.empty{grid-column:1/-1;border:1px dashed #464956;border-radius:10px;padding:45px 25px;text-align:center;background:#1b1d2280;color:#a9aebb}.empty h2,.empty h3{color:#e4e6ee}.empty p{max-width:440px;margin:0 auto 18px}.search-form{display:flex;gap:12px;margin:24px 0 14px;max-width:800px;flex-wrap:wrap;align-items:stretch}.search-form input{flex:1;min-width:180px;height:46px;box-sizing:border-box}.search-form button{flex:none;height:46px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.search-form .search-sort{flex:none;width:auto;max-width:170px;height:46px;box-sizing:border-box;padding-top:0;padding-bottom:0}#results{margin:28px 0}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:65vh}.intro h1{font-size:56px;line-height:1.17}.intro>p{color:#a6aab8;font-size:15px}.reading-mark{border-left:2px solid #6b7080;padding-left:20px;margin-top:30px;font:23px/1.6 Georgia,serif;color:#c3c7d2}.reading-mark em{color:#777d8d}.auth-panel .panel-body{padding:34px}.auth-panel form{margin-top:30px}.auth-panel #auth-submit{width:100%;margin:8px 0}.site-footer{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:1px solid #28292f;margin:0 44px;padding:25px 0;color:#787e8d}.site-footer>span{font:17px Georgia,serif;color:#a3a9b6}.site-footer p{font-size:10px;margin:0}.site-footer .affiliate-disclosure{margin-left:auto;font-size:9px}.reader-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;vertical-align:middle;flex:none;border:1px solid #5a5e6c;margin-right:8px}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:35px;padding:30px;background:#202229;border:1px solid #393d49;border-radius:12px}.profile-header .reader-avatar{width:90px;height:90px}.profile-header p{font-size:13px}.profile-header h1{font-size:36px}.people-grid,.club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.person-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #30333c;padding:16px 0}.people-grid .person-row{display:flex;flex-direction:column;text-align:center;padding:24px 16px;border:1px solid #333640;border-radius:10px;background:#1a1b20}.people-grid .reader-avatar{display:block;margin:0 auto 15px;width:58px;height:58px}.people-grid .person-row h3{font-size:21px}.people-grid .person-row .btn{font-size:10px;margin:2px;padding:8px}.club-card{border:1px solid #333640;border-radius:12px;background:#1b1c21;overflow:hidden;display:flex;flex-direction:column}.club-card-link{cursor:pointer;transition:border-color .2s}.club-card-link:hover{border-color:#575b69}.club-art{height:85px;padding:20px;display:flex;align-items:center;justify-content:space-between;background:repeating-linear-gradient(110deg,#282b33 0,#282b33 1px,#22242b 1px,#22242b 18px)}.club-art svg{width:34px;height:34px;color:#aaafbe;stroke-width:1}.club-art .badge-status{background:#1a1b20dd;font-size:9px}.club-body{padding:22px;flex:1;display:flex;flex-direction:column}.club-body h3{font-size:23px;line-height:1.25;margin-bottom:13px}.club-body p{font-size:12px;color:#a3a8b8}.club-actions{display:flex;gap:10px;margin-top:auto;padding-top:20px}.club-actions .btn{font-size:10px;flex:1}.timeline-event{position:relative;border-left:1px solid #484c59;margin-left:7px;padding:0 0 30px 27px}.timeline-event:before{content:"";position:absolute;left:-4px;top:8px;width:7px;height:7px;border-radius:50%;background:#c4c8d5}.timeline-event h3{margin-top:7px;font-size:23px}.timeline-event p{font-size:12px}.timeline-event time{font-size:10px}.timeline-edit-button{display:block;margin-top:9px;font-size:10px;padding:0}.reading-streak{margin:0 0 22px;padding:14px 18px;border:1px solid #4a4030;border-radius:10px;background:linear-gradient(120deg,#2b2318,#1e1a14);color:#f0c987;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.mode-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.mode-tabs .btn{padding:8px 9px;font-size:11px}.share-toggle{display:block;margin:20px 0}#post-fields,.reply-form{background:#20232a;padding:18px;border:1px solid #3d424f;border-radius:8px;margin:14px 0}.reply-form>label{display:block;margin:12px 0}.discussion-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0}.discussion-controls select{font-size:12px}.comment{border-top:1px solid #333640;padding:23px 0 12px}.comment-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:12px}.comment-meta .reader-avatar{width:31px;height:31px;margin:0 4px 0 0}.comment-meta .badge-status{margin:0}.comment>small{font-size:10px;display:block}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin:17px 0;color:#d3d6df}.comment .btn-link{font-size:11px;padding:7px}.comment-body a{color:#e3e8f4;background:#323948;border-radius:3px;padding:1px 3px}.thread-depth-1,.thread-depth-2,.thread-depth-3{border-left:1px solid #4a505f;margin:14px 0 0 12px;padding:18px 0 6px 14px}.demo-tag{display:inline-block;border:1px solid #525766;border-radius:3px;color:#aeb4c3;font-size:8px;letter-spacing:.7px;padding:1px 4px}.book-mentions{padding:9px 12px;background:#222630;border-radius:5px;font-size:11px;margin:12px 0}.chapter-summary{margin:18px 0;padding:18px;background:#202229;border:1px solid #343844;border-radius:9px;display:flex;flex-wrap:wrap;gap:8px}.chapter-summary h3{font-size:18px;flex-basis:100%}.chapter-summary>p{flex-basis:100%;font-size:11px}.chapter-summary>.btn{flex-basis:100%;margin-bottom:7px}.chapter-count{display:flex;flex-direction:column;flex:1 1 160px;padding:11px;text-align:left;border:1px solid #414755;border-radius:5px;background:#1b1d23;color:#c7cedb;font-size:11px}.chapter-count strong{font-size:12px;margin-bottom:4px}.chapter-count small{font-size:9px}.chapter-count:hover,.chapter-count.selected{background:#383e4b;border-color:#8992a5}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:28px}.home-layout aside .panel{background:#1b1c20}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #353740;border-radius:10px;background:#1d1f24;margin-bottom:28px}.stat{padding:20px 24px}.stat+.stat{border-left:1px solid #363943}.stat strong{font:34px/1.2 Georgia,serif;display:block;margin-bottom:6px}.stat span{font-size:10px;color:#a4aaba}.reading-mini{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #333641;align-items:flex-start}.reading-mini:last-of-type{border:0}.reading-mini .book-cover{width:47px;height:70px;object-fit:contain;max-height:none;flex:none}.reading-mini>div{min-width:0;flex:1}.reading-mini h3{font:14px/1.45 Georgia,serif;margin:0 0 4px}.reading-mini p{font-size:9px;margin:0 0 7px;color:#9ba4b7}.reading-mini .btn{font-size:9px;padding:5px 9px}.quick-reading-list{display:flex;flex-direction:column}.quick-reading-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.quick-reading-row:first-child{border-top:0}.quick-reading-cover{flex:none;display:block}.quick-reading-cover .book-cover{width:44px;height:64px;object-fit:contain;filter:none}.quick-reading-cover .cover-fallback{width:44px;height:64px;font-size:9px;padding:4px}.quick-reading-info{flex:1;min-width:0}.quick-reading-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-reading-author{font-size:11px;color:var(--muted);margin:2px 0 6px}.quick-reading-info .reading-progress-wrap{padding:0;background:none;border:0}.quick-reading-form{display:flex;align-items:center;gap:8px;flex:none}.quick-type-toggle{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex:none}.quick-type-btn{border:0;background:none;color:var(--muted);font-size:11px;padding:8px 10px;cursor:pointer}.quick-type-btn.active{background:var(--ink);color:var(--paper)}.quick-value-input{width:84px;height:36px;padding:6px 10px;font-size:13px;flex:none}.quick-update-btn{padding:8px 12px;font-size:11px;white-space:nowrap;flex:none}.home-aside h2{font-size:23px}.home-aside .eyebrow{font-size:8px}.goal-value{display:flex;align-items:baseline;gap:7px;margin:20px 0 12px}.goal-value strong{font:38px Georgia,serif;color:#e8eaf1}.goal-value span{color:#969faf;font-size:12px}.progress-track{height:4px;border-radius:9px;background:#353b49;overflow:hidden;margin-bottom:14px}.progress-track span{height:100%;display:block;background:#c7cedc}.goal-caption{font-size:11px!important;color:#98a2b7}.club-mini{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #323744}.club-mini>span{font:18px Georgia,serif;border:1px solid #575f71;border-radius:6px;width:31px;height:31px;display:grid;place-items:center;color:#b3bed3}.club-mini strong{font-size:11px;font-weight:500}.club-mini small{display:block;font-size:9px}.feed-tabs{display:flex;gap:7px;margin:22px 0 16px;border-bottom:1px solid #353943;padding-bottom:12px;flex-wrap:wrap;align-items:center}.feed-tabs .btn{font-size:11px;padding:7px 10px}.feed-tabs label{font-size:10px;margin-left:auto;margin-bottom:0}.feed-card{background:#1b1d22;border:1px solid #343842;border-radius:11px;padding:22px;margin:0 0 18px;overflow:hidden}.feed-card .comment-meta{margin:0 0 18px}.feed-card .comment-meta>div{flex:1}.feed-card .comment-meta strong{font-size:12px}.feed-card time{display:block;font-size:9px}.feed-book{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#242730;border:1px solid #3a404c;border-radius:7px;margin-bottom:16px;text-decoration:none!important}.feed-book .book-cover{width:30px;height:45px;object-fit:contain;filter:none}.feed-book strong{font:15px/1.4 Georgia,serif;display:block}.feed-book small{font-size:9px;color:#a8b2c5}.feed-card .comment-body{font-size:13px;margin:15px 0}.feed-card .comment-actions{display:flex;gap:5px;align-items:center;border-top:1px solid #323744;padding-top:12px;margin-top:18px;flex-wrap:wrap}.feed-card .comment-actions .btn{font-size:10px;padding:5px 9px}.feed-card .comment-actions .save-post{margin-left:auto}.feed-column{max-width:790px}.empty-feed{padding:35px 20px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.settings-grid>.panel{min-width:0}.settings-grid .panel p{font-size:12px}.settings-grid #settings-form{grid-row:span 2}.settings-grid .admin-panel{grid-column:1/-1}.settings-grid form label{display:block}.settings-grid .inline-label{display:inline}.raw-panel{padding:20px}.raw-panel summary{cursor:pointer;font-size:13px;font-weight:500;color:#c2c9d8}.raw-panel form{margin-top:22px}.raw-panel pre{max-height:500px;overflow:auto;margin-top:20px}pre,code{color:#c5cfdf;background:#12151c;border-color:#343c4b;white-space:pre-wrap;overflow-wrap:anywhere}pre{padding:20px;font-size:12px;border:1px solid #343c4b;border-radius:8px}.inspector-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:25px 0 15px}.inspector-controls label{min-width:230px}.data-table{table-layout:fixed;width:100%;font-size:12px}.data-table th:first-child{width:40%}.data-table td,.data-table th{padding:12px;overflow-wrap:anywhere;border-bottom:1px solid #373e4b;border-top:1px solid #373e4b!important;white-space:normal}.data-value{white-space:pre-wrap}.table-responsive{overflow-x:auto;border:0}#field-filter{margin:12px 0}#field-count{font-size:12px}.notification-row{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #333a47;background:#1c2027;border-radius:9px;margin:12px 0}.notification-row .reader-avatar{margin:0}.notification-row p{margin:0;font-size:13px}.notification-row time{font-size:10px}.cover-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.cover-option{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:1px solid #41495a;border-radius:8px;padding:14px;background:#242932}.cover-option img{width:85px;height:122px;object-fit:contain}.cover-option strong{font-size:12px}.cover-option small{font-size:10px}.research-result{font-size:12px}.research-result .research-text{white-space:pre-wrap}.research-result a{overflow-wrap:anywhere;text-decoration:underline}.research-result li{margin:10px 0}.list-check{display:block;padding:10px 0}.list-rename-form{display:flex;gap:6px;align-items:center}.list-rename-form .form-control{min-width:0}#photo-form{margin-top:15px}#photo-form input{margin:10px 0}#quick-dialog{background:#1e222a;color:#d9deea;border:1px solid #596478;border-radius:14px;padding:30px;width:min(620px,calc(100% - 30px));max-height:88vh;overflow:auto;box-shadow:0 20px 80px #000b}#quick-dialog::backdrop{background:#040609bb;backdrop-filter:blur(5px)}#quick-dialog h2{padding-right:22px;margin-top:8px}#quick-dialog .form-control{margin:8px 0 16px}.dialog-close{position:absolute;right:8px;top:4px;font-size:25px}.mention-zone{position:relative;margin:-4px 0 15px}.mention-zone>small{font-size:10px}.book-suggestions{position:absolute;left:0;right:0;top:0;z-index:30;max-height:310px;overflow:auto;background:#282e39;border:1px solid #58667c;border-radius:9px;box-shadow:0 8px 24px #0008;padding:5px}.book-suggestions p{padding:12px;margin:0;font-size:12px}.book-suggestion{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#252b35;border:2px solid transparent;border-radius:6px;padding:9px;color:#e3e8f4}.book-suggestion.active,.book-suggestion:hover{background:#3b4658;border-color:#8b9dbb}.book-suggestion img,.suggestion-cover{width:36px;height:52px;object-fit:contain;border-radius:3px;flex:none}.suggestion-cover{display:flex;align-items:center;justify-content:center;background:#3f4e67;color:#ddd;font:23px Georgia,serif}.book-suggestion strong,.book-suggestion small{display:block}.book-suggestion strong{font-size:13px}.book-suggestion small{font-size:11px;margin-top:2px}.selected-book-tags .btn{margin:4px;padding:5px 9px;font-size:11px}.note{white-space:pre-wrap;overflow-wrap:anywhere}.container{width:calc(100% - 40px);margin:0 auto;padding:0}.container h1{margin-top:12px}.import-steps{padding:20px}.preview-table{font-size:12px}.list-group-item{background:#20252f;border-color:#3b4351}.well{background:#20252d;border-color:#3c4556}.label{color:#d0d7e6;background:#3b4352}.pagination>li>a{background:#242933;color:#d0d7e6;border-color:#465166}.progress{height:5px;background:#3a4353;box-shadow:none}.progress-bar{background:#c4cedf;box-shadow:none}
@media(min-width:1650px){.cover-stage{height:260px}.book-cover{max-height:220px}.book-grid{gap:27px}.main-content{padding-top:45px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.site-workspace{margin-left:210px}.main-content{padding:32px 28px}.app-topbar{padding:0 28px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.cover-stage{height:228px}.site-footer{margin:0 28px}.people-grid,.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-label{display:none}.stat{padding:18px}.intro h1{font-size:45px}}
@media(max-width:1000px){.sidebar{width:185px;padding:28px 9px 18px}.brand{font-size:22px;margin:0 7px 32px;gap:7px}.brand svg{width:26px}.brand small{font-size:6px}.tabs a{gap:10px;font-size:12px;padding:10px}.sidebar-note{margin-left:10px;margin-right:10px}.sidebar-note p{font-size:18px}.site-workspace{margin-left:185px}.main-content{padding:28px 22px}.app-topbar{padding:0 22px;height:73px}.home-layout{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-aside .panel:first-child{grid-row:span 2}.home-aside .panel{margin-bottom:0}.detail-layout{grid-template-columns:1fr}.detail-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-layout>aside .panel{margin:0}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-head{padding:24px;gap:24px}.detail-head>.book-cover{width:135px;height:210px}.detail-head h1{font-size:32px}.auth-grid{gap:25px}.intro h1{font-size:39px}.auth-panel .panel-body{padding:22px}.page-heading h1{font-size:38px}.page-heading>.btn{font-size:11px}.settings-grid{grid-template-columns:1fr}.banner-line{display:none}}
@media(max-width:700px){.sidebar{position:sticky;top:0;inset:auto;width:100%;height:auto;padding:10px 14px 0;border-right:0;border-bottom:1px solid #353a46;display:grid;grid-template-columns:1fr auto;z-index:40;backdrop-filter:blur(15px);background:#14171cf5}.brand{font-size:23px;margin:2px 0 12px}.brand small{display:none}.brand svg{height:25px}.sidebar .tabs{grid-column:1/-1;grid-row:2;flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:8px}.tabs a{font-size:10px;padding:8px;gap:5px;white-space:nowrap;border-radius:4px}.tabs svg{width:13px;height:13px}.tabs a[data-view=settings]{margin:0}.sidebar-note{display:none}.account-slot{margin:0;padding:0;align-self:start}.account-reader .reader-avatar{width:25px;height:25px}.account-reader strong{font-size:10px;max-width:110px}.account-reader small{display:none}.account-slot #logout{font-size:9px;padding:0 0 0 34px;line-height:1.2}.account-slot>.btn{font-size:10px;padding:6px 10px}.site-workspace{margin-left:0}.app-topbar{height:auto;flex-wrap:wrap;justify-content:flex-end;padding:10px 18px;gap:8px 12px}.app-topbar form{max-width:none;flex-basis:100%;order:2;margin:0}.app-topbar input{font-size:16px}.main-content{padding:25px 18px 36px}.page-heading{align-items:start;gap:12px;margin-bottom:25px}.page-heading h1,h1{font-size:34px;letter-spacing:-1px}.page-heading .muted{font-size:12px}.page-heading>.btn{font-size:9px;padding:9px 11px;margin-top:4px}.eyebrow{font-size:8px}.catalog-banner{gap:15px;padding:25px 20px;margin-bottom:27px;min-height:150px}.catalog-banner h2{font-size:25px}.catalog-banner p{font-size:11px}.banner-symbol{font-size:86px}.book-grid{gap:12px;grid-template-columns:1fr}.cover-stage{height:198px;padding:19px}.cover-stage .book-cover{max-height:159px}.card-body{padding:14px 12px}.card-body h3,.card-body h2{font-size:17px}.card-body .author{font-size:10px}.card-body .reading-position{font-size:9px}.quick-buttons{flex-direction:column}.quick-buttons .btn{font-size:10px;padding:7px}.detail-head .quick-buttons{flex-direction:row}.section-bar{gap:12px;flex-wrap:wrap}.section-bar h2{font-size:22px}.section-bar .muted{display:none}.section-bar select{max-width:190px}.section-bar .btn{padding:7px;font-size:10px}.home-layout{gap:20px}.stats-row{margin-bottom:20px}.stat{padding:15px 13px}.stat strong{font-size:29px}.stat span{font-size:9px}.feed-tabs{gap:3px}.feed-tabs .btn{font-size:10px;padding:7px 8px}.feed-tabs label{margin-left:0;flex-basis:100%;padding-top:10px}.feed-card{padding:18px}.home-aside{grid-template-columns:1fr}.home-aside .panel:first-child{grid-row:auto}.feed-card .comment-actions .btn{font-size:10px;padding:6px}.detail-head{gap:18px;padding:20px 17px;flex-wrap:wrap}.detail-head>.book-cover{width:99px;height:150px}.detail-head>div{flex:1;min-width:165px}.detail-head h1{font-size:27px}.detail-head .eyebrow{font-size:7px}.detail-head p{font-size:10px}.detail-head .book-actions{width:auto}.detail-head .quick-buttons .btn{font-size:9px;padding:8px}.detail-layout>aside{grid-template-columns:1fr}.panel-body{padding:20px}.people-grid,.club-grid{grid-template-columns:1fr;gap:12px}.club-body{padding:17px}.club-body h3{font-size:21px}.club-body p{font-size:11px}.club-art{padding:14px}.club-actions{flex-direction:column}.people-grid .person-row{padding:22px 10px}.people-grid .person-row h3{font-size:18px}.people-grid .person-row .btn{padding:7px;font-size:9px}.auth-grid{grid-template-columns:1fr;gap:20px;min-height:0}.intro h1{font-size:40px}.intro>p{font-size:12px}.reading-mark{display:none}.auth-panel{margin-top:7px}.site-footer{margin:0 18px;padding:22px 0;gap:10px}.site-footer .affiliate-disclosure{flex-basis:100%;margin:0}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}.search-form button{margin-top:0}.profile-header{padding:20px;gap:15px;align-items:flex-start}.profile-header .reader-avatar{width:58px;height:58px;margin:0}.profile-header h1{font-size:26px}.thread-depth-1,.thread-depth-2,.thread-depth-3{margin-left:5px;padding-left:8px}.comment-meta{gap:5px}.cover-options{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-row{padding:15px;gap:10px}.list-rename-form{flex-wrap:wrap}.skip-link{left:18px}.person-row{flex-wrap:wrap}.chapter-count{flex-basis:130px}.quick-reading-row{flex-wrap:wrap;gap:10px}.quick-reading-form{flex:1 1 100%;margin-left:0}.quick-value-input{flex:1;min-width:0}.quick-reading-cover .book-cover,.quick-reading-cover .cover-fallback{width:38px;height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* ChapterTalk 3.1 — inline chapter conversations and individual theory disclosure. */
.theme-toggle{white-space:nowrap;gap:7px;font-size:11px;padding:7px 11px;flex:none}.site-footer .theme-toggle{margin-left:auto}.theme-toggle [data-theme-icon]{font-size:17px;line-height:1}.standalone-theme{position:absolute;right:20px;top:18px}.chapter-accordions{margin-top:22px;border:1px solid #414654;border-radius:9px;overflow:hidden;overflow-anchor:none}.chapter-accordion+.chapter-accordion{border-top:1px solid #383e49}.chapter-accordion>summary{cursor:pointer;display:flex;gap:14px;align-items:center;padding:16px 18px;background:#20242c;list-style:none;color:#dce1ec;font-size:13px;font-weight:600;user-select:none}.chapter-accordion>summary::-webkit-details-marker{display:none}.chapter-accordion>summary:hover{background:#2b313d}.chapter-accordion>summary:focus-visible{outline:2px solid #aebcda;outline-offset:-3px}.chapter-heading{display:block;flex:1;min-width:0}.chapter-heading small{display:block;font-weight:400;font-size:10px;margin-top:3px}.chapter-total{min-width:25px;text-align:center;border-radius:20px;background:#363f50;color:#d3ddec;padding:1px 8px;font-size:11px}.chapter-switch{font-size:10px;font-weight:400;color:#a9b5cb;white-space:nowrap;min-width:45px;text-align:right}.chapter-switch:before{content:'▸';margin-right:5px}.chapter-accordion[open]>summary{background:#303a4b;box-shadow:inset 3px 0 #b9c8e1}.chapter-accordion[open] .chapter-switch:before{content:'▾'}.chapter-accordion .chapter-close{display:none}.chapter-accordion[open] .chapter-open{display:none}.chapter-accordion[open] .chapter-close{display:inline}.chapter-panel{padding:6px 20px 22px;background:#181d25;overflow-anchor:none}.chapter-panel>.comment:first-child{border-top:0}.chapter-panel>.btn{margin-top:13px}.chapter-panel .empty-chapter{font-size:12px;color:#9faac0;margin:20px 0 7px}.chapter-panel .comment{scroll-margin-top:30px}.theory-card{border:1px solid #625b45;background:#29271f;border-radius:7px;padding:18px;margin:16px 0;color:#e0d8ba;overflow-anchor:none}.theory-card p{margin:0 0 10px!important;font-size:12px!important;color:inherit}.theory-card>small{display:block;color:#aca591;margin-top:10px;font-size:10px}.theory-card .btn{background:#383428;color:#eadfc1;border-color:#726a53;font-size:11px}.theory-card .btn:hover{background:#484131}.theory-toggle{font-size:10px!important;margin-left:auto!important}.thread-context-note{font-size:10px!important;color:var(--muted);margin-top:7px}.discussion-overview{font-size:12px;color:var(--muted)}.discussion-overview strong{color:var(--ink);font-weight:500}.discussion-controls{margin:16px 0 10px;gap:16px}.discussion-controls label{margin:0}.discussion-controls>p{flex:1;min-width:180px;font-size:11px;color:var(--muted);margin:0}.discussion-demo-note{font-size:10px!important;color:var(--muted);margin:12px 0!important}.feed-card{overflow-anchor:none}.feed-tabs .theory-hint{font-size:10px;color:var(--muted);margin-left:auto}.chapter-post-form .form-control{margin-bottom:14px}.chapter-context{font-size:12px;color:var(--muted)}
/* Light is intentionally warm and neutral; the navigation remains dark in both modes. */
:root[data-theme="light"]{color-scheme:light;--ink:#262c32;--paper:#f5f3ef;--panel:#fff;--panel-raised:#f0efeb;--line:#dcdedb;--muted:#64707a;--silver:#344653;--blue:#344653;--gold:#3b596c}
[data-theme="light"] body{background:var(--paper);color:var(--ink)}
[data-theme="light"] .sidebar{color-scheme:dark;background:#141517;border-color:#28292e;color:#dddfe5}
[data-theme="light"] .sidebar a,[data-theme="light"] .sidebar .btn-link{color:#b6bac6}
[data-theme="light"] .sidebar .brand,[data-theme="light"] .sidebar .tabs a.active,[data-theme="light"] .sidebar .account-reader{color:#f1f2f6}
[data-theme="light"] .sidebar .tabs a.active{background:#292b31;border-color:#40434e}
[data-theme="light"] .sidebar .tabs a:hover{color:#fff;background:#24262d}
[data-theme="light"] .sidebar .btn-primary{background:#e0e1e6;color:#17181c;border-color:#e0e1e6}
[data-theme="light"] a:hover,[data-theme="light"] a:focus{color:#1c4b68}
[data-theme="light"] .app-topbar{background:#faf9f6;border-color:#dddeda}
[data-theme="light"] .topbar-label{color:#737d82}
[data-theme="light"] .app-topbar form{background:var(--card,#fff);border-color:#d9ddde}
[data-theme="light"] .app-topbar input{color:#323f49}
[data-theme="light"] .app-topbar form svg{color:#73808b}
[data-theme="light"] .icon-button{background:var(--card,#fff);border-color:#d8dde0;color:#526472}
[data-theme="light"] .eyebrow,[data-theme="light"] .tiny-label{color:#6f7d83}
[data-theme="light"] .sidebar .tiny-label{color:#999ca7}
[data-theme="light"] .btn{border-color:#ced3d7;color:#354752}
[data-theme="light"] .btn:hover,[data-theme="light"] .btn:focus{background:#e9eeef;border-color:#8198a6;color:#253f51}
[data-theme="light"] .btn-primary{background:#2e414f;color:#fff;border-color:#2e414f}
[data-theme="light"] .btn-primary:hover,[data-theme="light"] .btn-primary:focus{background:#1d3444;border-color:#1d3444;color:#fff}
[data-theme="light"] .btn-default{background:var(--card,#fff);color:#384b57}
[data-theme="light"] .btn-link{border-color:transparent;background:transparent;color:#50697b}
[data-theme="light"] .btn-link:hover{background:#e9eeef;border-color:transparent}
[data-theme="light"] .form-control{background:var(--card,#fff);border-color:#cbd3d8;color:#314350}
[data-theme="light"] .form-control:focus{background:var(--card,#fff);color:#273a48;border-color:#63849a;box-shadow:0 0 0 2px #8fa8b321}
[data-theme="light"] label{color:#4c5f6d}
[data-theme="light"] input[type=checkbox]{accent-color:#3d5a70}
[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:#89949b}
[data-theme="light"] input[type=file]{color:#626f78}
[data-theme="light"] .panel{background:var(--card,#fff);border-color:#dedfdb}
[data-theme="light"] .alert{background:#edf2f4;border-color:#c9d7de;color:#455f70}
[data-theme="light"] .alert-danger{background:#fff1ef;border-color:#e9c4c0;color:#8f4242}
[data-theme="light"] .alert-success{background:#f1f7ef;border-color:#ccdec8;color:#486443}
[data-theme="light"] .demo-session{border-color:#a6aaa9;color:#778080}
[data-theme="light"] .catalog-banner{background:linear-gradient(110deg,#e9e9e2,#f0efea);border-color:#d6d9d4}
[data-theme="light"] .banner-symbol{color:#a1a79f}
[data-theme="light"] .catalog-banner p{color:#6e7b7b}
[data-theme="light"] .banner-line{border-color:#87988f}
[data-theme="light"] .book-card{background:var(--card,#fff);border-color:#d8dcda}
[data-theme="light"] .book-card:hover{border-color:#9eacb3}
[data-theme="light"] .cover-stage{background:radial-gradient(ellipse at 50% 80%,#bfc6bc3b,transparent 74%),#eaece6}
[data-theme="light"] .book-cover{filter:drop-shadow(5px 8px 6px #4f564f30)}
[data-theme="light"] .cover-fallback{background:#e0e4df;border-color:#aeb9b0;color:#697769}
[data-theme="light"] .card-body h3 a,[data-theme="light"] .card-body h2 a{color:#2b3942}
[data-theme="light"] .card-body .author{color:#778184}
[data-theme="light"] .card-body .reading-position{color:#6a7b86}
[data-theme="light"] .badge-status{border-color:#d4dfe3;background:#edf2f3;color:#5c7484}
[data-theme="light"] .reader-chaptertalk{border-color:#9ecab1;background:#e6f4ec;color:#337a52}
[data-theme="light"] .reader-chaptertalk-locked{border-color:#c3cad2;background:transparent;color:#6b7684}
[data-theme="light"] .shelf-picker{color:#64727d}
[data-theme="light"] .detail-head{background:linear-gradient(115deg,#e9ebe5,#f9f8f5);border-color:#d8ddd5}
[data-theme="light"] .empty{background:#faf9f6;border-color:#c9d1ce;color:#667b80}
[data-theme="light"] .empty h2,[data-theme="light"] .empty h3{color:#344c58}
[data-theme="light"] .intro>p{color:#6f7d84}
[data-theme="light"] .reading-mark{color:#718482;border-color:#b5c3b8}
[data-theme="light"] .reading-mark em{color:#89978b}
[data-theme="light"] .site-footer{border-color:#dce0d9;color:#7a8887}
[data-theme="light"] .site-footer>span{color:#657873}
[data-theme="light"] .reader-avatar{border-color:#d1d9d9}
[data-theme="light"] .profile-header{background:#e9eee9;border-color:#d4dfd7}
[data-theme="light"] .person-row{border-color:#d7e0df}
[data-theme="light"] .people-grid .person-row{background:var(--card,#fff);border-color:#d5dfda}
[data-theme="light"] .club-card{background:var(--card,#fff);border-color:#d9dfd9}
[data-theme="light"] .club-art{background:repeating-linear-gradient(110deg,#cdd7cd 0,#cdd7cd 1px,#e8ede6 1px,#e8ede6 18px)}
[data-theme="light"] .club-art svg{color:#708873}
[data-theme="light"] .club-art .badge-status{background:#fafcf9de}
[data-theme="light"] .club-body p{color:#6d7d77}
[data-theme="light"] .timeline-event{border-color:#c2d1c9}
[data-theme="light"] .timeline-event:before{background:#718a7a}
[data-theme="light"] .reading-streak{background:#fdf3e0;border-color:#e8d2a0;color:#8a5a10}
[data-theme="light"] #post-fields,[data-theme="light"] .reply-form{background:#f2f5f3;border-color:#d2ddd7}
[data-theme="light"] .comment{border-color:#d5e0dc}
[data-theme="light"] .comment-body{color:#364b58}
[data-theme="light"] .comment-body a{background:#e6eef3;color:#385f7c}
[data-theme="light"] .thread-depth-1,[data-theme="light"] .thread-depth-2,[data-theme="light"] .thread-depth-3{border-left-color:#c4d4dd}
[data-theme="light"] .demo-tag{border-color:#d0d9db;color:#73838e}
[data-theme="light"] .book-mentions{background:#eef3f4}
[data-theme="light"] .home-layout aside .panel{background:var(--card,#fff)}
[data-theme="light"] .stats-row{background:var(--card,#fff);border-color:#d9dfd9}
[data-theme="light"] .stat+.stat{border-color:#d9e0d9}
[data-theme="light"] .stat span{color:#6b7c7e}
[data-theme="light"] .reading-mini,[data-theme="light"] .club-mini{border-color:#dce3de}
[data-theme="light"] .reading-mini p{color:#718286}
[data-theme="light"] .goal-value strong{color:#3d5550}
[data-theme="light"] .goal-value span{color:#7a8b83}
[data-theme="light"] .progress-track,[data-theme="light"] .progress{background:#dce5de}
[data-theme="light"] .progress-track span,[data-theme="light"] .progress-bar{background:#7c9684}
[data-theme="light"] .goal-caption{color:#798c80}
[data-theme="light"] .club-mini>span{border-color:#c5d4c7;color:#7a957d;background:#edf3ec}
[data-theme="light"] .feed-tabs{border-color:#d5deda}
[data-theme="light"] .feed-card{background:var(--card,#fff);border-color:#d9dfde}
[data-theme="light"] .feed-book{background:#eef2f3;border-color:#d4dde0}
[data-theme="light"] .feed-book small{color:#6b8394}
[data-theme="light"] .feed-card .comment-actions{border-color:#d7e1e2}
[data-theme="light"] .raw-panel summary{color:#526d7f}
[data-theme="light"] pre,[data-theme="light"] code{background:#edf2f4;color:#496474;border-color:#d3dfe4}
[data-theme="light"] .data-table td,[data-theme="light"] .data-table th{border-color:#d9e1e3!important}
[data-theme="light"] .notification-row{background:var(--card,#fff);border-color:#d4dfe1}
[data-theme="light"] .cover-option{background:#f5f7f5;border-color:#d3ddd6}
[data-theme="light"] #quick-dialog{background:var(--card,#fff);color:#364853;border-color:#bdcbd2;box-shadow:0 20px 80px #15243144}
[data-theme="light"] #quick-dialog::backdrop{background:#15243166}
[data-theme="light"] .book-suggestions{background:var(--card,#fff);border-color:#c1d3df;box-shadow:0 8px 24px #19344e22}
[data-theme="light"] .book-suggestion{background:var(--card,#fff);color:#2c4559}
[data-theme="light"] .book-suggestion.active,[data-theme="light"] .book-suggestion:hover{background:#ebf2f7;border-color:#91b1ca}
[data-theme="light"] .suggestion-cover{background:#dce6ee;color:#617f95}
[data-theme="light"] .list-group-item,[data-theme="light"] .well{background:#f2f5f4;border-color:#d4dfdc}
[data-theme="light"] .label{background:#e5edf1;color:#4e6b7d}
[data-theme="light"] .pagination>li>a{background:var(--card,#fff);color:#486f87;border-color:#d0dfe5}
[data-theme="light"] .chapter-accordions{border-color:#d0dce3}
[data-theme="light"] .chapter-accordion+.chapter-accordion{border-color:#d7e1e8}
[data-theme="light"] .chapter-accordion>summary{background:var(--card,#fff);color:#293f4e}
[data-theme="light"] .chapter-accordion>summary:hover{background:#f3f7f9}
[data-theme="light"] .chapter-accordion[open]>summary{background:#e8f0f4;box-shadow:inset 3px 0 #426b85}
[data-theme="light"] .chapter-accordion>summary:focus-visible{outline-color:#698ca5}
[data-theme="light"] .chapter-total{background:#eef3f6;color:#637d90}
[data-theme="light"] .chapter-switch{color:#637d90}
[data-theme="light"] .chapter-panel{background:#fcfdfd}
[data-theme="light"] .chapter-panel .empty-chapter{color:#738895}
[data-theme="light"] .theory-card{background:#fcfaf1;border-color:#e5ddbb;color:#5c542f}
[data-theme="light"] .theory-card>small{color:#877d59}
[data-theme="light"] .theory-card .btn{background:var(--card,#fff);color:#605b41;border-color:#d9d0ae}
[data-theme="light"] .theory-card .btn:hover{background:#f4f0dd}
[data-theme="light"] button:focus-visible,[data-theme="light"] a:focus-visible{outline-color:#52778e}
@media(max-width:700px){.theme-toggle{padding:7px 8px;font-size:10px}.chapter-accordion>summary{padding:14px 12px;gap:9px}.chapter-heading small{font-size:9px}.chapter-panel{padding:4px 12px 18px}.feed-tabs .theory-hint{margin:8px 0 0;flex-basis:100%}.standalone-theme{position:static;display:flex;justify-content:flex-end;padding:10px 20px 0}.theory-card{padding:15px}[data-theme="light"] .sidebar{background:#14171cf5}.app-topbar{gap:8px}}
/* Lists are separate from reading status, and friend additions stay compact on the home page. */
.friend-activity{margin-bottom:22px}.friend-activity h2{margin-bottom:6px}.friend-activity-row{display:flex;align-items:center;gap:9px;border-top:1px solid #333641;padding:11px 0}.friend-activity-row:first-of-type{border-top:0}.friend-activity-row .reader-avatar{width:27px;height:27px;margin:0}.friend-activity-row>div{min-width:0;flex:1}.friend-activity-row p{font-size:11px;margin:0;line-height:1.45}.friend-activity-row time{font-size:9px}.friend-activity-row>.friend-activity-cover{flex-shrink:0;line-height:0}.friend-activity-row .book-cover{width:25px;height:37px;max-height:none;object-fit:contain;filter:none}.shared-lists{margin-top:28px}.shared-list-chips{display:flex;flex-wrap:wrap;gap:8px}.shared-list-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #3d4b55;border-radius:20px;padding:7px 11px;background:#1d252b;color:#dce4e8;font-size:11px}.shared-list-chip small{font-size:9px;color:#9eabb0}.list-rename-form{margin:10px 0}.list-rename-form select{max-width:120px;font-size:11px;height:36px}.list-rename-form .btn{font-size:10px;padding:8px 10px}
[data-theme="light"] .friend-activity-row{border-color:#dce3de}[data-theme="light"] .shared-list-chip{background:#f0f4f1;border-color:#cbd9d1;color:#45606b}[data-theme="light"] .shared-list-chip small{color:#71817e}[data-theme="light"] .friend-activity-row .book-cover{filter:drop-shadow(2px 3px 3px #4f564f30)}
.book-readers-panel .reader-group+.reader-group{margin-top:22px}.reader-group-title{font-size:12px;letter-spacing:.3px;color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-weight:600}.reader-rows{display:flex;flex-direction:column}
.reader-row{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:1px solid var(--line)}.reader-row:first-child{border-top:0}.reader-row-you{background:rgba(212,160,50,.08);margin:0 -14px;padding:14px;border-radius:10px;border-top:0!important}.you-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#8a6d1a;background:rgba(212,160,50,.18);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}.chapter-map-panel .panel-body{padding-bottom:20px}.chapter-map-bar{padding:30px 8px 8px}.chapter-map-track{position:relative;height:6px;border-radius:6px;background:var(--line)}.chapter-map-tick{position:absolute;top:-3px;width:1px;height:12px;background:#767b8a;transform:translateX(-50%);opacity:.6}.chapter-map-you{position:absolute;top:-4px;width:10px;height:10px;border-radius:50%;background:#d4a032;border:2px solid var(--panel);transform:translateX(-50%);box-shadow:0 0 0 1px #00000030}.chapter-map-note{position:absolute;top:-32px;transform:translateX(-50%);border:0;background:none;padding:0;cursor:pointer;width:26px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:transform .15s}.chapter-map-note .reader-avatar{width:26px;height:26px;margin:0;border:2px solid #8992a5;background:var(--panel);transition:border-color .15s}.chapter-map-note::after{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #8992a5;margin-top:-1px}.chapter-map-note:hover,.chapter-map-note:focus-visible{transform:translateX(-50%) translateY(-3px)}.chapter-map-note:hover .reader-avatar,.chapter-map-note:focus-visible .reader-avatar{border-color:#5a6172}.chapter-map-note-you .reader-avatar{border-color:#d4a032}.chapter-map-note-you::after{border-top-color:#d4a032}.chapter-map-legend{display:flex;gap:18px;margin-top:24px;font-size:11px;color:var(--muted)}.chapter-map-legend span{display:inline-flex;align-items:center;gap:6px}.chapter-map-swatch{width:9px;height:9px;border-radius:50%;display:inline-block;background:#8992a5}.chapter-map-swatch-you{background:#d4a032}.possible-chapter-map{border:1px solid #d4a032;background:rgba(212,160,50,.08);border-radius:8px;padding:14px 16px;margin:14px 0}.possible-chapter-map .eyebrow{color:#8a6d1a;margin-bottom:8px}.research-sources{margin:0 0 10px;padding-left:18px;font-size:12px}.research-confirm-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400;color:var(--ink);margin:12px 0}.research-confirm-check input{margin-top:2px}.chapter-map-detail-card{display:flex;gap:12px;margin-top:16px;padding:16px;background:var(--panel-raised);border:1px solid var(--line);border-radius:9px}.chapter-map-detail-card p{margin:6px 0 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.reader-row-person{display:flex;align-items:center;gap:10px;min-width:0;color:inherit}.reader-row-person:hover strong{text-decoration:underline}.reader-row-person .reader-avatar{width:32px;height:32px;margin:0}.reader-row-person strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-row-person small{display:block;font-size:10px;color:var(--muted)}
.reader-row-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-left:42px}.reader-progress-track{flex:0 0 50%;max-width:50%;min-width:70px}
.reader-row-notes{display:flex;align-items:center;gap:9px;flex-wrap:wrap;flex:1;min-width:120px;font-size:11px;color:var(--muted)}
.reader-progress-label{white-space:nowrap;font-weight:500;color:var(--ink)}.reader-note{white-space:normal}
.reader-chaptertalk{display:inline-flex;align-items:center;gap:4px;margin:0;white-space:nowrap;border-color:#3f6f5a;background:rgba(94,178,140,.15);color:#7fcaa6}.reader-chaptertalk svg{width:11px;height:11px}.reader-chaptertalk-locked{opacity:1;cursor:help;border-style:dashed;border-color:#565b68;background:transparent;color:var(--muted)}
@media(max-width:520px){.reader-row-progress{padding-left:0}.reader-progress-track{flex-basis:100%;max-width:100%}}
[data-theme="light"] .reader-row{border-color:#dce3de}[data-theme="light"] .reader-row-notes{color:#5c6b66}

/* Book cards: reading controls, accessible conversation counts, and edition choices. */
.book-card-rich .card-body{padding:21px 18px}.book-card-rich .card-body h3{font-size:21px;line-height:1.35;margin-bottom:10px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-card-rich .author{font-size:14px;line-height:1.5;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-rich .reading-position{font-size:13px;line-height:1.5;margin-bottom:15px}.book-card-rich .badge-status{font-size:12px;margin-bottom:12px}.book-card-rich .badge-status.badge-status-empty{visibility:hidden}.book-card-rich .book-actions{margin-top:auto}.card-primary-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px}.card-primary-actions .form-control{font-size:13px;height:46px;padding:8px}.card-primary-actions .btn{font-size:13px;padding:10px 8px;flex-wrap:wrap;gap:5px}.card-primary-actions svg{width:15px;height:15px;flex:none}.card-post-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:#ffffff28;border-radius:50%;font-size:12px}.card-update-progress{width:100%;font-size:14px;margin-top:9px}.card-community{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:var(--muted);min-height:38px;margin:14px 0 6px}.card-rating{font-weight:600;color:var(--ink);font-size:14px}.card-rating>span{color:#c2a75c}.card-footer-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:14px}.card-footer-links .btn{font-size:12px;padding:5px 0}.book-card-rich .card-body>.btn-default{font-size:14px;width:100%;margin-top:15px}.card-progress{height:5px;border-radius:9px;background:var(--line);overflow:hidden;margin:0 0 15px}.card-progress>span{display:block;height:100%;background:#a7bbc7}.book-card-rich .edition-link{font-size:12px;align-self:flex-start;text-align:left;margin:0 0 14px;padding:0}.book-card-rich .card-body .btn small{font-size:12px}
/* Reading lists keep a stable order and a separate book order for every list. */
.reading-list-sections{display:flex;flex-direction:column;gap:34px}.reading-list-section{min-width:0;padding-top:24px;border-top:1px solid var(--line)}.reading-list-section:first-child{border-top:0;padding-top:0}.list-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.list-section-heading h2{font-size:27px;margin:0 0 5px}.list-section-heading p{font-size:12px;margin:0;min-height:18px;color:var(--muted)}.list-size{font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--panel-raised);border:1px solid var(--line);border-radius:20px;vertical-align:middle;padding:3px 9px;margin-left:5px;color:var(--muted)}.pinned-label{display:inline-block;font-size:12px;color:var(--muted)}.list-section-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.list-section-tools label{margin:0}.list-section-tools .form-control{width:205px;font-size:14px}.list-section-tools .btn{font-size:14px}.list-empty{grid-column:1/-1;text-align:left;padding:20px;background:var(--panel);border:1px dashed var(--line);border-radius:9px}.list-empty p{font-size:16px;margin:0}.show-more-books{margin-top:18px}.order-items{max-height:55vh;overflow:auto;margin:18px 0}.order-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.order-row>div:first-of-type{flex:1;min-width:0}.order-row strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.order-row small{display:block;font-size:12px}.order-row>.book-cover{width:36px;height:54px;filter:none;object-fit:contain}.order-move-buttons{display:flex;gap:6px}.order-move-buttons .btn{min-width:40px;min-height:40px;padding:6px;font-size:19px}.order-row .btn:disabled{cursor:default}.edition-choices{margin-top:20px}.edition-choice{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.edition-choice>.book-cover{width:65px;height:100px;filter:none;object-fit:contain;flex:none}.edition-choice h3{font-size:20px}.edition-choice p{font-size:14px;margin:6px 0}.edition-choice small{display:block;font-size:12px;overflow-wrap:anywhere}.edition-choice .btn{font-size:14px;margin:10px 5px 0 0}.grouping-result{display:flex;flex-direction:column;align-items:flex-start;width:100%;font-size:14px;text-align:left;margin:8px 0}.grouping-result small{font-size:12px}.section-bar:has(#shelf-filter){flex-wrap:wrap}
/* Each root comment is a card; replies belong inside its clearly inset thread. */
.chapter-panel{padding:18px;background:var(--paper)}.chapter-conversation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.chapter-conversation-bar p{margin:0;font-size:13px;color:var(--muted)}.chapter-conversation-bar .btn{font-size:14px}.chapter-panel>.thread-root,.chapter-panel>.thread-root:first-child{padding:0;margin:0 0 18px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 2px 4px #00000012}.comment-content{padding:21px}.thread-root .comment-meta{gap:9px;font-size:14px;flex-wrap:wrap}.thread-root .comment-meta .badge-status,.thread-root .comment-meta .demo-tag{font-size:12px}.thread-root .comment-content>small{display:block;font-size:12px;margin-top:10px}.thread-root .comment-body{font-size:16px;line-height:1.65;margin:18px 0 15px;overflow-wrap:anywhere}.thread-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.thread-actions .btn{font-size:13px;padding:7px 9px}.thread-replies{border-left:2px solid #52626e;margin:0 20px 20px 30px;padding:0 0 0 18px}.thread-replies>.reply-count{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 10px}.thread-replies>.thread-child{border:1px solid var(--line);background:var(--panel-raised);border-radius:9px;margin:12px 0 0;padding:0}.thread-child .comment-content{padding:17px}.reply-to-label{font-size:12px;color:var(--muted);margin:0 0 12px}.thread-child[data-thread-level="3"] .thread-replies{margin-left:6px;padding-left:8px}.thread-context-note{font-size:12px!important}.thread-context-note .btn{font-size:12px}.chapter-panel .just-posted{outline:2px solid #718fa3;outline-offset:2px}.new-post-label{font-size:12px;color:#a9cbdf;font-weight:600}.thread-root .theory-card p{font-size:15px!important}.thread-root .theory-card>small{font-size:12px}.thread-root .theory-card .btn{font-size:14px}.discussion-controls{flex-wrap:wrap}.discussion-controls label{font-size:14px}.discussion-controls>p{font-size:13px}.chapter-heading{font-size:16px}.chapter-heading small,.chapter-switch,.chapter-total{font-size:12px}.thread-root .reply-form{font-size:14px}.thread-root .reply-form label{font-size:14px}
[data-theme="light"] .card-post-count{background:#ffffff2b;color:#fff}[data-theme="light"] .card-progress>span{background:#64839a}[data-theme="light"] .list-size{background:#eef2f1;border-color:#d7dfde}[data-theme="light"] .chapter-panel{background:#f3f6f7}[data-theme="light"] .chapter-panel>.thread-root{background:var(--card,#fff);border-color:#cfdade}[data-theme="light"] .thread-replies{border-color:#b8cad4}[data-theme="light"] .thread-replies>.thread-child{background:#f5f8fa;border-color:#d4dfe4}[data-theme="light"] .new-post-label{color:#416e86}[data-theme="light"] .list-empty{background:var(--card,#fff)}
@media(max-width:1100px){.book-card-rich .card-body{padding:17px 13px}.book-card-rich .card-primary-actions{grid-template-columns:1fr}.list-section-heading{align-items:flex-start;flex-wrap:wrap}.list-section-tools{justify-content:flex-start}.list-section-tools .form-control{width:195px}}
@media(max-width:700px){.book-card-rich .card-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.book-card-rich .card-body{padding:20px}.list-section-heading{flex-direction:column;align-items:stretch}.list-section-tools{width:100%;flex-direction:column;align-items:stretch}.list-section-tools label{width:100%;min-width:0}.list-section-tools .form-control{width:100%}.list-section-tools>.btn{width:100%}.chapter-panel{padding:12px}.comment-content{padding:16px}.thread-replies{margin:0 10px 14px 14px;padding-left:10px}.thread-child .comment-content{padding:13px}.chapter-conversation-bar{align-items:flex-start}.edition-choice{gap:13px}.edition-choice>.book-cover{width:50px;height:78px}.order-row{gap:9px}.order-move-buttons .btn{min-width:36px}.thread-root .comment-meta{gap:7px}.chapter-conversation-bar p{max-width:50%}}


/* ChapterTalk 3.2 — cleaner book cards, friend signals, and a real mobile menu. */
.mobile-menu-toggle{display:none;width:40px;height:40px;border:1px solid #3a3c43;border-radius:7px;background:#1d1e22;color:#f2f2f4;padding:9px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.mobile-menu-toggle>span:not(.sr-only){display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .15s,opacity .15s}
.sidebar.menu-open .mobile-menu-toggle>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sidebar.menu-open .mobile-menu-toggle>span:nth-child(2){opacity:0}
.sidebar.menu-open .mobile-menu-toggle>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.cover-stage{position:relative}
.friend-badges{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;gap:5px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 24px)}
.friend-badge{display:inline-flex;align-items:center;gap:4px;min-height:27px;padding:4px 8px;border:1px solid #ffffff33;border-radius:999px;background:#121419dc;color:#fff;font:650 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 3px 9px #0005;backdrop-filter:blur(5px)}
.friend-badge svg{width:13px;height:13px;stroke-width:1.8}
.card-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:stretch}
.card-primary-actions>.btn,.card-primary-actions>.form-control{height:46px;min-height:46px;margin:0;width:100%}
.card-primary-actions>.btn{padding:8px 10px;font-size:13px}
.card-primary-actions>.form-control{font-size:13px;padding-top:8px;padding-bottom:8px}
.card-add-button{text-transform:uppercase;letter-spacing:.25px;font-weight:700}
.home-current-reading{margin-bottom:38px}.home-community-stream{border-top:1px solid var(--line);padding-top:8px}.home-activity-feed{max-width:920px}
.home-event-card{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.5fr);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.home-event-card .comment-meta{min-width:0}.home-event-card .reader-avatar{width:36px;height:36px;margin:0}.home-event-card p{margin:0;font-size:13px}.home-event-card time{display:block;font-size:10px;margin-top:3px}.home-event-book{display:flex;align-items:center;gap:11px;min-width:0}.home-event-book>.book-cover{width:34px;height:50px;max-height:50px;object-fit:contain;filter:none;flex:none}
[data-theme="light"] .friend-badge{background:#263640e8;border-color:#ffffff88;color:#fff}
@media(max-width:1100px){.book-card-rich .card-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
@media(max-width:700px){
 .sidebar{position:sticky;top:0;inset:auto;width:100%;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid #353a46;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#14171cf5;backdrop-filter:blur(15px)}
 .brand{grid-column:1;grid-row:1;margin:2px 0;font-size:23px;min-width:0}.brand small{display:none}.brand svg{height:25px}
 .mobile-menu-toggle{display:flex;grid-column:2;grid-row:1}
 .sidebar .tabs{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;gap:4px;overflow:visible;padding:11px 0 7px;border-top:1px solid #30333a;margin-top:9px}
 .sidebar.menu-open .tabs{display:flex}.sidebar .tabs a{font-size:13px;padding:10px 11px;gap:11px;white-space:normal}.sidebar .tabs svg{width:17px;height:17px}.sidebar .tabs a[data-view="settings"]{margin-top:5px}
 .sidebar .account-slot{display:none;grid-column:1/-1;grid-row:3;margin:0;padding:9px 10px 8px;border-top:1px solid #30333a}.sidebar.menu-open .account-slot{display:block}.account-slot #logout{padding-left:43px}
 .sidebar-note{display:none}.site-workspace{margin-left:0}
 .book-card-rich .card-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7px}.card-primary-actions>.btn,.card-primary-actions>.form-control{height:44px;min-height:44px}.card-primary-actions>.btn{font-size:12px;padding:7px 8px}.card-primary-actions>.form-control{font-size:12px;padding-left:9px;padding-right:7px}
 .friend-badges{left:9px;bottom:9px;gap:4px}.friend-badge{min-height:25px;padding:4px 7px;font-size:10px}
 .home-reading-grid{grid-template-columns:1fr}.home-event-card{grid-template-columns:1fr;gap:8px}.home-event-card .reader-avatar{width:32px;height:32px}.home-event-book>.book-cover{width:30px;height:44px;max-height:44px}.home-event-card p{font-size:12px}
}

/* ChapterTalk 3.3 — lighter book detail, QR invites, list priority + table view. */
.discussion-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.discussion-heading h2{margin-top:0}.discussion-heading .discussion-overview{margin-bottom:0}.discussion-heading>.btn{flex:none;margin-top:2px}
.club-context{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #537e8e;border-radius:999px;background:#243f49;color:#cfeaf3;font-size:11px;font-weight:700;letter-spacing:.01em}
.book-about-inline{max-width:840px;margin:14px 0 15px;padding-top:12px;border-top:1px solid var(--line)}
.book-about-inline p{margin:0;color:var(--text);line-height:1.55}
.description-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-height:6.2em}
.description-clamp.expanded{display:block;max-height:none;-webkit-line-clamp:unset}
.description-more{padding:5px 0 0;margin:0;font-size:12px}
.detail-layout-conversations{grid-template-columns:minmax(0,1.7fr) minmax(260px,.62fr)}
.invite-qr{width:244px;min-height:244px;display:flex;align-items:center;justify-content:center;margin:18px auto;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card,#fff)}
.invite-qr img,.invite-qr canvas{display:block;max-width:220px!important;height:auto!important}
.list-view-toggle{display:inline-flex;align-items:center;gap:5px;flex:none}.list-view-toggle .btn{min-width:62px}
.book-list-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;background:var(--panel)}
.book-list-table{margin:0;min-width:690px}.book-list-table>thead>tr>th{border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:12px 14px}.book-list-table>tbody>tr>td{border-top:1px solid var(--line);padding:13px 14px;vertical-align:middle}.book-list-table>tbody>tr:first-child>td{border-top:0}.book-list-table td small{display:block;color:var(--muted);margin-top:3px}.book-list-table .priority-col{width:52px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.book-list-table .table-talk-link{white-space:nowrap;margin:0;padding:5px 0}
.order-row[draggable="true"]{cursor:grab}.order-row[draggable="true"]:active{cursor:grabbing}.order-row.is-dragging{opacity:.38}.order-row.drag-over{outline:2px solid #7298ad;outline-offset:2px}.drag-handle{font-size:18px;letter-spacing:-5px;color:var(--muted);padding-right:6px;user-select:none}.priority-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--panel-raised);border:1px solid var(--line);font-size:12px;font-weight:700;flex:none}
[data-theme="light"] .club-context{background:#e1f0f4;border-color:#a8cbd6;color:#315c6b}[data-theme="light"] .book-list-table-wrap{background:var(--card,#fff)}
@media(max-width:900px){.detail-layout-conversations{grid-template-columns:1fr}.detail-layout-conversations>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-layout-conversations>aside .panel{margin:0}}
@media(max-width:700px){.discussion-heading{flex-direction:column;align-items:stretch}.discussion-heading>.btn{width:100%}.detail-layout-conversations>aside{grid-template-columns:1fr}.book-about-inline{margin-top:10px}.list-section-tools .list-view-toggle{width:100%}.list-section-tools .list-view-toggle .btn{min-width:58px;flex:1}.order-row{flex-wrap:nowrap}.order-row .drag-handle{flex:none}.order-row .priority-number{flex:none}.book-list-table{min-width:620px}}

/* Reading progress, finished reviews, and admin reset */
.reading-progress-wrap{padding:9px 18px 12px;background:var(--panel);border-top:1px solid var(--line)}
.reading-progress-wrap.compact{font-size:11px}
.reading-progress-label{font-size:11px;color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reading-progress-bar{height:6px;background:#30343c;border-radius:99px;overflow:hidden}
.reading-progress-bar>span{display:block;height:100%;background:#a7bbc7;border-radius:inherit}
.book-progress-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;margin-top:8px}
.book-progress-actions .btn{min-height:40px;font-size:12px}
.finished-button{text-transform:uppercase;letter-spacing:.5px;font-weight:650}
.detail-cover-stack{width:184px;flex:none}
.detail-cover-stack>.book-cover{height:280px;width:184px;max-height:280px;object-fit:contain}
.detail-cover-stack .reading-progress-wrap{padding:10px 0 0;background:transparent;border:0}
.detail-cover-stack .reading-progress-label{font-size:12px}
.detail-head .book-progress-actions{max-width:380px}
.review-spoiler-check{display:block;margin-top:14px;font-weight:600}
.review-spoiler-card{border:1px dashed #666b78;background:#22252b;border-radius:8px;padding:16px;margin:14px 0}
.review-spoiler-card p{margin:4px 0 10px;color:var(--muted)}
.review-spoiler-label{display:flex;align-items:center;gap:8px;margin:12px 0 4px}
.review-spoiler-label .badge-status{margin:0}
.review-spoiler-label .btn{padding:2px 6px}
.btn-danger{background:#642f36;border-color:#7f3e47;color:#fff}
.btn-danger:hover,.btn-danger:focus{background:#7b3843;border-color:#9a4b57;color:#fff}
.admin-danger-panel{border-color:#70484e}
[data-theme="light"] .reading-progress-wrap{background:var(--card,#fff)}
[data-theme="light"] .reading-progress-bar{background:#dce3e4}
[data-theme="light"] .reading-progress-bar>span{background:#64839a}
[data-theme="light"] .detail-cover-stack .reading-progress-wrap{background:transparent}
[data-theme="light"] .review-spoiler-card{background:#f7f4ed;border-color:#b7a98f}
@media(max-width:1000px){.detail-cover-stack{width:135px}.detail-cover-stack>.book-cover{width:135px;height:210px}}
@media(max-width:700px){.detail-cover-stack{width:99px}.detail-cover-stack>.book-cover{width:99px;height:150px}.detail-cover-stack .reading-progress-label{font-size:9px}.book-progress-actions{grid-template-columns:1fr}.book-progress-actions .btn{font-size:10px;min-height:36px}.reading-progress-wrap{padding-left:12px;padding-right:12px}}

/* AmongReaders — signed-out landing & about pages */
.landing-hero{padding:6px 0 4px}
.landing-hero h1{font-size:44px;line-height:1.15;margin:8px 0 14px}
.landing-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.lh-free{margin:16px 0 0;max-width:460px;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.82)}.lh-free b{color:#fff}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px}
.feature-card .feature-icon{font-size:26px;display:block;margin-bottom:8px}
.feature-card h3{margin:0 0 8px;font-size:17px}
@media(max-width:1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.landing-hero h1{font-size:32px}}
.profile-badges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 2px}
.club-history{margin:10px 0 20px}
.history-row{border-top:1px solid #333640;padding:12px 0;font-size:13px}
.history-row:first-child{border-top:0}

/* Currently-reading carousel (home) */
.reading-carousel{margin:6px 0 10px}
.reading-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:12px}
.reading-carousel-track::-webkit-scrollbar{display:none}
.reading-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:flex;gap:28px;align-items:center;padding:26px 28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,rgba(127,127,127,.08),rgba(127,127,127,.02))}
.reading-slide-cover{flex:none;display:block}
.reading-slide-cover .book-cover{width:150px;height:226px;max-height:none;object-fit:contain}
.reading-slide-cover .cover-fallback{width:150px;height:226px}
.reading-slide-body{flex:1;min-width:0}
.reading-slide .quick-reading-row{border:0;padding:0;flex-wrap:wrap;gap:14px}
.reading-slide .quick-reading-cover{display:none}
.reading-slide .quick-reading-info{flex:1 1 100%}
.reading-slide .quick-reading-form{flex-wrap:wrap;row-gap:8px;max-width:100%}
.reading-slide .quick-reading-info strong{font:26px/1.25 Georgia,serif;white-space:normal}
.reading-slide .quick-reading-author{font-size:13px}
.reading-slide-open{padding:12px 0 0;font-size:12px}
.reading-carousel-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
.reading-carousel-nav .btn{padding:4px 14px;font-size:18px;line-height:1.2}
.reading-carousel-dots{display:flex;gap:7px}
.reading-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.reading-dot.active{background:var(--ink)}
@media(max-width:700px){.reading-slide{flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.reading-slide-cover{align-self:center}.reading-slide-cover .book-cover,.reading-slide-cover .cover-fallback{width:120px;height:180px}.reading-slide .quick-reading-info strong{font-size:22px;text-align:center}.reading-slide .quick-reading-author{text-align:center}}
/* iOS Safari zooms in on any focused field under 16px and never zooms back out. */
@media(max-width:900px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.form-control{font-size:16px!important}}
/* Profile tabs */
.profile-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:-12px 0 26px;overflow-x:auto}
.profile-tabs a{padding:10px 14px;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}
.profile-tabs a.active{color:var(--ink);border-bottom-color:var(--ink)}
/* Recommend */
.recommend-btn{margin-top:10px}
.recommend-friends{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:4px 0 16px;max-height:260px;overflow:auto}
.recommend-friends legend{font-size:12px;border:0;width:auto;margin:0 0 4px;padding:0 4px;color:var(--muted)}
.recommend-friend{display:flex;align-items:center;gap:6px;padding:6px 2px;margin:0;font-weight:400;cursor:pointer}
.recommend-friend .reader-avatar{width:26px;height:26px;margin:0}
.recommend-note{font-size:11px;margin-top:10px}
.recommend-link{display:flex;gap:8px;align-items:center;margin:16px 0}
.recommend-link .form-control{margin:0!important}
.rec-page{max-width:760px;margin:0 auto}
.rec-from{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.rec-from .reader-avatar{width:64px;height:64px;margin:0}
.rec-from h1{font-size:32px;line-height:1.2;margin:4px 0 0}
.rec-from h1 em{font-style:italic}
.rec-message{font:20px/1.5 Georgia,serif;border-left:3px solid var(--ink);margin:0 0 26px;padding:6px 0 6px 18px}
.rec-message cite{display:block;font:12px -apple-system,sans-serif;color:var(--muted);margin-top:8px;font-style:normal}
.rec-book{display:flex;gap:24px;padding:22px;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}
.rec-cover{flex:none}.rec-cover .book-cover{width:120px;height:180px;max-height:none;object-fit:contain}
.rec-book h2{margin:0 0 4px;font-size:24px}
.rec-take{margin-bottom:24px}.rec-take h3{font-size:18px;margin:0 0 8px}
.rec-stars{font-size:20px;letter-spacing:2px;margin:0 0 8px}
.rec-review{font-size:15px;line-height:1.7;white-space:pre-wrap}
.rec-facts{padding-left:18px;color:var(--muted);font-size:13px}
.rec-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rec-pitch{margin-top:20px;font-size:13px}
.home-recs{margin-bottom:26px}
.rec-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.rec-chip{flex:0 0 280px;scroll-snap-align:start;display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;text-decoration:none!important;color:inherit}
.rec-chip.unseen{border-color:var(--ink)}
.rec-chip .book-cover{width:52px;height:78px;max-height:none;object-fit:contain;filter:none;flex:none}
.rec-chip strong{display:block;font-size:14px}.rec-chip small{display:block;font-size:11px;color:var(--muted)}.rec-chip em{display:block;font-size:12px;margin-top:6px}
.rec-list{display:flex;flex-direction:column}
.rec-row{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none!important;color:inherit}
.rec-row .book-cover{width:52px;height:78px;max-height:none;object-fit:contain;filter:none;flex:none}
.rec-row strong{display:block}.rec-row small{color:var(--muted)}.rec-row p{margin:6px 0 0;font-size:13px}
@media(max-width:700px){.rec-from h1{font-size:24px}.rec-book{flex-direction:column;align-items:center;text-align:center;padding:18px}.rec-message{font-size:17px}.rec-actions .btn{flex:1 1 100%}.profile-tabs{margin-top:-6px}}
/* Chapter map: circles filter, grouped pins, inline thread */
.chapter-map-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.chapter-map-circles{display:flex;gap:4px;flex-wrap:wrap}
.map-circle{border:1px solid var(--line);background:none;color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}
.map-circle small{opacity:.7}
.map-circle.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chapter-map-note{position:absolute}
.chapter-map-note.open{transform:translate(-50%,-4px) scale(1.12);z-index:3}
.chapter-map-count{position:absolute;right:-7px;top:-7px;min-width:17px;height:17px;border-radius:9px;background:var(--ink);color:var(--paper);font-size:10px;line-height:17px;text-align:center;padding:0 4px;font-weight:600}
.chapter-map-empty{font-size:12px;margin:6px 0 0}
.chapter-map-thread{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:6px 16px 10px}
.chapter-map-thread-head{display:flex;align-items:center;gap:10px;padding:8px 0}
.chapter-map-thread-head .btn-link{margin-left:auto;font-size:12px}
.chapter-map-thread .comment:first-of-type{border-top:0}
/* Comment button label + composer placement */
.talk-label{margin-left:6px}
.card-primary-actions .talk-label{display:none}
.detail-head .card-primary-actions .talk-label{display:inline}
.compose-places{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.compose-places legend{font-size:12px;border:0;margin:0 0 6px;color:var(--muted)}
.compose-place{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:8px;padding:10px;cursor:pointer;font-weight:400;margin:0}
.compose-place input{position:absolute;opacity:0;pointer-events:none}
.compose-place strong{font-size:13px}.compose-place small{font-size:11px;color:var(--muted);line-height:1.3}
.compose-place.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.compose-place.disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){.compose-places{grid-template-columns:1fr}}
/* Desktop: current reads as a two-column grid instead of a slider */
@media(min-width:992px){.reading-carousel-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none}.reading-carousel .reading-slide{gap:20px;padding:20px}.reading-carousel .reading-slide-cover .book-cover,.reading-carousel .reading-slide-cover .cover-fallback{width:104px;height:156px}.reading-carousel .reading-slide .quick-reading-info strong{font-size:21px}.reading-carousel-nav{display:none}}
/* Recommend: tier picker + profile tier list */
.recommend-btn.picked{border-color:var(--ink);font-weight:600}
.chart-picker{border:0;padding:0;margin:0 0 14px}
.chart-picker legend{font-size:13px;border:0;margin:0 0 8px;width:100%}
.chart-chips{display:flex;gap:8px;flex-wrap:wrap}
.chart-chip{position:relative;display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--muted);cursor:pointer}
.chart-chip input{position:absolute;opacity:0;pointer-events:none}
.chart-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#new-chart-label{margin-top:8px}
.chart-tabs{align-items:center}
[data-theme="light"] .chart-chip.on{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
.tier-picker{border:0;padding:0;margin:0 0 14px;display:flex;gap:8px;flex-wrap:wrap}
.tier-picker legend{font-size:13px;border:0;margin:0 0 8px;width:100%}
.tier-option{position:relative;margin:0;cursor:pointer}
.tier-option input{position:absolute;opacity:0;pointer-events:none}
.tier-option span{display:grid;place-items:center;min-width:48px;height:48px;padding:0 12px;border-radius:8px;font:700 20px Georgia,serif;border:2px solid transparent;color:#1b1b1f}
.tier-option.tier-none span{font:500 12px -apple-system,sans-serif;background:var(--panel-raised,#eee);color:var(--ink)}
.tier-option.active span{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper) inset}
.tier-S span,.tier-label.tier-S{background:#ff7f7f}.tier-A span,.tier-label.tier-A{background:#ffbf7f}.tier-B span,.tier-label.tier-B{background:#ffdf7f}.tier-C span,.tier-label.tier-C{background:#bfff7f}
.recommend-tell{margin:14px 0}.recommend-tell summary{cursor:pointer;font-size:13px;margin-bottom:8px}
.recommend-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}
.tier-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.tier-list{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tier-row{display:flex;min-height:118px;border-top:1px solid var(--line)}.tier-row:first-child{border-top:0}
.tier-label{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1b1b1f;padding:8px}
.tier-label strong{font:700 34px/1 Georgia,serif}.tier-label small{font-size:10px;margin-top:4px;opacity:.8}
.tier-label.tier-none{background:var(--panel-raised,#e8e8ea);color:var(--ink)}
.tier-books{flex:1;display:flex;flex-wrap:wrap;gap:10px;padding:10px;align-items:flex-start}
.tier-book{width:74px;display:flex;flex-direction:column;align-items:center}
.tier-book .book-cover{width:70px;height:105px;max-height:none;object-fit:cover;border-radius:3px;filter:none}
.tier-book .cover-fallback{width:70px;height:105px;font-size:9px}
.tier-note{font-size:9px;line-height:1.25;color:var(--muted);text-align:center;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tier-edit{font-size:10px;padding:2px 0}
.tier-empty{color:var(--muted);align-self:center}
.tier-caption{margin-top:10px;font-size:12px}
@media(max-width:700px){.tier-label{flex-basis:58px}.tier-label strong{font-size:26px}.tier-label small{display:none}.tier-book{width:58px}.tier-book .book-cover,.tier-book .cover-fallback{width:56px;height:84px}.tier-row{min-height:100px}}
/* What's in it */
.theme-list{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.theme-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(60px,1fr) 28px;align-items:center;gap:10px;font-size:13px}
.theme-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.theme-bar{height:7px;border-radius:4px;background:var(--line);overflow:hidden}
.theme-bar span{display:block;height:100%;background:var(--ink);border-radius:4px}
.theme-power{font-size:11px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}
.theme-more{margin-top:12px}.theme-more summary{cursor:pointer;font-size:12px;color:var(--muted)}
@media(max-width:700px){.theme-list{grid-template-columns:1fr}}
/* Map: room for the chips, and stack close pins instead of overlapping them */
.chapter-map-head{margin-bottom:12px}
.chapter-map-panel .chapter-map-bar{margin-top:78px}
.chapter-map-note{top:calc(-32px - var(--lvl,0) * 24px)}
.chapter-map-note.open{transform:translate(-50%,-4px) scale(1.12)}
/* ---- Brand: AmongReaders --------------------------------------------------------- */
:root{--brand-navy:#0D3A5C;--brand-blue:#1D5E96;--brand-teal:#0E9A78;--brand-orange:#F59A3C;--brand-coral:#EF6A5B;--brand-purple:#6A55B1}
.brand{display:flex;align-items:center;gap:10px;margin:0 8px 36px;text-decoration:none!important}
.brand .ar-mark{width:46px;height:38px;flex:none}
.ar-readers{opacity:.75}.ar-center{fill:#dfe6ee}          /* on the dark sidebar */
.ar-word{font:700 21px/1 Georgia,'Times New Roman',serif;letter-spacing:-.5px;color:#fff;white-space:nowrap}
.ar-word em{font-style:normal;font-weight:400;color:#35c29c}
@media(max-width:700px){.brand{margin:2px 0 12px}.brand .ar-mark{width:36px;height:30px}.ar-word{font-size:19px}}
/* Light theme: brand navy for primary actions, teal accents */
[data-theme="light"] .btn-primary{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
[data-theme="light"] .btn-primary:hover,[data-theme="light"] .btn-primary:focus,[data-theme="light"] .btn-primary:active{background:var(--navy-2,#0a2d48);border-color:var(--navy-2,#0a2d48);color:#fff}
[data-theme="light"] .tabs a.active{box-shadow:inset 3px 0 0 var(--brand-teal)}
[data-theme="light"] .eyebrow{color:var(--brand-teal)}
[data-theme="light"] .map-circle.active,[data-theme="light"] .reading-dot.active{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}
[data-theme="light"] .theme-bar span{background:linear-gradient(90deg,var(--brand-blue),var(--brand-teal))}
[data-theme="light"] .chapter-map-count{background:var(--brand-coral);color:#fff}
[data-theme="light"] .compose-place.active,[data-theme="light"] .tier-option.active span{border-color:var(--brand-navy);box-shadow:inset 0 0 0 1px var(--brand-navy)}
/* Tier colors toned to the brand palette */
.tier-S span,.tier-label.tier-S{background:#f19a90}.tier-A span,.tier-label.tier-A{background:#f7bd82}.tier-B span,.tier-label.tier-B{background:#8fcfbd}.tier-C span,.tier-label.tier-C{background:#8fb1d2}.tier-D span,.tier-label.tier-D{background:#c3b4e0}.tier-F span,.tier-label.tier-F{background:#b9bfc8}
/* ---- Profile home base ------------------------------------------------------------ */
.profile-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-18px 0 24px}
.profile-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink);text-decoration:none!important}
.profile-link span{font-size:12px;opacity:.8}
.profile-link:hover{border-color:var(--brand-teal)}
.profile-home{display:grid;gap:22px;margin-bottom:28px}
.yt-embed{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;margin:10px 0}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.profile-post-form{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:14px}
.profile-post-form textarea{margin-bottom:8px}
.profile-post-extras{display:flex;gap:8px}.profile-post-extras .form-control{flex:1;margin:0}
.profile-post{border:1px solid var(--line);border-radius:11px;padding:16px 18px;margin-bottom:12px}
.profile-post .comment-meta{margin-bottom:6px}.profile-post .comment-meta>div{flex:1}.profile-post time{display:block;font-size:10px;color:var(--muted)}
.profile-post .comment-body{margin:8px 0}
.home-people-posts{margin-bottom:26px}
/* ---- Club next-pick poll --------------------------------------------------------- */
.club-poll{margin-bottom:24px;border-color:var(--brand-teal)!important}
.poll-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.poll-steps{display:flex;list-style:none;padding:0;margin:14px 0 18px;gap:0;counter-reset:s}
.poll-steps li{flex:1;text-align:center;font-size:12px;color:var(--muted);padding:6px 0;border-bottom:3px solid var(--line)}
.poll-steps li.done{color:var(--ink);border-color:var(--brand-teal)}
.poll-steps li.on{color:var(--ink);font-weight:600;border-color:var(--brand-navy)}
.poll-suggest{margin-bottom:16px}.poll-suggest .form-control{margin:6px 0}
#poll-results{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto}
.poll-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.poll-book{display:flex;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px}
.poll-book.voted{border-color:var(--brand-navy);box-shadow:inset 0 0 0 1px var(--brand-navy)}
.poll-book.winner{border-color:var(--brand-teal);box-shadow:inset 0 0 0 2px var(--brand-teal)}
.poll-book .book-cover{width:56px;height:84px;max-height:none;object-fit:cover;filter:none;border-radius:3px}
.poll-book-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.poll-book-info strong{font-size:14px;line-height:1.3}.poll-book-info small{font-size:11px}
.poll-book-info em{font-size:12px}
.poll-book-info .btn{align-self:flex-start;margin-top:6px;font-size:12px;padding:5px 12px}
.poll-votes{font-size:12px;font-weight:600;margin-top:4px}
.poll-note{font-size:12px;margin-top:12px}
/* White logo set (sidebar is dark in both themes): mark toned to 60%, wordmark full */
.brand .ar-mark-img{height:38px;width:auto;opacity:.6;flex:none}
.brand .ar-wordmark-img{height:19px;width:auto;max-width:170px;flex:none}
@media(max-width:700px){.brand .ar-mark-img{height:30px}.brand .ar-wordmark-img{height:16px}}
.brand{min-width:0;max-width:100%}
.brand .ar-wordmark-img{height:auto;width:100%;max-width:150px;min-width:0;flex:1 1 auto}
.brand .ar-mark-img{height:34px}

/* Card "Update" (assets/app.js quickUpdateMarkup) — Update → Page / % / Chapter → Save → comment */
.qp{margin-top:10px}
.qp-step{display:none}
.qp[data-state="idle"] .qp-idle,.qp[data-state="choose"] .qp-choose,.qp[data-state="edit"] .qp-edit,.qp[data-state="say"] .qp-say{display:flex}
.qp-idle,.qp-choose,.qp-edit{gap:8px;align-items:center;flex-wrap:wrap}
.qp-idle .btn{flex:1;border-radius:999px}
.qp-pick{display:flex;flex:1;border:1px solid var(--line,#d9d4c7);border-radius:999px;overflow:hidden;background:var(--card,#fff)}
.qp-pick button{flex:1;border:0;background:none;padding:8px 6px;font:600 13px/1 inherit;cursor:pointer;color:var(--navy,#0D3A5C)}
.qp-pick button+button{border-left:1px solid #e6e1d4}
.qp-pick button:hover{background:#f3f0e8}
.qp-x{border:0;background:none;font-size:20px;line-height:1;color:#999;cursor:pointer;padding:4px 6px}
.qp-edit label{display:flex;align-items:center;gap:6px;flex:1;font-size:13px;margin:0;flex-wrap:wrap}
.qp-edit input{width:72px;padding:6px 8px;border:1px solid var(--line,#d9d4c7);border-radius:8px;font-size:15px}
.qp-say{flex-direction:column;gap:8px;border:1px solid #e6e1d4;border-radius:12px;padding:10px;background:var(--card,#fff)}
.qp-q{margin:0;font-weight:700;font-size:14px}
.qp-say textarea{width:100%;border:1px solid var(--line,#d9d4c7);border-radius:8px;padding:8px;font:inherit;font-size:14px;resize:vertical}
.qp-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.qp-kind{display:flex;border:1px solid var(--line,#d9d4c7);border-radius:999px;overflow:hidden;margin-right:auto}
.qp-kind button{border:0;background:var(--card,#fff);padding:6px 10px;font-size:12px;cursor:pointer}
.qp-kind button.on{background:var(--navy,#0D3A5C);color:#fff}
.qp-gate{margin:0;font-size:12px}

/* ===== List views (assets/library.js): Golden · Minimal · Rows · Shelf ===== */
.lv-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel)}
.lv-seg button{border:0;background:none;padding:7px 13px;font:600 12.5px/1 inherit;color:var(--ink);cursor:pointer}
.lv-seg button+button{border-left:1px solid var(--line)}
.lv-seg button.on{background:var(--navy,#0D3A5C);color:#fff}
.gc-grid .book-cover,.mc-grid .book-cover,.rc-list .book-cover,.sv-case .book-cover{width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:cover;display:block;margin:0}
.gc-grid .cover-fallback,.mc-grid .cover-fallback,.rc-list .cover-fallback,.sv-case .cover-fallback{min-height:0;height:auto;width:100%;aspect-ratio:2/3;display:grid;place-items:center;font-size:11px;background:var(--panel-raised);border-radius:6px;color:var(--muted);text-align:center;padding:4px}
.gc-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font:600 11px/1.3 inherit;background:var(--panel-raised);color:var(--muted)}
.gc-teal{background:var(--teal-soft,#e3f4ee);color:var(--teal-dk,#0b6e56)}.gc-blue{background:#e5eef7;color:var(--blue,#1D5E96)}.gc-navy{background:var(--navy,#0D3A5C);color:#fff}
.t-S{background:#f19a90}.t-A{background:#f7bd82}.t-B{background:#8fcfbd}.t-C{background:#8fb1d2}.t-D{background:#c3b4e0}.t-F{background:#b9bfc8}
.gc-bar{height:6px;border-radius:99px;background:var(--panel-raised);overflow:hidden}
.gc-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--navy,#0D3A5C),var(--teal,#0E9A78))}
.gc-prog-txt{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);margin-bottom:5px}.gc-prog-txt b{color:var(--ink)}
.gc-avs{display:inline-flex}.gc-av{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--panel);background:var(--panel-raised)}.gc-av+.gc-av{margin-left:-8px}

/* Golden */
.gc-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:stretch}
.gc{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}
.gc-top{display:grid;grid-template-columns:86px 1fr;gap:12px}
.gc-cover{display:block;border-radius:6px;overflow:hidden;box-shadow:0 8px 22px -10px rgba(20,38,58,.5)}
.gc-info{min-width:0}
.gc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.gc h3{font-size:17px;margin:6px 0 2px;line-height:1.25}.gc h3 a{color:var(--ink)}
.gc-by{margin:0;font-size:13px;color:var(--muted)}
.gc-tier{margin:8px 0 0;font-size:12.5px;display:flex;align-items:center;gap:6px}
.gc-tierbox{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font:800 12px/1 inherit;color:#3a2a14}
.gc-social{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap;min-height:0}
.gc-social:empty{display:none}
.gc-foot{display:flex;align-items:center;gap:10px;margin-top:auto}
.gc-foot>.btn{flex:1;border-radius:999px}
.gc-foot .qp{flex:1;margin:0}
.gc-soft{background:var(--teal-soft,#e3f4ee);color:var(--teal-dk,#0b6e56);border-color:transparent}
.gc-bubble{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--ink);font:600 13px/1 inherit;cursor:pointer;padding:4px}
.gc-bubble svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.gc-foot:has(.qp:not([data-state=idle])) .gc-bubble{display:none}
.gc-menu{position:relative}
.gc-dots{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;padding:2px 6px;border-radius:8px;cursor:pointer}.gc-dots:hover{background:var(--panel-raised)}
.gc-pop{position:absolute;right:0;top:28px;z-index:20;width:230px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 34px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:6px}
.gc-pop .btn-link{text-align:left;padding:4px 2px}
.qp-edit label{white-space:nowrap}

/* Minimal */
.mc-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(130px,160px))}
.mc{min-width:0}
.mc-art{position:relative;border-radius:6px;box-shadow:0 8px 22px -10px rgba(20,38,58,.5)}
.mc-art a{display:block;border-radius:6px;overflow:hidden}
.mc-dot{position:absolute;left:8px;top:8px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.mc-dot.teal{background:var(--teal,#0E9A78)}.mc-dot.blue{background:var(--blue,#1D5E96)}.mc-dot.navy{background:var(--navy,#0D3A5C)}
.mc-quick{position:absolute;right:8px;bottom:8px;opacity:0;transform:translateY(4px);transition:.15s;border-radius:999px;padding:6px 12px;font-size:12px}
.mc:hover .mc-quick,.mc:focus-within .mc-quick{opacity:1;transform:none}
@media (hover:none){.mc-quick{opacity:1;transform:none}}
.mc-thin{height:3px;margin-top:8px;border-radius:9px;background:var(--panel-raised);overflow:hidden}.mc-thin span{display:block;height:100%;background:var(--teal,#0E9A78)}
.mc h3{font-size:14.5px;margin:8px 0 2px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc h3 a{color:var(--ink)}
.mc p{margin:0;font-size:12.5px;color:var(--muted)}
.mc-up{margin-top:8px}

/* Rows */
.rc-list{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.rc{display:grid;grid-template-columns:44px minmax(0,1.5fr) 92px minmax(0,1.2fr) 96px;gap:14px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);position:relative}
.rc-friends{display:flex;justify-content:flex-end}.rc-act{display:flex;justify-content:flex-end}.rc>.rc-up{grid-column:1/-1}
.rc .mini-sticky{top:auto;bottom:2px;left:-14px;max-width:84px;font-size:13px;padding:5px 6px 4px}
.gc-avw{position:relative;display:inline-flex}.gc-avw+.gc-avw{margin-left:-8px}.gc-avw .gc-av+.gc-av{margin-left:0}.gc-posted::after{content:'';position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#e5383b;border:2px solid var(--panel,#fff)}
.rc:first-child{border-top:0}
.rc.rc-tbr{grid-template-columns:44px auto minmax(0,1.5fr) 92px minmax(0,1.2fr) 96px}.rc-fit{display:flex;align-items:center;justify-content:center}.rc-fit:empty{margin-left:-14px}
@media (max-width:700px){.rc.rc-tbr{grid-template-columns:40px auto 1fr auto}}
.rc-cover{display:block;border-radius:4px;overflow:hidden}
.rc-main b{display:block;font-size:14.5px;line-height:1.25;color:var(--ink)}
.rc-main small{color:var(--muted);font-size:12px}
.rc-act .btn{border-radius:999px;padding:6px 14px}
.rc-up{grid-column:1/-1}
@media (max-width:700px){.rc{grid-template-columns:40px 1fr auto}.rc-prog,.rc-friends{display:none}.rc .mini-sticky{left:-8px;max-width:64px;font-size:12px}}

/* Shelf */
.sv-case{--row:206px;--board:20px;position:relative;border-radius:10px;padding:0 18px 18px;
  background:repeating-linear-gradient(92deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px,rgba(0,0,0,.06) 9px 10px,transparent 10px 23px),repeating-linear-gradient(88deg,rgba(0,0,0,.07) 0 1px,transparent 1px 37px),linear-gradient(90deg,#6b3f1d,#8a5528 18%,#7a4a22 40%,#93602f 63%,#74451f 85%,#6a3d1b);
  box-shadow:0 18px 40px -18px rgba(40,20,5,.7),inset 0 0 0 3px rgba(0,0,0,.18)}
.sv-crown{display:flex;justify-content:center;padding:14px 0 12px;margin:0 -18px;border-radius:10px 10px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 3px,transparent 3px 14px),linear-gradient(180deg,#9b6634,#6f411d);box-shadow:inset 0 -6px 10px -6px rgba(0,0,0,.6)}
.sv-plate{min-width:180px;max-width:80%;text-align:center;padding:7px 22px;border-radius:6px;font:700 20px/1.2 Georgia,serif;letter-spacing:.5px;color:#4a3410;outline:none;background:linear-gradient(180deg,#f6e3a1,#d9b45a 45%,#c49a3c 55%,#ecd38a);box-shadow:0 2px 0 #8a6a22,0 4px 10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.7);text-shadow:0 1px 0 rgba(255,255,255,.5)}
.sv-plate[contenteditable=true]{cursor:text}.sv-plate:focus{box-shadow:0 0 0 3px rgba(255,255,255,.6),0 4px 10px rgba(0,0,0,.45)}
.sv-shelves{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-rows:var(--row);padding:0 8px;border-radius:4px;box-shadow:inset 0 0 26px rgba(0,0,0,.55);
  background:linear-gradient(180deg,transparent calc(var(--row) - var(--board)),#b07a43 calc(var(--row) - var(--board)),#c48c52 calc(var(--row) - var(--board) + 3px),#8d5a2b calc(var(--row) - 4px),#5a3415 var(--row)) 0 0/100% var(--row),linear-gradient(180deg,#3c2210,#4a2c15 60%,#3a200e) 0 0/100% var(--row)}
.sv-slot{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 5px var(--board)}
.sv-book{position:relative;display:block;width:100%;max-width:104px;transform-origin:bottom left;transition:transform .2s}
.sv-book .book-cover,.sv-book .cover-fallback{border-radius:2px 4px 4px 2px;box-shadow:inset 3px 0 0 rgba(255,255,255,.15),-2px 0 0 rgba(0,0,0,.25),0 6px 10px -2px rgba(0,0,0,.6)}
.sv-book::after{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;border-radius:2px 0 0 2px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.12),transparent)}
.sv-book.lean{transform:rotate(-6deg) translateX(4px)}
.sv-book:hover{transform:translateY(-10px) scale(1.04);z-index:2}.sv-book.lean:hover{transform:rotate(0) translateY(-10px) scale(1.04)}
.sv-ribbon{position:absolute;right:12px;top:-6px;width:10px;height:30px;background:var(--teal,#0E9A78);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);z-index:1}
.sv-mark{width:16px;height:34px;top:-8px;display:flex;justify-content:center;padding-top:5px;font:800 10px/1 sans-serif;color:#3a2a14;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.sv-mark[hidden]{display:none}
.sv-mark.t-S{background:#f19a90}.sv-mark.t-A{background:#f7bd82}.sv-mark.t-B{background:#8fcfbd}.sv-mark.t-C{background:#8fb1d2}.sv-mark.t-D{background:#c3b4e0}.sv-mark.t-F{background:#b9bfc8}
.sv-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:180px;padding:6px 9px;border-radius:8px;background:rgba(20,38,58,.95);color:#fff;font-size:11.5px;line-height:1.3;opacity:0;pointer-events:none;transition:.15s;text-align:center;z-index:3}
.sv-tip b{display:block;font:700 12.5px/1.25 Georgia,serif}
.sv-book:hover .sv-tip{opacity:1}
@media (max-width:600px){.sv-case{--row:150px;--board:14px;padding:0 10px 12px}.sv-crown{margin:0 -10px}.sv-shelves{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.sv-plate{font-size:16px}}
.gc-foot .qp-idle [data-qp-open],.mc-up .qp-idle [data-qp-open],.rc-up .qp-idle [data-qp-open]{background:var(--navy,#0D3A5C);color:#fff;border-color:var(--navy,#0D3A5C)}

/* 👁 Change the look (library.js openLookDialog) */
.lv-eye{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:6px 12px 6px 9px;font:600 12.5px/1 inherit;cursor:pointer}
.lv-eye:hover{border-color:var(--navy,#0D3A5C)}
.lv-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.lv-dialog{width:min(920px,94vw);max-width:none}
.lv-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.lv-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px;border:2px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer;font:inherit}
.lv-opt.on{border-color:var(--teal,#0E9A78);background:var(--teal-soft,#e3f4ee)}
.lv-opt b{font-size:15px}.lv-opt small{font-size:12px;color:var(--muted);line-height:1.35}
.lv-pic{display:flex;gap:4px;align-items:flex-end;height:36px;margin-bottom:4px}
.lv-pic i{display:block;width:16px;height:24px;border-radius:3px;background:#cfd8e3}
.lv-pic-golden i{width:34px;height:32px;border-radius:6px;background:var(--card,#fff);border:2px solid #d9d2c3;box-shadow:inset 9px 0 0 -2px #9fb3c8}
.lv-pic-minimal i{background:#9fb3c8}
.lv-pic-rows{flex-direction:column;align-items:stretch;gap:3px;width:70px}.lv-pic-rows i{width:100%;height:7px}
.lv-pic-shelf{background:linear-gradient(180deg,#4a2c15 82%,#b07a43 82%);padding:3px 5px 5px;border-radius:5px}.lv-pic-shelf i{width:11px;height:20px;background:#e3b04b}.lv-pic-shelf i:nth-child(2){background:#8fcfbd}.lv-pic-shelf i:nth-child(3){background:#f19a90}
.lv-prev-label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:4px 0 6px}
.lv-preview{display:block;width:100%;height:380px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#f6f4ef)}
.lv-actions{display:flex;justify-content:flex-end;gap:8px;margin:14px 0 16px;flex-wrap:wrap}
@media (max-width:640px){.lv-opts{grid-template-columns:1fr 1fr}.lv-preview{height:420px}}

/* Settings: Libby / Hoopla rows (app/borrow.php) */
.bw-row{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:400;cursor:pointer}
.bw-row small{margin-left:4px}

.footer-pages{font-size:13px}.footer-pages a{color:inherit;text-decoration:underline}

/* Book menu (golden card ⋯) — assets/library.js bookMenu() */
.bm h2{margin:2px 0 14px;font-size:24px}
.bm .eyebrow{margin:0}
.bm-h{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#7a8698);margin:14px 0 8px}
.bm-status{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bm-status button{display:flex;align-items:center;gap:8px;border:1px solid var(--line,#e6e2d9);background:var(--card,#fff);border-radius:12px;padding:10px 12px;font:600 14px/1.2 inherit;cursor:pointer;text-align:left;color:var(--ink,#14263a)}
.bm-status button:hover{border-color:var(--teal,#0E9A78);background:#f2faf7}
.bm-status button.on{border-color:var(--teal,#0E9A78);background:var(--teal-soft,#e3f4ee)}
.bm-status span{font-size:18px}
.bm-lists{display:flex;flex-direction:column;gap:6px}.bm-lists label{display:flex;gap:8px;align-items:center;font-weight:400;margin:0;cursor:pointer}
.bm-more{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px;border-top:1px solid var(--line-2,#efece5);padding-top:10px}
.bm-more .btn-link{padding-left:0}
.bm-danger{margin-top:6px}.bm-danger .btn-link{color:#b3392b;padding-left:0}
@media (max-width:480px){.bm-status{grid-template-columns:1fr}}
/* Settings: links that used to be in the profile menu */
.settings-links{grid-column:1/-1}
.sl-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.sl-link{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line,#e6e2d9);border-radius:12px;padding:12px 14px;text-decoration:none!important;color:var(--ink,#14263a);background:var(--card,#fff)}
.sl-link:hover{border-color:var(--teal,#0E9A78);background:#f2faf7}
.sl-link span{font-size:20px}.sl-link small{color:var(--muted,#7a8698)}

.club-count{display:block;font-weight:600;color:var(--teal,#0E9A78)!important;margin-bottom:4px}

/* Lists page first-load spinner (assets/app.js refresh) */
.ar-wait{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;text-align:center;color:var(--ink,#14263a)}
.ar-wait small{color:var(--muted,#7a8698)}
.ar-spin{width:42px;height:42px;border-radius:50%;border:5px solid var(--line,#e6e2d9);border-top-color:var(--teal,#0E9A78);animation:ar-spin .9s linear infinite}
@keyframes ar-spin{to{transform:rotate(360deg)}}

/* Owned books (library.js): 📕 badge on the cover + the ⋯ menu checkbox */
.cover-stage{position:relative}.own-badge{position:absolute;top:6px;left:6px;background:var(--card,#fff);border-radius:999px;padding:1px 6px;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:2}.own-badge[hidden]{display:none}
.bm-own{display:flex;gap:8px;align-items:center;margin:12px 0 4px;font-weight:600}.bm-own input{width:18px;height:18px}

/* "About AmongReaders" teaser (landing page + Home sidebar) — a tilted snapshot + a line, links to /About/ */
.landing-about{display:flex;gap:18px;align-items:center;max-width:620px;margin:28px auto 6px;padding:16px 20px;background:var(--card,#fff);border-radius:18px;box-shadow:0 8px 24px rgba(20,38,58,.08);text-decoration:none!important;color:var(--ink,#14263a)!important;transition:transform .2s}
.landing-about:hover{transform:translateY(-2px)}
.landing-about img{width:92px;height:104px;object-fit:cover;background:var(--card,#fff);padding:5px 5px 14px;box-shadow:0 6px 14px rgba(20,38,58,.2);transform:rotate(-4deg);flex:none;border-radius:2px}
.landing-about small{display:block;font:700 11px/1 -apple-system,Arial,sans-serif;letter-spacing:.16em;color:#C9A85C;margin-bottom:6px}
.landing-about b{display:block;font:700 19px/1.3 Georgia,serif}
.landing-about em{display:block;margin-top:6px;color:var(--navy,#0D3A5C);font-style:normal;font-weight:600;font-size:14px}
.landing-about-sm{margin:0;padding:14px}.landing-about-sm img{width:64px;height:74px}.landing-about-sm b{font-size:16px}

/* "Who sees this?" on the post-update comment (Home quick update) */
.qp-aud{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:13px}
.qp-aud span{color:#5d6b7b;font-weight:600;margin-right:2px}
.qp-aud button{border:1px solid #e3dccd;background:var(--card,#fff);border-radius:999px;padding:5px 11px;font-size:13px;cursor:pointer}
.qp-aud button.on{background:var(--navy,#0D3A5C);color:#fff;border-color:var(--navy,#0D3A5C)}

/* "It's not here" deep book finder under search results */
.deep-find{margin-top:26px;padding:18px 20px;border:1px dashed #c9bfa9;border-radius:16px;background:#fffdf8}
.deep-find .df-head{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.deep-find .df-head p{margin:4px 0 0;font-size:14px}
#df-form{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.df-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.df-row .form-control{flex:1;min-width:200px}
#df-results{margin-top:14px}

.gate-in{width:58px;display:inline-block;padding:2px 6px;border:1px solid #d8d2c4;border-radius:8px;font:inherit;text-align:center}

/* ---- Sticky notes (post-its on your books) ---- */
@font-face{font-family:'Caveat';src:url('/assets/fonts/caveat-500.woff2') format('woff2');font-weight:400 700;font-display:swap}
.sticky-yellow{--st:#fff27a;--st-ink:#3d3200}.sticky-pink{--st:#ffc4dd;--st-ink:#4a1730}.sticky-blue{--st:#bfe3ff;--st-ink:#10324d}.sticky-green{--st:#c9f2b5;--st-ink:#1f3d12}
.b-side{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:16px;z-index:2}
.b-tier{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:16px;color:var(--ink,#14263a);text-decoration:none;box-shadow:0 8px 18px rgba(0,0,0,.3);transform:rotate(-3deg)}
.b-tier b{font:700 40px/1 var(--serif)}.b-tier small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;text-align:center;line-height:1.1;padding:0 4px}
.sticky{position:relative;display:flex;flex-direction:column;gap:4px;width:200px;min-height:150px;padding:22px 16px 16px;border:0;border-radius:2px 2px 2px 18px/2px 2px 2px 8px;background:var(--st);color:var(--st-ink);font-family:'Caveat','Bradley Hand','Segoe Print','Comic Sans MS',cursive;font-size:23px;line-height:1.1;text-align:left;cursor:pointer;transform:rotate(2.5deg);box-shadow:0 14px 20px -8px rgba(0,0,0,.45),inset 0 -14px 18px -14px rgba(0,0,0,.18);transition:transform .15s}
.sticky:hover{transform:rotate(0) scale(1.03)}
.sticky::before{content:"";position:absolute;top:-10px;left:50%;width:74px;height:22px;margin-left:-37px;background:rgba(255,255,255,.55);box-shadow:0 1px 2px rgba(0,0,0,.12);transform:rotate(-4deg)}
.sticky-from{font-size:17px;opacity:.75}.sticky-body{word-break:break-word}
.sticky-ghost{--st:rgba(255,255,255,.08);--st-ink:rgba(255,255,255,.85);border:2px dashed rgba(255,255,255,.4);box-shadow:none;min-height:110px;font-size:24px;justify-content:center}
.sticky-ghost::before{display:none}.sticky-ghost small{font-family:inherit;font-size:17px;opacity:.7}
.sticky-ta{font-family:'Caveat','Bradley Hand',cursive!important;font-size:22px!important;line-height:1.2;background:var(--st)!important;color:var(--st-ink)!important;border:0!important;border-radius:4px;padding:12px!important;width:100%;box-sizing:border-box;box-shadow:inset 0 -10px 14px -12px rgba(0,0,0,.2)}
.sticky-colors{display:flex;gap:10px;margin:10px 0 14px}.sticky-colors input{position:absolute;opacity:0}
.sticky-colors span{display:block;width:30px;height:30px;border-radius:6px;background:var(--st);border:2px solid transparent;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sticky-colors input:checked+span{border-color:var(--ink,#14263a);transform:scale(1.1)}
.sticky-colors input:focus-visible+span{outline:2px solid #0e9a8a;outline-offset:2px}
[data-card-book].has-sticky{position:relative}
.mini-sticky{position:absolute;top:96px;left:4px;z-index:3;max-width:118px;padding:7px 8px 6px;border:0;background:var(--st);color:var(--st-ink);font-family:'Caveat','Bradley Hand',cursive;font-size:16px;line-height:1.05;text-align:left;transform:rotate(3deg);box-shadow:0 4px 8px rgba(0,0,0,.25);cursor:pointer}
.mini-sticky b{font-weight:700}
@media (max-width:760px){.b-side{position:static;flex-direction:row;align-items:center;justify-content:center;order:5;gap:14px}.sticky{width:min(260px,70vw);min-height:110px}.b-tier{width:70px;height:70px}}
/* Feed → Posts & videos */
.sf-wrap{max-width:680px}
.sf-compose{background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:16px;padding:14px;margin:0 0 10px}
.sf-compose textarea{width:100%;box-sizing:border-box;border:0;resize:vertical;font:inherit;font-size:15px;outline:0;min-height:70px}
.sf-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0ece3;padding-top:10px;margin-top:6px}
.sf-tags{display:flex;flex-wrap:wrap;gap:6px}.sf-chip{display:inline-flex;gap:6px;align-items:center;background:var(--teal-soft,#e3f4ee);color:#0b5c48;border-radius:999px;padding:4px 6px 4px 12px;font-size:13px;font-weight:600}
.sf-chip button{border:0;background:rgba(0,0,0,.08);border-radius:50%;width:20px;height:20px;cursor:pointer;padding:0;line-height:20px}
.sf-tagger{margin-top:8px}.sf-results{display:grid;gap:4px;margin-top:6px}
.sf-pick{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line,#eee8dc);background:var(--card,#fff);border-radius:10px;padding:6px 8px;cursor:pointer}.sf-pick:hover{background:var(--paper,#f6f4ef)}
.sf-pick .book-cover,.sf-pick img{width:30px!important;height:44px!important;object-fit:cover}.sf-pick small{display:block;color:var(--muted,#7a8698)}
.sf-pref{display:flex;gap:8px;align-items:center;font-size:13px;color:#5b6b7d;margin:0 0 16px}
.sf-post{background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:16px;padding:16px;margin-bottom:12px}
.sf-head{display:flex;gap:10px;align-items:center}.sf-head>div{flex:1;min-width:0}.sf-head small{display:block;color:var(--muted,#7a8698);font-size:12px}.sf-head .reader-avatar{width:38px;height:38px}
.sf-body{margin:10px 0 0;font-size:15px;white-space:pre-wrap}
.sf-yt{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;margin-top:10px}.sf-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sf-books{display:grid;gap:8px;margin-top:12px;border-top:1px solid #f0ece3;padding-top:10px}
.sf-book{display:flex;gap:10px;align-items:center}.sf-book>div{flex:1;min-width:0}.sf-book small{display:block;color:var(--muted,#7a8698);font-size:12px}
.sf-book .book-cover,.sf-book .cover-fallback{width:34px!important;height:50px!important;min-height:0!important;object-fit:cover;border-radius:3px;font-size:0!important;flex:none}
.sf-pick .cover-fallback{width:30px!important;height:44px!important;min-height:0!important;font-size:0!important;flex:none}
.sf-add{width:30px;height:30px;border-radius:50%;border:1px solid #cfe7df;background:var(--card,#fff);color:var(--teal,#0E9A78);font:700 18px/28px system-ui,sans-serif;padding:0;cursor:pointer;flex:none;text-align:center}
.sf-add:hover{background:var(--teal,#0E9A78);color:#fff}.sf-add.on{background:var(--teal,#0E9A78);color:#fff;font-size:14px;cursor:default}
.sf-collapsed .sf-book{display:none}
.sf-more{justify-self:start;border:1px dashed #cfc9bc;background:none;border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer;color:var(--navy,#0D3A5C)}
.sf-flash{animation:sfflash 1.6s ease-out}@keyframes sfflash{0%{box-shadow:0 0 0 4px var(--teal,#0E9A78)}100%{box-shadow:0 0 0 0 transparent}}
.sf-compose textarea:focus,.sf-compose textarea:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.sf-compose:focus-within{border-color:#cfc9bc}
.sf-prog{display:flex;align-items:center;gap:8px;margin-top:4px}.sf-prog em{font-style:normal;font-size:12px;color:#0b7a5f;font-weight:600;white-space:nowrap}
.sf-bar{flex:1;max-width:220px;height:6px;border-radius:99px;background:var(--line,#eceae4);overflow:hidden}.sf-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue,#1D5E96),var(--teal,#0E9A78));border-radius:99px}
.sf-deep{justify-self:start;font-size:13px}
.sf-results{max-height:340px;overflow:auto}
.sf-tagger .form-control:focus{box-shadow:none!important;border-color:#cfc9bc!important;outline:none!important}
.real-name{font-size:12px;color:var(--muted,#7a8698);font-weight:500;margin-left:5px}.u-real{margin:2px 0 6px;font-size:15px;color:var(--muted,#6b7280)}
/* Wooden shelf: 100 books per tall shelf, swipe between shelves */
.sv-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sv-swipe::-webkit-scrollbar{display:none}
.sv-page{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.sv-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 0 10px;color:#f6e3a1;font:700 14px/1.2 Georgia,serif;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.sv-pager button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(246,227,161,.6);background:rgba(0,0,0,.25);color:#f6e3a1;font-size:16px;cursor:pointer}
.sv-pager button:hover{background:rgba(0,0,0,.45)}
.sv-hint{text-align:center;color:#e8d29a;font-size:12px;margin:10px 0 0;opacity:.85}
.sv-mode{display:flex;justify-content:center;gap:4px;padding:10px 0 4px}
.sv-mode button{border:1px solid rgba(246,227,161,.55);background:rgba(0,0,0,.25);color:#f6e3a1;border-radius:999px;padding:5px 12px;font:600 12.5px/1.2 -apple-system,Segoe UI,sans-serif;cursor:pointer}
.sv-mode button.on{background:#f6e3a1;color:#4a3410;border-color:#f6e3a1}
/* Phones: give the books room to breathe */
@media (max-width:600px){
 /* The bookcase runs edge to edge on phones — no white at the sides. */
 .sv-case{--row:150px;--board:14px;width:100vw;margin-left:calc(50% - 50vw);border-radius:0;padding:0 8px 12px;box-sizing:border-box}
 .sv-crown{margin:0 -8px;border-radius:0}
 .sv-shelves{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 6px;column-gap:0}
 .sv-slot{padding:0 7px var(--board)}
 .sv-book{max-width:96px}
}

.lv-swipe{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-right:auto}
.lv-swipe[hidden]{display:none}
/* Lists page on phones: small, tidy pill buttons instead of full-width bars */
@media (max-width:600px){
 #shelf-view .page-heading{margin-bottom:10px!important}
 #shelf-view .page-heading .btn-primary{padding:7px 14px!important;font-size:13px!important}
 #shelf-view .section-bar{justify-content:flex-start!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;margin-bottom:14px!important}
 #shelf-view .section-bar select{flex:0 0 auto!important;width:auto!important;max-width:150px!important;height:30px!important;border-radius:999px!important;font-size:13px!important;padding:4px 10px!important}
 #shelf-view .section-bar .btn-link{flex:none!important;padding:4px 10px!important;font-size:12px!important;line-height:1.3!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--panel)!important;text-decoration:none!important}
 .list-section-heading{gap:8px!important;margin-bottom:12px!important}
 .list-section-heading h2{font-size:22px!important}
 .list-section-tools{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:100%!important}
 .list-section-tools label{width:auto!important;flex:0 1 auto!important}
 .list-section-tools .form-control{width:auto!important;max-width:140px!important;border-radius:999px!important;height:30px!important;font-size:12px!important;padding:2px 8px!important}
 .list-section-tools>.btn,.list-section-tools .btn{width:auto!important;flex:none!important;padding:4px 10px!important;font-size:12px!important;line-height:1.3!important;border-radius:999px!important}
 .list-section-tools .lv-eye{padding:4px 10px 4px 8px!important;font-size:12px!important}.list-section-tools .lv-eye svg{width:15px;height:15px}
}
.sv-empty{pointer-events:none}
/* Feed → For you (activity stream) */
.af-wrap{max-width:720px}
.af-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;flex-wrap:wrap}
.af-list{background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:16px;padding:4px 16px}
.af-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0ece3}
.af-row:last-child{border-bottom:0}
.af-row .reader-avatar{width:36px;height:36px;flex:none}
.af-main{flex:1;min-width:0}.af-main p{margin:0;line-height:1.45}
.af-act{margin-top:6px}.af-add{border:1px solid #cfe7df;background:var(--card,#fff);color:#0b7a5f;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer}.af-add:hover{background:var(--teal,#0E9A78);color:#fff}
.af-mine{font-size:12px;color:#0b7a5f;font-weight:600}
.af-cover{flex:none}.af-cover .book-cover,.af-cover .cover-fallback{width:44px!important;height:66px!important;min-height:0!important;object-fit:cover;border-radius:3px;font-size:0!important}
.af-pill{display:inline-block;font-size:11px;font-weight:700;background:var(--line,#eceae4);color:var(--ink-2,#44546a);border-radius:999px;padding:2px 8px;vertical-align:1px}
.af-theory{background:#efeafb;color:#5b4a99}.af-review{background:#fde8e4;color:#a13d2d}
.af-on{font-size:13px;color:#5b6b7d}.af-body{margin-top:6px!important;font-size:15px;white-space:pre-wrap}
.af-open{display:inline-block;margin-top:6px;font-size:13px}
.af-social{padding:12px 0;border-bottom:1px solid #f0ece3}.af-social .sf-post{border:0;padding:0;margin:0}
/* Feed photos (one per post) + hide/mute menu + feed prefs */
.sf-img{display:block;margin:10px 0 4px;border-radius:12px;overflow:hidden;background:#f2efe8;max-width:560px}
.sf-img img{display:block;width:100%;max-height:520px;object-fit:contain;background:#f2efe8}
.sf-photo{position:relative;display:flex;align-items:flex-end;gap:10px;margin:8px 0}
.sf-photo img{max-width:160px;max-height:160px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.sf-photo button{position:absolute;top:-8px;left:146px;width:26px;height:26px;border-radius:50%;border:0;background:var(--ink,#14263a);color:#fff;cursor:pointer;font-size:16px;line-height:1}
.sf-photo-btn{cursor:pointer;margin:0}
.sf-menu{position:relative;margin-left:auto}.sf-menu summary{list-style:none;cursor:pointer;padding:2px 10px;border-radius:999px;color:#5b6b7d;font-size:18px;line-height:1}.sf-menu summary::-webkit-details-marker{display:none}
.sf-menu>div{position:absolute;right:0;top:100%;z-index:20;background:var(--card,#fff);border:1px solid var(--line,#e6e2d9);border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.12);padding:6px;min-width:220px}
.sf-menu>div button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;font-size:14px;cursor:pointer;color:var(--ink,#14263a)}.sf-menu>div button:hover{background:#f6f3ec}
.sf-prefs{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 16px}.sf-prefs .sf-pref{margin:0}
.sf-muted span{display:inline-flex;align-items:center;gap:2px;background:#f2efe8;border-radius:999px;padding:1px 4px 1px 10px}.sf-muted button{border:0;background:none;cursor:pointer;color:#b3261e;font-size:15px}

/* Friends page: what each friend is reading now — covers with a progress bar (books with progress set only). */
.person-now{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.pn-book{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;text-decoration:none!important;color:inherit}
.pn-book img{width:64px;height:96px;object-fit:cover;border-radius:5px;background:var(--line,#eceae4);box-shadow:0 3px 8px rgba(20,38,58,.18);transition:transform .15s}
.pn-book:hover img{transform:translateY(-2px) rotate(-1deg)}
.pn-bar{display:block;width:100%;height:5px;background:var(--line,#e6e2d9);border-radius:99px;overflow:hidden}.pn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal,#0E9A78),#35c29c);border-radius:99px}
.pn-book small{font-size:11px;color:var(--muted,#6b7280);line-height:1.1;white-space:nowrap}

/* Friends page as cards (like club cards): books they're actually reading fanned on top, square avatar over the edge. */
.fr-card .fr-art{position:relative;height:150px;padding:0 14px;align-items:flex-end;justify-content:center;background:linear-gradient(135deg,var(--navy,#0D3A5C) 0%,var(--blue,#1D5E96) 55%,var(--teal,#0E9A78) 100%)}
.fr-card .fr-art:not(.has-books){height:74px}
.fr-card .fr-art .badge-status{position:absolute;top:12px;right:12px}
.fr-card .club-fan{position:relative;width:150px;height:132px;margin:0 auto -6px;align-self:flex-end}
.fr-card .club-fan a{position:absolute;bottom:0;left:50%;width:68px;transform-origin:50% 100%;display:block}
.fr-card .club-fan img{position:static!important;transform:none!important;left:auto!important;display:block;width:68px!important;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 10px 22px rgba(0,0,0,.4);background:#d9cfbd;transition:transform .15s}
.fr-card .club-fan a:hover img{transform:translateY(-4px)!important}
.fr-card .club-fan-1 a{transform:translateX(-50%) rotate(-4deg)}
.fr-card .club-fan-2 a:nth-child(1){transform:translateX(-82%) rotate(-11deg)}
.fr-card .club-fan-2 a:nth-child(2){transform:translateX(-18%) rotate(9deg)}
.fr-card .club-fan-3 a:nth-child(1){transform:translateX(-100%) rotate(-15deg)}
.fr-card .club-fan-3 a:nth-child(2){transform:translateX(-50%) translateY(-6px);z-index:2}
.fr-card .club-fan-3 a:nth-child(3){transform:translateX(0) rotate(15deg)}
.fr-card .fr-body{position:relative;padding-top:12px;text-align:left}
.fr-card .fr-av{position:absolute;top:-34px;left:17px;line-height:0}
.fr-card h3,.fr-card .fr-real{margin-left:78px!important}
.fr-card .fr-real{margin-top:0;margin-bottom:6px!important;font-size:12px}
.fr-card .fr-now,.fr-card .fr-none{margin-top:14px}
.fr-card .fr-av .reader-avatar{width:62px;height:62px;margin:0;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(20,38,58,.2)}
.fr-card h3{margin:0 0 2px}.fr-card h3 a{color:inherit;text-decoration:none}
.fr-card .fr-real{margin:0 0 8px}
.fr-now{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}
.fr-now a{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:baseline;text-decoration:none!important;color:inherit;font-size:13px}
.fr-now a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.fr-now a b{font-size:11px;color:var(--teal-dk,#0E7C7B);white-space:nowrap}
.fr-now .pn-bar{grid-column:1/-1;display:block;height:5px;background:var(--line,#e6e2d9);border-radius:99px;overflow:hidden}.fr-now .pn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal,#0E9A78),#35c29c);border-radius:99px}
.fr-none{font-size:13px;color:var(--muted,#8a97a6);margin:6px 0 12px}
.fr-card .club-actions{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}

/* Card Update, stacked (Oct 13): ( Page | Chapter | % | Finished ) → number → full-width Save → Comment/Theory → text → Post */
.qp:not([data-state="idle"]){display:flex;flex-direction:column;gap:10px;width:100%}
.qp[data-state="edit"] .qp-choose{display:flex}
.qp:not([data-state="idle"]) .qp-choose{flex-wrap:nowrap}
.qp-pick button{padding:11px 4px;font-size:14px}
.qp-pick button.on{background:var(--navy,#0D3A5C);color:#fff}
.qp-pick .qp-fin{background:#dff4ea;color:#0b7a5f}
.qp[data-state="edit"] .qp-edit{flex-direction:column;align-items:stretch;gap:8px}
.qp-edit label{flex-direction:column;align-items:stretch;gap:4px;white-space:normal}
.qp-edit .qp-pre{font-size:13px;color:#5d6b7b}
.qp-edit .qp-in{display:flex;align-items:center;gap:10px;font-size:15px}
.qp-edit input{flex:1;width:auto;min-width:0;padding:11px 12px;font-size:18px;border-radius:12px}
.qp-go{width:100%;min-height:46px;border-radius:999px;font-size:16px;font-weight:700}
.qp-row{display:contents}
.qp-say .qp-q{order:0}.qp-say .qp-kind{order:1}.qp-say textarea{order:2}.qp-say .qp-go{order:3}.qp-say [data-qp-skip]{order:4}.qp-say .qp-gate{order:5}.qp-say .qp-aud{order:6}
.qp-kind{width:100%;margin-right:0}.qp-kind button{flex:1;padding:9px 8px;font-size:14px}
.qp-say textarea{min-height:84px;font-size:16px}
.qp-say{order:0}

/* SEARCH CARDS (Oct 13): same height, everything on the same line across a row */
.sc-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:stretch;margin-top:8px}
.sc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(20,38,58,.04);transition:box-shadow .15s,transform .15s}
.sc:hover{box-shadow:0 12px 30px -14px rgba(20,38,58,.35);transform:translateY(-1px)}
.sc-cover{position:relative;display:grid;place-items:center;height:236px;padding:18px 0;background:linear-gradient(180deg,#efebe2,#f6f3ec)}
.sc-cover .book-cover,.sc-cover .cover-fallback{height:200px;width:auto;max-width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:5px;box-shadow:0 12px 24px -10px rgba(20,38,58,.55);margin:0}
.sc-status{position:absolute;left:12px;top:12px}.sc-status .gc-chip{box-shadow:0 2px 6px rgba(0,0,0,.12)}
.sc .friend-badges{position:absolute;left:12px;bottom:12px}
.sc-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px;gap:4px}
.sc-title{margin:0;color:var(--ink);font-family:Georgia,serif;font-size:18px;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sc .sc-title a{color:inherit!important;text-decoration:none}.sc-title a:hover{text-decoration:underline}
.sc-by,.sc-facts{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-facts{font-size:12px}
.sc-desc{margin:8px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink);opacity:.85;height:5.8em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sc-desc.sc-none{color:var(--muted);font-style:italic;opacity:1}
.sc-social{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);height:30px;margin:8px 0 10px;overflow:hidden;white-space:nowrap}
.sc-social span{overflow:hidden;text-overflow:ellipsis}
.sc .gc-foot{margin-top:auto}
@media(max-width:560px){.sc-grid{grid-template-columns:1fr;gap:12px}.sc{display:grid;grid-template-columns:104px 1fr}.sc-cover{height:auto;padding:14px 10px;align-items:start}.sc-cover .book-cover,.sc-cover .cover-fallback{height:auto;width:84px}.sc-status{left:6px;top:6px}.sc-body{padding:12px 14px 14px 4px}.sc-title{font-size:16px;min-height:0}.sc-desc{-webkit-line-clamp:3;height:4.35em;margin-top:6px}.sc-social{margin:6px 0 8px}}

/* ★ Half-star display + "Review me" (Rows view, finished books) */
.st5{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:2px;white-space:nowrap}
.st5-bg{color:var(--line,#e2dccf)}.st5-fg{position:absolute;left:0;top:0;overflow:hidden;color:#F59A3C}
.st5-lg{font-size:40px;letter-spacing:4px}
.rc-rated{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--ink-2)!important;font-weight:700;font-size:14px}
.rc-review{display:inline-flex;align-items:center;gap:10px;border:1px dashed var(--coral,#d9774b);background:transparent;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--coral,#c4632f)}
.rc-review b{font:700 12px/1 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase}
.rc-review:hover{background:var(--teal-soft,#fbeee6)}
.rvp{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:6px 0 14px}.rvp-stars{position:relative;display:inline-block}
.rvp-hit{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,1fr)}.rvp-hit button{border:0;background:transparent;cursor:pointer;padding:0}
.rvp-lbl{font-size:13px;color:var(--muted)}
/* Settings tabs (Oct 15) */
.st-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 18px;padding:0 0 10px;border-bottom:1px solid var(--line,#e6e2d9)}
.st-tabs button{border:1px solid var(--line,#e6e2d9);background:var(--card,#fff);border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px;cursor:pointer;color:var(--ink,#14263a)}
.st-tabs button.on{background:var(--navy,#0D3A5C);border-color:var(--navy,#0D3A5C);color:#fff}
/* Phones (Oct 17): all five tabs fit across — icon over the word — instead of Privacy/Alerts hiding off the edge. */
@media(max-width:600px){.st-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.st-tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;font-size:12px;line-height:1.2;border-radius:12px;min-width:0}.st-tabs .st-ic{font-style:normal;font-size:17px}}
.st-tabs .st-ic{font-style:normal}