:root{--paper:#faf9f5;--white:#fffefa;--ink:#293c34;--muted:#797e73;--line:#e6e6dc;--green:#354e3f;--sage:#e8ede1;--gold:#b18a46;--radius:18px;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b79453;outline-offset:4px}a{color:inherit}button{border:0;background:none}input,textarea,select{color:var(--ink);background:var(--white)}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #dcded4;border-radius:10px;padding:12px 13px;min-width:0;width:100%;transition:border .15s}input:focus,textarea:focus,select:focus{border-color:#64795d;outline:2px solid #dce5d4;outline-offset:0}textarea{resize:vertical;min-height:100px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}p{line-height:1.65}small,.small{font-size:12px}svg.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.serif{font-family:var(--serif)}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;text-transform:uppercase;color:#73806c}.pro-badge{font-size:9px;letter-spacing:1px;font-weight:700;border-radius:5px;background:#e8d9b9;color:#725825;padding:4px 7px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pro-badge svg{width:11px;height:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:600;transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fffdf6}.btn-primary:hover{background:#263e31}.btn-secondary{border:1px solid #dedfd4;background:#fffefa}.btn-secondary:hover{background:#f1f1e9}.btn-soft{background:var(--sage)}.btn-text{padding:9px 0;color:#586c50;min-height:36px;font-weight:600;font-size:12px}.btn-danger{color:#9a4440;border:1px solid #e9d2cc;background:#fff8f5}.icon-btn{border:1px solid transparent;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px}.icon-btn:hover{background:#eeefe6}.pill{border-radius:999px;background:#edf0e6;color:#5d7155;padding:5px 10px;font-size:10px;display:inline-flex;align-items:center;gap:5px;line-height:1.4}.pill svg{width:12px;height:12px}.hidden{display:none!important}.grow{flex:1}.flex{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;padding:36px 20px 22px;background:#f2f3ec;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:9px;padding:0 8px;cursor:pointer;text-align:left}.brand-mark{width:33px;height:33px;color:#4e6246}.brand-name{font-family:var(--serif);font-size:28px;letter-spacing:-1px;line-height:1}.brand-dot{color:#b99c63}.brand-sub{font-size:8px;letter-spacing:1.8px;margin:12px 0 38px 10px;color:#849079}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#969c8d;margin:22px 12px 12px;text-transform:uppercase}.nav-btn{display:flex;align-items:center;gap:11px;border-radius:9px;padding:12px;width:100%;text-align:left;font-size:12px;color:#74806e;margin:3px 0;position:relative}.nav-btn .icon{width:18px;height:18px}.nav-btn:hover{background:#e9ede2}.nav-btn.active{background:#e2e8d8;color:#3f5538;font-weight:600}.nav-btn.active:before{content:'';position:absolute;left:-20px;height:20px;width:3px;background:#6b845c;border-radius:0 3px 3px 0}.nav-btn .count{margin-left:auto;font-size:10px}.nav-btn .pro-badge{margin-left:auto}.shelf-dot{width:7px;height:7px;border:1.4px solid #9ca68e;border-radius:3px;margin:4px}.shelf-nav{max-height:20vh;overflow:auto}.side-bottom{margin-top:auto;padding-top:20px}.side-pro{border:1px solid #dce1d2;border-radius:13px;padding:16px 13px;background:linear-gradient(120deg,#eff1e6,#e8ecdf)}.side-pro .mini-stars{color:#8b8558;font-size:21px;margin-bottom:8px}.side-pro h3{font:18px var(--serif);margin-bottom:8px}.side-pro p{font-size:11px;color:#7d8474;margin-bottom:12px}.side-pro button{font-size:11px;min-height:34px;padding:8px 10px;width:100%}.side-profile{display:flex;gap:10px;align-items:center;margin-top:22px;padding:0 6px}.avatar{width:32px;height:32px;border-radius:50%;background:#e6dfcb;color:#7b715a;display:grid;place-items:center;font:15px var(--serif)}.side-profile strong{display:block;font-size:11px;font-weight:500}.side-profile small{font-size:9px;color:#929889}.side-profile button{margin-left:auto}.sidebar-footer{font-size:9px;color:#989c90;margin:14px 6px 0}
.main{margin-left:224px;padding:28px 38px 40px;flex:1;min-width:0;max-width:1740px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px}.topbar-label{font-size:10px;letter-spacing:1.7px;color:#8e9687;text-transform:uppercase}.topbar-right{display:flex;gap:16px;align-items:center}.save-state{display:flex;align-items:center;gap:6px;color:#8d9785;font-size:10px;white-space:nowrap}.save-state i{width:5px;height:5px;background:#839873;border-radius:50%}.search-wrap{position:relative}.search-wrap>.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#9ca38f}.search-wrap input{padding:9px 12px 9px 35px!important;background:transparent!important;border-color:#e2e4d9!important;font-size:11px;width:225px!important;border-radius:8px!important}.demo-banner{display:flex;align-items:center;gap:9px;background:#eeeede;border:1px solid #e4e4d2;border-radius:9px;padding:9px 13px;margin-bottom:24px;font-size:11px;color:#797d5f}.demo-banner>.icon{width:15px;height:15px}.demo-banner button{font-size:11px;text-decoration:underline;text-underline-offset:3px;margin-left:auto;font-weight:600;white-space:nowrap}.storage-warning{background:#fff0d8;padding:12px;border:1px solid #cca361;border-radius:10px;margin:15px 0;line-height:1.6}.hero{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:8px 0 28px}.hero h1{font-family:var(--serif);font-size:44px;line-height:1.13;letter-spacing:-1.5px;margin:12px 0 12px;color:#344b3c}.hero h1 em{color:#8b9478;font-weight:400}.hero p{color:#8a9082;font-size:12px;margin-bottom:20px}.hero .hero-actions{display:flex;gap:10px}.hero-illustration{width:228px;height:185px;flex-shrink:0;opacity:.93;transform:translateY(-4px)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.stat{display:flex;align-items:center;gap:13px;padding:0 23px;border-right:1px solid var(--line)}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat-icon{background:#edeedf;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#81906f}.stat-icon .icon{width:17px;height:17px}.stat strong{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1}.stat span{font-size:10px;display:block;color:#8a927f;margin-top:5px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 247px;gap:26px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.section-heading h2{font:23px var(--serif);letter-spacing:-.4px;margin:0}.section-heading h3{font:20px var(--serif);margin:0}.section-heading .btn-text .icon{width:14px;height:14px}.shelf-tabs{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);margin-bottom:15px;overflow:auto;scrollbar-width:none}.tab{padding:0 1px 12px;white-space:nowrap;color:#939989;font-size:11px;position:relative}.tab.active{color:#4a6141;font-weight:600}.tab.active:after{position:absolute;bottom:0;left:0;right:0;content:'';height:2px;background:#657a55}.tab .tab-count{font-size:9px;border-radius:5px;background:#ecede3;padding:2px 4px;margin-left:5px}.shelf-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.shelf-caption{font-size:10px;color:#949b89}.shelf-toolbar select{border:0!important;background:transparent!important;padding:3px!important;font-size:10px;width:auto;max-width:110px}.view-toggle{display:flex;gap:2px;padding:3px;border:1px solid #e5e5da;border-radius:7px}.view-toggle button{display:grid;place-items:center;width:27px;height:24px;border-radius:4px;color:#a1a68f}.view-toggle button.active{background:#e8ebdf;color:#526848}.view-toggle svg{width:13px;height:13px}.shelf-space{--wall:#eee9dd;--plank:#cbb48e;--front:#bfa67f;--grain:#a78f6870;border:1px solid #e4dfd2;border-radius:13px;background:linear-gradient(90deg,#e4dfd15c,transparent 8%,transparent 92%,#e4dfd15c),var(--wall);box-shadow:inset 0 3px 18px #aa987714;overflow:hidden;padding:24px 23px 10px;position:relative}.shelf-space.gallery{--wall:#efefeb;--plank:#e0e1da;--front:#cecec5;--grain:#fff8}.shelf-space.walnut{--wall:#363d34;--plank:#695747;--front:#564435;--grain:#9d755d50;border-color:#444c3a}.shelf-space.winter{--wall:#dfE6da;--plank:#acbca0;--front:#98ab8a;--grain:#70896060;border-color:#cad4bf}.shelf-row{display:flex;align-items:flex-end;gap:17px;min-height:187px;padding:6px 11px 0;position:relative;z-index:1}.shelf-plank{height:17px;background:linear-gradient(180deg,#ffffff35 0 2px,transparent 2px 6px,#48361925 6px 7px,transparent 7px),repeating-linear-gradient(0deg,transparent 0 5px,var(--grain) 5px 5.5px,transparent 6px),linear-gradient(var(--plank) 0 38%,var(--front) 38%);margin:0 -6px 24px;border-radius:2px;box-shadow:0 8px 9px #5f493223,0 17px 22px #493e2510;position:relative;z-index:2}.shelf-plank:last-child{margin-bottom:8px}.book{width:calc((100% - 68px)/5);min-width:0;flex-shrink:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;background:none;text-align:center;transition:transform .22s;transform-origin:bottom center;outline-offset:6px!important}.book:hover{transform:translateY(-8px) rotate(-1deg);z-index:3}.book:focus-visible{transform:translateY(-6px)}.cover{width:100%;aspect-ratio:0.65;max-height:173px;position:relative;border-radius:2px 5px 5px 2px;overflow:hidden;background:var(--cover);color:var(--type);box-shadow:2px 3px 3px #271c232e,5px 7px 12px #322b3125;border-left:1px solid #fff4;display:flex;flex-direction:column;justify-content:space-between;padding:12px 7px 11px 12px}.cover:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#0004 0,transparent 3px,#fff2 4px,#0002 6px,transparent 9px,transparent 94%,#0001)}.cover:after{content:'';position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.cover-title{font-family:var(--serif);font-size:clamp(11px,1.15vw,18px);line-height:1.13;position:relative;z-index:2;font-weight:500;overflow-wrap:anywhere;text-wrap:balance}.cover-author{font-size:6.7px;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;position:relative;z-index:2;margin-top:6px}.cover-art{position:absolute;left:12%;right:8%;top:34%;bottom:10%;display:grid;place-items:center;opacity:.65;overflow:hidden}.cover-art svg{width:100%;height:100%}.cover[data-art='1'] .cover-title{font-style:italic}.cover[data-art='2'] .cover-title{font-weight:bold;text-transform:uppercase;letter-spacing:1px}.cover[data-art='3']{justify-content:center}.cover[data-art='3'] .cover-title{font-style:italic;font-size:clamp(12px,1.4vw,21px);margin:auto 0}.cover[data-art='3'] .cover-art{top:5%;bottom:5%;opacity:.15}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.book-heart{position:absolute;top:-7px;right:-4px;width:18px;height:18px;background:#f7f5ec;border-radius:50%;color:#a47964;display:grid;place-items:center;z-index:5;box-shadow:0 1px 2px #3331}.book-heart svg{width:10px;height:10px;fill:#a47964;stroke-width:1}.book:hover .book-hover{opacity:1}.book-hover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#354435;color:white;font-size:10px;line-height:1.5;padding:8px 10px;border-radius:6px;z-index:7;opacity:0;width:170px;pointer-events:none;box-shadow:0 3px 12px #0002}.book-placeholder{height:146px;border:1px dashed #a7aa93;width:100%;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#90967f;font-size:10px;line-height:1.5;padding:10px}.book-placeholder .icon{width:21px;height:21px}.shelf-space.walnut .book-placeholder{color:#b7bea5;border-color:#758069}.shelf-note{font-size:9px;color:#a2a594;text-align:center;margin-top:11px}.spine-row{gap:5px;justify-content:flex-start}.spine-row .book{width:40px;max-width:55px;flex-shrink:1}.spine{height:172px;border-radius:3px 3px 0 0;width:100%;background:linear-gradient(90deg,#0003,transparent 10%,#fff1 80%,#0002),var(--cover);color:var(--type);box-shadow:1px 1px 3px #0003;display:flex;align-items:center;padding:9px 5px;border-top:3px solid #fff2}.spine-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--serif);font-size:13px;text-align:left;line-height:1.3;max-height:100%;overflow:hidden}.spine-text small{font-family:var(--sans);font-size:7px;margin-left:3px;display:inline;letter-spacing:.5px}.list-view{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.book-list-row{display:flex;align-items:center;padding:13px 16px;gap:14px;border-bottom:1px solid var(--line);width:100%;text-align:left}.book-list-row:last-child{border:0}.book-list-row:hover{background:#f1f2e9}.list-cover{width:36px;flex-shrink:0}.list-cover .cover{padding:4px;aspect-ratio:.7;max-height:53px}.list-cover .cover-title{font-size:7px}.list-cover .cover-author{display:none}.book-list-row strong{font-weight:500;font-family:var(--serif);font-size:16px}.book-list-row small{display:block;font-size:10px;color:#89917e;margin-top:5px}.book-list-row .pill{margin-left:auto;flex-shrink:0}.more-shelf{width:100%;margin-top:10px;font-size:11px;color:#7e8c72;padding:9px}.shelf-space .elf-wrap{position:absolute;right:15px;bottom:15px;width:71px;height:124px;z-index:5;transform-origin:50% 100%;transition:transform .3s;padding:0;filter:drop-shadow(2px 4px 2px #32492d22)}.elf-wrap:hover{transform:rotate(9deg)}.elf-wrap svg{width:100%;height:100%}.garland{position:absolute;left:0;right:0;top:0;width:100%;height:36px;z-index:2;pointer-events:none}.festive-message{font-size:11px;padding:11px 13px;border-radius:9px;color:#526842;background:#e8ecdf;margin-top:12px;display:flex;align-items:center;gap:9px}.empty-state{text-align:center;padding:48px 20px;grid-column:1/-1}.empty-state>.icon{width:38px;height:38px;color:#9ba58d;margin-bottom:16px}.empty-state h3{font:24px var(--serif);margin-bottom:10px}.empty-state p{font-size:12px;color:#8c9482;max-width:340px;margin:0 auto 20px}
.right-rail{display:flex;flex-direction:column;gap:20px}.rail-card{background:#f3f3eb;border:1px solid #e6e7db;border-radius:13px;padding:18px}.rail-card .eyebrow{font-size:9px;letter-spacing:1.5px}.rail-card h3{font:22px var(--serif);line-height:1.25;margin:12px 0}.rail-card p{font-size:11px;color:#8b937d}.goal-numbers{display:flex;align-items:baseline;gap:7px;margin:16px 0 12px}.goal-numbers strong{font:36px var(--serif);letter-spacing:-1px}.goal-numbers span{font-size:11px;color:#8c947e}.progress-track{height:5px;border-radius:10px;background:#dfe4d4;overflow:hidden}.progress-track>span{height:100%;display:block;background:#8fa47a;border-radius:10px;transition:width .5s}.goal-mini{display:flex;justify-content:space-between;font-size:9px;color:#909983;margin-top:9px}.mini-book-progress{display:flex;align-items:flex-end;gap:3px;height:38px;margin-top:19px}.mini-book-progress i{width:12px;height:30px;display:block;border-radius:2px 2px 0 0;border:1px solid #d6ddc9}.mini-book-progress i:nth-child(3n){height:34px}.mini-book-progress i:nth-child(4n){height:26px}.mini-book-progress i.filled{background:#a7b795;border-color:#a7b795}.challenge-mini{display:flex;gap:10px;align-items:center;margin-top:17px;padding-top:15px;border-top:1px solid #e0e3d5}.challenge-medal{width:34px;height:34px;background:#e6e8d8;color:#8a9471;border-radius:50%;display:grid;place-items:center}.challenge-mini strong{font-size:10px;font-weight:500}.challenge-mini small{font-size:9px;display:block;color:#969c89;margin-top:4px}.rec-card{background:#f8f5ec;border:1px solid #eae5d8}.rec-card .mini-rec-cover{width:75px;margin:17px auto 13px}.mini-rec-cover .cover{max-height:115px;padding:9px 6px 9px 10px}.mini-rec-cover .cover-title{font-size:13px}.mini-rec-cover .cover-author{font-size:5px}.rec-card h4{font:16px var(--serif);margin:0 0 6px;text-align:center;line-height:1.2}.rec-card .rec-author{font-size:10px;text-align:center;color:#9a9b89}.rec-reason{font-size:10px!important;line-height:1.6;font-style:italic;text-align:center;margin:12px 0}.rec-card .btn{width:100%;min-height:33px;font-size:10px;padding:8px}.theme-promo{background:#eeefe4;padding:14px 15px;border-radius:12px;border:1px solid #e0e3d4;display:flex;gap:12px;align-items:center;text-align:left}.theme-promo .icon{color:#8d986d;width:28px;height:28px}.theme-promo strong{font:14px var(--serif)}.theme-promo small{display:block;color:#959b85;font-size:9px;margin-top:5px}.below-shelf{margin-top:26px;padding:18px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.little-quote{font:italic 16px/1.5 var(--serif);color:#9b9e8b;flex:1}.little-quote small{font:9px var(--sans);color:#a3a693;display:block;margin-top:4px;letter-spacing:1px}.footer-note{display:flex;justify-content:space-between;color:#a3aa95;font-size:9px;border-top:1px solid var(--line);margin-top:30px;padding-top:16px;gap:15px}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:23px 0 29px}.page-head h1{font:40px var(--serif);letter-spacing:-1px;margin:10px 0}.page-head p{font-size:12px;color:#8b9380;margin-bottom:0}.info-bar{padding:13px 16px;background:#eeefe5;border:1px solid #e2e5d7;border-radius:10px;font-size:11px;color:#7c896f;line-height:1.6;margin-bottom:24px;display:flex;gap:10px;align-items:start}.info-bar>.icon{width:17px;height:17px;margin-top:1px}.info-bar a{text-underline-offset:3px}.discovery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.discovery-card{padding:22px 20px;background:#f6f4ec;border-radius:13px;border:1px solid #e7e4d8;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.discovery-card .cover{width:105px;height:159px;padding:15px 11px 11px 15px;flex-shrink:0;margin-bottom:20px}.discovery-card .cover-title{font-size:17px}.discovery-card .cover-author{font-size:7px}.discovery-card h3{font:20px var(--serif);line-height:1.2;margin:0 0 7px}.discovery-card .byline{font-size:10px;color:#8f957e;margin-bottom:13px}.discovery-card p{font-size:10px;color:#869275;flex:1;margin:12px 0 18px}.discovery-card .btn{width:100%;font-size:11px;min-height:36px}.taste-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.taste-tags .pill{padding:8px 12px}.challenge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.challenge-card{padding:24px;background:#f3f3e9;border-radius:16px;border:1px solid #e3e5d7}.challenge-card.not-joined{background:#fbfaf6}.challenge-card h2{font:25px var(--serif);margin:16px 0 9px}.challenge-card p{font-size:12px;color:#90977e}.challenge-card .rule{font-size:10px;margin-top:14px}.challenge-card .challenge-top{display:flex;justify-content:space-between;align-items:center}.challenge-card .challenge-top>.icon{width:27px;height:27px;color:#8c9a74}.challenge-card .goal-numbers{margin-top:25px}.challenge-card .btn{margin-top:14px;width:100%}.goal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:17px 0}.goal-grid i{height:30px;border:1px dashed #c7d0b8;border-radius:3px;background:#fafaf4}.goal-grid i.filled{background:#899f6e;border:1px solid #899f6e}.goal-grid i:nth-child(3n).filled{background:#bdab79;border-color:#bdab79}.goal-grid i:nth-child(4n).filled{background:#9ca48b;border-color:#9ca48b}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.journal-card{padding:22px;border:1px solid #e4e4d8;border-radius:13px;background:#fffdf7}.journal-card h3{font:23px var(--serif);line-height:1.3;margin:15px 0 7px;overflow-wrap:anywhere}.journal-card .journal-note{font:16px/1.7 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0;color:#68715e}.journal-card .journal-date{font-size:10px;color:#9b9e8b}.stars{color:#af9465;font-size:16px;letter-spacing:3px}.paywall{max-width:720px;margin:20px auto;text-align:center;padding:44px;background:linear-gradient(135deg,#edf0e2,#faf6e8);border-radius:22px;border:1px solid #dfe3d4}.paywall h2{font:38px var(--serif);line-height:1.18;margin:20px 0}.paywall p{font-size:13px;color:#899178;max-width:450px;margin:0 auto 20px}.paywall .big-icon{color:#a29761;width:48px;height:48px}.paywall .features{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:24px 0;font-size:11px}.paywall .features span{display:flex;align-items:center;gap:6px}.paywall .features svg{width:14px;height:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fffef9;min-width:0}.settings-card h2{font:24px var(--serif);margin-bottom:17px}.settings-card p{font-size:12px;color:#8c9480}.settings-card .btn{margin-top:6px}.settings-card .flex{flex-wrap:wrap}.settings-card label{font-size:11px;display:block;margin:15px 0 8px}.setting-shelf{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edeee5;font-size:12px}.setting-shelf span{overflow-wrap:anywhere}.setting-shelf>.flex{flex-wrap:nowrap}.settings-card ul{padding-left:17px;font-size:11px;color:#838d78;line-height:1.8}
.modal{border:1px solid #e7e4d8;border-radius:19px;background:#fdfcf7;padding:0;color:var(--ink);width:min(630px,calc(100vw - 30px));max-height:calc(100dvh - 44px);overflow:auto;box-shadow:0 20px 100px #20342030}.modal::backdrop{background:#21322559;backdrop-filter:blur(4px)}.modal-head{padding:23px 26px 0;display:flex;justify-content:space-between;gap:15px;align-items:start}.modal-head h2{font:28px var(--serif);letter-spacing:-.5px;margin:5px 0 0}.modal-head .icon-btn{margin:-3px -5px 0 0}.modal-body{padding:23px 26px 26px}.modal-desc{color:#8b937d;font-size:12px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}.field label,.field .label{font-size:11px;display:block;margin:0 0 8px;font-weight:500;color:#77826c}.field small{display:block;color:#939b85;font-size:10px;line-height:1.55;margin-top:7px}.field textarea{font-size:12px}.field input,.field select{font-size:12px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.form-footer .btn-danger{margin-right:auto}.book-form-head{display:flex;gap:19px;align-items:center;margin-bottom:24px}.form-mini-cover{width:64px;flex-shrink:0}.form-mini-cover .cover{height:93px;padding:7px 5px 7px 9px}.form-mini-cover .cover-title{font-size:10px}.form-mini-cover .cover-author{font-size:5px}.book-form-head p{font-size:12px;color:#8b937e;margin:5px 0 0}.pro-fields{border:1px solid #dedfcb;background:#f4f4e9;border-radius:12px;padding:16px;margin-top:20px}.pro-fields .pro-fields-heading{display:flex;align-items:center;gap:8px;margin-bottom:15px;font:19px var(--serif)}.pro-fields .locked-note{font-size:11px;color:#8f957b;margin-bottom:12px}.pro-fields .btn{margin:0 0 12px;font-size:11px;min-height:34px}.rating-control{display:flex;align-items:center;gap:4px}.rating-control button{color:#c8c9b7;font-size:28px;padding:0 4px;line-height:1.4}.rating-control button.selected{color:#b29456}.rating-control button.clear-rating{font-size:10px;color:#849073;text-decoration:underline;margin-left:8px}.feeling-control{display:flex;gap:7px;flex-wrap:wrap}.feeling-control button{font-size:11px;border:1px solid #dfe1d1;border-radius:7px;padding:8px 9px;background:#fafbf3}.feeling-control button.selected{background:#e0e8d5;border-color:#a3b58e;color:#435b35}.mood-picker{display:flex;gap:6px;flex-wrap:wrap}.mood-option{position:relative;display:inline-flex!important;margin:0!important;font-weight:400!important;cursor:pointer}.mood-option input{position:absolute;opacity:0;width:1px!important;height:1px}.mood-option span{display:block;padding:7px 9px;border:1px solid #dde0d2;border-radius:20px;font-size:10px;color:#8a947c}.mood-option input:checked+span{color:#49633d;background:#e3ecd8;border-color:#abbc98}.mood-option input:focus-visible+span{outline:2px solid #9c9d68;outline-offset:2px}.add-tabs{display:flex;gap:7px;background:#eeefe5;border-radius:9px;padding:4px;margin-bottom:23px}.add-tabs button{flex:1;padding:9px 8px;border-radius:6px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px}.add-tabs button .icon{width:14px;height:14px}.add-tabs button.active{background:#fffdf7;box-shadow:0 1px 4px #3845260d}.search-results{margin-top:13px}.search-result{display:flex;width:100%;padding:12px 2px;gap:12px;text-align:left;border-bottom:1px solid #e9eade;align-items:center}.search-result:hover{background:#f1f3e7}.search-result .result-icon{width:35px;height:46px;border-radius:3px;background:var(--cover);color:var(--type);display:grid;place-items:center;flex-shrink:0;box-shadow:2px 2px 3px #0001}.search-result strong{font:17px var(--serif);display:block;line-height:1.3}.search-result small{font-size:10px;color:#8d957d;display:block;margin-top:5px}.search-result>.icon{margin-left:auto;width:15px;height:15px;color:#899978}.search-online{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid #e5e7d8;margin-top:20px;padding-top:17px}.search-online p{font-size:10px;color:#959b86;margin:0;max-width:255px}.search-online .btn{font-size:10px}.voice-area{text-align:center}.mic-circle{width:78px;height:78px;border-radius:50%;background:#e5ecd9;color:#617c4a;margin:10px auto 18px;display:grid;place-items:center;position:relative}.mic-circle .icon{width:32px;height:32px}.mic-circle.listening{background:#f2ddd2;color:#a4593b;animation:pulse 1.3s ease-in-out infinite}.voice-area h3{font:24px var(--serif)}.voice-area p{font-size:12px;color:#87927b}.voice-area textarea{text-align:left;margin:12px 0;font-size:13px}.voice-area .voice-disclaimer{font-size:10px;line-height:1.65}.voice-error{font-size:11px!important;padding:9px;border-radius:7px;color:#986b48!important;background:#f6edde}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-option{border:1px solid #e3e3d5;border-radius:12px;padding:12px;text-align:left;background:#fffdf5}.theme-option.active{border-color:#859d6c;box-shadow:0 0 0 2px #dbe5d2}.theme-preview{height:96px;border-radius:6px;background:#eae4d5;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:16px 12px 18px;position:relative;overflow:hidden}.theme-preview:after{content:'';height:9px;position:absolute;bottom:12px;left:10px;right:10px;background:#c1a47c;box-shadow:0 5px 7px #54452322}.theme-preview i{width:20px;height:48px;border-radius:2px 2px 0 0;background:#8c9d78;z-index:1}.theme-preview i:nth-child(2){height:59px;background:#bc9270}.theme-preview i:nth-child(3){height:53px;background:#d1bb87}.theme-preview i:nth-child(4){height:62px;background:#737d75}.theme-preview.gallery{background:#eee}.theme-preview.gallery:after{background:#d3d3cb}.theme-preview.walnut{background:#3e463a}.theme-preview.walnut:after{background:#795d49}.theme-preview.winter{background:#dee7d5}.theme-preview.winter:after{background:#96aa88}.theme-option .flex{justify-content:space-between;margin-top:12px;gap:4px}.theme-option strong{font:17px var(--serif)}.theme-option small{display:block;font-size:10px;color:#97a086;margin-top:7px}.theme-option .icon{width:16px;height:16px}.theme-preview .mini-snow{position:absolute;top:5px;right:9px;color:white;font-size:23px}.detail-top{display:flex;gap:25px;margin-bottom:27px;align-items:center}.detail-cover{width:124px;flex-shrink:0}.detail-cover .cover{height:187px;max-height:187px;padding:19px 11px 15px 16px}.detail-cover .cover-title{font-size:21px}.detail-cover .cover-author{font-size:8px}.detail-top h3{font:29px/1.15 var(--serif);letter-spacing:-.5px;margin-bottom:10px;overflow-wrap:anywhere}.detail-top p{font-size:12px;color:#8f977f;margin-bottom:12px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:20px}.detail-meta span{font-size:10px;color:#9ca38d;display:block;margin-bottom:7px}.detail-meta strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.detail-notes{font:17px/1.7 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;color:#6b765e}.price-line{font:42px var(--serif);margin:20px 0 7px}.price-line small{font:12px var(--sans);color:#90997c}.pro-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:23px 0;text-align:left}.pro-feature-grid>div{display:flex;gap:10px;font-size:12px;line-height:1.5;color:#6d7d5d}.pro-feature-grid .icon{color:#8b9a6c;width:17px;height:17px}.pro-modal{text-align:center}.pro-modal h3{font:34px var(--serif);line-height:1.15}.pro-modal>p{font-size:12px;color:#879277}.pro-disclaimer{padding:12px;background:#edeee2;border-radius:9px;font-size:10px!important;color:#8a927b!important;line-height:1.7!important}.pro-modal .btn-primary{width:100%}.error-text{color:#9d5542;font-size:11px;line-height:1.5;margin:10px 0}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#334936;color:#fcf9ec;padding:13px 20px;border-radius:12px;box-shadow:0 8px 30px #213a2133;z-index:100;opacity:0;pointer-events:none;transition:all .2s;max-width:calc(100vw - 32px);font-size:12px;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#81523d}.confetti{position:fixed;inset:0;pointer-events:none;z-index:110;overflow:hidden}.confetti i{position:absolute;top:-20px;left:var(--x);width:8px;height:12px;background:var(--color);animation:fall 2.2s var(--delay) ease-in forwards}.mobile-brand{display:none}.mobile-nav{display:none}.spinner{width:17px;height:17px;border:2px solid #dbe0ce;border-top-color:#7e926d;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.search-empty{padding:25px 0;font-size:12px;color:#8c987b;text-align:center}
@keyframes pulse{50%{box-shadow:0 0 0 12px #bf825112}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{top:110vh;transform:rotate(520deg) translateX(45px)}}
@media(min-width:1500px){.main{padding-left:60px;padding-right:60px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.shelf-row{gap:24px;min-height:223px}.book{width:calc((100% - 120px)/6)}.cover{max-height:203px}.cover-title{font-size:19px}.hero-illustration{width:260px;height:192px}}
@media(max-width:1200px){.sidebar{width:194px;padding-left:15px;padding-right:15px}.brand-name{font-size:25px}.brand-sub{font-size:7px;letter-spacing:1.5px}.nav-btn{font-size:11px;padding:12px 9px}.nav-btn.active:before{left:-15px}.main{margin-left:194px;padding:25px}.workspace{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.hero h1{font-size:39px}.hero-illustration{width:195px}.shelf-space{padding-left:15px;padding-right:15px}.shelf-row{gap:14px;padding-left:5px;padding-right:5px;min-height:169px}.book{width:calc((100% - 56px)/5)}.cover{max-height:155px;padding-top:10px}.cover-title{font-size:13px}.cover-author{font-size:5.5px}.shelf-tabs{gap:13px}.tab{font-size:10px}.rail-card{padding:16px}.rail-card h3{font-size:20px}.search-wrap input{width:180px!important}.save-state{font-size:9px}.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:0 15px;gap:9px}.stat span{font-size:9px}.stat strong{font-size:25px}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr}.theme-promo{grid-column:1/-1}.rail-card.rec-card{display:grid;grid-template-columns:72px 1fr;gap:5px 15px;align-items:center}.rec-card>.flex{grid-column:1/-1}.rec-card .mini-rec-cover{grid-row:2/6;margin:10px 0}.rec-card h4,.rec-card .rec-author,.rec-card .rec-reason{text-align:left}.rec-card h4{margin-top:8px}.rec-card .rec-reason{margin:0}.rec-card .btn{grid-column:2}.shelf-row{min-height:197px}.cover{max-height:183px}.cover-title{font-size:16px}.cover-author{font-size:6.5px}.stat strong{font-size:28px}.save-state{display:none}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-illustration{width:190px}.settings-grid{grid-template-columns:1fr}.toast{left:calc(50% + 97px)}}
@media(max-width:780px){.sidebar{width:165px;padding:28px 10px 20px}.brand{padding:0 4px;gap:6px}.brand-mark{width:25px;height:25px}.brand-name{font-size:23px}.brand-sub{font-size:6px;letter-spacing:1.1px;margin-left:6px}.nav-btn{font-size:10px;gap:8px;padding:11px 8px}.nav-btn .icon{width:16px;height:16px}.nav-btn.active:before{left:-10px}.nav-btn .pro-badge{font-size:7px;padding:3px 4px}.nav-label{font-size:8px;letter-spacing:1.3px;margin-left:8px}.side-pro{padding:12px}.side-pro h3{font-size:16px}.side-pro p{font-size:10px}.side-profile{gap:7px}.side-profile small{font-size:8px}.side-profile strong{font-size:10px}.side-profile .icon-btn{width:23px}.avatar{width:28px;height:28px}.main{margin-left:165px;padding:23px}.hero h1{font-size:36px}.hero-illustration{width:133px;height:155px;margin-left:-15px;opacity:.85}.hero{gap:7px}.hero .eyebrow{font-size:8px}.hero p{font-size:11px}.hero-actions .btn{font-size:10px;padding:10px 12px}.stat{padding:0 12px;gap:6px}.stat-icon{width:28px;height:28px}.stat-icon .icon{width:14px;height:14px}.stat strong{font-size:25px}.stat span{font-size:8px}.stats-strip{padding:17px 0}.shelf-row{gap:14px;min-height:178px}.book{width:calc((100% - 42px)/4)}.cover{max-height:162px}.cover-title{font-size:14px}.cover-author{font-size:6px}.shelf-tabs{gap:14px}.shelf-tabs .tab-count{display:none}.topbar-label{font-size:8px}.search-wrap input{width:155px!important}.demo-banner{font-size:10px;flex-wrap:wrap;gap:5px}.demo-banner button{font-size:10px}.right-rail{gap:12px}.rail-card.rec-card{display:block}.rec-card .mini-rec-cover{margin:16px auto}.rec-card h4,.rec-card .rec-author,.rec-card .rec-reason{text-align:center}.rec-card .rec-reason{margin:10px 0}.challenge-grid{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.toast{left:calc(50% + 82px)}.page-head h1{font-size:32px}.page-head{align-items:start;flex-direction:column}.paywall{padding:30px}.paywall h2{font-size:30px}.footer-note{font-size:8px}}
@media(max-width:600px){.sidebar{display:none}.main{margin-left:0;padding:20px 19px 95px}.topbar{padding-bottom:17px;gap:10px}.topbar-label{display:none}.mobile-brand{display:flex;font:26px var(--serif);letter-spacing:-.9px;align-items:center;gap:6px}.mobile-brand .icon{width:25px;height:25px;color:#617456}.topbar-right{gap:0}.search-wrap input{width:154px!important;font-size:10px;padding-left:30px!important}.search-wrap>.icon{left:10px;width:13px;height:13px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f7f8f0f5;backdrop-filter:blur(10px);border-top:1px solid #dde2d2;justify-content:space-around;padding:10px 7px max(10px,env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;letter-spacing:.2px;color:#929d84;padding:2px 8px}.mobile-nav button.active{color:#4b653c}.mobile-nav button .icon{width:21px;height:21px}.hero{margin-top:3px;margin-bottom:21px;align-items:center}.hero h1{font-size:36px;letter-spacing:-1.2px;margin:10px 0 12px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero p{font-size:10px;max-width:190px;margin-bottom:18px}.hero-illustration{width:121px;height:158px;position:relative;margin-left:-38px;z-index:-1;align-self:flex-start;margin-top:15px}.hero .hero-actions{gap:7px}.hero .btn{font-size:10px;min-height:37px;padding:10px 11px}.hero .btn .icon{width:14px;height:14px}.demo-banner{font-size:9px;padding:9px 10px;margin-bottom:20px}.demo-banner .icon{width:12px;height:12px}.demo-banner button{font-size:9px}.stats-strip{margin-bottom:24px;padding:15px 0}.stat{padding:0 10px;gap:7px}.stat:first-child{padding-left:0}.stat-icon{width:26px;height:26px}.stat-icon svg{width:13px;height:13px}.stat strong{font-size:25px}.stat span{font-size:8px;line-height:1.4;margin-top:3px}.section-heading h2{font-size:22px}.section-heading .btn-text{font-size:10px}.shelf-tabs{gap:18px;margin-bottom:14px}.tab{font-size:10px}.shelf-caption{font-size:9px}.shelf-toolbar select{font-size:9px}.shelf-space{padding:18px 14px 7px;border-radius:11px}.shelf-row{min-height:158px;gap:12px;padding-left:6px;padding-right:6px}.book{width:calc((100% - 36px)/4)}.cover{max-height:144px;padding:10px 5px 8px 9px}.cover-title{font-size:13px}.cover[data-art='3'] .cover-title{font-size:14px}.cover-author{font-size:5px;letter-spacing:.4px}.shelf-plank{height:14px;margin-bottom:19px}.book-placeholder{height:125px;font-size:9px;padding:8px}.book-heart{width:16px;height:16px}.shelf-note{font-size:8px}.right-rail{margin-top:3px;grid-template-columns:1fr 1fr;gap:13px}.rail-card{padding:14px}.rail-card h3{font-size:20px}.rail-card .eyebrow{font-size:8px}.goal-numbers strong{font-size:30px}.goal-numbers span{font-size:9px}.goal-mini{font-size:8px}.challenge-mini{gap:7px}.challenge-mini strong{font-size:9px}.challenge-mini small{font-size:8px}.challenge-medal{width:29px;height:29px}.mini-book-progress{gap:2px}.mini-book-progress i{width:9px;height:25px}.rec-card h4{font-size:15px}.rec-card .mini-rec-cover{width:64px}.rec-card .rec-reason{font-size:9px!important}.rec-card .rec-author{font-size:9px}.rec-card .btn{font-size:9px}.below-shelf{margin-top:22px;padding-top:17px}.little-quote{font-size:14px}.little-quote small{font-size:8px}.footer-note{flex-direction:column;gap:8px;margin-top:24px}.toast{left:50%;bottom:85px;font-size:11px}.discovery-grid{gap:12px}.discovery-card{padding:19px 13px}.discovery-card .cover{width:89px;height:139px;padding:12px 8px 10px 12px}.discovery-card .cover-title{font-size:15px}.discovery-card h3{font-size:19px}.discovery-card .byline{font-size:9px}.discovery-card .pill{font-size:8px}.discovery-card p{font-size:9px}.discovery-card .btn{font-size:10px;padding:9px 7px}.page-head{margin-top:20px}.page-head h1{font-size:33px}.page-head p{font-size:11px}.info-bar{font-size:10px;padding:12px}.challenge-card{padding:22px}.challenge-card h2{font-size:25px}.paywall{padding:30px 22px}.paywall h2{font-size:31px}.settings-card{padding:22px}.settings-grid{gap:15px}.modal{width:calc(100vw - 20px);max-height:calc(100dvh - 26px);border-radius:15px}.modal-head{padding:20px 20px 0}.modal-head h2{font-size:25px}.modal-body{padding:20px}.form-grid{gap:14px}.field label{font-size:10px}.field input,.field select{font-size:12px}.field.full-mobile{grid-column:1/-1}.form-footer .btn{font-size:11px;padding:11px 13px}.pro-fields{padding:14px}.feeling-control{gap:5px}.feeling-control button{font-size:10px;padding:8px}.theme-option{padding:10px}.theme-option strong{font-size:15px}.theme-option small{font-size:9px}.theme-grid{gap:11px}.theme-preview{height:88px;padding-left:7px;padding-right:7px;gap:6px}.theme-preview i{width:16px}.detail-cover{width:100px}.detail-cover .cover{height:150px;padding:13px 8px 12px 13px}.detail-cover .cover-title{font-size:17px}.detail-top{gap:19px}.detail-top h3{font-size:25px}.detail-top p{font-size:11px}.detail-meta strong{font-size:11px}.detail-notes{font-size:16px}.pro-feature-grid{gap:14px}.pro-feature-grid>div{font-size:11px}.pro-modal h3{font-size:31px}.search-result strong{font-size:16px}.search-online{align-items:start;flex-direction:column;gap:12px}.book-list-row{padding:12px;gap:11px}.book-list-row strong{font-size:15px}.book-list-row .pill{font-size:9px}.shelf-space .elf-wrap{width:54px;height:105px;right:13px;bottom:12px}.spine-row .book{width:32px}.spine{height:146px}.spine-text{font-size:11px}.spine-text small{font-size:6px}}
@media(max-width:355px){.hero h1{font-size:31px}.hero-illustration{width:98px}.search-wrap input{width:128px!important}.stat-icon{display:none}.cover-title{font-size:11px}.shelf-tabs{gap:11px}.shelf-row{min-height:136px}.cover{max-height:125px}.book-placeholder{height:115px}.right-rail{grid-template-columns:1fr}.rail-card.rec-card{display:block}.theme-promo{grid-column:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.pro-feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.hero-actions,.demo-banner,.mobile-nav,.right-rail,.toast,.modal{display:none!important}.main{margin:0;padding:10px}.workspace{display:block}.shelf-space{print-color-adjust:exact}.book{break-inside:avoid}.footer-note{display:none}}
/* Long titles stay legible rather than breaking individual words. */
.cover .cover-title.long-title{font-size:13px;line-height:1.17;text-transform:none;letter-spacing:0;overflow-wrap:normal;word-break:normal}
.detail-cover .cover .cover-title.long-title{font-size:16px}
.discover-card .cover .cover-title.long-title{font-size:14px}
.form-mini-cover .cover .cover-title.long-title,.list-cover .cover .cover-title.long-title{font-size:8px}
.mini-rec-cover .cover .cover-title.long-title{font-size:10px}
/* Muted text is deliberately darker than the decorative furniture. */
.hero p,.stat span,.shelf-caption,.shelf-note,.footer-note,.sidebar-footer,.topbar-label,.save-state,.nav-label,.side-profile small,.side-pro p,.field small,.field label,.field .label,.modal-desc,.journal-date,.rec-author,.rec-reason,.goal-mini,.goal-numbers span,.theme-promo small,.rail-card p,.page-head p,.settings-card p,.settings-card ul,.locked-note,.theme-option small,.search-online p,.search-result small,.book-list-row small,.voice-disclaimer,.discovery-card p,.discovery-card .byline,.little-quote small{color:#6e7862}
@media(max-width:600px){.cover .cover-title.long-title{font-size:10px;line-height:1.15}.detail-cover .cover .cover-title.long-title{font-size:14px}.discovery-card .cover .cover-title.long-title{font-size:12px}.form-mini-cover .cover .cover-title.long-title{font-size:8px}.list-cover .cover .cover-title.long-title{font-size:6px}.mini-rec-cover .cover .cover-title.long-title{font-size:9px}.shelf-row{min-height:141px}}

/* Shelfbook 1.1: tactile books, unobstructed previews, and a reading spread. */
.book[data-action="detail"]{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform;transition:transform .24s cubic-bezier(.2,.7,.3,1)}
.book[data-action="detail"]:hover{transform:perspective(700px) translateY(-10px) rotateY(-7deg) rotateZ(-1deg)}
.book[data-action="detail"]:active{cursor:grabbing}
.spine-row .book[data-action="detail"]:hover{transform:perspective(600px) translateY(-9px) rotateY(-15deg) scale(1.06)}
.shelf-row:hover,.shelf-row:focus-within{z-index:4}
.book.is-grabbing{transform:translate(var(--drag-x,0px),var(--drag-y,-12px)) scale(var(--drag-scale,1.08)) rotate(-3deg)!important;transition:none;z-index:20;cursor:grabbing;filter:drop-shadow(7px 16px 8px #20322040)}
.shelf-space:has(.is-grabbing){overflow:visible}
.shelf-row:has(.is-grabbing){z-index:6}
.book-grabbing,.book-grabbing *{cursor:grabbing!important}
.book-hover{display:none!important}
.book-tooltip{position:fixed;inset:auto;margin:0;width:258px;max-width:calc(100vw - 24px);padding:15px 17px;border:1px solid #fff2;border-radius:11px;background:#2f4337;color:#fcf9ef;box-shadow:0 10px 30px #20302035;z-index:100000;pointer-events:none;font-family:var(--sans);text-align:left;overflow-wrap:anywhere;line-height:1.45}
.book-tooltip[hidden]{display:none!important}
.book-tooltip strong{display:block;font:21px/1.16 var(--serif);margin:5px 0 7px;text-wrap:balance}
.book-tooltip>span{display:block;font-size:11px;color:#e2e8d8}
.book-tooltip small{display:block;font-size:10px;margin-top:11px;color:#c6d2bd}
.tooltip-kicker{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#cfdbba}
.book-tooltip .tooltip-stars{color:#e6c78b;letter-spacing:2px;font-size:15px;margin-top:8px}
.shelf-toolbar{flex-wrap:wrap}
.shelf-toolbar>.flex{justify-content:flex-end;flex-wrap:wrap}
.ratings-toggle{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 7px;border:1px solid #dedfd5;border-radius:7px;min-height:32px;white-space:nowrap;background:#fffdf6;color:#6d765f}
.ratings-toggle>.icon{width:12px;height:12px}
.ratings-toggle-track{display:block;width:23px;height:14px;background:#d8dbd0;border-radius:20px;padding:2px;transition:background .2s}
.ratings-toggle-track i{display:block;height:10px;width:10px;border-radius:100%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s}
.ratings-toggle.active{color:#435d38;border-color:#b5c1a2;background:#edf1e7}
.ratings-toggle.active .ratings-toggle-track{background:#687e52}
.ratings-toggle.active .ratings-toggle-track i{transform:translateX(9px)}
.book-rating{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);z-index:5;max-width:calc(100% - 8px);border:1px solid #dfd0a777;background:#fff9e9ed;color:#8a672a;box-shadow:0 2px 5px #302a2820;padding:4px 5px 3px;border-radius:5px;white-space:nowrap;font-size:10px;letter-spacing:.5px;line-height:1.1;pointer-events:none}
.book-rating.unrated{font-size:8px;letter-spacing:0;color:#716e5f;background:#fbf9eeeb}
.book-rating.compact-rating{max-width:calc(100% - 3px);padding:4px 3px;font-size:10px;letter-spacing:0;bottom:6px}
.book-list-row .book-rating{position:static;transform:none;max-width:none;margin-left:auto;flex-shrink:0}
.book-list-row:has(.book-rating)>.pill{margin-left:0}
.amazon-link-block{margin-top:15px;width:100%;text-align:left}
.amazon-link-block .amazon-link{width:100%;font-size:11px;background:#fffdf4;border-color:#d7d7c6;color:#46583b;text-decoration:none}
.amazon-link .icon{width:14px;height:14px}
.amazon-disclosure{display:block;line-height:1.5;color:#747762;font-size:9px;margin-top:7px}
.compact-amazon{margin-top:9px;text-align:center}
.compact-amazon .amazon-link{font-size:10px;min-height:33px;padding:8px}
.compact-amazon .amazon-disclosure{font-size:8px}
.rec-card .amazon-link-block{grid-column:1/-1}
.amazon-settings .field{margin:18px 0}
.amazon-settings>h2{margin-top:10px}
.affiliate-opt-in{display:flex!important;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;margin:16px 0!important}
.affiliate-opt-in input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#64784e}
.affiliate-opt-in:has(input:disabled){color:#818573}
.amazon-settings .info-bar{margin:12px 0}
.amazon-settings>p:last-child{margin-top:18px;margin-bottom:0}
.modal.book-dialog{width:min(910px,calc(100vw - 28px));max-width:none;max-height:none;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;margin:auto;color:#2d4036}
.book-dialog::backdrop{background:#21312896;backdrop-filter:blur(6px)}
.book-dialog .modal-head{position:absolute;top:14px;right:14px;width:36px;height:36px;padding:0;overflow:visible;z-index:10}
.book-dialog .modal-head>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.book-dialog .modal-head .icon-btn{position:static;inset:auto;margin:0;width:36px;height:36px;display:grid;place-items:center;box-sizing:border-box;background:#fffcf1;border:1px solid #dddcc8;border-radius:50%;box-shadow:0 3px 10px #27372125;color:#485742}
.book-dialog .modal-body{padding:13px 10px 18px;overflow:visible}
.reader-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:min(520px,calc(100dvh - 44px));min-height:0;max-height:calc(100dvh - 44px);grid-template-rows:minmax(0,1fr);border:0;background:transparent}

.reader-leaf{display:flex;flex-direction:column;padding:22px 24px 16px;min-width:0;min-height:0;overflow:hidden;position:relative}
.reader-leaf>*{flex-shrink:0}
.reader-left{background:linear-gradient(90deg,#f4efdf,#fbf7eb 22%,#fbf7eb 91%,#eee6d2);border:7px solid var(--binding);border-right:0;border-radius:8px 0 0 8px;transform-origin:right center;box-shadow:-9px 18px 35px #17281d30}
.reader-right{background:linear-gradient(90deg,#ece5d2,#faf6e9 8%,#fdf9ed 88%,#f6efdd);border:7px solid var(--binding);border-left:0;border-radius:0 12px 12px 0;padding-left:24px;box-shadow:9px 18px 35px #17281d30}
.reader-scene{position:relative;transform-origin:50% 0}
.reader-moving .reader-spread{pointer-events:none}
.reader-front{position:absolute;top:0;left:50%;width:50%;height:100%;z-index:4;transform-origin:left center;pointer-events:none}
.reader-front>.cover{width:100%;height:100%;max-height:none;aspect-ratio:auto;padding:40px 27px 31px 36px;border-radius:0 12px 12px 0;box-shadow:none}
.reader-front .cover-title{font-size:36px;line-height:1.13}
.reader-front .cover-title.long-title{font-size:29px}
.reader-front .cover-author{font-size:13px;letter-spacing:1.6px}
.reader-source-hidden{visibility:hidden!important}
.reader-mobile-back{display:none}
@media(orientation:portrait){
 .reader-scene{transform-origin:0 0}
 .reader-front{left:0;width:100%}
 .reader-front>.cover{border-radius:7px 11px 11px 7px}
 .reader-front .cover-title{font-size:32px}
 .reader-front .cover-title.long-title{font-size:26px}
 /* The reverse swings beyond the viewport; it never replaces the live paper. */
 .reader-mobile-back{display:block;position:absolute;right:100%;top:0;width:100%;height:100%;transform-origin:right center;background:linear-gradient(90deg,#f4efdf,#fbf7eb 90%,#eee6d2);border:5px solid var(--binding);border-right:0;border-radius:7px 0 0 7px;pointer-events:none}
}
.reader-page-label{display:block;color:#7b826b;font-size:8px;letter-spacing:1.65px;line-height:1.5;flex-shrink:0}
.reader-bookplate{display:flex;align-items:center;gap:28px;margin:23px 0 22px;flex-shrink:0}
.reader-cover.detail-cover{width:94px;transform:rotate(-4deg);flex-shrink:0}
.reader-cover.detail-cover .cover{width:94px;height:142px;max-height:142px;padding:12px 8px 12px 12px;box-shadow:5px 8px 9px #4a453325}
.reader-cover.detail-cover .cover-title{font-size:17px}
.reader-cover.detail-cover .cover-title.long-title{font-size:13px}
.reader-cover .cover-author{font-size:6px}
.reader-bookplate-note{font:14px/1.7 var(--serif);color:#929278}
.reader-bookplate-note em{display:block;font-size:17px;color:#67785b;text-wrap:balance}
.reader-bookplate-note>span{display:block;margin-top:12px;color:#a3ab8b}
.reader-bookplate-note .icon{width:22px;height:22px}
.reader-left h2{font:31px/1.08 var(--serif);letter-spacing:-.7px;overflow-wrap:anywhere;margin:0 0 10px;text-wrap:balance}
.reader-author{font-size:11px;color:#727c64;margin:7px 0}
.reader-status{align-self:flex-start;font-size:9px;margin-bottom:0;background:#e9ebdd}
.reader-status-picker{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}
.reader-status-picker button{border:1px solid #d9d9c5;background:#f7f3e7;color:#65705d;border-radius:999px;padding:7px 10px;font:700 8px var(--sans);letter-spacing:.35px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.reader-status-picker button:hover{transform:translateY(-1px);border-color:#aeb99f}
.reader-status-picker button.active{background:#687c5c;color:#fff;border-color:#687c5c}
.reader-leaf .detail-meta{gap:10px 14px;border-color:#e0ddca;margin:8px 0 0;padding:10px 0;flex-shrink:0}
.reader-leaf .detail-meta span{font-size:8px;letter-spacing:.8px;color:#7b826a;margin-bottom:6px}
.reader-leaf .detail-meta strong{font-size:11px;color:#46543e;line-height:1.5;display:block}
.reader-leaf .amazon-link-block{margin-top:10px;margin-bottom:8px}
.reader-page-number{margin-top:auto;display:block;align-self:center;font-size:8px;letter-spacing:1.5px;color:#8e927b;padding-top:8px;flex-shrink:0}
.reader-right h3{font:23px/1.1 var(--serif);letter-spacing:-.4px;margin:6px 0 12px}
.reader-right h3 em{font-weight:400;color:#647958}
.reader-rating-head{display:flex;align-items:center;gap:10px;font-size:10px;color:#687659}
.reader-rating{margin-top:8px;gap:5px;flex-wrap:wrap}
.reader-rating button{font-size:32px;padding:0 3px;color:#ceccba;transition:transform .15s,color .15s;min-width:31px}
.reader-rating button:not(:disabled):not(.clear-rating):hover{color:#a37e37;transform:scale(1.15)}
.reader-rating button.selected{color:#b5914e}
.reader-rating button:disabled{opacity:.65}
.reader-rating .clear-rating{font-size:10px;color:#727b64;margin-left:4px}
.reader-save-note{margin:0}
.reader-feeling{align-self:flex-start;margin:0 0 7px;font-size:9px}
.reader-section-label{color:#878b72;font-size:8px;letter-spacing:1.3px;margin:2px 0 6px}
.reader-leaf .detail-notes{font:15px/1.4 var(--serif);color:#556548;overflow-wrap:anywhere;white-space:pre-wrap;min-height:42px;flex:1;overflow:hidden}
.reader-leaf .empty-note{color:#8a9078;font-style:italic;font-size:15px}
.reader-note-pages{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:24px;flex-shrink:0;font-size:9px;color:#727b64}.reader-note-pages button{width:28px;height:24px;border:1px solid #dddcc8;border-radius:4px}.reader-note-pages button:disabled{opacity:.35}
.reader-moods{margin-top:6px;gap:4px}
.reader-moods .pill{font-size:9px;background:#eeeddf}
.reader-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;margin-top:auto;flex-shrink:0}
.reader-actions .btn{font-size:10px;min-height:34px;padding:7px 9px}
.reader-actions .btn .icon{width:14px;height:14px}
.reader-actions .reader-return{font-size:10px;padding:4px 0;min-height:26px;justify-content:flex-start;margin-top:0}
.reader-pro-note{border-top:1px solid #e3dfcc;padding:8px 0;margin-top:3px}
.reader-pro-note>.icon{color:#8e9b7b;width:21px;height:21px}
.reader-pro-note h4{font:21px var(--serif);margin:11px 0}
.reader-pro-note p{font-size:11px;line-height:1.4;color:#728164;margin-bottom:7px}
.reader-pro-note small{display:block;font-size:9px;color:#79836d;margin-top:6px}
.reader-pro-note .btn{font-size:11px}
@media(max-width:1040px){.shelf-toolbar>.flex{gap:5px!important}.ratings-toggle{padding:5px}.ratings-toggle>.icon{display:none}}
@media(max-width:780px){.ratings-toggle{font-size:9px}.shelf-toolbar>.shelf-caption{flex-basis:100%}.shelf-toolbar>.flex{width:100%;justify-content:space-between}.shelf-toolbar select{margin-right:auto}}
@media(max-width:640px){.book-list-row .book-rating{font-size:9px;padding:4px 3px}.book-list-row .book-rating.unrated{font-size:7px}.book-list-row{gap:9px}.compact-amazon .amazon-link{font-size:9px}.ratings-toggle>.icon{display:inline-block}.book-rating{padding:3px;letter-spacing:0;font-size:8px}.book-rating.unrated{font-size:7px}.book-rating.compact-rating{font-size:9px}}
@media(orientation:portrait){
 .modal.book-dialog{width:min(520px,calc(100vw - 18px))}
 .reader-spread{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:min(760px,calc(100dvh - 44px));max-height:calc(100dvh - 44px);border:5px solid var(--binding);border-radius:8px;background:#fbf7eb;box-shadow:0 18px 35px #17281d30}
 .reader-leaf{padding:14px 18px;border:0;border-radius:0;box-shadow:none;background:none}
 .reader-left{padding-bottom:8px;border-bottom:1px solid #e0ddca}
 .reader-right{padding-top:10px}
 .reader-page-number{display:none}
 .reader-right>.reader-page-label,.reader-right h3{display:none}
 .reader-leaf .detail-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 0}
 .reader-leaf .detail-meta strong{font-size:10px;overflow-wrap:anywhere}
 .reader-actions{gap:6px}
}
@media(max-height:500px) and (orientation:landscape){
 .reader-leaf{padding:12px 17px 10px}
 .reader-right h3{font-size:19px;margin:4px 0 6px}
 .reader-page-number{display:none}
 .reader-love{padding:5px 9px;margin-bottom:4px}
 .reader-rating{margin-top:2px}
 .reader-rating button{font-size:26px;min-width:28px}
 .reader-save-note{font-size:9px;margin-bottom:4px}
 .reader-actions{padding-top:5px;gap:5px}
 .reader-actions .btn{min-height:30px;padding:5px 8px}
 .reader-pro-note small{margin-top:4px}
 .reader-pro-note>.icon{display:none}
}
@media(orientation:portrait) and (max-height:700px){
 .reader-leaf{padding:10px 12px}
 .reader-left .reader-page-label{display:none}
 .reader-author{margin:0 35px 5px 0}
 .reader-status-picker{gap:4px;margin:4px 0}
 .reader-status-picker button{font-size:8px;padding:6px 7px}
 .reader-leaf .detail-meta{gap:6px;margin-top:4px;padding:6px 0}
 .reader-leaf .detail-meta span{font-size:7px;letter-spacing:.4px;margin-bottom:3px}
 .reader-leaf .detail-meta strong{font-size:9px}
 .reader-leaf .amazon-link-block{margin:5px 0 0}
 .reader-leaf .amazon-link{min-height:28px;padding:6px;font-size:10px}
 .reader-leaf .amazon-disclosure{font-size:7px;line-height:1.3}
 .reader-love{padding:5px 8px;margin-bottom:4px}
 .reader-rating{margin-top:2px;gap:2px}
 .reader-rating button{font-size:26px;min-width:27px}
 .reader-rating .clear-rating{font-size:9px}
 .reader-leaf .detail-notes{min-height:28px;font-size:14px}
 .reader-actions{padding-top:6px}
 .reader-actions .btn{font-size:9px;min-height:30px;padding:6px 8px}
}
@media(hover:none){.book[data-action="detail"]:hover{transform:none}.book-tooltip{display:none!important}}
@media(prefers-reduced-motion:reduce){.book[data-action="detail"]:hover,.spine-row .book[data-action="detail"]:hover{transform:none}}

/* v3.5: keep the opened book inside the viewport and make love explicit. */
.reader-love{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin:0 0 7px;border:1px solid #d9d8c5;background:#f7f3e7;color:#66725e;border-radius:999px;padding:8px 11px;font:700 9px var(--sans);letter-spacing:.25px;cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s}
.reader-love .icon{width:15px;height:15px;fill:transparent}
.reader-love:hover{transform:translateY(-1px);border-color:#b8bca8}
.reader-love.active{background:#f4e6e1;color:#975e57;border-color:#d8b5ae}
.reader-love.active .icon{fill:currentColor}
/* v3.6: viewport polish, immutable book metadata, genre shelves, and more shelf finishes. */
.modal-head{padding-right:32px;overflow:visible}
.modal-head .icon-btn{margin:0;flex:0 0 34px;align-self:flex-start;position:relative;top:-4px;right:-4px}

.reader-leaf .amazon-link-block{padding-bottom:4px;min-width:0}
.reader-leaf .amazon-disclosure{white-space:normal;overflow:visible;max-width:100%;padding-bottom:2px}
.reader-leaf .amazon-link{max-width:100%;white-space:normal}
.reader-status{display:none!important}
.locked-book-meta{padding:11px 12px;border:1px solid #e3e3d6;border-radius:9px;background:#f5f4ea}
.locked-book-meta strong{display:block;font:17px/1.3 var(--serif);color:#46543e;overflow-wrap:anywhere}
.locked-book-meta>span:not(.label){display:block;margin-top:4px;font-size:10px;color:#747e6c}
.shelf-controls{flex-wrap:wrap;justify-content:flex-end}
.shelf-toolbar #genre-books{max-width:145px;border:1px solid #e4e5da!important;border-radius:7px!important;background:#f9faf4!important;padding:5px 7px!important}
.shelf-space.maple{--wall:#f1e7d4;--plank:#d7ad70;--front:#c58d51;--grain:#9a663c55;border-color:#e3d3bd}
.shelf-space.linen{--wall:#f4f1e8;--plank:#d7d0bf;--front:#c4bcaa;--grain:#9e968644;border-color:#e7e2d5}
.shelf-space.moss{--wall:#dfe6dc;--plank:#71806a;--front:#5c6c55;--grain:#344b3560;border-color:#c5d0c1}
.shelf-space.library{--wall:#302d29;--plank:#6f5139;--front:#563c2c;--grain:#ba8b6048;border-color:#403a34}
.shelf-space.library .book-placeholder,.shelf-space.moss .book-placeholder{color:#d7dccf;border-color:#899785}
.theme-preview.maple{background:#f0e2cd}.theme-preview.maple:after{background:#d4a464}
.theme-preview.linen{background:#f1eee6}.theme-preview.linen:after{background:#ccc4b3}
.theme-preview.moss{background:#dce6d9}.theme-preview.moss:after{background:#718269}
.theme-preview.library{background:#37322e}.theme-preview.library:after{background:#705039}
@media(max-width:640px){
 .modal-head{padding-right:24px}
 
 .modal-head .icon-btn{right:-2px;top:-3px}
 .reader-leaf .amazon-disclosure{font-size:8px;line-height:1.45;margin-bottom:3px}
 .shelf-controls{width:100%;justify-content:flex-start!important}
 .shelf-toolbar #genre-books{max-width:130px}
}

/* v3.8: deterministic genre jackets + optional real cover art. */
.cover.real-cover{background:var(--cover)}

.cover.real-cover img{inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;display:block}
.detail-cover .cover,.reader-cover .cover,.form-mini-cover .cover{width:100%;max-width:100%;height:auto;max-height:100%}
.reader-cover .cover.real-cover img,.detail-cover .cover.real-cover img{object-fit:contain;background:var(--cover)}
.cover-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.cover-choice label{border:1px solid var(--line);border-radius:9px;padding:11px;display:flex;gap:9px;align-items:flex-start;cursor:pointer;background:#fff}
.cover-choice label:has(input:checked){border-color:#829674;background:#f0f3e9}
.cover-choice label.disabled{opacity:.5;cursor:not-allowed}
.cover-choice input{width:auto!important;margin-top:2px}
.cover-choice strong{display:block;font-size:11px}.cover-choice small{display:block;margin-top:4px;line-height:1.45}
@media(max-width:640px){.cover-choice{grid-template-columns:1fr}}

/* v3.10: dedicated shelf search */
.shelf-search-panel{display:grid;grid-template-columns:auto minmax(118px,.7fr) minmax(220px,1.5fr) auto;align-items:center;gap:12px;margin:12px 0 14px;padding:12px 14px;border:1px solid rgba(87,104,76,.18);border-radius:16px;background:rgba(255,255,250,.78);box-shadow:0 8px 24px rgba(70,78,58,.06)}
.shelf-search-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#edf0e5;color:#6b7c5d}.shelf-search-icon svg{width:17px;height:17px}
.shelf-search-copy{display:flex;flex-direction:column;min-width:0}.shelf-search-copy label{font:700 12px/1.2 var(--sans);color:#475341;letter-spacing:.01em}.shelf-search-copy small{font:500 9px/1.35 var(--sans);color:#8b9481;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shelf-search{width:100%;min-width:0;border:1px solid #dfe4d8;border-radius:12px;background:#fff;padding:11px 13px;font:500 12px/1.2 var(--sans);color:#364032;outline:none;transition:border-color .18s,box-shadow .18s}#shelf-search:focus{border-color:#98a78b;box-shadow:0 0 0 3px rgba(126,148,108,.12)}
.shelf-search-clear{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#7b8573;background:transparent;opacity:0;pointer-events:none;transition:opacity .15s,background .15s}.shelf-search-clear.visible{opacity:1;pointer-events:auto}.shelf-search-clear:hover{background:#eef0e8}.shelf-search-clear svg{width:15px;height:15px}
@media(max-width:760px){.shelf-search-panel{grid-template-columns:auto 1fr auto;padding:10px 11px;gap:9px}.shelf-search-copy{display:none}#shelf-search{grid-column:2/3;padding:10px 11px}.shelf-search-clear{grid-column:3/4}.shelf-search-icon{width:34px;height:34px}}