:root{--cream:#f8f5ec;--green:#4e6453;--ink:#3e493e;--muted:#899084;--border:#dcded1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'Trebuchet MS',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,a,input,select{outline-offset:5px}button{border:1px solid var(--border);background:#fffdf7;color:var(--ink);padding:10px 17px;border-radius:7px}button:hover{border-color:#869a80}header{height:99px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:12px;font-size:34px;color:var(--green);text-decoration:none}.brand span{font:26px Georgia,serif}.brand small{display:block;font:9px 'Trebuchet MS';letter-spacing:2px;margin-top:8px}.header-note{color:#979989;font:italic 16px Georgia}.primary{background:var(--green);color:white;border:0;padding:13px 20px}main{max-width:1230px;margin:auto;padding:0 40px}.intro{text-align:center;padding:58px 0 38px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:bold;color:#859077}h1{font:46px Georgia,serif;letter-spacing:-1.4px;margin:17px 0}h1 span{color:#a8b696}p{color:#8a8d7f;line-height:1.6}nav{display:flex;gap:7px;justify-content:center;border-bottom:1px solid var(--border);padding:0 0 26px}nav button{background:transparent;border:0;display:flex;gap:8px;align-items:center;padding:12px 19px}nav button.active{background:#e2e8d9;color:#425b46}nav button span{font-size:20px}nav small{background:#f8faf5;border-radius:4px;padding:2px 5px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:35px 0 27px;gap:20px}h2{font:27px Georgia,serif;margin:0 0 7px}.section-head p{font-size:12px;margin:0}.filters{display:flex;gap:10px}input,select{border:1px solid var(--border);border-radius:7px;padding:11px 12px;background:#fffdf8;color:var(--ink)}.search{border:1px solid var(--border);border-radius:7px;padding-left:12px;display:flex;align-items:center;background:#fffdf8}.search input{border:0;width:225px;background:transparent}.shelf-wrap{position:relative;margin:35px auto 0;max-width:940px;padding-top:25px}.shelf-cap{height:24px;background:#785038;border:4px solid #4a3024;box-shadow:inset 0 5px #9b7252,5px 5px #d9d1be}.shelf{border-left:19px solid #785038;border-right:19px solid #785038;background:repeating-linear-gradient(0deg,#4c352b 0 6px,#50392e 6px 10px);box-shadow:inset 5px 0 #3a2821,inset -5px 0 #3a2821,5px 0 #4a3024,-5px 0 #4a3024}.shelf-row{height:222px;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:24px 18px 0;border-bottom:20px solid #805739;box-shadow:0 6px #3b2820,inset 0 -6px #ab8058;position:relative}.spine{position:relative;border-radius:0;border:0;border-left:4px solid #0002;border-right:3px solid #fff3;box-shadow:3px -3px #38291f,0 -4px #fff7;display:flex;flex-direction:column;align-items:center;padding:9px 3px 8px;transition:transform .15s;color:#3f4438;flex-shrink:0}.spine:hover{transform:translateY(-12px);filter:brightness(1.1)}.spine-title{writing-mode:vertical-rl;max-height:112px;overflow:hidden;text-overflow:ellipsis;font:12px Georgia;white-space:nowrap}.spine-author{writing-mode:vertical-rl;font-size:8px;margin-top:7px;max-height:34px;overflow:hidden}.spine-star{font-size:11px;margin-bottom:7px}.is-read:after{content:'';position:absolute;top:0;right:4px;width:6px;height:20px;background:#527155}.plant{position:absolute;width:110px;top:-7px;left:-20px;z-index:3;image-rendering:pixelated;pointer-events:none}.plant.right{left:auto;right:-22px;transform:scaleX(-1)}.lights{position:absolute;top:52px;left:7%;right:7%;height:34px;display:flex;justify-content:space-between;border-bottom:3px solid #413c29;border-radius:0 0 50% 50%;z-index:2;pointer-events:none}.lights i{position:relative;width:7px;height:10px;background:#ffe8a4;box-shadow:0 0 12px #fbe6a5,2px 2px #bb9e56;margin-top:8px}.shelf-feet{display:flex;justify-content:space-between;padding:0 40px}.shelf-feet i{width:45px;height:25px;background:#67462f;box-shadow:inset 5px 0 #906246}.shelf-empty{align-self:center;color:#b8a48c;font:italic 14px Georgia}.book-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 23px}.book-card{background:transparent;border:0;padding:0;text-align:left;min-width:0}.book-card>strong{display:block;font:15px Georgia;margin:14px 0 6px;line-height:1.35}.book-card>small{font-size:11px;color:#8b8d81}.cover{aspect-ratio:2/3;position:relative;border-radius:2px 5px 5px 2px;box-shadow:inset 6px 0 #0002,4px 4px #e3decf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;text-align:center;overflow:hidden;border:4px solid #fff2;transition:transform .15s}.book-card:hover .cover{transform:translateY(-5px)}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover strong{font:19px Georgia;line-height:1.25}.cover small{font-size:9px;margin-top:15px}.cover-flower{font-size:35px;color:#fff9;margin-bottom:18px}.cover-lines{color:#fff8;font-size:15px;margin-top:20px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.tags span{font-size:9px;background:#e8eadf;padding:4px 6px;border-radius:3px}.tags .stars{color:#a4814c}.pagination{display:flex;gap:25px;align-items:center;justify-content:center;margin:32px 0}.pagination span{font-size:12px;color:#909180}footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:40px;padding:24px 0;color:#909582;font-size:11px}footer button{font-size:11px;border:0;background:transparent}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.metrics>div{border:1px solid var(--border);padding:25px;background:#fffdf6;border-radius:9px}.metrics small{font-size:9px;letter-spacing:1.5px;color:#89927e}.metrics strong{display:block;font:42px Georgia;margin-top:12px}.metrics em{font:12px 'Trebuchet MS';color:#8c9486;margin-left:12px}.stack-panel{padding:35px 40px;background:#e8eddc;border:1px solid #d5ddc6;border-radius:10px}.stack-panel h2{margin-top:15px}.stacks{display:flex;justify-content:center;align-items:flex-end;gap:22px;flex-wrap:wrap;min-height:200px;margin:20px 0 0}.stack{display:flex;flex-direction:column-reverse;align-items:center}.stack button{height:23px;padding:3px 10px;border-radius:0;border:3px solid #0002;box-shadow:3px 0 #667155;max-width:180px;font-size:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stack-floor{height:15px;background:#876243;border:3px solid #68462e;margin:0 5%}.empty-stack{text-align:center;color:#8b9e75;font-size:50px}.empty-stack small{font-size:12px;display:block;margin-bottom:20px}.months{display:grid;grid-template-columns:repeat(12,1fr);margin:25px 0}.months div{text-align:center}.months strong{display:block;font:22px Georgia}.months span{color:#919987;font-size:10px}.modal-bg{position:fixed;inset:0;background:#303a3090;z-index:20;display:flex;justify-content:center;align-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{position:relative;background:var(--cream);width:510px;max-height:90vh;overflow:auto;padding:35px;border-radius:12px;box-shadow:10px 10px #303b3030}.modal h2{margin:13px 0 23px}.modal label{display:block;font-size:12px;margin:15px 0 6px}.modal label>input:not([type=checkbox]){display:block;width:100%;margin-top:7px}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:23px;padding:5px}.check-row{display:flex;gap:25px}.check-row input{accent-color:#5b7455}.rating{display:flex;gap:4px}.rating button{padding:0 4px;background:transparent;border:0;font-size:30px;color:#cfcebf}.rating button.gold{color:#b99856}.optional{font-size:10px;color:#929586;margin-left:8px}.modal-actions{display:flex;justify-content:space-between;margin-top:22px;gap:12px}.danger{color:#997064;border:0;background:transparent}.cover-matches{display:flex;gap:8px;margin-top:12px;overflow:auto}.cover-matches button{flex:0 0 95px;padding:6px}.cover-matches img{height:100px;width:70px;object-fit:cover}.cover-matches small{font-size:9px;display:block}.review,.error{background:#efe4d1;color:#826b44;font-size:12px;padding:12px;border-radius:6px}.error{display:flex;justify-content:space-between}.empty{text-align:center;padding:60px 20px}.empty h3{font:25px Georgia}@media(max-width:950px){.book-grid{grid-template-columns:repeat(4,1fr)}.spine{width:35px!important}.shelf-row{gap:4px;padding-left:8px;padding-right:8px}.header-note{display:none}h1{font-size:37px}}@media(max-width:650px){header{height:85px;padding:0 18px}.brand{font-size:25px}.brand span{font-size:22px}.brand small{font-size:7px}.primary{padding:11px 12px;font-size:12px}main{padding:0 18px}.intro{padding:38px 0 24px}h1{font-size:32px;line-height:1.1}.intro p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.4px}nav{justify-content:flex-start;overflow:auto;padding-bottom:16px;gap:2px}nav button{padding:10px;white-space:nowrap;font-size:12px}nav button span{font-size:17px}.section-head{flex-direction:column;align-items:flex-start;gap:15px}.filters{width:100%}.search{flex:1;min-width:0}.search input{width:100%;min-width:0;font-size:12px}.filters select{font-size:12px;padding:8px}.shelf-wrap{overflow:hidden}.shelf{border-width:12px}.shelf-row{justify-content:flex-start;overflow-x:auto;height:205px;padding-left:15px;scrollbar-width:thin;gap:6px}.spine{width:39px!important}.plant{width:75px;left:-14px}.plant.right{right:-14px}.shelf-cap{height:20px}.book-grid{grid-template-columns:repeat(3,1fr);gap:22px 12px}.cover{padding:9px}.cover strong{font-size:14px}.cover-flower{font-size:22px;margin-bottom:8px}.cover-lines{margin-top:10px}.cover small{font-size:8px;margin-top:8px}.book-card>strong{font-size:13px}.book-card>small{font-size:10px}footer{flex-wrap:wrap;font-size:10px}.metrics{gap:8px}.metrics>div{padding:15px 10px}.metrics strong{font-size:29px}.metrics em{display:block;margin:5px 0;font-size:10px}.metrics small{font-size:8px}.stack-panel{padding:25px 18px}.months{grid-template-columns:repeat(6,1fr);gap:20px}.modal{padding:28px 23px}.cover{box-shadow:inset 4px 0 #0002,3px 3px #e3decf}}
.catalog-note{font-size:11px;text-align:center;margin:20px 0 -10px}.spine-title{font-family:monospace;font-size:10px}.spine-author{font-family:monospace}.stack button span{font-family:monospace}.lights{border-radius:0;border-bottom:0}.lights:before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#574832}.cover{border-radius:0;clip-path:polygon(0 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,0 100%)}

.auth-main{max-width:600px;padding:55px 24px}.auth-main>.brand{justify-content:center;margin-bottom:38px}.auth-card{padding:38px;background:#fffdf6;border:1px solid var(--border);border-radius:12px;box-shadow:6px 6px #e3e5d6}.auth-card h1{font-size:35px;line-height:1.12}.auth-card p{font-size:13px}.auth-card label{display:block;margin:17px 0;font-size:12px}.auth-card input{display:block;width:100%;margin-top:8px}.auth-card form>.primary{width:100%;margin-top:12px}.auth-foot{text-align:center;font-size:11px}.auth-card details{margin-top:25px;font-size:12px}.auth-card summary{cursor:pointer}.login-tabs{display:flex;gap:8px;margin:24px 0 18px}.login-tabs button{flex:1;background:transparent}.login-tabs .active{background:#e2e8d9;border-color:#d0d8c5}.notice{background:#e4ecd8;padding:12px;border-radius:6px;color:#56704b}.text-button{border:0;background:transparent;font-size:12px}.account{display:flex;gap:10px;align-items:center;margin:0 15px}.account span{font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.account button{font-size:11px;padding:8px 10px}.import-button{cursor:pointer;font-size:11px}.import-button input{display:none}footer{flex-wrap:wrap}@media(max-width:800px){.account span{display:none}.header-note{display:none}}@media(max-width:650px){.auth-main{padding-top:35px}.auth-card{padding:25px}.account{margin:0 4px}.account button{padding:7px;font-size:9px}header{gap:5px}.brand span{font-size:19px}.brand small{font-size:6px}.brand{gap:5px}}

/* Cozy pixel room */
.shelf-room{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr) 95px;align-items:end;padding-top:108px;background:repeating-linear-gradient(90deg,transparent 0 87px,#dddcca35 87px 89px);border-bottom:5px solid #d7c7ab}.shelf-room .shelf-wrap{grid-column:2;width:100%;margin:0 auto;overflow:visible;z-index:2}.wall-art{position:absolute;width:112px;height:102px;right:35px;top:0;filter:drop-shadow(4px 4px 0 #ddd6c5);image-rendering:pixelated}.room-plant{position:absolute;bottom:18px;width:100px;z-index:3;pointer-events:none}.room-plant-left{left:-5px}.room-plant-right{right:0;width:83px}.floor-plant{display:block;width:100%;height:auto;image-rendering:pixelated}.room-floor{grid-column:1/-1;height:18px;background:#e2d8c3;border-top:4px solid #c6b18e}.shelf-room .plant.long-vine{width:98px;right:-17px;top:-7px}.shelf-room .shelf-row{gap:5px;padding-right:10px;padding-left:10px}.shelf-room .spine{width:38px!important}.shelf-room .lights{left:9%;right:9%}
@media(max-width:950px){.shelf-room{grid-template-columns:65px minmax(0,1fr) 65px}.room-plant-left{width:77px}.room-plant-right{width:68px}.shelf-room .shelf-row{justify-content:flex-start;overflow-x:auto;padding-left:12px;scrollbar-width:thin}.wall-art{right:16px}}
@media(max-width:650px){.shelf-room{grid-template-columns:25px minmax(0,1fr) 25px;padding-top:105px;padding-bottom:35px}.room-plant-left{width:55px;left:-11px;bottom:7px}.room-plant-right{width:48px;right:-8px;bottom:7px}.wall-art{width:90px;height:82px;right:10px;top:8px}.shelf-room .plant{width:70px;left:-14px}.shelf-room .plant.long-vine{width:69px;right:-16px;left:auto}.shelf-room .shelf-row{padding-left:14px;gap:6px}.room-floor{position:absolute;bottom:0;left:0;right:0;height:23px}.shelf-room .shelf-feet{padding:0 15px}}