:root{--paper:#f0f1f2}body{background:var(--paper)}.shelf-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start;margin-top:23px}.reward-aside{min-width:0}.reward-aside>.panel{margin-top:0;padding:23px}.reward-aside h3{font:500 23px/1.25 Georgia,serif;margin:13px 0 20px}.reward-streak-number{font:500 45px/1.2 system-ui;color:var(--accent);letter-spacing:-1.5px;margin:20px 0 12px}.reward-streak-number small{display:block;font:11px system-ui;letter-spacing:0;color:var(--muted);margin-top:5px}.reward-milestones{display:grid;gap:8px;margin-top:16px;padding-top:17px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.reward-milestones span:before{content:'·';color:var(--accent);padding-right:9px;font-weight:800}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.collection-item{border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:11px 8px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:5px}.reward-art{width:65px;height:76px;display:block;flex-shrink:0}.collection-item strong{font-size:10px;font-weight:600;color:var(--ink)}.collection-item small{font-size:9px;color:var(--muted)}.collection-item.locked{filter:grayscale(1);opacity:.5}.reward-choice{margin:20px 0 10px;display:grid;gap:8px}.reward-choice .note{font-size:10px}#rewardBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--soft);border:1px solid var(--line);padding:16px 20px;border-radius:12px;margin:0 0 22px;font-size:12px}.custom-shelf{--scene:#e6ebe7;--plank:#a3b7a6;--edge:#78917f;--motif:#6c9075;background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:23px;overflow:hidden;box-shadow:0 4px 20px #15291c04}.shelf-title{padding:20px 22px 17px;align-items:center}.shelf-title h3{font:500 26px Georgia;margin:7px 0 0;line-height:1.15}.shelf-title .eyebrow{font-size:8px}.shelf-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.shelf-tools>.note{font-size:10px;margin-right:6px}.shelf-tools .quiet{font-size:10px;padding:7px 10px}.shelf-small{padding:6px 8px;border:0;border-radius:6px;background:var(--paper);color:var(--muted);font-size:12px}.shelf-scene{background:var(--scene);padding:0 22px 20px;position:relative}.season-garland{height:38px;display:flex;justify-content:space-around;align-items:start;padding-top:6px;color:var(--motif);font-size:17px}.season-garland:has(span){border-top:1px solid var(--motif)}.season-garland span:nth-child(even){transform:translateY(8px);font-size:13px}.shelf-contents{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 14px;min-height:155px;padding:5px 6px 0;position:relative;z-index:1}.shelf-volume{background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;max-width:81px;min-height:144px;padding:0;color:var(--ink);position:relative}.shelf-volume .cover{width:71px;height:106px;box-shadow:3px 3px 8px #0002;border-radius:2px 6px 3px 2px}.shelf-volume>span:last-child{font-size:9px;line-height:1.2;max-width:82px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:7px;height:19px}.shelf-volume .fallback{min-height:106px;font:26px Georgia}.placed-decor{width:68px;height:113px;display:flex;align-items:end;justify-content:center;padding-bottom:24px}.placed-decor .reward-art{width:68px;height:82px;filter:drop-shadow(2px 4px 2px #223a2012)}.shelf-plank{height:15px;background:var(--plank);border-bottom:5px solid var(--edge);border-radius:3px;box-shadow:0 10px 12px #24352114}.shelf-placeholder{min-height:135px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--edge);gap:8px;font:21px Georgia}.shelf-placeholder small{font:10px system-ui;text-align:center;color:var(--edge);opacity:.85}.theme-spring{--scene:#edf1e8;--plank:#b1c3a7;--edge:#8b9f7c;--motif:#b98294}.theme-summer{--scene:#eeeedf;--plank:#c7bd95;--edge:#a29876;--motif:#c0a24f}.theme-autumn{--scene:#eee7df;--plank:#bd9f83;--edge:#9b7d64;--motif:#b18c64}.theme-winter{--scene:#e6ebee;--plank:#a9bcc6;--edge:#8299a5;--motif:#8ca6b4}.theme-halloween{--scene:#e6e2ec;--plank:#9d8cad;--edge:#796385;--motif:#b28755}.theme-muertos{--scene:#ece3e7;--plank:#b39aa7;--edge:#8d7481;--motif:#bc9058}.theme-christmas{--scene:#e3eae4;--plank:#91aa99;--edge:#6a8c77;--motif:#b07b76}.theme-september{--scene:#e5ebe4;--plank:#9fb19e;--edge:#789375;--motif:#af7873}.all-books{margin-top:0;padding:19px 22px}.all-books>summary{font-weight:600;font-size:12px;color:var(--muted);cursor:pointer}.all-books[open]>summary{margin-bottom:20px}.selection-field{border:1px solid var(--line);border-radius:12px;padding:15px;min-width:0;margin:0}.selection-field legend{font-size:11px;font-weight:600;color:var(--ink);padding:0 6px}.selection-field>.note{font-size:10px;margin-bottom:12px}.book-choices{max-height:240px;overflow:auto;display:grid;gap:9px}.book-pick{display:flex;gap:11px;align-items:center;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:8px;cursor:pointer}.book-pick input,.decor-pick input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}.book-pick .cover{width:33px;height:47px;min-height:0;font-size:18px}.book-pick b{font-size:11px;color:var(--ink);font-weight:550}.book-pick small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.decor-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:300px;overflow:auto}.decor-pick{padding:10px 7px;border:1px solid var(--line);border-radius:9px;background:var(--card);display:flex;align-items:center;gap:7px;cursor:pointer}.decor-pick:has(input:checked),.book-pick:has(input:checked){border-color:var(--accent);background:var(--soft)}.decor-pick .reward-art{width:39px;height:52px}.decor-pick>span{font-size:10px;line-height:1.4;color:var(--ink)}.decor-pick small{display:block;color:var(--muted);font-size:9px}.shelf-empty{padding:38px 22px}.shelf-empty p{font-size:12px;max-width:320px;margin:14px auto 20px}.widget-note{margin-top:2px}.widget-note h3{margin-bottom:10px}:root[data-mode=dark] .custom-shelf{--scene:#27362e;--plank:#627e6b;--edge:#44634f;--motif:#9dbca7}:root[data-mode=dark] .theme-spring{--scene:#303b2d;--motif:#bf96a1}:root[data-mode=dark] .theme-halloween{--scene:#38313e;--motif:#c8a16d}:root[data-mode=dark] .theme-muertos{--scene:#3d3037;--motif:#c99d65}:root[data-mode=dark] .theme-christmas{--scene:#2a3d30;--motif:#c4948a}:root[data-mode=dark] .theme-winter{--scene:#2e3b43;--motif:#b1c9d6}
@media(max-width:980px){.shelf-layout{grid-template-columns:1fr}.reward-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reward-aside>.panel{margin:0}.collection-grid{grid-template-columns:1fr 1fr 1fr}.shelf-contents{gap:15px}}
@media(max-width:580px){.reward-aside{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(3,1fr)}.collection-item{padding:8px 5px}.collection-item .reward-art{width:53px;height:65px}.collection-item strong{font-size:9px}.shelf-title{padding:18px;gap:14px}.shelf-title h3{font-size:24px}.shelf-tools{width:100%;justify-content:flex-end}.shelf-tools>.note{margin-right:auto}.shelf-scene{padding:0 14px 18px}.shelf-contents{gap:12px 8px;padding:4px 0 0;min-height:137px}.shelf-volume{max-width:66px;min-height:126px}.shelf-volume .cover{height:91px;width:61px}.shelf-volume .fallback{min-height:91px}.shelf-volume>span:last-child{max-width:65px;font-size:8px}.placed-decor{width:57px;height:100px;padding-bottom:23px}.placed-decor .reward-art{width:57px;height:72px}.season-garland{height:30px}.shelf-placeholder{min-height:120px;font-size:19px}.decor-choices{grid-template-columns:1fr 1fr}.decor-pick{gap:6px;padding:8px 5px}.decor-pick .reward-art{width:30px}.decor-pick>span{font-size:9px}#rewardBanner{padding:15px;align-items:flex-start;flex-direction:column}.reward-aside h3{font-size:24px}.reward-streak-number{font-size:41px}}

:root[data-theme=black]{--accent:#292929;--accent2:#454545;--ink:#202124;--paper:#f0f1f2;--card:#fff;--muted:#62656a;--line:#d4d6d8;--soft:#e2e3e5;--on:#fff;--hero:#202124;color-scheme:light}
:root[data-mode=dark]{color-scheme:dark;--paper:#17191c;--card:#22252a;--ink:#eef0f3;--muted:#b0b8c2;--line:#424851;--soft:#303b36;--accent:#91cfab;--accent2:#aedfc0;--on:#13241a;--hero:#193d2b;--gold:var(--accent);--chart1:var(--accent);--chart2:#8ba4c7;--chart3:#c4aad8;--chart4:#d8be83;--chart5:#80c3bf;--chart6:#da9aab;--chart7:#a8be8d;--chart8:#d6b1a0}
:root[data-theme=blue][data-mode=dark]{--accent:#95c3ff;--accent2:#b4d5ff;--soft:#263b55;--hero:#193858;--on:#112944}
:root[data-theme=pink][data-mode=dark]{--accent:#f2a8d0;--accent2:#ffc6e3;--soft:#482d3e;--hero:#51283d;--on:#3b142b}
:root[data-theme=yellow][data-mode=dark]{--accent:#e5cc76;--accent2:#f7df99;--soft:#403a26;--hero:#48401e;--on:#32280c}
:root[data-theme=red][data-mode=dark]{--accent:#f4aaa4;--accent2:#ffcbc5;--soft:#492e2e;--hero:#522626;--on:#371615}
:root[data-theme=purple][data-mode=dark]{--accent:#cbb0f5;--accent2:#e2ceff;--soft:#3b304c;--hero:#3c2855;--on:#291a40}
:root[data-theme=gray][data-mode=dark]{--accent:#c0cbd3;--accent2:#e0e6ec;--soft:#353d44;--hero:#30383f;--on:#20282e}
:root[data-theme=black][data-mode=dark]{--paper:#08090b;--card:#151619;--accent:#eee;--accent2:#fff;--soft:#292b30;--hero:#1c1e22;--on:#111}
.locked-piece .reward-art{opacity:.55;filter:grayscale(.5)}.collection-item .quiet{font-size:10px;padding:5px 9px}.collection-item.owned{border-color:var(--accent)}#catalogGrid{max-height:660px;overflow:auto}.annual-companion{position:relative;display:grid;justify-items:center;padding:20px}.annual-companion .reward-art{width:100px;height:110px}.pet-accessory{position:absolute;top:75px;font-size:30px}.pet-accessory.outfit-hat{top:15px}.annual-companion strong{font-size:12px}.floating-companion{position:fixed;bottom:20px;right:20px;z-index:5;pointer-events:none}.floating-companion .reward-art{width:65px;height:76px}.floating-companion>span{position:absolute;top:30px;left:20px;font-size:24px}.art-dragon,.art-phoenix,.art-moonflower{animation:reward-glow 3s ease-in-out infinite}@keyframes reward-glow{50%{filter:drop-shadow(0 0 7px #dfb55a)}}@media(prefers-reduced-motion:reduce){.reward-art{animation:none}}@media(max-width:580px){.header-actions{flex-wrap:wrap;gap:8px}.theme-label{font-size:10px}}

.annual-companion .pet-accessory{top:20px!important;left:50%;transform:translateX(-50%);width:100px;height:110px}.pet-costume{width:100%;height:100%;display:block}.floating-companion>span{inset:0;width:65px;height:76px}.dragon-smoke{animation:smoke-drift 3s infinite}@keyframes smoke-drift{50%{transform:translateY(-3px);opacity:.35}}@media(prefers-reduced-motion:reduce){.dragon-smoke{animation:none}}
.season-spacer{height:35px}.illustrated-garland{height:91px!important;padding:8px 8px 0!important;align-items:flex-start!important;position:relative;border-top:0!important;gap:8px}.illustrated-garland:before{content:'';position:absolute;left:0;right:0;top:10px;height:26px;border-bottom:1px solid var(--motif);border-radius:0 0 50% 50%;opacity:.45}.illustrated-garland .season-token{width:60px;height:69px;position:relative;display:block;transform:none!important;flex-shrink:1}.season-token:nth-child(even){margin-top:12px}.season-icon{height:100%;width:100%;display:block;filter:drop-shadow(0 3px 1px #23362209)}.theme-summer .illustrated-garland:before,.theme-autumn .illustrated-garland:before,.theme-spring .illustrated-garland:before{opacity:.15}.motif-butterfly{animation:season-float 6s ease-in-out infinite}.motif-bat{animation:season-float 8s ease-in-out infinite}.token-3 .motif-butterfly{animation-delay:-3s}.theme-christmas .season-token:nth-child(odd):before{content:'';position:absolute;left:50%;height:13px;top:-7px;border-left:1px solid var(--motif)}@keyframes season-float{50%{transform:translateY(-5px) rotate(4deg)}}@media(max-width:580px){.illustrated-garland{height:76px!important;padding:5px 0 0!important;gap:3px}.illustrated-garland .season-token{width:46px;height:55px}.season-token:nth-child(even){margin-top:10px}.illustrated-garland:before{top:1px}}@media(prefers-reduced-motion:reduce){.season-icon{animation:none}}

.shelf-display-control{display:flex;align-items:center;gap:5px;padding:0 22px 14px;flex-wrap:wrap}.shelf-display-control>span{font-size:10px;color:var(--muted);margin-right:7px}.shelf-display-control button{font-size:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:6px 11px;border-radius:7px}.shelf-display-control button[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent);font-weight:600}.shelf-display-control small{font-size:9px;color:var(--muted);margin-left:auto}.custom-shelf .shelf-contents{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:181px;padding:10px 6px 9px;gap:15px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.custom-shelf .shelf-volume,.custom-shelf .placed-decor{flex-shrink:0;scroll-snap-align:start}.custom-shelf .shelf-volume:not(.spine-volume){width:81px;max-width:81px}.custom-shelf .shelf-volume .cover{height:120px;width:81px}.custom-shelf .shelf-volume .fallback{min-height:120px}.custom-shelf .spine-volume{height:var(--spine-height);min-height:0;width:43px;max-width:43px;display:flex;flex-direction:column;gap:8px;border-radius:4px 6px 2px 2px;border-left:3px solid #ffffff20;border-right:4px solid #00000018;padding:9px 4px 6px;background:linear-gradient(90deg,#0002,transparent 25%,#ffffff0a 65%,#0001),var(--spine-color);color:var(--spine-ink);box-shadow:3px 3px 5px #0002;justify-content:flex-start}.custom-shelf .spine-volume:hover{filter:brightness(1.08);transform:translateY(-3px)}.spine-band{width:100%;height:5px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.65;flex-shrink:0}.custom-shelf .spine-volume .spine-title{writing-mode:vertical-rl;text-orientation:mixed;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:12px/1.35 Georgia,serif;max-height:none;height:auto;flex:1;max-width:none;padding:0;letter-spacing:.2px}.custom-shelf .spine-volume .spine-mark{font:10px Georgia;height:10px;padding:0;flex-shrink:0;opacity:.8}.display-spines .shelf-contents{gap:5px;align-items:flex-end}.display-spines .placed-decor{margin-left:12px}.shelf-contents:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:580px){.shelf-display-control{padding:0 18px 12px}.shelf-display-control small{width:100%;margin:5px 0 0;font-size:8px}.custom-shelf .shelf-volume:not(.spine-volume){width:66px;max-width:66px}.custom-shelf .shelf-volume .cover{width:66px;height:98px}.custom-shelf .shelf-volume .fallback{min-height:98px}.custom-shelf .shelf-contents{min-height:176px}.custom-shelf .spine-volume{width:38px;max-width:38px}.custom-shelf .spine-volume .spine-title{font-size:11px}}