:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff9e8;--paper:#fffdf6;--ink:#26364a;--muted:#66758a;--blue:#367fda;--sky:#89d4f5;--yellow:#ffd84f;--pink:#f5a7bf;--coral:#f27567;--green:#8dca76;--purple:#a894e8;--line:#26364a24;--toy-shadow:0 7px 0 #26364a2b;--soft-shadow:0 18px 45px #3a527024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 7% 35%, #ffd84f38, transparent 18%), radial-gradient(circle at 96% 62%, #f5a7bf38, transparent 18%), var(--cream);min-height:100vh;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;background:#fffdf6ed;border-bottom:2px solid #26364a14;justify-content:space-between;align-items:center;min-height:80px;padding:12px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.brand-seal{background:var(--yellow);border-radius:15px;width:48px;height:48px;display:block;position:relative;transform:rotate(-3deg);box-shadow:0 5px #d6a92b,inset 0 2px #ffffffa6}.brand-seal:before,.brand-seal:after{content:"";background:#f58e77;border-radius:10px 10px 4px 4px;width:13px;height:19px;position:absolute;top:-7px}.brand-seal:before{left:8px;transform:rotate(-8deg)}.brand-seal:after{right:8px;transform:rotate(8deg)}.brand-seal i{background:var(--ink);z-index:1;border-radius:50%;width:6px;height:7px;position:absolute;top:21px}.brand-seal i:first-child{left:14px}.brand-seal i:last-child{right:14px}.brand strong{letter-spacing:.02em;font-size:17px;display:block}.brand small{color:var(--blue);letter-spacing:.14em;margin-top:3px;font-size:9px;font-weight:800;display:block}.topbar-actions{align-items:center;gap:20px;display:flex}.save-note{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.save-note i{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #8dca7633}.save-note.cloud-error i{background:var(--coral);box-shadow:0 0 0 4px #f275672e}.edit-mode{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:850;box-shadow:0 4px #26364a29}.edit-mode.active{background:var(--green)}.add-button,.submit{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:999px;padding:10px 18px;font-weight:800;transition:transform .15s,box-shadow .15s}.add-button span{background:#fff;border-radius:50%;place-items:center;width:23px;height:23px;margin-right:5px;display:inline-grid}.add-button:hover,.submit:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)rotate(-1deg)}.add-button:active,.submit:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.hero{background:var(--sky);border-radius:0 0 54px 54px;grid-template-columns:minmax(410px,.9fr) minmax(470px,1.1fr);align-items:center;gap:60px;min-height:440px;padding:58px clamp(22px,7vw,108px) 60px;display:grid;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;background:#ffffff47;border-radius:50%;position:absolute}.hero:before{width:220px;height:220px;top:86px;left:-88px;box-shadow:240px -170px 0 -54px #ffd84fe0,420px 260px 0 -72px #f5a7bfb8}.hero:after{width:155px;height:155px;top:-30px;right:-55px;box-shadow:-45px 330px 0 -35px #ffd84fd1}.hero-copy{z-index:2;max-width:620px;position:relative}.eyebrow{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.eyebrow span,.add-modal>.eyebrow{color:var(--blue);letter-spacing:.06em;background:#ffffffc7;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:850;display:inline-block}.hero h1{letter-spacing:-.055em;max-width:610px;margin:0 0 18px;font-size:clamp(47px,5vw,72px);font-weight:900;line-height:1.05}.hero h1 em{color:#fff;text-shadow:0 4px #26364a2e;font-style:normal;display:block}.hero-copy>p{color:#26364ac7;max-width:570px;margin:0;font-size:14px;font-weight:620;line-height:1.8}.hero-actions{align-items:center;gap:16px;margin-top:24px;display:flex}.hero-actions button{border:2px solid var(--ink);background:var(--coral);color:#fff;cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:999px;padding:11px 17px;font-weight:820;transition:transform .15s,box-shadow .15s}.hero-actions button:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.hero-actions button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.hero-actions button b{margin-left:8px}.hero-actions span{color:#26364ab8;font-size:10px;font-weight:750}.shelf-drop-zone{z-index:2;background:#ffffff57;border:3px dashed #26364a2e;border-radius:48px;min-width:0;min-height:330px;padding:48px 30px 24px;transition:transform .25s,background .25s,border-color .25s;position:relative}.drop-ready .shelf-drop-zone{border-color:var(--blue);background:#ffffffb8;transform:scale(1.025)rotate(.5deg)}.drop-cloud{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:999px;min-width:180px;padding:12px 22px;font-size:13px;font-weight:900;position:absolute;top:-21px;left:50%;transform:translate(-50%);box-shadow:0 5px #26364a2e}.hero-books{justify-content:center;align-items:flex-end;height:208px;padding:0 15px;display:flex;position:relative}.hero-book{z-index:2;filter:drop-shadow(0 12px 8px #26364a38);width:124px;height:188px;margin-left:-17px;transition:transform .25s;position:relative}.hero-book:first-child{margin-left:0}.hero-book .cover{border-radius:7px}.toy-shelf{z-index:3;border:3px solid var(--ink);background:#f0a962;border-radius:8px;height:24px;position:relative;box-shadow:0 8px #26364a30}.toy-shelf i{border:3px solid var(--ink);background:#f0a962;border-top:0;border-radius:0 0 6px 6px;width:20px;height:26px;position:absolute;bottom:-27px}.toy-shelf i:first-child{left:7%}.toy-shelf i:nth-child(2){left:calc(50% - 10px)}.toy-shelf i:nth-child(3){right:7%}.shelf-drop-zone>p{text-align:center;color:#26364ab3;margin:28px 0 0;font-size:10px;font-weight:800}.summary-strip{grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(210px,1.25fr);gap:14px;max-width:1410px;margin:24px auto 0;padding:0 22px;display:grid}.summary-strip>div{border:2px solid var(--ink);min-height:98px;box-shadow:var(--toy-shadow);border-radius:24px;flex-direction:column;justify-content:center;padding:17px 19px;display:flex}.summary-strip span{letter-spacing:.06em;margin-bottom:8px;font-size:10px;font-weight:820}.summary-strip strong{font-size:28px;font-weight:900;line-height:1}.summary-strip strong small{opacity:.65;font-size:12px}.stat-yellow{background:var(--yellow);transform:rotate(-1deg)}.stat-pink{background:var(--pink);transform:rotate(1deg)}.stat-green{background:var(--green);transform:rotate(-.5deg)}.stat-purple{background:var(--purple);transform:rotate(.8deg)}.summary-strip .stage-summary{background:var(--blue);color:#fff}.summary-strip .stage-summary strong{font-size:19px;line-height:1.25}.workspace{grid-template-columns:242px minmax(0,1fr);gap:22px;max-width:1480px;margin:26px auto 0;padding:0 22px;display:grid}.sidebar{padding:22px 0 60px}.view-nav{gap:10px;margin-bottom:24px;display:grid}.view-nav button{text-align:left;cursor:pointer;background:#ffffff8c;border:2px solid #0000;border-radius:18px;padding:13px 15px;transition:transform .18s,background .18s,border-color .18s}.view-nav button:hover{background:#fff;transform:translate(5px)}.view-nav button.active{border-color:var(--ink);background:var(--yellow);transform:rotate(-1deg);box-shadow:0 5px #26364a2b}.view-nav span{font-size:14px;font-weight:850;display:block}.view-nav small{color:#26364aa6;margin-top:3px;font-size:9px;display:block}.sidebar-panel{border:2px solid var(--line);background:#ffffffa8;border-radius:22px;margin-top:14px;padding:19px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:11px;display:flex}.panel-heading span{font-weight:850}.panel-heading strong{color:var(--coral);font-size:10px}.age-panel input{width:100%;accent-color:var(--blue);cursor:pointer}.range-labels{color:#8e9aaa;justify-content:space-between;margin-top:4px;font-size:8px;display:flex}.coverage-list{gap:10px;display:grid}.coverage-row{color:var(--muted);grid-template-columns:58px 1fr 18px;align-items:center;gap:8px;font-size:9px;display:grid}.coverage-row>div{background:#e6e6dc;border-radius:999px;height:7px;overflow:hidden}.coverage-row i{border-radius:inherit;background:var(--coral);min-width:1px;height:100%;display:block}.coverage-row b{color:var(--ink);text-align:right;font-size:9px}.sidebar-quote{border:2px solid var(--ink);background:var(--green);border-radius:23px;margin-top:14px;padding:21px;position:relative;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 6px #26364a2b}.sidebar-quote span{color:#ffffff57;font:88px Georgia,serif;position:absolute;top:-22px;right:7px}.sidebar-quote p{margin:0;font:14px/1.8 STKaiti,KaiTi,serif;position:relative}.content{min-width:0;padding:22px 0 80px}.content-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px;display:flex}.breadcrumb{color:var(--blue);letter-spacing:.1em;margin:0 0 8px;font-size:9px;font-weight:850}.content-heading h2{margin:0 0 7px;font-size:32px;font-weight:900;line-height:1.2}.content-heading>div>p:last-child{color:var(--muted);margin:0;font-size:11px}.result-count{border:2px solid var(--ink);background:var(--pink);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-width:85px;height:78px;display:flex;transform:rotate(2deg);box-shadow:0 5px #26364a2b}.result-count strong{font-size:28px;line-height:1}.result-count span{margin-top:4px;font-size:9px;font-weight:750}.filters{border:2px solid var(--ink);background:#fff;border-radius:22px;align-items:center;gap:9px;margin-bottom:26px;padding:12px;display:flex;box-shadow:0 6px #26364a1f}.filters select,.search-box{height:42px;color:var(--ink);background:#f9f7ef;border:2px solid #26364a1f;border-radius:14px}.filters select{cursor:pointer;min-width:112px;padding:0 28px 0 11px;font-size:10px;font-weight:700}.search-box{flex:1;align-items:center;gap:8px;min-width:230px;padding:0 12px;display:flex}.search-box span{color:var(--blue);font-size:22px;transform:rotate(-15deg)}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.reset{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800}.book-grid{perspective:1500px;grid-template-columns:repeat(4,minmax(185px,1fr));gap:24px 18px;display:grid}.book-card{cursor:grab;min-width:0;height:490px;transform-style:preserve-3d;position:relative}.book-card:active{cursor:grabbing}.card-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.25,1.15);position:relative}.book-card.is-flipped .card-flipper{transform:rotateY(180deg)}.card-face{border:2px solid var(--ink);backface-visibility:hidden;background:#fff;border-radius:28px;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px #26364a2b}.card-front{transition:transform .2s,box-shadow .2s}.book-card:not(.is-flipped):hover .card-front{box-shadow:0 14px 0 #26364a26, var(--soft-shadow);transform:translateY(-6px)rotate(-.7deg)}.card-back{background:var(--yellow);flex-direction:column;padding:25px 22px 20px;display:flex;transform:rotateY(180deg)}.cover-wrap{cursor:pointer;background:linear-gradient(160deg,#e4f3ff,#f9e9bc);border:0;border-bottom:2px solid #26364a1a;justify-content:center;align-items:flex-end;width:100%;height:275px;padding:21px 22px 0;display:flex;position:relative}.cover{object-fit:contain;width:100%;height:100%;display:block}.cover-wrap .cover{filter:drop-shadow(0 13px 9px #26364a33);max-width:180px;transition:transform .2s}.cover-wrap:hover .cover{transform:translateY(-4px)rotate(1deg)}.placeholder-cover{text-align:left;border-radius:7px;flex-direction:column;justify-content:space-between;padding:20px 16px 16px;display:flex;box-shadow:inset -8px 0 #0000000f}.placeholder-mark{opacity:.18;font:46px/1 STKaiti,KaiTi,serif}.placeholder-title{font:700 22px/1.25 STKaiti,KaiTi,serif}.placeholder-author{opacity:.7;border-top:1px solid;padding-top:8px;font-size:8px}.compact-cover{object-fit:contain;width:100%;height:100%}.language-badge,.shelf-ribbon{z-index:2;border:2px solid var(--ink);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;position:absolute;top:13px;box-shadow:0 3px #26364a29}.language-badge{color:var(--blue);background:#fff;left:12px}.language-badge.english{background:var(--yellow);color:var(--ink)}.shelf-ribbon{background:var(--green);color:var(--ink);right:12px}.book-info{padding:15px 16px 14px}.book-kicker{color:var(--muted);justify-content:space-between;align-items:center;font-size:8px;display:flex}.book-kicker b{color:var(--coral);letter-spacing:.05em}.book-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:45px;margin:8px 0 3px;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.author{height:15px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 10px;font-size:8px;overflow:hidden}.tag-row{flex-wrap:wrap;gap:5px;min-height:20px;display:flex}.tag-row span,.detail-tags span{background:#8dca7657;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:750}.tag-row span:nth-child(2){background:#a894e847}.flip-button{width:100%;color:var(--blue);cursor:pointer;background:#f9f7ef;border:2px solid #26364a21;border-radius:999px;margin-top:10px;padding:7px 10px;font-size:9px;font-weight:850;transition:background .15s,transform .15s}.flip-button:hover{background:#e8f4ff;transform:rotate(-1deg)}.flip-button b{margin-left:5px;font-size:13px}.back-spark{border:2px solid var(--ink);background:var(--pink);border-radius:50%;align-self:flex-end;place-items:center;width:54px;height:54px;font-size:23px;display:grid;box-shadow:0 5px #26364a2b}.back-label{color:#846800;letter-spacing:.08em;margin:4px 0 9px;font-size:9px;font-weight:900}.card-back h3{margin:0 0 14px;font-size:22px;line-height:1.25}.back-reason{flex:1;margin:0;font:13px/1.75 Songti SC,serif;overflow:auto}.back-meta{flex-wrap:wrap;gap:6px;margin:15px 0 10px;display:flex}.back-meta span{background:#ffffff73;border:1.5px solid #26364a3d;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.card-actions{gap:7px;display:flex}.card-actions select,.card-actions button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:11px;min-width:0;height:34px;padding:0 8px;font-size:8px;font-weight:800}.card-actions select{flex:1}.card-actions button{color:var(--ink);background:var(--green)}.card-actions button.on-shelf{background:var(--blue);color:#fff}.back-flip{border-color:var(--ink);color:var(--ink);background:#fff}.rotation-board{gap:20px;display:grid}.rotation-group{border:2px solid var(--ink);background:#fff;border-radius:27px;overflow:hidden;box-shadow:0 7px #26364a26}.rotation-label{background:var(--green);border-bottom:2px solid var(--ink);grid-template-columns:50px 1fr auto;align-items:center;gap:15px;padding:17px 20px;display:grid}.rotation-label>span{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:50px;height:50px;font-size:18px;font-weight:900;display:grid}.rotation-label h3{margin:0 0 3px;font-size:14px}.rotation-label p{color:#26364ab8;margin:0;font-size:9px}.rotation-label b{font-size:9px}.rotation-books{gap:16px;padding:22px;display:flex;overflow-x:auto}.rotation-books button{text-align:left;cursor:pointer;background:0 0;border:0;flex:0 0 112px;padding:0}.rotation-books button .cover{filter:drop-shadow(0 8px 6px #26364a2e);height:150px;transition:transform .2s}.rotation-books button:hover .cover{transform:translateY(-5px)rotate(-1deg)}.rotation-books button.currently-shelved .cover{outline:4px solid var(--coral);outline-offset:3px;border-radius:3px}.rotation-books button>span{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:9px;font-weight:800;display:block;overflow:hidden}.rotation-books button small{color:var(--muted);font-size:7px}.empty-state{text-align:center;min-height:340px;color:var(--muted);background:#ffffff73;border:3px dashed #26364a38;border-radius:32px;align-content:center;place-items:center;display:grid}.empty-state>span{color:var(--blue);font-size:56px;transform:rotate(-15deg)}.empty-state h3{color:var(--ink);margin:4px 0}.empty-state p{margin:0 0 16px;font-size:10px}.empty-state button{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);cursor:pointer;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 4px #26364a2b}.cloud-empty{background:#f5a7bf33}.loading-state>span{animation:1.8s linear infinite gentleSpin}.shelf-toast{z-index:140;border:2px solid var(--ink);background:var(--yellow);min-width:280px;box-shadow:0 7px 0 var(--ink), 0 16px 40px #26364a40;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:850;animation:.35s cubic-bezier(.2,.9,.25,1.35) toastPop;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.shelf-toast span{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}footer{background:var(--blue);color:#ffffffd1;align-items:center;gap:28px;min-height:115px;padding:32px clamp(20px,5vw,76px);font-size:10px;display:flex}footer span{color:var(--yellow);letter-spacing:.05em;font-weight:900}footer p{flex:1}footer b{color:#fff;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26364a9e;place-items:center;padding:24px;animation:.18s ease-out fadeIn;display:grid;position:fixed;inset:0}.detail-modal,.add-modal{border:3px solid var(--ink);background:var(--paper);border-radius:32px;max-height:calc(100vh - 48px);position:relative;overflow-y:auto;box-shadow:0 13px #26364a73,0 35px 90px #00000045}.detail-modal{grid-template-columns:270px 1fr;gap:38px;width:min(840px,95vw);padding:36px;display:grid}.close{z-index:2;border:2px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:900;position:absolute;top:13px;right:15px;box-shadow:0 4px #26364a33}.detail-cover{border:2px solid var(--ink);background:linear-gradient(145deg,#dff3ff,#f8e7b5);border-radius:23px;height:390px;padding:12px}.detail-cover .cover{filter:drop-shadow(0 15px 12px #26364a33)}.detail-copy{padding:9px 15px 0 0}.detail-stage{color:var(--coral);letter-spacing:.08em;font-size:10px;font-weight:850}.detail-copy h2{margin:10px 0 5px;font-size:31px;line-height:1.3}.detail-author{color:var(--muted);margin:0 0 18px;font-size:11px}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.why{border:2px solid var(--ink);background:var(--yellow);border-radius:19px;margin:24px 0 18px;padding:17px 18px;box-shadow:0 5px #26364a24}.why small{color:#8a6b00;font-weight:850}.why p{margin:7px 0 0;font:14px/1.75 Songti SC,serif}.detail-meta{color:var(--muted);gap:28px;font-size:9px;display:flex}.detail-meta b{color:var(--ink);margin-left:5px}.detail-actions{gap:9px;margin-top:24px;display:flex}.detail-actions select,.detail-actions button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;height:40px;padding:0 13px}.detail-actions button{color:var(--ink);background:var(--green);font-weight:800}.cover-upload{border:2px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:12px;align-items:center;min-height:40px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.cover-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cover-credit{color:var(--blue);margin-top:18px;font-size:8px;text-decoration:none;display:inline-block}.add-modal{width:min(570px,95vw);padding:34px 38px 38px}.add-modal h2{margin:0;font-size:31px}.form-intro{color:var(--muted);margin:6px 0 22px;font-size:10px}.add-modal label{color:var(--muted);gap:7px;margin-bottom:15px;font-size:9px;font-weight:750;display:grid}.add-modal input,.add-modal select,.add-modal textarea{border:2px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:10px 11px}.add-modal input:focus,.add-modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #367fda1f}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit{width:100%;margin-top:4px}.unlock-modal{border:3px solid var(--ink);background:var(--paper);border-radius:32px;width:min(450px,94vw);padding:34px 38px 38px;position:relative;box-shadow:0 13px #26364a73,0 35px 90px #00000045}.unlock-icon{border:2px solid var(--ink);background:var(--yellow);border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:18px;font-size:30px;display:grid;transform:rotate(-3deg);box-shadow:0 6px #26364a2e}.unlock-modal h2{margin:0 0 8px;font-size:27px}.unlock-modal>p:not(.eyebrow){color:var(--muted);margin:0 0 22px;font-size:11px;line-height:1.7}.unlock-modal label{color:var(--muted);gap:7px;font-size:9px;font-weight:800;display:grid}.unlock-modal input{border:2px solid var(--line);background:#fff;border-radius:13px;outline:none;width:100%;padding:11px 12px}.unlock-modal input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #367fda1f}.form-error{color:#a2362c;background:#f2756729;border-radius:11px;margin:10px 0 0;padding:9px 11px;font-size:10px;font-weight:750}.submit:disabled{cursor:wait;opacity:.65}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%)translateY(22px)scale(.78)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes gentleSpin{to{transform:rotate(345deg)}}@media (width<=1180px){.hero{grid-template-columns:.86fr 1.14fr;gap:25px}.hero-book{width:105px;height:165px}.book-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=920px){.save-note{display:none}.hero{grid-template-columns:1fr;padding-top:44px}.shelf-drop-zone{min-height:285px}.summary-strip{grid-template-columns:repeat(4,1fr)}.summary-strip .stage-summary{grid-column:1/-1;min-height:72px}.workspace{grid-template-columns:1fr}.sidebar{padding:10px 0 0}.view-nav{grid-template-columns:repeat(4,1fr);overflow-x:auto}.sidebar-panel,.sidebar-quote{display:none}.content{padding-top:12px}.book-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=680px){.topbar{min-height:68px;padding:9px 13px}.brand small{display:none}.brand strong{font-size:13px}.brand-seal{border-radius:12px;width:39px;height:39px}.brand-seal i{top:18px}.brand-seal i:first-child{left:11px}.brand-seal i:last-child{right:11px}.add-button{box-shadow:0 4px 0 var(--ink);padding:8px 11px;font-size:10px}.edit-mode{padding:7px 9px;font-size:8px}.add-button span{width:19px;height:19px}.hero{border-radius:0 0 35px 35px;padding:36px 18px 42px}.hero h1{font-size:45px}.hero-copy>p{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start}.shelf-drop-zone{border-radius:32px;min-height:238px;padding:40px 12px 18px}.hero-books{height:155px;padding:0;overflow:hidden}.hero-book{width:88px;height:135px;margin-left:-12px}.drop-cloud{min-width:155px;padding:10px 16px;font-size:11px}.summary-strip{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px}.summary-strip>div{border-radius:19px;min-height:81px;padding:13px 15px}.summary-strip .stage-summary{grid-column:1/-1}.workspace{padding:0 14px}.view-nav{grid-template-columns:repeat(4,minmax(105px,1fr));margin-bottom:0}.content-heading{align-items:flex-start}.content-heading h2{font-size:27px}.result-count{display:none}.filters{border-radius:18px;grid-template-columns:1fr 1fr;display:grid}.search-box{grid-column:1/-1;min-width:0}.filters select{min-width:0}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 9px}.book-card{height:422px}.card-face{border-radius:20px}.cover-wrap{height:220px;padding:14px 10px 0}.book-info{padding:12px 10px 10px}.book-info h3{min-height:37px;font-size:13px}.tag-row span{padding:3px 5px;font-size:6px}.flip-button{margin-top:8px}.card-back{padding:20px 15px 14px}.card-back h3{font-size:18px}.back-reason{font-size:11px}.back-spark{width:44px;height:44px}.card-actions{display:grid}.detail-modal{grid-template-columns:1fr;gap:20px;width:min(440px,95vw);padding:25px}.detail-cover{height:300px}.detail-copy{padding:0}.detail-actions{flex-wrap:wrap}.add-modal{padding:30px 22px}.form-row{grid-template-columns:1fr;gap:0}.shelf-toast{min-width:min(310px,100vw - 30px);font-size:10px}footer{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}