@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&family=Noto+Naskh+Arabic:wght@400&display=swap");:root{--bg:#faf9f6;--paper:#fff;--ink:#243b33;--muted:#93968e;--green:#285743;--brand-green:#2d5946;--green-light:#edf3ed;--line:#eaece5;--gold:#bf9853;--font:"IBM Plex Sans Arabic","DM Sans",sans-serif;--font-literary:"Noto Naskh Arabic","IBM Plex Sans Arabic",serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:not-allowed}button{border:0;background:none}a{color:inherit;text-decoration:none}input,select,textarea{min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7d9d82;outline-offset:4px}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}button{transition:background .18s,transform .18s,color .18s}.muted{color:#92968d;line-height:1.9}.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:232px;background:#fff;border-inline-end:1px solid var(--line);padding:38px 22px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;margin:0 16px 50px}.brand-icon{width:44px;height:44px;background:var(--green);border-radius:13px;display:grid;place-items:center;color:#fff}.brand>span{font-size:34px;line-height:1.05;font-weight:600;letter-spacing:-1px}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:8px;font-weight:500;letter-spacing:4px;line-height:2.1;text-align:center;color:#8b968b;padding-inline-start:4px}.workspace-label{font-size:10px;color:#a2a79d;margin:0 15px 15px;letter-spacing:.3px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:7px;text-align:start;color:#7b8177;min-height:47px;position:relative}.nav-item:hover{background:#f7f8f4}.nav-item.active{background:#edf2eb;color:#2d5942;font-weight:500}.nav-item small{margin-inline-start:auto;font-size:10px;background:#e5ebdf;border-radius:5px;padding:0 6px;line-height:19px}.nav-item i{height:6px;width:6px;border-radius:50%;background:#52735a;margin-inline-start:auto}.nav-item:has(small) i{display:none}.sidebar-note{margin:64px 9px 20px;padding:24px 15px;border:1px solid #e8ebdf;background:#fbfcf7;border-radius:9px;text-align:center;position:relative}.little-leaf{display:inline-grid;place-items:center;color:#809271;width:33px;height:33px;margin-bottom:9px;transform:rotate(-15deg)}.sidebar-note h4{font-size:14px;font-weight:500;margin-bottom:7px}.sidebar-note p{font-size:11px;line-height:1.9;color:#929a88}.note-line{display:block;width:24px;height:1px;background:#cdd6c2;margin:17px auto 0}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-bottom>button{display:flex;gap:11px;align-items:center;width:100%;padding:10px 12px;color:#858b80;font-size:12px;text-align:start}.sidebar-bottom>button>span{margin-inline-start:auto;font-size:9px;border:1px solid var(--line);padding:1px 5px;border-radius:3px}.sidebar-copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:13px;color:#b0b4a9;text-align:center;font-size:9px}.main-shell{margin-inline-start:232px}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);padding:0 44px;justify-content:space-between;gap:20px}.topbar,.topbar-heading{display:flex;align-items:center}.topbar-heading{gap:15px;font-size:11px;color:#9a9f94}.topbar-heading strong{font-weight:450;color:#555e50}.crumb{color:#c9cec2}.topbar-tools{display:flex;align-items:center;gap:18px}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:0;color:#8e9589}.icon-button:hover{background:#eff2e9;color:var(--green)}.topbar-divider{height:25px;width:1px;background:var(--line)}.avatar{width:37px;height:37px;display:grid;place-items:center;background:#eee9dc;color:#8b795e;border:3px solid #fff;box-shadow:0 0 0 1px #eeeade;border-radius:50%;font-size:18px;font-weight:500}.account-button{display:flex;align-items:center;gap:10px;text-align:start}.account-button>span{font-size:11px;line-height:1.7}.account-button small{display:block;font-size:9px;color:#9a9e94}.account-button>svg{margin-inline-start:8px;color:#989d92}.mobile-menu{display:none}main{padding:35px 44px 0;max-width:1480px;margin:0 auto}.page-heading{justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow,.page-heading{display:flex;align-items:center}.eyebrow{font-size:9px;color:#8b977e;gap:7px;letter-spacing:.3px;margin-bottom:7px}.eyebrow>span{display:block;width:5px;height:5px;border-radius:50%;background:#99aa81}h1{font-size:31px;font-weight:500;letter-spacing:-.8px;line-height:1.6}.heading-dot{color:#b39968;margin-inline-start:3px}.page-heading p{color:#969b8f;font-size:11px;margin-top:4px}.year-select{border:1px solid #e4e7dc;background:#fff;border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:9px;color:#58644f;min-width:110px}.sort-select select,.year-select select{appearance:none;border:0;background:none;outline:0;cursor:pointer;padding:0;font-size:12px;font-family:"DM Sans",var(--font);color:inherit}.year-select select{font-weight:500}.year-select>svg:last-child{margin-inline-start:auto}.hero{background:#eeeee3;border:1px solid #e5e7d9;border-radius:12px;min-height:279px;position:relative;display:flex;overflow:hidden;align-items:center;margin-bottom:23px}.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #e1e4d4;border-radius:50%;inset-inline-end:-110px;top:-85px;pointer-events:none}.hero-content{padding:29px 34px;position:relative;z-index:1;width:58%}.hero-label{color:#7c896e;display:flex;align-items:center;gap:6px;font-size:10px;margin-bottom:9px}.sparkle{font-size:20px;line-height:1}.hero h2{font-weight:500;font-size:31px;line-height:1.65;letter-spacing:-.5px;color:#2e4e3d}.hero p{font-size:10px;color:#8b927e;margin:11px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:11px;min-height:38px;font-weight:500;white-space:nowrap}.primary{background:var(--brand-green);color:#fff;border:1px solid var(--brand-green);box-shadow:0 2px 2px #24463108}.primary:hover:not(:disabled){background:#1f4333;transform:translateY(-1px)}.secondary{background:#fff;border:1px solid #e1e5d9;color:#737e69}.secondary:hover:not(:disabled){background:#f1f4ea}.hero .button{padding:10px 17px}.hero-art{width:42%;height:279px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-art svg{width:100%;max-width:370px;height:auto;z-index:1;position:relative;margin-top:5px}.art-sun{position:absolute;background:#e6dfc3;width:158px;height:158px;border-radius:50%;top:34px;left:calc(50% - 84px)}.art-caption{font-size:8px;color:#8c957f;position:relative;z-index:1;margin-top:-6px;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:17px;margin-bottom:38px}.stat-card{padding:18px 20px;background:#fff;border:1px solid #e7e9df;border-radius:9px;min-height:154px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8876}.stat-icon{height:30px;width:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.green{color:#6c8864;background:#eff4ec}.sand{color:#b29b6f;background:#f7f2e8}.peach{color:#bd8d65;background:#f9efe5}.stat-value{font-family:"DM Sans",var(--font);font-size:33px;font-weight:500;line-height:1.5;margin-top:2px;color:#384c3c;display:flex;gap:9px;align-items:baseline}.stat-value small{font-family:var(--font);font-weight:400;color:#a5aa9b;font-size:10px}.percent{font-size:19px;margin-inline-start:-7px;font-weight:400}.stat-note{color:#a1a792;display:flex;align-items:center;gap:5px;font-size:9px;margin-top:6px}.tiny-dot{height:5px;width:5px;border-radius:50%;background:#9fb884}.thin-track{height:5px;width:100%;background:#f0f1e8;border-radius:10px;overflow:hidden}.thin-track>span{height:100%;background:#7f986c;display:block;border-radius:10px;transition:width .4s}.challenge-stat .thin-track{margin-top:8px}.challenge-stat .stat-note{margin-top:9px}.challenge-stat .stat-value{font-size:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:15px}.section-heading h2,h2{font-size:18px;font-weight:500;letter-spacing:-.25px}.section-heading h2{display:flex;align-items:center;gap:8px}.section-heading p{color:#a1a696;font-size:10px;margin-top:6px}.count-badge{display:inline-grid;place-items:center;min-width:22px;height:21px;border-radius:5px;font-family:DM Sans,sans-serif;font-size:10px;background:#eff1e7;color:#7a8b6b;font-weight:400}.section-actions{display:flex;align-items:center;gap:9px}.books-toolbar{gap:15px;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.books-toolbar,.search-field{display:flex;align-items:center}.search-field{gap:9px;border:1px solid #e6e9de;background:#fff;min-height:37px;padding:0 11px;border-radius:6px;min-width:230px;color:#a6ad9a}.search-field input{background:transparent;border:0;outline:0;width:100%;font-size:10px;padding:9px 0;color:#3c513e}.search-field input::placeholder{color:#a9af9f}.search-field:focus-within{border-color:#94ac81}.toolbar-controls{gap:15px}.sort-select,.toolbar-controls{display:flex;align-items:center}.sort-select{gap:8px;font-size:10px;color:#7c8771}.sort-select select{font:inherit;max-width:130px}.view-switch{display:flex;gap:2px;padding:3px;border:1px solid #e6e8dd;background:#fff;border-radius:6px}.view-switch button{width:28px;height:26px;display:grid;place-items:center;color:#b0b5a7;border-radius:4px}.view-switch button.selected{background:#ecf1e7;color:#536e47}.filter-chips{display:flex;gap:8px;margin:19px 0 24px;overflow-x:auto;padding-bottom:2px}.filter-chips>button{font-size:10px;color:#99a08e;border-radius:20px;padding:6px 13px;white-space:nowrap;background:#f2f3ed;border:1px solid transparent;display:flex;gap:6px;align-items:center}.filter-chips>button.selected{background:#eaf0e4;color:#4a683c;border-color:#dde7d3}.filter-chips span{font-family:DM Sans,sans-serif;opacity:.65;font-size:9px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 21px}.book-card{min-width:0}.cover-button{position:relative;border:1px solid #e9e9df;width:100%;height:230px;background:#eeede6;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 24px;transition:background .2s}.book-card:nth-child(4n+2) .cover-button{background:#eeece6}.book-card:nth-child(4n+3) .cover-button{background:#eceeeb}.book-card:nth-child(4n+4) .cover-button{background:#efede7}.book-cover{height:190px;width:128px;flex-shrink:0;position:relative;background:#b18b3f;overflow:hidden;text-align:center;box-shadow:-4px 7px 10px #26362a26,1px 1px 2px #26362a20;display:flex;flex-direction:column;padding:12px 10px 10px;color:#f7eed3;border-radius:1px 3px 3px 1px;transition:transform .3s;isolation:isolate}.book-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-button:hover .book-cover{transform:translateY(-4px) rotate(-2deg)}.cover-binding{position:absolute;inset-block:0;right:5px;width:3px;background:linear-gradient(90deg,#0000,#0002,#fff2);z-index:2}.cover-author{font-size:7px;letter-spacing:.1px;margin-top:3px;font-weight:500;position:relative;z-index:1}.cover-ornament{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;position:relative;z-index:1}.cover-ornament span{width:18px;height:1px;background:currentColor;opacity:.5}.cover-ornament i{width:3px;height:3px;transform:rotate(45deg);background:currentColor}.cover-title{font-size:24px;font-weight:600;line-height:1.5;margin-top:7px;position:relative;z-index:1}.cover-art{position:relative;flex:1 1;min-height:20px;margin-top:4px}.cover-art:before{content:"";position:absolute;width:50px;height:50px;left:calc(50% - 25px);top:1px;border:1px solid;border-radius:50%;opacity:.7}.cover-art:after{content:"";position:absolute;left:calc(50% - 18px);top:10px;width:36px;height:36px;transform:rotate(45deg);border:1px solid;opacity:.55}.cover-footer{font-size:6px;line-height:1.9;position:relative;z-index:1;margin-top:5px}.cover-footer span{display:block;font-size:4px;opacity:.7;letter-spacing:1px}.cover-0{background:#c78f37;background-image:radial-gradient(ellipse at bottom,#d7af5a 0,transparent 55%);color:#392918}.cover-0 .cover-title{font-size:27px;margin-top:9px}.cover-0 .cover-art:before{width:100px;left:calc(50% - 50px);height:100px;top:6px;border-color:#624320;opacity:.25}.cover-0 .cover-art:after{background:#493a1b;opacity:.7;width:31px;height:21px;border:0;clip-path:polygon(50% 0,100% 100%,0 100%);transform:none;top:26px;left:45px}.cover-1{background:#eeeadc;color:#37372d}.cover-1:before{content:"";position:absolute;width:260px;height:160px;left:-30px;top:60px;background-image:radial-gradient(#b39f6a 1px,transparent 1.6px);background-size:5px 5px;opacity:.5;transform:rotate(-12deg)}.cover-1 .cover-title{font-size:25px;margin-top:14px;line-height:1.3}.cover-1 .cover-art:after,.cover-1 .cover-art:before{display:none}.cover-1 .cover-author{order:2;margin-bottom:6px;font-size:7px}.cover-2{background:#142d3e;color:#f0e5c3}.cover-2:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#d1d0ab 1px,transparent 0);background-size:19px 31px;opacity:.3}.cover-2 .cover-title{font-size:22px;line-height:1.4;margin:10px 0}.cover-2 .cover-art:before{height:52px;width:67px;left:calc(50% - 34px);border:1px solid #5d8e89;border-radius:0;transform:perspective(100px) rotateY(-15deg);background:repeating-linear-gradient(90deg,transparent 0 8px,#5d8e8980 9px 10px)}.cover-2 .cover-art:after{display:none}.cover-3{background:#f0eadd;color:#365d52}.cover-3:after{content:"";width:160px;height:160px;border:1px solid #b4bb9f;position:absolute;border-radius:50%;left:-15px;top:67px;box-shadow:0 0 0 7px #f0eadd,0 0 0 8px #b4bb9f50,0 0 0 13px #f0eadd,0 0 0 14px #b4bb9f30}.cover-3 .cover-title{font-size:27px;margin-top:15px;line-height:1.5}.cover-3 .cover-art:after{display:none}.cover-3 .cover-art:before{border:0;width:35px;height:44px;border-radius:50% 0 50% 0;background:#71866e;opacity:.3;transform:rotate(-35deg);top:12px;left:30px}.cover-4{background:#d65c30;color:#252923}.cover-4 .cover-title{font-size:27px;line-height:1.3;margin-top:14px}.cover-4 .cover-art:after{border:none;background:#f4dba8;width:42px;height:42px;transform:rotate(-15deg);top:5px;left:30px;opacity:.85;border-radius:50% 45% 3px 50%}.cover-4 .cover-art:before{border:0;top:5px}.cover-5{background:#dfca9d;color:#494133;background-image:linear-gradient(170deg,transparent 60%,#9d693e40 0,#9d693e40 65%,transparent 0,transparent 67%,#9d693e60 0,#9d693e60 74%,transparent 0)}.cover-5 .cover-title{font-size:24px}.cover-5 .cover-art:before{background:#a96a3b;border:0;width:28px;height:28px;left:35px;opacity:.7}.cover-5 .cover-art:after{border:none;background:#5c4c35;opacity:.45;width:5px;height:40px;top:20px;left:39px;transform:rotate(9deg);border-radius:5px}.cover-6{background:#e9e6da;color:#39504c}.cover-6 .cover-title{font-size:39px;line-height:1.7;margin-top:13px;letter-spacing:1px;font-weight:400}.cover-6 .cover-art:before{width:70px;height:70px;border:1px solid #c2c3ad;top:-12px;left:calc(50% - 35px);box-shadow:0 0 0 4px #e9e6da,0 0 0 5px #c2c3ad}.cover-6 .cover-art:after{display:none}.cover-7{background:#5c7062;color:#f0e5bd}.cover-7 .cover-title{font-size:21px;line-height:1.55;margin-top:8px}.cover-7 .cover-art:before{width:110px;height:40px;left:-3px;top:15px;border:0;border-radius:70% 20% 0 0;background:#d8c49f;opacity:.6;transform:rotate(-12deg)}.cover-7 .cover-art:after{border:0;width:90px;height:25px;left:-8px;top:30px;transform:rotate(10deg);background:#334e4a;border-radius:60% 30% 0 0}.read-badge{top:9px;inset-inline-start:9px;gap:3px;color:#658151;border:1px solid #dfe6d6;background:#f6f9f0ef;border-radius:4px;padding:2px 5px;font-size:7px}.cover-hover,.read-badge{position:absolute;display:flex;align-items:center}.cover-hover{inset-inline:0;bottom:0;background:#244f40ec;color:white;font-size:10px;padding:9px;justify-content:center;gap:8px;transform:translateY(100%);transition:transform .2s}.cover-button:focus-visible .cover-hover,.cover-button:hover .cover-hover{transform:translateY(0)}.book-card-info{padding:11px 1px 0}.book-card-heading{display:flex;align-items:center;justify-content:space-between;gap:3px;min-width:0}.book-card-heading>button:first-child{padding:0;text-align:start;min-width:0}.book-card h3{font-size:12px;font-weight:500;color:#46513d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.9}.book-more{width:20px;height:20px;color:#9ba28d;flex-shrink:0}.book-card-info>p{font-size:9px;color:#a0a692;margin-top:2px}.book-meta{display:flex;justify-content:space-between;gap:5px;margin-top:10px}.book-meta,.stars{align-items:center}.stars{display:inline-flex;gap:2px;color:#c4a267;direction:ltr}.empty-star{color:#dfdfd0}.book-meta>span:last-child:not(.stars){color:#9ca48e;font-size:8px;padding:2px 6px;border-radius:3px}.add-book-card{min-height:230px;align-self:start;border:1px dashed #d9dfce;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a6b095;background:#f9faf5}.add-book-card>span{width:47px;height:47px;background:#eff3e7;border:1px solid #e4ebd9;border-radius:50%;display:grid;place-items:center;color:#8fa479;margin-bottom:12px}.add-book-card h3{font-size:12px;font-weight:400;color:#929f7f}.add-book-card p{font-size:9px;color:#b1baa3;margin-top:7px}.add-book-card:hover{background:#f0f4e9;border-color:#9cb185}.list-view{grid-template-columns:1fr 1fr;gap:14px}.list-view .book-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:11px}.list-view .cover-button{width:86px;height:120px;padding:8px;flex-shrink:0}.list-view .book-cover{width:68px;height:101px;padding:5px}.list-view .cover-title{font-size:14px;line-height:1.3}.list-view .cover-author{font-size:5px}.list-view .cover-footer{font-size:4px}.list-view .cover-ornament{margin-top:2px}.list-view .cover-art{transform:scale(.55);transform-origin:top center}.list-view .book-card-info{flex:1 1;padding-top:10px;min-width:0}.list-view .read-badge{display:none}.list-view .book-meta{margin-top:20px;flex-wrap:wrap;gap:10px}.list-view .add-book-card{min-height:144px;flex-direction:row;gap:12px}.list-view .add-book-card>span{margin:0;width:35px;height:35px}.list-view .add-book-card p{display:none}.community-banner{border:1px solid #e9eade;background:#f3f4ec;border-radius:8px;display:flex;align-items:center;gap:15px;padding:21px 23px;margin-top:35px}.community-icon{width:45px;height:45px;background:#e8eddf;border-radius:50%;display:grid;place-items:center;color:#819572}.community-banner h3{font-size:13px;font-weight:500;color:#637552}.community-banner p{font-size:10px;color:#9ca58f;margin-top:5px}.text-link{padding:0;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#5b7850;font-weight:500}.text-link:hover{color:#2d593b}.community-banner>.text-link{margin-inline-start:auto;white-space:nowrap}.page-footer{border-top:1px solid var(--line);margin-top:34px;justify-content:space-between;gap:16px;padding:23px 0 26px;font-size:8px;color:#a6ae9b}.footer-brand,.page-footer{display:flex;align-items:center}.footer-brand{gap:7px}.footer-brand>span{margin-inline:5px}.empty-state{text-align:center;padding:45px 20px;color:#93a183;grid-column:1/-1;width:100%}.empty-state>svg{width:30px;height:30px;margin-bottom:12px}.empty-state h3{font-weight:500;margin-bottom:8px}.empty-state p{font-size:12px;line-height:1.8;margin-bottom:12px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.community-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:10px}.community-user{display:flex;gap:9px;align-items:center;margin-bottom:23px}.community-user h3{font-size:12px;font-weight:500}.community-user span{font-size:9px;color:#9da38f}.community-user>.icon-button{margin-inline-start:auto}.avatar-1{background:#dce5dc;color:#56735a}.avatar-2{background:#e9deda;color:#9b7a70}.mini-shelf{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0 20px;width:100%}.small-cover{width:52px;height:79px;padding:5px 4px;box-shadow:-2px 3px 5px #26362a22}.small-cover .cover-author{font-size:3px;margin-top:1px}.small-cover .cover-title{font-size:10px;line-height:1.4;margin-top:5px}.small-cover .cover-ornament{margin-top:2px;gap:2px}.small-cover .cover-ornament span{width:8px}.small-cover .cover-ornament i{width:2px;height:2px}.small-cover .cover-art{transform:scale(.4);transform-origin:top center;min-height:15px;margin-top:1px}.small-cover .cover-footer{font-size:3px;margin-top:0}.small-cover .cover-footer span{font-size:2px;letter-spacing:0}.small-cover .cover-binding{right:2px;width:1px}.community-progress{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#99a28d;margin-bottom:8px}.community-actions{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:19px}.community-actions>button{display:flex;align-items:center;gap:6px;font-size:10px;color:#98a18c}.community-actions>button.liked{color:#ba7e6d}.community-actions>.text-link{margin-inline-start:auto;color:#647d54;font-size:9px}.tag{display:inline-flex;border-radius:4px;font-size:9px;background:#edf2e7;color:#7e926b;padding:4px 9px;white-space:nowrap}.insights-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.insight-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:10px;overflow:hidden}.insight-card h2{font-size:16px;margin-bottom:8px}.insight-card>.muted{font-size:10px}.bar-chart{height:190px;display:flex;gap:9px;align-items:flex-end;margin-top:25px}.chart-column{flex:1 1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-end;min-width:0;height:100%}.chart-column b{font-family:DM Sans,sans-serif;color:#8a9a79;font-weight:400;font-size:10px}.bar{background:#a9bb92;width:100%;max-width:20px;max-height:130px;border-radius:4px 4px 0 0;min-height:3px}.chart-column>span{font-size:7px;color:#9ea58f;height:14px;white-space:nowrap}.genre-breakdown{display:grid;gap:22px;padding-top:28px}.genre-breakdown>div{display:flex;align-items:center;gap:12px;font-size:10px;color:#839373}.genre-breakdown>div>span{min-width:75px}.genre-breakdown b{font-family:DM Sans;font-size:11px;font-weight:400}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#1c2e2460;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{background:#fffefa;border:1px solid #e3e7d9;border-radius:16px;padding:32px;position:relative;max-width:440px;width:100%;max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #1c2e2430;outline:0}.modal.wide{max-width:610px}@media (min-width:768px){.modal:has(>.book-detail){max-width:800px}}.modal>h2{font-size:22px;padding-inline-end:25px}.close-modal{position:absolute;inset-inline-end:19px;top:20px}.modal-subtitle{font-size:11px;margin:7px 0 22px}.form-stack{display:grid;gap:18px}.form-stack label{display:grid;gap:7px;color:#627451;font-size:11px}.comment-form input,.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea{width:100%;border:1px solid #dee5d4;border-radius:6px;background:#fff;padding:11px;color:#35472e;font-size:12px}.form-stack input[type=number]{font-family:"DM Sans",var(--font)}.form-stack small{font-size:9px;font-weight:400;color:#9ba68d;line-height:1.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{width:100%}.checkbox-label{display:flex!important;align-items:flex-start;gap:10px!important;padding:15px;background:#f3f5ed;border-radius:7px;cursor:pointer}.checkbox-label input{accent-color:#3d694a;flex-shrink:0;margin-top:3px}.checkbox-label small{display:block;margin-top:5px}.goal-emblem{display:flex;gap:15px;align-items:center;justify-content:center;color:#809867;padding:10px}.goal-emblem span{font:500 34px DM Sans,sans-serif;color:#3a5b3d}.oauth{background:#fff;border:1px solid #dfe5d5;color:#43593a;font-size:12px;min-height:46px}.oauth:hover:not(:disabled){background:#f0f4e8}.google-g{font:700 20px DM Sans;color:#4285f4}.info-box{display:flex;gap:10px;align-items:flex-start;background:#f0f3e9;color:#879777;border-radius:7px;padding:14px;font-size:10px;line-height:1.9}.info-box svg{margin-top:2px}.info-box.compact{padding:10px;font-size:9px}.centered{justify-content:center}.fine-print{text-align:center;font-size:9px;color:#b0b7a5;line-height:1.9}.modal-tabs{display:flex;border-bottom:1px solid var(--line);margin:22px 0 18px;gap:10px;flex-wrap:wrap}.modal-tabs>button{display:flex;gap:5px;align-items:center;padding:10px 4px;color:#a2aa96;font-size:10px;border-bottom:2px solid transparent}.modal-tabs>button.selected{color:#426c3f;border-color:#5f7f4c}.modal-tabs>button:last-child{margin-inline-start:auto}.modal-search{width:100%}.modal-search input{font-size:12px}.source-note{color:#a2aa95;font-size:9px;margin:11px 0;line-height:1.8}.search-results{max-height:370px;overflow:auto}.search-result{display:flex;align-items:center;gap:14px;text-align:start;padding:12px 6px;border-bottom:1px solid var(--line);width:100%;border-radius:5px}.search-result:hover{background:#f2f5ec}.search-result>.small-cover{width:39px;height:59px}.search-result>.small-cover .cover-title{font-size:8px}.search-result>span{display:flex;flex-direction:column;gap:6px}.search-result strong{font-size:12px;font-weight:500}.search-result small{font-size:10px;color:#9ba68d}.search-result>svg{margin-inline-start:auto;color:#8ba476}.chosen-book{display:flex;gap:17px;align-items:center;padding:15px;background:#f2f4eb;border-radius:8px}.chosen-book h3{font-size:16px;font-weight:500;margin-bottom:7px}.chosen-book p{font-size:10px;margin-bottom:7px}.book-detail{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:6px}.book-detail>.book-cover{height:220px;width:150px}.book-detail .cover-title{font-size:29px}.book-detail>p{font-size:12px;color:#839273;line-height:2.2;text-align:center}.book-detail>.muted{font-size:10px}.detail-tags{display:flex;gap:8px}.danger{background:#fbf0eb;border:1px solid #efdbd2;color:#ad7863}.danger:hover{background:#f5e4dc}.modal-actions{display:flex;gap:12px;margin-top:25px}.file-input{border:1px dashed #c7d3b7;padding:20px;background:#f4f6ee;border-radius:8px}.file-input input{font-size:10px!important}.form-error{color:#b87359;font-size:11px;line-height:1.9}.import-summary{font-size:12px;color:#5a7d47;background:#eef4e8;padding:15px;border-radius:8px;line-height:1.9}.share-preview{text-align:center;border:1px solid #e0e7d5;border-radius:10px;background:#f1f4ea;padding:25px;margin-bottom:20px;color:#517444}.share-preview>span{display:block;font-size:12px;margin-top:10px}.share-preview h3{font-size:20px;font-weight:500;margin-top:10px}.share-preview>p{font-size:10px;margin:12px 0;color:#95a382}.share-preview .mini-shelf{padding-bottom:5px}.social-books{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:15px 0}.social-books>div{display:flex;gap:12px;align-items:center}.social-books h3{font-size:12px;font-weight:500}.social-books p{font-size:9px;color:#95a084;margin:6px 0}.social-actions{padding:17px 0;margin:10px 0 20px;border-bottom:1px solid var(--line)}.social-actions>span{font-size:9px;color:#a0aa90;margin-inline-start:auto}.discussion{margin-top:28px}.discussion-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.discussion-heading h3{margin:0;font-size:20px;color:var(--ink)}.discussion-heading p{margin:6px 0 0;color:#67756b;font-size:13px}.comments{display:grid;margin-top:24px}.comment-card{display:flex;align-items:flex-start;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.discussion .user-avatar{width:42px;height:42px;border-radius:50%;font-size:16px;background:var(--green-light);color:var(--green)}.comment-avatar-link{flex-shrink:0;border-radius:50%}.comment-content{flex:1 1;min-width:0}.comment-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}.comment-author{color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;overflow-wrap:anywhere}a.comment-author:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.comment-meta time{color:#67756b;font-size:11px}.comment-content p{margin:8px 0 0;color:#46594e;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.comment-form{display:flex;align-items:flex-start;gap:14px;padding:20px;background:#f4f7f2;border:1px solid #e1e8dd;border-radius:16px}.comment-compose{flex:1 1;min-width:0}.comment-compose label{display:block;margin-bottom:10px;color:var(--ink);font-size:13px;font-weight:600}.comment-compose textarea{display:block;width:100%;min-height:90px;resize:vertical;padding:12px 14px;border:1px solid #dce4d8;border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;line-height:1.8}.comment-compose textarea:focus-visible,.discussion a:focus-visible{outline:2px solid var(--green);outline-offset:3px}.comment-compose-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}.comment-compose-footer>span{color:#67756b;font-size:11px}.comments-empty{display:grid;justify-items:center;gap:10px;padding:32px 16px;text-align:center;color:#67756b;border:1px dashed #dce4d8;border-radius:14px}.comments-empty strong{color:var(--ink);font-size:14px}.comments-empty p{margin:0;font-size:13px}@media (max-width:560px){.comment-form{padding:14px;gap:10px}.comment-form>.user-avatar{display:none}.comment-card{gap:10px}.comment-meta{align-items:flex-start;flex-direction:column}.comment-compose-footer>span{flex-basis:100%}.comment-compose-footer .button{margin-inline-start:auto}}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;background:#2c503d;color:#f4f7ec;padding:13px 18px;box-shadow:0 5px 30px #293b3029;border:1px solid #708c61;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100vw - 30px);animation:appear .2s ease-out}.toast>.icon-button{color:#b1c2a3;width:20px;height:20px}.loading-indicator{position:fixed;bottom:20px;inset-inline-end:20px;background:#fff;border:1px solid var(--line);padding:10px 14px;z-index:50;display:flex;gap:8px;align-items:center;border-radius:8px;font-size:11px;color:#8ba175}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes appear{0%{opacity:0;bottom:18px}to{opacity:1;bottom:26px}}html[dir=ltr]{--font:"DM Sans","IBM Plex Sans Arabic",sans-serif}html[dir=ltr] .brand>span{font-family:IBM Plex Sans Arabic,sans-serif}html[dir=ltr] .hero h2{font-size:32px;line-height:1.4}html[dir=ltr] .hero p{line-height:1.8;max-width:300px}html[dir=ltr] .cover-author,html[dir=ltr] .cover-footer,html[dir=ltr] .cover-title{font-family:IBM Plex Sans Arabic,sans-serif;direction:rtl}html[dir=ltr] .community-banner h3{font-size:12px}html[dir=ltr] .book-card h3{font-size:11px}@media (min-width:1550px){.book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cover-button{height:250px}.book-cover{height:210px;width:141px}.add-book-card{min-height:250px}.list-view{grid-template-columns:repeat(2,minmax(0,1fr))}.list-view .add-book-card{min-height:144px}main{padding-top:40px}.hero{min-height:300px}.hero-art{height:300px}.hero-art svg{max-width:395px}.hero-content{padding-inline:40px}.hero h2{font-size:36px}}@media (max-width:1200px){.sidebar{width:206px;padding-inline:17px}.main-shell{margin-inline-start:206px}.topbar,main{padding-inline:30px}.book-grid{gap:23px 15px}.cover-button{height:207px;padding:17px}.book-cover{height:169px;width:114px}.cover-title{font-size:22px}.cover-6 .cover-title{font-size:35px}.cover-0 .cover-title{font-size:24px}.cover-1 .cover-title,.cover-3 .cover-title,.cover-4 .cover-title{font-size:23px}.cover-2 .cover-title,.cover-7 .cover-title{font-size:19px}.cover-art:before{transform:scale(.8)}.add-book-card{min-height:207px}.community-grid{grid-template-columns:repeat(2,1fr)}.mini-shelf .small-cover{height:85px;width:56px}.hero h2{font-size:28px}.hero-content{padding-inline:25px;width:57%}.hero-art{width:43%}.community-banner{padding:18px}.community-banner p{font-size:9px}.stats-grid{gap:12px}.stat-card{padding:17px}.stat-value small{font-size:9px}.small-cover{width:52px;height:79px}.small-cover .cover-title{font-size:10px}.small-cover .cover-author{font-size:3px}.list-view{grid-template-columns:1fr 1fr}}@media (max-width:1000px){.sidebar{width:190px;padding-inline:12px}.main-shell{margin-inline-start:190px}.topbar,main{padding-inline:25px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 17px}.cover-button{height:225px}.book-cover{height:185px;width:124px}.cover-title{font-size:24px}.cover-0 .cover-title,.cover-1 .cover-title,.cover-3 .cover-title,.cover-4 .cover-title{font-size:26px}.cover-6 .cover-title{font-size:39px}.add-book-card{min-height:225px}.topbar-heading{font-size:10px;gap:9px}.stats-grid{grid-template-columns:1fr 1fr 1.2fr;gap:10px}.stat-card{padding:14px}.stat-value{font-size:30px}.challenge-stat .stat-value small,.stat-note{font-size:8px}.hero h2{font-size:26px}.hero-content{padding:25px 23px;width:59%}.hero-art{width:41%}.hero-label{font-size:8px}.hero p{font-size:9px;max-width:230px;line-height:2}.hero-art svg{width:130%;max-width:none;margin-inline-start:5px}.hero{min-height:265px}.hero-art{height:265px}.art-sun{width:140px;height:140px;top:51px;left:calc(50% - 70px)}.art-caption{font-size:7px;margin-top:15px}.community-banner .community-icon{display:none}.community-banner h3{font-size:12px}.community-banner>.text-link{font-size:9px}.sidebar-note{margin-top:40px}.brand{margin-inline:10px}.nav-item{font-size:11px;gap:9px}.insights-grid,.list-view{grid-template-columns:1fr}.small-cover{height:79px;width:52px}.small-cover .cover-title{font-size:10px}}@media (max-width:760px){.sidebar{width:240px;transform:translateX(100%);transition:transform .2s;box-shadow:-10px 0 60px #2e432a15}html[dir=ltr] .sidebar{transform:translateX(-100%)}.sidebar.sidebar-open,html[dir=ltr] .sidebar.sidebar-open{transform:translateX(0)}.sidebar-open:after{content:"";position:fixed;inset-block:0;inset-inline-start:240px;width:calc(100vw - 240px);background:#1b2d2433;z-index:-1;pointer-events:none}.main-shell{margin-inline-start:0}.mobile-menu{display:inline-flex}.topbar{height:72px;padding-inline:22px}.topbar-heading>.crumb,.topbar-heading>span:first-of-type{display:none}.topbar-tools{gap:12px}.account-button>svg,.topbar-divider{display:none}.account-button>span{font-size:10px}.account-button small{font-size:8px}.avatar{width:33px;height:33px;font-size:16px}.topbar-heading{gap:9px}.topbar-heading strong{font-size:11px}main{padding:26px 22px 0}.page-heading{margin-bottom:22px}h1{font-size:28px}.page-heading p{font-size:10px;line-height:1.9;max-width:275px}.eyebrow{font-size:8px}.year-select{min-width:96px;padding:9px;gap:7px}.hero{min-height:255px}.hero h2{font-size:29px}.hero-art{height:255px}.hero-content{width:61%;padding:25px}.hero-art{width:39%;padding-inline-end:6px}.hero-art svg{width:140%;margin-inline-start:-15px}.art-caption{display:none}.hero h2{line-height:1.65}.hero p{max-width:260px;font-size:9px}.hero-label{font-size:8px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-note{line-height:1.7}.challenge-stat .stat-value small,.stat-note,.stat-value small{font-size:8px}.section-heading h2{font-size:17px}.section-heading p{font-size:9px}.button{font-size:10px;padding:9px 12px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 15px}.cover-button{height:225px}.book-cover{height:185px;width:124px}.add-book-card{min-height:225px}.cover-0 .cover-title,.cover-1 .cover-title,.cover-3 .cover-title,.cover-4 .cover-title{font-size:25px}.small-cover{height:79px;width:52px}.small-cover .cover-title{font-size:10px}.community-banner{gap:10px;padding:17px}.community-banner p{font-size:9px;max-width:290px;line-height:1.9}.community-banner>.text-link{font-size:9px}.list-view{grid-template-columns:1fr 1fr}.list-view .book-meta{gap:7px}.list-view .cover-button{width:70px;height:105px}.list-view .book-cover{width:56px;height:87px}.list-view .cover-title{font-size:11px}.list-view .book-card{gap:10px}.list-view .book-card-info{padding-top:5px}.list-view .book-card h3{font-size:11px}.list-view .book-card-info>p{font-size:8px}.list-view .book-meta{margin-top:12px}.list-view .stars svg{width:9px}.list-view .add-book-card{min-height:129px}.modal{max-height:90dvh}.book-detail>.book-cover .cover-title{font-size:29px}}@media (max-width:540px){.topbar,main{padding-inline:18px}.lang-button{display:none}.page-heading{gap:12px;align-items:center}h1{font-size:26px}.page-heading p{max-width:240px;font-size:9px}.year-select{min-width:82px;padding:8px}.year-select select{font-size:11px}.year-select svg{width:14px}.hero{min-height:258px;margin-bottom:16px}.hero-content{padding:23px 20px;width:67%}.hero-label{font-size:7px;gap:4px;white-space:nowrap}.hero h2{font-size:25px;line-height:1.7}.hero p{font-size:9px;line-height:1.9;margin-top:8px;max-width:205px}.hero-art{width:33%;height:258px;align-self:flex-end}.hero-art svg{width:230%;margin-inline-start:-9px;margin-top:70px}.art-sun{width:115px;height:115px;top:85px;left:-28px}.hero:after{width:300px;height:300px;top:20px;inset-inline-end:-160px}.hero .button{font-size:9px;padding:8px 10px;min-height:34px}.hero .button>svg{width:15px}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:27px}.stat-card{padding:15px;min-height:133px}.challenge-stat{grid-column:1/-1;min-height:114px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px}.challenge-stat .stat-top{grid-column:1/-1}.challenge-stat .stat-value{grid-row:2/4;grid-column:1;gap:9px;font-size:30px}.challenge-stat .thin-track{grid-column:2;grid-row:2;height:5px;margin-top:10px}.challenge-stat .stat-note{grid-column:2;grid-row:3;margin-top:0;font-size:8px}.challenge-stat .stat-value small{max-width:85px;font-size:8px;line-height:1.7}.stat-value{font-size:30px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.stat-icon svg{width:16px}.section-heading{margin-bottom:17px;align-items:center}.section-heading h2{font-size:16px;gap:5px}.section-heading p{font-size:8px;max-width:190px;line-height:1.8}.section-actions{gap:6px}.share-button{font-size:0;padding:9px;gap:0;min-width:34px}.share-button svg{width:15px}.section-actions .primary{font-size:9px;padding:8px 9px;gap:5px;min-height:34px}.books-toolbar{padding-top:16px;gap:10px}.search-field{min-width:0;width:100%;flex:1 1;min-height:35px}.search-field input{font-size:9px}.toolbar-controls{gap:9px}.sort-select{gap:4px;font-size:9px}.sort-select>svg:first-child{display:none}.sort-select select{max-width:93px}.view-switch{gap:1px;padding:2px}.view-switch button{width:24px;height:25px}.view-switch svg{width:15px}.filter-chips{gap:6px;margin:16px 0 20px}.filter-chips>button{padding:5px 11px;font-size:9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.cover-button{height:225px;padding:20px 17px}.book-cover{height:183px;width:123px}.add-book-card{min-height:225px}.book-card h3{font-size:12px}.book-card-info>p{font-size:9px}.book-meta{margin-top:8px}.community-banner{margin-top:29px;flex-wrap:wrap;padding:17px 18px;gap:13px}.community-banner h3{font-size:12px}.community-banner p{font-size:9px;max-width:none}.community-banner>.text-link{margin-inline-start:0;font-size:10px}.page-footer{flex-direction:column;gap:12px;font-size:8px;margin-top:26px;padding-top:21px}.community-grid{grid-template-columns:1fr;gap:17px}.community-card{padding:23px}.community-card .mini-shelf{gap:12px}.community-card .mini-shelf .small-cover{width:61px;height:93px}.community-card .mini-shelf .cover-title{font-size:12px}.list-view{grid-template-columns:1fr}.list-view .cover-button{width:80px;height:115px}.list-view .book-cover{width:64px;height:97px}.list-view .book-card h3,.list-view .cover-title{font-size:12px}.list-view .book-card-info>p{font-size:10px}.list-view .book-meta{margin-top:19px}.list-view .add-book-card{min-height:140px}.modal-backdrop{padding:14px;align-items:center}.modal{padding:26px 21px;border-radius:12px;max-height:92dvh}.modal>h2{font-size:21px;line-height:1.6}.modal-subtitle{font-size:10px;margin-bottom:18px}.form-row{gap:12px}.form-stack label{font-size:10px}.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea{font-size:13px;padding:10px}.modal-tabs{gap:8px}.modal-tabs>button{font-size:9px;gap:4px;padding-inline:2px}.modal-tabs svg{width:14px}.modal-tabs>button:last-child{margin-inline-start:0}.social-books{gap:17px 12px}.social-books>div{gap:8px}.social-books h3{font-size:10px}.social-books p{font-size:8px}.social-books .small-cover{width:44px;height:67px}.social-books .cover-title{font-size:8px}.social-books .stars svg{width:9px}.social-actions>span{font-size:8px}.comment-form input{padding:9px;font-size:10px}.insight-card{padding:20px 16px}.bar-chart{gap:5px}.chart-column>span{font-size:6px}.book-detail>.book-cover{width:150px;height:220px}.book-detail>.book-cover .cover-title{font-size:29px}.toast{width:max-content;font-size:11px;bottom:18px;padding:12px 14px;line-height:1.9}.small-cover{height:79px;width:52px}.small-cover .cover-title{font-size:10px}html[dir=ltr] .hero h2{font-size:25px;line-height:1.45}html[dir=ltr] .hero-label{font-size:6px}html[dir=ltr] .page-heading p{font-size:9px}html[dir=ltr] .section-heading h2{font-size:14px}html[dir=ltr] .section-actions .primary{font-size:8px}html[dir=ltr] .challenge-stat .stat-value small{max-width:100px}}.catalog-search-controls{display:flex;align-items:center;gap:12px}.catalog-search-controls .modal-search{flex:1 1}.catalog-language{display:grid;gap:4px;font-size:9px;color:#7a8b6a;flex-shrink:0}.catalog-language select{border:1px solid #dee5d4;padding:7px;border-radius:5px;background:#fff;color:#526e43;font-size:11px}.catalog-status{font-size:10px;line-height:1.9;color:#8a977b}.catalog-status p{margin:8px 0}.search-result-row{border-bottom:1px solid var(--line);padding-bottom:8px}.search-result-row .search-result{border-bottom:0}.source-attribution{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#577847;text-decoration:underline;text-underline-offset:3px}.search-result-row>.source-attribution{margin-inline-start:59px}.chosen-book .source-attribution{margin-bottom:8px}.chosen-book .text-link{display:flex;margin-top:5px}.sidebar-close{display:none}.page-heading p{font-size:12px;color:#858e7c}.stat-top{font-size:12px}.stat-note{color:#879477;font-size:10px}.book-card-info>p{font-size:11px;color:#879477}.filter-chips>button{font-size:11px}.search-field input{font-size:12px}.nav-item{font-size:13px}.page-footer{font-size:10px}.source-note{color:#7a8b6a}@media (max-width:760px){.sidebar{visibility:hidden}.sidebar.sidebar-open{visibility:visible}.sidebar-close{display:inline-flex;position:absolute;top:14px;inset-inline-end:12px}.page-heading p{font-size:11px}.nav-item{font-size:13px}}@media (max-width:540px){.page-heading p{font-size:10px}.stat-top{font-size:11px}.stat-note{font-size:9px}.book-card-info>p,.filter-chips>button{font-size:10px}.search-field input{font-size:11px}.page-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.book-detail-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.edit-actions{margin-top:0}.edit-actions .primary{flex:1 1}.modal:has(.edit-actions)>h2{margin-bottom:6px}.setup-form h3{margin:0;color:var(--ink);font-size:20px;line-height:1.6}.setup-progress{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.setup-progress .text-link{font-size:12px}.setup-form .goal-emblem{margin-block:0 6px}.setup-form .muted{font-size:12px;line-height:1.9;margin:0}.setup-actions{display:flex;gap:10px}.setup-actions .primary{flex:1 1}.name-options{border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:18px;margin:0}.name-options legend{font-size:12px;padding-inline:6px}.name-options input[type=radio]{accent-color:#315948;width:17px;height:17px;flex-shrink:0}.name-options small{overflow-wrap:anywhere}.setup-goal-summary{margin:0;color:#58705c;font-size:13px}.settings-signout{margin-top:20px}.rating-icons{display:inline-flex;gap:2px;align-items:center}.rating-star{--star-size:12px;position:relative}.rating-star,.stars .rating-star svg{display:block;width:var(--star-size);height:var(--star-size);flex-shrink:0}.stars .rating-star svg{max-width:none}.rating-star-fill{position:absolute;top:0;left:0;height:100%;overflow:hidden}.rating-value{font-size:10px;margin-inline-start:4px;color:#8c764d;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:540px){.rating-star{--star-size:10px}.rating-value{font-size:9px}}.image-cover{padding:0;background:#eeede6}.image-cover:after,.image-cover:before{content:none}.book-meta{flex-wrap:wrap;justify-content:flex-start}.book-meta>.book-tag{color:#788268;font-size:9px;background:#f0f1e9;padding:2px 6px;border-radius:3px}.book-meta>.audiobook-tag,.book-meta>.paperbook-tag{background:#e8f0ed;color:#285743}.format-filters{display:flex;flex-wrap:wrap;gap:7px;margin:-8px 0 20px}.format-filters button{font-size:11px;border:1px solid var(--line);border-radius:16px;padding:5px 12px;background:#fff}.format-filters button.selected{background:var(--green);color:#fff;border-color:var(--green)}.format-chart{display:grid;gap:24px;margin:30px 0}.format-chart-row{display:grid;grid-template-columns:minmax(85px,auto) 1fr 28px;align-items:center;gap:12px;font-size:12px}.format-chart-track{height:24px;background:#f0f1e9;border-radius:5px;overflow:hidden}.format-chart-bar{height:100%;border-radius:5px}.format-chart-bar.audio{background:#285743}.format-chart-bar.paper{background:#bf9853}.format-chart-row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:end}.insight-summary-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.insight-summary-grid .insight-card{padding:22px}.insight-number{font-size:32px;font-weight:600;margin:16px 0 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.insight-number small{font-size:12px;color:var(--muted);font-weight:400}.insight-book-title{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.insight-month{font-size:24px;margin:16px 0 8px}.insight-comparisons{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comparison-value{font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:18px 0}.comparison-value small{font-size:13px;color:var(--muted)}.comparison-bars{display:grid;gap:18px}.comparison-bars>div{display:grid;grid-template-columns:minmax(90px,auto) 1fr 36px;gap:12px;align-items:center;font-size:11px}.comparison-bars b{text-align:end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.comparison-track{height:16px;border-radius:4px;background:#f0f1e9;overflow:hidden}.comparison-track>div{height:100%;border-radius:4px}.comparison-track .personal{background:var(--green)}.comparison-track .baseline{background:var(--gold)}.comparison-note{grid-column:1/-1;font-size:11px}.comparison-card>.muted{padding-block:20px}@media (max-width:1200px){.insight-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.insight-comparisons{grid-template-columns:1fr}}@media (max-width:540px){.insight-summary-grid{gap:10px}.insight-summary-grid .insight-card{padding:16px}.insight-summary-grid h2{font-size:13px}.insight-number{font-size:26px}.insight-month{font-size:20px}.comparison-bars>div{grid-template-columns:85px 1fr 30px;gap:8px}}.book-description{width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:start}.book-description h3{font-size:14px;margin-bottom:10px}.book-detail .book-description p{margin:0;text-align:justify;white-space:pre-line;overflow-wrap:anywhere;line-height:1.95;font-size:13px}.book-description .description-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.book-description .description-toggle{display:inline-flex;margin-top:12px;font-size:12px}.community-card{min-width:0}.community-card .mini-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(4px,1vw,10px);min-width:0;max-width:100%;padding-inline:3px}.community-card .mini-shelf .small-cover{width:100%;max-width:61px;height:auto;aspect-ratio:61/93;min-width:0;justify-self:center}.community-user>div:not(.avatar){min-width:0}.community-user h3{overflow-wrap:anywhere}.list-visibility{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:24px;background:#edf3ed;border:1px solid #ceddce;border-radius:10px}.list-visibility strong{font-size:14px}.list-visibility p{font-size:12px;line-height:1.8;margin-top:5px;color:#58705c}.list-visibility .button{flex-shrink:0}.visibility-option{padding:16px;border:2px solid #93b59c;border-radius:9px;background:#edf3ed}.visibility-option strong{font-size:15px}@media (max-width:540px){.list-visibility{align-items:stretch;flex-direction:column;padding:16px;gap:12px}.list-visibility .button{justify-content:center}.community-card .mini-shelf .cover-title{font-size:clamp(8px,2.5vw,12px)}}.list-visibility.private{background:#fff1f1;border-color:#edc4c4}.list-visibility.private strong{color:#a42626}.list-visibility.private p{color:#875454}.entry-notes{width:100%;margin-top:14px;min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--bg);text-align:start}.entry-notes strong{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.book-detail .entry-notes p,.entry-notes p{margin:0;text-align:justify;white-space:pre-line;overflow-wrap:anywhere;line-height:1.95;color:var(--ink);font-size:13px}.list-view .book-card{align-items:flex-start}.social-books>div>div{min-width:0}.entry-notes .notes-collapsed{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.entry-notes .notes-toggle{display:inline-flex;margin-top:12px;font-size:12px}.reading-history{width:100%;border-top:1px solid var(--line);padding-top:16px}.reading-history h3{font-size:14px;margin-bottom:10px}.reading-history-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}.reading-history-table{width:100%;min-width:560px;border-collapse:collapse;text-align:start;font-size:13px}.reading-history-table td,.reading-history-table th{padding:10px 12px;text-align:start;vertical-align:top;overflow-wrap:anywhere}.reading-history-table thead,.reading-history-table tr[aria-current=true]{background:var(--bg)}.reading-history-table tbody tr{border-top:1px solid var(--line)}.reading-history .text-link{white-space:normal;text-align:start;line-height:1.8;overflow-wrap:anywhere}.catalog-details{width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:10px;text-align:start;background:var(--bg)}.catalog-details h3{font-size:14px;margin:10px 0}.catalog-details p{line-height:1.8;font-size:13px}.catalog-details dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:13px}.catalog-details dd{margin:0;overflow-wrap:anywhere}.catalog-details ul{padding-inline-start:20px;line-height:1.9;font-size:13px}.user-avatar{overflow:hidden;flex-shrink:0}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.book-tag-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.book-tag-actions>.book-tag{color:#788268;font-size:9px;background:#f0f1e9;padding:2px 6px;border-radius:3px;line-height:1.5;white-space:nowrap}.book-tag-actions>.add-to-list-tag{display:inline-flex;align-items:center;gap:3px;border:0;color:#285743;background:#e8f0ed;cursor:pointer}.add-to-list-tag:hover{background:#dce9df}.add-to-list-tag:focus-visible{outline:2px solid #285743;outline-offset:2px}.add-to-list-tag:disabled{opacity:.5;cursor:wait}.brand-logo{display:block;width:100%;max-width:200px;height:auto}.footer-brand img{display:block;width:76px;height:auto}.reader-profile{max-width:1150px;margin:auto;padding:32px 24px 80px}.profile-counts,.profile-hero,.profile-liked-reader,.profile-top{display:flex;align-items:center;gap:16px}.profile-top{justify-content:space-between;margin-bottom:36px}.profile-hero{padding:36px;background:#edf2eb;border:1px solid #dce5da;border-radius:20px}.profile-hero .avatar{width:88px;height:88px;font-size:32px;flex-shrink:0}.profile-hero h1{font-size:32px;margin:4px 0}.profile-hero p{margin:6px 0}.profile-hero>.button{margin-inline-start:auto}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0;gap:12px}.profile-stats>div{display:flex;flex-direction:column;gap:6px;border:1px solid #e0e5db;border-radius:14px;padding:22px;background:white}.profile-stats strong{font-size:28px;color:#244f40}.profile-stats span{font-size:13px;color:#697368}.profile-tabs{display:flex;gap:12px;overflow:auto;border-bottom:1px solid #dce5da;margin-bottom:28px}.profile-tabs button{padding:14px 18px;white-space:nowrap;border-bottom:3px solid transparent}.profile-tabs button.selected{color:#244f40;border-color:#244f40;font-weight:700}.profile-list-grid,.profile-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-list-card,.profile-reading-card{padding:24px;border:1px solid #e0e5db;border-radius:16px;background:#fff}.profile-list-card h2,.profile-reading-card h2{font-size:19px;margin:8px 0}.profile-list-card .mini-shelf{margin:24px 0;min-height:120px}.profile-counts{font-size:14px}.profile-counts span{display:flex;align-items:center;gap:6px}.profile-counts>a{margin-inline-start:auto}.profile-reading-card{display:flex;gap:20px;align-items:flex-start}.profile-reading-card>.book-cover{width:95px;min-width:95px;height:142px}.profile-reading-card>div:last-child{min-width:0}.profile-review{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.profile-search{margin-bottom:24px;max-width:500px}.profile-liked-reader .avatar{width:42px;height:42px}.profile-reading-card p{margin:10px 0}@media (max-width:700px){.reader-profile{padding:20px 16px 50px}.profile-hero{flex-wrap:wrap;padding:24px}.profile-hero>.button{margin-inline-start:0}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-list-grid,.profile-reading-grid{grid-template-columns:1fr}.profile-tabs{gap:0}.profile-tabs button{padding:12px}.profile-hero h1{font-size:25px}}.guest-welcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 34px;margin-bottom:30px;border:1px solid #dce5d8;border-radius:18px;background:linear-gradient(120deg,#edf3e9,#faf8ef)}.guest-welcome[hidden]{display:none}.guest-welcome h2{font-size:29px;line-height:1.4;margin:10px 0}.guest-welcome p{max-width:620px;line-height:1.9;color:#637164;margin:0}.guest-welcome-actions{display:flex;flex-direction:column;align-items:center;gap:15px;flex-shrink:0}.guest-welcome-actions .button{min-width:180px}@media (max-width:700px){.guest-welcome{padding:24px;align-items:flex-start;flex-direction:column;gap:20px}.guest-welcome h2{font-size:25px}.guest-welcome-actions{align-items:flex-start}}.main-shell .reader-profile{max-width:none;margin:0;padding:0}.profile-books-toolbar{margin-bottom:24px}.profile-books-toolbar .profile-search{margin:0;flex:1 1}.profile-books-toolbar .view-switch{flex-shrink:0}.profile-reading-grid.profile-books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.profile-reading-grid.profile-books-grid .profile-reading-card{flex-direction:column;gap:16px;padding:18px}.profile-reading-grid.profile-books-grid .profile-reading-card>.book-cover{width:100%;height:auto;min-width:0;aspect-ratio:2/3}.profile-reading-grid.profile-books-grid .profile-reading-card>div:last-child{width:100%}.profile-reading-grid.profile-books-grid .profile-review{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.profile-reading-card h2{overflow-wrap:anywhere}.profile-books-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.profile-books-list{grid-template-columns:1fr}.profile-reading-grid.profile-books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-reading-grid.profile-books-grid .profile-reading-card{padding:12px}.profile-reading-grid.profile-books-grid .profile-reading-card h2{font-size:16px}.profile-stats{gap:10px}.profile-hero{gap:18px}}.profile-reading-grid.profile-reviews-list{grid-template-columns:minmax(0,1fr)}.brand-mark{display:block;aspect-ratio:1280/511;background:var(--brand-green);mask:url(/fehres-logo.png) center/contain no-repeat;-webkit-mask:url(/fehres-logo.png) center/contain no-repeat}.footer-brand .brand-mark{width:76px;margin-inline:0}.discovery-section{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.discovery-section:first-of-type{margin-top:16px;padding-top:12px;border-top:0}.discovery-section>.section-heading{margin-bottom:22px}.discovery-section>.section-heading p{margin-top:7px;color:var(--muted);font-size:13px}.discovery-section .community-grid>.empty-state{grid-column:1/-1}.skeleton-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.loading-skeleton{width:100%;min-width:0;grid-column:1/-1;text-align:start}.skeleton-layout{display:grid;gap:20px}.skeleton{display:block;position:relative;overflow:hidden;background:#e9eee7;border-radius:6px}.image-shimmer:after,.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff99 50%,transparent 80%);transform:translateX(-100%);animation:content-shimmer 1.8s ease-in-out infinite;pointer-events:none}.skeleton-item{display:flex;gap:16px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.skeleton-copy{flex:1 1;min-width:0;display:grid;align-content:start;gap:12px}.skeleton-title{width:68%;height:18px}.skeleton-line{width:90%;height:12px}.skeleton-short{width:46%}.skeleton-cover{width:52px;height:76px;flex-shrink:0;border-radius:4px 8px 8px 4px}.skeleton-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0}.skeleton-mini-shelf{display:flex;gap:10px;margin-top:12px}.skeleton-mini-shelf .skeleton-cover{width:48px;height:68px}.loading-skeleton-community>.skeleton-layout,.loading-skeleton-stats>.skeleton-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.loading-skeleton-shelf>.skeleton-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.loading-skeleton-shelf .skeleton-item{flex-direction:column}.loading-skeleton-shelf .skeleton-cover{width:100%;height:auto;aspect-ratio:2/3}.skeleton-chart{width:100%;height:90px;margin-top:12px}.skeleton-input{width:100%;height:44px}.skeleton-profile-heading{display:flex;align-items:center;gap:20px;padding:20px 0 30px}.skeleton-profile-heading>div{flex:1 1;display:grid;gap:14px}.skeleton-profile-heading .skeleton-avatar{width:84px;height:84px}.route-loading{max-width:1120px;margin:0 auto;padding:48px 24px}.image-shimmer{position:relative;overflow:hidden;background-color:#e9eee7}.image-shimmer:after{z-index:1}@keyframes content-shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.image-shimmer:after,.skeleton:after{animation:none;display:none}}.content-like{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.content-like-button{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:#67756b;font:inherit;font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.content-like-button:hover{color:var(--green);border-color:#cbd8cd;background:var(--green-light)}.content-like-button.is-liked{color:#a7475b;border-color:#efd8de;background:#fff3f6}.content-like-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.content-like-button:disabled{cursor:wait;opacity:.65}.content-like-count{min-width:1ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.content-like-placeholder{width:18px;height:12px}.content-like-error{font-size:11px;color:#a7475b}.reading-form-section{display:grid;gap:18px;min-width:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:12px}.reading-form-section legend{padding-inline:8px;color:var(--ink);font-size:16px;font-weight:600}.reading-form-section input[readonly],.reading-form-section textarea[readonly]{background:#f3f5f1;color:#657166;border-color:var(--line)}@media (max-width:560px){.reading-form-section{padding:14px}}.reading-date-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.reading-date-row>label{min-width:0}.reading-date-row input[type=date]{width:100%;max-width:100%;min-width:0}.cover-url-field{display:grid;gap:8px;min-width:0}.cover-url-row{display:flex;align-items:center;gap:10px;min-width:0}.cover-url-row input{flex:1 1;min-width:0}.cover-url-row .button{flex-shrink:0;white-space:nowrap}.star-rating-field{display:grid;gap:10px;min-width:0}.star-rating-controls{padding-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.star-rating-track{position:relative;display:flex;align-items:center;width:180px;max-width:100%;height:48px;flex:0 0 auto;border-radius:10px}.star-rating-track .rating-icons{gap:0}.star-rating-track .rating-star{--star-size:36px}.star-rating-track .rating-value{display:none}.star-rating-visual{width:100%;pointer-events:none}.star-rating-visual .stars{display:flex;color:#bb8c32;transition:filter .18s ease,transform .18s ease}.star-rating-visual .empty-star{color:#ded8c9}.star-rating-visual .rating-star-fill{transition:width .14s ease}.star-rating-track input[type=range]{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:44px;margin:0;padding:0;opacity:0;cursor:pointer;touch-action:none}.star-rating-track:has(input:focus-visible){outline:2px solid var(--green);outline-offset:4px}.star-rating-track:focus-within .stars,.star-rating-track:hover .stars{filter:drop-shadow(0 2px 5px #c89c3e40);transform:translateY(-1px)}.star-rating-tooltip{position:absolute;top:-23px;z-index:3;transform:translateX(-50%);padding:3px 8px;border-radius:6px;background:var(--ink);color:white;font-size:11px;line-height:1.6;pointer-events:none;white-space:nowrap}.star-rating-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top:4px solid var(--ink)}.star-rating-score{padding:5px 10px;border:1px solid #e8dcc3;border-radius:999px;background:#fbf5e9;color:#83621f;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.star-rating-clear{padding:7px 0;border:0;background:transparent;color:#67756b;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.star-rating-clear:hover{color:var(--green)}.star-rating-clear:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}.star-rating-clear:disabled{opacity:.45;cursor:default}.star-rating-field[data-disabled] .star-rating-track{opacity:.55}.star-rating-field[data-disabled] input[type=range]{cursor:wait}@media (prefers-reduced-motion:reduce){.star-rating-visual .rating-star-fill,.star-rating-visual .stars{transition:none}.star-rating-track:focus-within .stars,.star-rating-track:hover .stars{transform:none}}.cover-url-row .cover-search-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.book-language-field{display:grid;align-content:start;gap:10px;min-width:0}.book-language-field select{appearance:auto}@media (max-width:560px){.book-language-field input,.book-language-field select{font-size:16px}}.book-language-field input,.book-language-field label,.book-language-field select{min-width:0;max-width:100%}@media (max-width:560px){.book-format-language-row{grid-template-columns:minmax(0,1fr)}}.completion-date-fields{margin-block:8px 18px}.completion-date-add{display:inline-flex;align-items:center;gap:7px}.completion-date-fields>small{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:8px}.completion-date-panel{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.completion-date-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:10px}.completion-date-heading label{font-weight:500;margin:0}.completion-date-heading button{display:inline-flex;align-items:center;gap:5px;font-size:12px}.completion-date-panel>input{display:block;width:100%;max-width:210px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--ink)}.completion-date-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.completion-date-footer small{color:var(--muted);font-size:11px}.completion-date-footer button{font-size:12px}.profile-add-date{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.profile-add-date summary{cursor:pointer}.profile-add-date form{margin-top:16px}.book-info-section{border:1px solid var(--line);border-radius:10px;min-width:0}.book-info-section>summary{cursor:pointer;padding:16px 20px;font-size:16px;font-weight:600;color:var(--ink)}.book-info-section[open]>summary{border-bottom:1px solid var(--line)}.book-info-section>.reading-form-section{border:0;border-radius:0}.book-info-section>.reading-form-section>legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width:560px){.book-info-section>summary{padding:14px}}.likers-button{border:0;background:transparent;color:inherit;padding:4px;margin:-4px;font:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.likers-button:hover{text-decoration-color:currentColor;color:var(--green)}.likers-button:focus-visible{outline:2px solid var(--green);outline-offset:3px}.modal.likers-dialog{width:min(420px,calc(100vw - 32px))}.likers-list{list-style:none;padding:0;margin:20px 0}.likers-list li+li{border-top:1px solid var(--line)}.likers-list a{display:flex;align-items:center;gap:12px;padding-block:12px}.likers-list a:hover{color:var(--green)}.likers-list .user-avatar{width:36px;height:36px;min-width:36px}