[hidden]{display:none!important}.shelf-page{position:relative;min-height:100vh;color:#cdd8f0}.shelf-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 18%,#ffe9b8 60%,transparent 61%),radial-gradient(1.2px 1.2px at 85% 12%,#cfe0ff 60%,transparent 61%),radial-gradient(1.4px 1.4px at 92% 42%,#ffe9b8 60%,transparent 61%),radial-gradient(1.1px 1.1px at 6% 55%,#cfe0ff 60%,transparent 61%),radial-gradient(1.3px 1.3px at 70% 88%,#ffe9b8 60%,transparent 61%),radial-gradient(1100px 700px at 50% 36%,#2b3b66 0,#1c2647 48%,#131a30 100%)}.shelf-page .topbar{background:rgba(19,26,48,.72);border-bottom:1px solid rgba(255,255,255,.08)}.shelf-page .topbar .logo{color:#ffe9b8}.shelf-page .topbar .logo-en,.shelf-page .topbar nav a{color:#8fa2cc}.shelf-page .topbar nav a:hover{color:#f2c46b;border-color:#f2c46b}.shelf-page .ms-btn-coral{background:#f2c46b;color:#33415e;border-color:rgba(51,65,94,.35)}.shelf-page .ms-btn-coral:hover{background:#e5b95f}.shelf-page .ms-btn-ghost{background:rgba(255,255,255,.07);color:#ffe9b8;border-color:rgba(255,255,255,.22);box-shadow:none}.shelf-page .ms-btn-ghost:hover{background:rgba(255,233,184,.18);box-shadow:none}.shelf-page .ms-btn-ghost:active{box-shadow:none}.shelf{width:min(1080px,92vw);margin:0 auto;padding:clamp(1.4rem,3.5vh,2.4rem) 0 2rem}.head{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1.2rem,3vh,1.8rem);position:relative}.head-main{flex:1 1 320px}.head .kicker{color:#9fb0d8;font-size:.95rem;letter-spacing:.2em;margin-bottom:.5rem}.head .kicker,h1{font-family:var(--font-display);font-weight:600}h1{font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.3;color:#ffe9b8}h1 .hl{position:relative;display:inline-block;white-space:nowrap}h1 .hl .scribble{position:absolute;left:-2%;bottom:-.34em;width:104%;height:.42em;z-index:-1}.head .sub{color:#8fa2cc;margin-top:.5rem;font-size:clamp(.92rem,1.7vw,1rem)}.doodle{position:absolute;pointer-events:none;opacity:.9}.d-star{width:22px;top:-6px;right:30%;fill:#ffd98a;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));grid-gap:1.1rem;gap:1.1rem;align-items:start}.bcard[data-format=spread]{grid-column:span 2}.bcard{display:flex;flex-direction:column;background:#fbf6ec;border:1px solid rgba(60,45,20,.12);border-radius:var(--radius-tile);box-shadow:0 6px 18px rgba(6,10,24,.45);padding:.7rem .7rem .65rem;text-decoration:none;color:#33415e;transition:transform .2s ease,box-shadow .2s ease}.bcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(6,10,24,.55)}.cover{display:block;position:relative;aspect-ratio:2/1;margin-bottom:.6rem}.bcard[data-format=square] .cover{aspect-ratio:1}.c-art{border:1px solid rgba(60,45,20,.14);border-radius:8px 10px 7px 9px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;padding:.5rem .4rem;text-align:center;background:linear-gradient(168deg,#E8613C,#C94E2C)}.c-art,.c-art img{position:absolute;inset:0}.c-art img{width:100%;height:100%;object-fit:cover}.c-art .c-name{position:relative;z-index:2;font-family:var(--font-display);font-weight:600;color:var(--cream-text);font-size:.95rem;line-height:1.35;text-shadow:0 2px 10px rgba(28,38,71,.55),0 0 22px rgba(28,38,71,.4)}.c-art .c-en{position:relative;z-index:2;font-family:var(--font-latin);font-style:italic;font-size:.56rem;color:rgba(255,248,236,.85);text-shadow:0 1px 6px rgba(28,38,71,.6)}.c-art .c-star{position:absolute;top:9%;right:11%;color:#f2c46b;font-size:.9rem;z-index:3}.c-art.making{background:repeating-linear-gradient(45deg,#F7E9CD 0 9px,#EFDCB4 9px 18px)}.c-art.making .c-name{color:#8a7a66;text-shadow:none}.c-art.making .c-spark{color:#f2c46b;font-size:1.2rem;animation:sparkspin 2.2s ease-in-out infinite}@keyframes sparkspin{0%,to{transform:scale(1) rotate(0deg);opacity:.8}50%{transform:scale(1.3) rotate(18deg);opacity:1}}.c-art.failed{background:repeating-linear-gradient(45deg,#F3DCCB 0 9px,#EAC3A8 9px 18px)}.c-art.failed .c-name{color:#C94E2C;text-shadow:none}.b-info{display:flex;flex-direction:column;gap:.18rem}.b-title{font-family:var(--font-display);font-weight:600;font-size:.98rem;color:#33415e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-status{font-size:.78rem;color:#8a7a66;display:flex;align-items:center;gap:.4em}.b-status .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.b-status .dot.making{background:#e5b95f;animation:dotblink 1.6s ease-in-out infinite}@keyframes dotblink{0%,to{opacity:.45}50%{opacity:1}}.b-status.done{color:#b3822d}.b-status.done .dot{background:#e5b95f}.b-status.failed{color:#C94E2C}.b-status.failed .dot{background:#C94E2C}.b-bar{height:6px;background:#f3e9d5;overflow:hidden;margin:.18rem 0 .1rem}.b-bar,.b-bar i{display:block;border-radius:99px}.b-bar i{height:100%;background:linear-gradient(90deg,#f2c46b,#e5b95f)}.b-time{font-size:.72rem;color:#b3a692}.empty{display:grid;place-items:center}.empty-card{width:min(520px,100%);border:2.5px dashed #d8a94e;border-radius:var(--radius-panel);padding:2.6rem 1.6rem 2.2rem;text-align:center;background:rgba(255,248,236,.95);box-shadow:0 6px 24px rgba(10,18,40,.35)}.empty-card .e-star{margin:0 auto 1rem;width:34px;fill:#e5b95f;animation:float 7s ease-in-out infinite}.empty-card h2{font-family:var(--font-display);font-weight:600;font-size:1.35rem;color:#33415e}.empty-card .e-sub{color:#6f6050;font-size:.94rem;margin:.5rem 0 1.4rem}.empty-card .ms-btn{font-size:1.02rem}.empty-note{margin-top:1.2rem;font-size:.76rem;color:#9a8a74}.head-actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;flex-shrink:0}.collect-toggle{font-size:.86rem;padding:.55em 1.1em;cursor:pointer}.collect{margin:.2rem 0 1.5rem;background:rgba(255,248,236,.93);border-radius:16px;padding:1rem 1.1rem 1.1rem;box-shadow:0 6px 20px rgba(6,10,24,.35)}.collect-hint{margin:0 0 .55rem;font-size:.8rem;color:#6f6050}.collect-row{display:flex;gap:.6rem;align-items:center}.collect-row input{flex:1 1;min-width:0;font:inherit;font-size:.92rem;color:#33415e;background:#fbf6ec;border:1.5px solid rgba(60,45,20,.3);border-radius:var(--radius-inner);padding:.55em 1em}.collect-row input::placeholder{color:#b3a692}.collect-row input:disabled{opacity:.6}.collect-row .ms-btn{flex-shrink:0;font-size:.9rem;padding:.6em 1.3em}.collect-msg{margin:.6rem 0 0;font-size:.8rem;color:#C94E2C}.collect-msg.ok{color:#b3822d}.shelf-foot{margin-top:1.8rem;text-align:center;font-size:.78rem;color:#6d7ea8;line-height:1.8}.shelf-foot b{color:#f2c46b;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise{animation:rise .6s cubic-bezier(.2,.7,.3,1) both}.d1{animation-delay:.05s}.d2{animation-delay:.13s}@media (max-width:560px){.books{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.85rem}.bcard{padding:.55rem .55rem .5rem}.d-star{display:none}.collect-row{flex-direction:column;align-items:stretch}.collect-row .ms-btn{width:100%}}@media (max-width:350px){.bcard[data-format=spread]{grid-column:auto}}@media (prefers-reduced-motion:reduce){.b-status .dot.making,.c-spark,.doodle,.empty-card .e-star,.rise{animation:none!important}}