:root{--cream:#f7f0e6;--paper:#fbf6ed;--ink:#514941;--muted:#8b8077;--wood:#c8a77f;--wood-light:#dcc4a5;--rose:#c89491;--sage:#9ba28a;--shadow:#4c3a2b2e;--warm-ao:#5b422e38;--wood-pale:#d9bd98;--wood-mid:#c49a70;--oat:#ded0ba;--mist-blue:#a8b5b4;--apricot:#d8ad87;--serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--sans:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--sans);background:#e9dfd2;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.room-scene{perspective:1500px;isolation:isolate;background:linear-gradient(148deg,#f2e8dc 0%,#e9d8c5 48%,#dac2aa 100%);min-height:100svh;animation:2.7s cubic-bezier(.2,.72,.25,1) both room-arrive;position:relative;overflow:hidden}.room-scene:before{content:"";z-index:20;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:radial-gradient(#54443640 .65px,#0000 .75px);background-size:5px 5px;position:absolute;inset:0}.sun-wash{z-index:5;filter:blur(7px);pointer-events:none;background:linear-gradient(100deg,#0000 5%,#fffae05c 38%,#fff7d214 76%,#0000);height:118%;animation:9s ease-in-out infinite alternate sunlight-breathe;position:absolute;inset:-25% -20% auto 28%;transform:rotate(-13deg)}.back-wall{transform-style:flat;background:linear-gradient(90deg,#ffffff24,#0000 35%),linear-gradient(#eee2d5 0 78%,#d6bda0 78% 100%);position:absolute;inset:0}.back-wall:after{content:"";z-index:-1;transform-origin:top;background:repeating-linear-gradient(97deg,#7453360f 0 2px,#0000 2px 160px),linear-gradient(#d7bea2,#c9aa87);position:absolute;inset:78% 0 0;transform:rotateX(60deg)scaleY(1.75)}.brand-plaque{z-index:7;color:#5b4c41b8;font-family:var(--serif);letter-spacing:.14em;white-space:nowrap;align-items:center;gap:9px;font-size:clamp(11px,1vw,14px);display:flex;position:absolute;top:clamp(18px,4vh,48px);left:50%;transform:translate(-50%)}.tiny-heart{color:#a77;font-size:17px}.window-area{z-index:1;border:clamp(11px,1.2vw,20px) solid #e7d8c7;border-bottom-width:clamp(20px,2vw,32px);width:min(47vw,750px);height:min(53vh,560px);position:absolute;top:10%;left:50%;transform:translate(-42%);box-shadow:inset 0 0 0 2px #74573a1f,0 13px 28px #5c463424,0 2px #ffffffbf}.window-view{background:linear-gradient(#dce6d9 0%,#edf0dc 48%,#c9d1b7 100%);position:absolute;inset:0;overflow:hidden}.window-view:after{content:"";background:linear-gradient(115deg,#ffffff61,#0000 45%);position:absolute;inset:0}.sky-glow{background:radial-gradient(circle at 64% 24%,#fff8d8 0 6%,#fff6cd8c 20%,#0000 44%);position:absolute;inset:0}.distant-ground{background:linear-gradient(#b4c19d,#8f9e7c);border-radius:52% 48% 0 0/24% 20% 0 0;position:absolute;inset:64% -10% -10%}.tree{transform-origin:bottom;width:34%;height:72%;animation:7.8s ease-in-out infinite alternate tree-sway;position:absolute;bottom:23%}.tree:before{content:"";background:#68654973;border-radius:50%;width:8%;height:65%;position:absolute;bottom:-26%;left:48%;transform:rotate(5deg)}.tree i{aspect-ratio:1;filter:blur(.2px);background:#788e67b8;border-radius:51% 49% 55% 45%;width:48%;display:block;position:absolute;box-shadow:18px 10px 28px #5b744b33}.tree i:nth-child(2){background:#8d9d72bf;top:5%;left:34%;transform:scale(1.25)}.tree i:nth-child(3){top:25%;left:8%;transform:scale(.9)}.tree i:nth-child(4){background:#637f5bad;top:28%;left:51%;transform:scale(.82)}.tree-a{top:5%;left:-7%}.tree-b{animation-delay:-2.8s;top:10%;right:-6%;transform:scale(.95)}.tree-c{opacity:.62;width:25%;height:54%;animation-delay:-4.2s;top:26%;left:36%}.window-frame{z-index:3;background:#e6d7c7;position:absolute;box-shadow:1px 1px 3px #5d453024}.frame-v{width:clamp(8px,.7vw,12px);top:0;bottom:0;left:49%}.frame-h{height:clamp(8px,.7vw,12px);top:53%;left:0;right:0}.curtain{z-index:5;opacity:.83;filter:drop-shadow(5px 5px 9px #5241321f);transform-origin:top;width:27%;height:116%;position:absolute;top:-13%}.curtain:before,.curtain:after,.curtain span{content:"";background:linear-gradient(90deg,#ffffffbd,#f5efe53d 38%,#ffffff8a 70%,#e2d8ca47);border-radius:8% 5% 16% 14%/2% 3% 9% 11%;position:absolute;inset:0}.curtain:after{opacity:.62;width:38%;left:28%}.curtain span{opacity:.52;width:30%;left:62%}.curtain-left{animation:6.8s ease-in-out infinite alternate curtain-left;left:-18%}.curtain-right{animation:7.4s ease-in-out infinite alternate curtain-right;right:-18%}.curtain-right:before,.curtain-right:after,.curtain-right span{transform:scaleX(-1)}.windowsill-plants{z-index:8;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:-38px;left:61%}.plant-pot{background:linear-gradient(90deg,#b98468,#d2a284 52%,#a9745d);border-radius:5px 5px 14px 14px;width:45px;height:38px;position:relative;box-shadow:0 8px 10px #4935282b}.plant-pot i{transform-origin:bottom;background:#849174;border-radius:100% 0;width:16px;height:48px;animation:4.7s ease-in-out infinite alternate leaf-sway;position:absolute;bottom:65%;left:48%}.plant-pot i:nth-child(2){animation-delay:-1s;transform:rotate(52deg)scale(.82)}.plant-pot i:nth-child(3){animation-delay:-2s;transform:rotate(-48deg)scale(.76)}.plant-pot i:nth-child(4){animation-delay:-3s;transform:rotate(22deg)scale(.9)}.pot-two{background:linear-gradient(90deg,#aaa58f,#d4ceb3,#95917e);width:37px;height:30px}.pot-two i{background:#6f8068;width:13px;height:37px}.bookshelf{z-index:6;transform-origin:50%;background:linear-gradient(90deg,#b7926d,#d8bd9b 12%,#c9a77f 82%,#ae8662);width:clamp(190px,20vw,310px);height:min(64vh,620px);padding:20px 18px 0;position:absolute;bottom:10%;left:clamp(30px,4.8vw,86px);transform:perspective(1100px)rotateY(1deg);box-shadow:22px 27px 34px #4c38272e,inset 0 1px #ffffff75,inset 8px 0 15px #ffffff1c}.shelf-top{background:linear-gradient(#ddc5a6,#bb956f);border-radius:3px;height:22px;position:absolute;top:-14px;left:-8px;right:-8px;box-shadow:0 4px 8px #4e3a2a21}.shelf-vase{background:linear-gradient(90deg,#cab59e,#eee2d2,#bba48b);border-radius:40% 40% 48% 48%;width:34px;height:42px;position:absolute;bottom:20px;left:16%;box-shadow:0 5px 8px #503e2f21}.shelf-vase i{transform-origin:bottom;background:#77816b;border-radius:100%;width:6px;height:40px;position:absolute;bottom:80%;left:50%;transform:rotate(-22deg)}.shelf-vase i:nth-child(2){height:46px;transform:rotate(15deg)}.shelf-vase i:nth-child(3){height:35px;transform:rotate(38deg)}.shelf-cavity{background:linear-gradient(90deg,#61442c2b,#ffffff14 22%,#6849301a),#c8a57e;height:100%;position:relative;box-shadow:inset 0 12px 22px #573b2529}.shelf-cavity:after{content:"";background:linear-gradient(#d3b38f,#a9825f);height:16px;position:absolute;top:52%;left:0;right:0;box-shadow:0 8px 12px #48332329}.shelf-books{align-items:flex-end;gap:clamp(5px,.6vw,10px);height:43%;display:flex;position:absolute;bottom:49%;left:13%;right:10%}.shelf-board{background:linear-gradient(#d8ba96,#aa805d);height:17px;position:absolute;bottom:7%;left:-5px;right:-5px;box-shadow:0 8px 14px #432f202e}.shelf-hint{text-align:center;font-family:var(--serif);letter-spacing:.16em;color:#594434a6;margin:0;font-size:11px;position:absolute;bottom:17%;left:0;right:0}.shelf-book{--book-accent:#9c7470;width:19%;height:var(--book-height,75%);cursor:pointer;background:linear-gradient(90deg, color-mix(in srgb, var(--book-accent), #5f554b 18%), var(--book-accent) 30%, color-mix(in srgb, var(--book-accent), white 16%) 75%, color-mix(in srgb, var(--book-accent), #574a40 18%));transform-origin:bottom;border:0;border-radius:3px 4px 2px 2px;padding:0;transition:transform .52s cubic-bezier(.2,.8,.2,1),box-shadow .52s;position:relative;box-shadow:4px 4px 7px #402e2133,inset 1px 0 #ffffff40}.shelf-book:before,.shelf-book:after{content:"";background:#f7ead78c;height:1px;position:absolute;left:8%;right:8%}.shelf-book:before{top:10%}.shelf-book:after{bottom:9%}.shelf-book-2{--book-height:84%;transform:rotate(2deg)}.shelf-book-3{--book-height:69%;transform:rotate(-3deg)}.shelf-book-4{--book-height:78%;transform:rotate(1deg)}:is(.shelf-book:hover,.shelf-book:focus-visible){outline:none;transform:translate3d(0,-14px,28px)rotate(-2deg);box-shadow:10px 14px 16px #3f2d1f40}.book-spine-mark{color:#fff8edd9;width:22px;height:22px;font-family:var(--serif);border:1px solid #fff5e68c;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:17%;left:50%;transform:translate(-50%)}.book-spine-title{writing-mode:vertical-rl;letter-spacing:.22em;color:#fff9f0e6;font-family:var(--serif);white-space:nowrap;font-size:clamp(9px,.7vw,12px);position:absolute;top:38%;left:50%;transform:translate(-50%)}.desk-area{z-index:8;transform-style:flat;height:43%;position:absolute;bottom:3.5%;left:35%;right:3%}.desk-shadow{filter:blur(22px);background:#4f36242e;border-radius:50%;height:40%;position:absolute;top:18%;left:1%;right:0;transform:translateY(45px)}.desk-top{transform-origin:bottom;background:linear-gradient(107deg,#e2caad,#cfac85 55%,#c39b73);border-radius:4px 6px 8px 5px;height:72%;position:absolute;inset:0 0 auto;overflow:visible;transform:perspective(1200px)rotateX(43deg);box-shadow:0 17px 26px #50392630,inset 0 3px #ffffff5c}.desk-top:after{content:"";opacity:.22;background:repeating-linear-gradient(4deg,#0000 0 22px,#6c4b3038 23px 24px);position:absolute;inset:0}.desk-front{z-index:-1;background:linear-gradient(#be956e,#9e7453);height:15px;position:absolute;top:65%;left:0;right:0;box-shadow:0 10px 17px #4530212b}.desk-leg{z-index:-2;background:linear-gradient(90deg,#9b6f50,#bd916b,#8e6347);width:25px;position:absolute;top:68%;bottom:-22%}.leg-left{left:5%}.leg-right{right:7%}.featured-book{--book-accent:#9c6f78;z-index:4;aspect-ratio:1.55;cursor:pointer;width:min(47%,440px);transform-style:preserve-3d;background:0 0;border:0;padding:0;transition:transform .55s cubic-bezier(.18,.82,.25,1);display:flex;position:absolute;top:8%;left:25%;transform:translate3d(0,-3px,22px)rotateX(-4deg)rotateY(4deg)rotate(-6deg)}:is(.featured-book:hover,.featured-book:focus-visible){outline:none;transform:translate3d(0,-10px,36px)rotateX(-2deg)rotateY(2deg)rotate(-3deg)scale(1.025)}.featured-cover{border:4px solid color-mix(in srgb,var(--book-accent),#5e4e48 17%);background:color-mix(in srgb,var(--book-accent),white 60%);width:50%;height:100%;position:relative;overflow:hidden}.left-cover{transform-origin:100%;background:#f2e6d8;border-radius:8px 2px 2px 8px;transform:rotateY(15deg)}.right-cover{transform-origin:0;color:#fff9f0;background:linear-gradient(145deg, color-mix(in srgb,var(--book-accent),white 22%), var(--book-accent));border-radius:2px 8px 8px 2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;transform:rotateY(-12deg)}.right-cover strong{font-family:var(--serif);letter-spacing:.16em;font-size:clamp(13px,1.4vw,22px)}.right-cover small{font-family:var(--serif);opacity:.8;letter-spacing:.13em}.cover-photo-mini{background:radial-gradient(circle at 70% 25%,#fff8cf 0 7%,#0000 8%),linear-gradient(155deg,#0000 47%,#6f8562a6 48%),linear-gradient(#dce6d1,#f0e1cf);position:absolute;inset:11%}.featured-gutter{z-index:4;filter:blur(1px);background:linear-gradient(90deg,#432d224d,#ffffff73,#432d2240);width:3%;position:absolute;top:3%;bottom:3%;left:49%}.loose-page{z-index:6;pointer-events:none;transform-origin:0;background:#fbf6ede0;border-radius:0 7px 10px 0;width:50%;height:96%;position:absolute;top:0;right:0;box-shadow:3px 5px 6px #4a352721}.page-two{opacity:.65;width:43%;animation:6.8s ease-in-out -2s infinite alternate loose-page-2;right:4%}.desk-cup{background:linear-gradient(90deg,#c8bbae,#eee8dc 55%,#b9a99a);border-radius:5px 6px 16px 16px;width:52px;height:62px;position:absolute;top:22%;right:10%;box-shadow:8px 10px 11px #4b35262e}.desk-cup span{border:6px solid #c8bbae;border-left:0;border-radius:0 50% 50% 0;width:25px;height:30px;position:absolute;top:13px;right:-18px}.floor-shadow{z-index:0;filter:blur(22px);background:#5a3e281f;border-radius:50%;height:8%;position:absolute;bottom:1%;left:4%;right:3%}.room-scene:before{opacity:.12;background-image:radial-gradient(#5642323d .45px,#0000 .65px),radial-gradient(#ffffffb3 .5px,#0000 .72px);background-position:0 0,3px 2px;background-size:6px 6px,8px 8px}.room-scene:after{content:"";z-index:19;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(at 69% 24%,#fffadb38,#0000 34%),radial-gradient(#0000 54%,#6c4e3613 100%),linear-gradient(145deg,#fffaf012,#d6b08b0a);position:absolute;inset:0}.sun-wash:after{content:"";filter:blur(18px);background:linear-gradient(100deg,#0000,#fff8d33d,#0000 68%);position:absolute;inset:12% 17% 8% 26%}.back-wall{background:radial-gradient(at 67% 27%,#fffae57a,#0000 32%),linear-gradient(90deg,#75553d11,#0000 11% 72%,#74553c0a),linear-gradient(#f1e7dc 0%,#eee1d4 58%,#ead9c8 78%,#d6bda0 78% 100%);box-shadow:inset 0 18px 45px #70523b09,inset 18px 0 36px #6e4f390a}.back-wall:before{content:"";z-index:0;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:repeating-linear-gradient(92deg,#0000 0 29px,#7b5e4806 30px,#0000 31px 58px),radial-gradient(at 12% 60%,#79573e17,#0000 19%),radial-gradient(#69503e1f .38px,#0000 .56px);background-size:auto,auto,7px 7px;position:absolute;inset:0 0 22%}.back-wall:after{background:repeating-linear-gradient(97deg,#74533613 0 1px,#0000 1px 136px),repeating-linear-gradient(2deg,#0000 0 18px,#ffffff14 19px 20px),linear-gradient(#d9c2a6,#c6a47f);box-shadow:inset 0 13px 21px #553b281f}.window-area{border-color:#eadccc;border-radius:14px 14px 9px 9px;box-shadow:inset 0 0 0 2px #74573a1a,inset 0 9px 14px #6c4c3414,0 16px 30px #5c463429,0 2px #ffffffd1,18px 18px 42px #5b3f2b0e}.window-view{border-radius:4px;box-shadow:inset 0 0 24px #5c4a351a}.window-view:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(116deg,#ffffff47,#0000 34%),linear-gradient(90deg,#5871510f,#0000 16% 82%,#52674a0f);position:absolute;inset:0}.window-frame{background:repeating-linear-gradient(90deg,#76583e09 0 1px,#0000 1px 8px),linear-gradient(90deg,#d6c4b1,#f0e4d6 48%,#ceb9a4);border-radius:5px;box-shadow:inset 1px 1px #ffffffa8,2px 2px 5px #5d453029}.frame-h{background:repeating-linear-gradient(0deg,#76583e09 0 1px,#0000 1px 8px),linear-gradient(#eadbca,#cfb9a3)}.curtain{opacity:.86;filter:drop-shadow(7px 8px 12px #52413221)}.curtain:before,.curtain:after,.curtain span{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 5px),linear-gradient(90deg,#ffffffc2,#e8dfd347 35%,#ffffff94 69%,#d9cdbe4d);box-shadow:inset -2px 0 6px #6753420b}.curtain-left{animation-duration:8.9s;animation-timing-function:cubic-bezier(.37,.05,.25,.98)}.curtain-right{animation-duration:10.7s;animation-timing-function:cubic-bezier(.22,.08,.32,.96);animation-delay:-3.4s}.plant-pot{background:linear-gradient(105deg,#aa745f 0%,#d9ab8d 39%,#efc8ab 54%,#b67d63 100%);border:1px solid #704c3824;border-radius:8px 8px 16px 16px;box-shadow:inset 2px 1px #ffffff6b,inset -4px -3px 7px #633f2f21,0 8px 10px #4935282e}.plant-pot:after{content:"";filter:blur(2px);background:#fff2e045;border-radius:50%;height:18%;position:absolute;top:17%;left:16%;right:18%}.plant-pot i{--leaf-angle:0deg;--leaf-shift:2px;transform:rotate(var(--leaf-angle));background:linear-gradient(125deg,#566b55,#92a27a 55%,#bbba7c);animation-name:leaf-drift;animation-duration:6.3s;animation-timing-function:cubic-bezier(.35,.04,.27,.98);box-shadow:inset 2px 1px #fff6ca29,1px 3px 5px #3a48331f}.plant-pot i:nth-child(2){--leaf-angle:52deg;--leaf-shift:-2px;animation-duration:7.6s;animation-delay:-1.7s}.plant-pot i:nth-child(3){--leaf-angle:-48deg;--leaf-shift:3px;animation-duration:8.4s;animation-delay:-4.2s}.plant-pot i:nth-child(4){--leaf-angle:22deg;--leaf-shift:-1px;animation-duration:6.9s;animation-delay:-2.8s}.pot-two{background:linear-gradient(105deg,#969482,#d7d3bd 49%,#f0ead4 58%,#898876)}.pot-two i{background:linear-gradient(125deg,#536b58,#819477 54%,#aab07b)}.windowsill-plants:after{content:"";z-index:-1;filter:blur(8px);background:#4d372933;border-radius:50%;height:12px;position:absolute;bottom:-4px;left:-14px;right:-16px}.bookshelf{background:repeating-linear-gradient(90deg,#67452b0d 0 1px,#0000 1px 9px),linear-gradient(90deg,#7d55351a,#0000 12% 82%,#5b3a2624),linear-gradient(95deg,#bc976f,#ddc3a0 15%,#cba77d 78%,#ad805c);border:1px solid #704d3426;border-radius:7px 7px 5px 5px;box-shadow:24px 30px 38px #4c382733,8px 7px 20px #50372517,inset 0 2px #ffffff8a,inset 8px 0 15px #ffffff1a,inset -7px 0 14px #56372317}.shelf-top{background:radial-gradient(at 76% 62%,#764d2c21 0 2px,#0000 3px 11px,#764d2c12 12px 13px,#0000 14px),repeating-linear-gradient(0deg,#66452b0b 0 1px,#0000 1px 7px),linear-gradient(#e3cbaa,#ba9068);border:1px solid #6f4d331f;border-radius:8px 8px 5px 5px;height:24px;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px 5px #5f3e271f,0 5px 9px #4e3a2a26}.shelf-vase{background:linear-gradient(100deg,#b9a58e,#e8ddce 40%,#fff7eb 54%,#a9927b);border:1px solid #6d59481f;border-radius:42% 42% 48% 48%/30% 30% 55% 55%;box-shadow:inset 2px 1px #ffffff7a,inset -4px -3px 7px #5143361a,0 7px 9px #503e2f26}.shelf-vase i{background:linear-gradient(#9ea082,#60715f);animation:7.2s ease-in-out infinite alternate shelf-leaf-drift}.shelf-vase i:nth-child(2){animation-duration:8.6s;animation-delay:-3.1s}.shelf-vase i:nth-child(3){animation-duration:6.8s;animation-delay:-1.4s}.shelf-cavity{background:repeating-linear-gradient(90deg,#5f3e2709 0 1px,#0000 1px 11px),linear-gradient(90deg,#50321e33,#ffffff12 19%,#6e4a2e14 78%,#4e311e2e),#caa67d;border:1px solid #5b3b261f;border-radius:3px;overflow:hidden;box-shadow:inset 0 14px 24px #573b2533,inset 10px 0 18px #4a2e1c17,inset -9px 0 16px #462b1b14}.shelf-ambient-shadow{z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 10px 13px #4b2f1d1c,inset 0 -9px 12px #4b2f1d14}.shelf-cavity:after,.shelf-board{background:repeating-linear-gradient(0deg,#603d250e 0 1px,#0000 1px 6px),linear-gradient(#d9b993,#a97d59);border-radius:3px;box-shadow:inset 0 2px #ffffff47,inset 0 -3px 5px #52321e1f,0 8px 13px #48332330}.shelf-books{z-index:3}.shelf-book{border:1px solid color-mix(in srgb, var(--book-accent), #5f5148 21%);background:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 5px), linear-gradient(90deg, color-mix(in srgb, var(--book-accent), #544b43 19%), var(--book-accent) 29%, color-mix(in srgb, var(--book-accent), white 17%) 68%, color-mix(in srgb, var(--book-accent), #51443b 21%));border-radius:6px 6px 3px 3px;box-shadow:4px 5px 8px #402e213b,0 4px 5px #3f2b1d24,inset 2px 0 #ffffff3d,inset -3px 0 #392c2417}.shelf-book:before{top:9%;box-shadow:0 2px #4d382b21}.shelf-book:after{bottom:8%;box-shadow:0 -2px #ffffff14}:is(.shelf-book:hover,.shelf-book:focus-visible){box-shadow:11px 15px 18px #3f2d1f45,0 6px 7px #402b1d1f,inset 2px 0 #ffffff40}.shelf-still-life{z-index:3;pointer-events:none;height:31%;position:absolute;bottom:10%;left:8%;right:7%}.horizontal-books{filter:drop-shadow(3px 5px 4px #422d1f2e);width:38%;height:52%;position:absolute;bottom:2%;left:0}.horizontal-books i{background:linear-gradient(#9da7a0,#7f8b85);border:1px solid #4b3d3524;border-radius:4px;width:100%;height:22%;position:absolute;bottom:0;left:0;box-shadow:inset 0 1px #ffffff59}.horizontal-books i:nth-child(2){background:linear-gradient(#d3b09b,#b88d7d);width:90%;bottom:24%;left:4%}.horizontal-books i:nth-child(3){background:linear-gradient(#c6b99e,#9e947f);width:103%;bottom:48%;left:1%}.shelf-photo{aspect-ratio:.78;background:linear-gradient(135deg,#e4d5c0,#a98768);border-radius:3px;width:22%;padding:4px;position:absolute;bottom:3%;left:45%;transform:rotate(-2deg);box-shadow:inset 0 1px #ffffff7a,3px 5px 7px #412c1e33}.shelf-photo i{background:radial-gradient(circle at 68% 27%,#f9e7bb 0 9%,#0000 10%),linear-gradient(152deg,#c8d2c3 0 48%,#889780 49%);border-radius:1px;width:100%;height:100%;display:block;box-shadow:inset 0 0 5px #4d3a2b24}.mini-ceramic{background:linear-gradient(100deg,#8f9d92,#d2dbce 48%,#edf1e6 60%,#7f8e84);border-radius:45% 45% 38% 38%/26% 26% 60% 60%;width:25%;height:47%;position:absolute;bottom:2%;right:1%;box-shadow:inset 2px 1px #fff6,inset -4px -3px 7px #37493d1f,3px 6px 7px #3f2b1e33}.mini-ceramic i{--mini-angle:0deg;transform-origin:bottom;width:23%;height:82%;transform:rotate(var(--mini-angle));background:linear-gradient(120deg,#4e6858,#889a73 58%,#afb77c);border-radius:100% 0;animation:7.1s ease-in-out infinite alternate mini-leaf;position:absolute;bottom:72%;left:47%;box-shadow:inset 1px 1px #fff4c626}.mini-ceramic i:nth-child(2){--mini-angle:43deg;height:70%;animation-duration:8.3s;animation-delay:-3s}.mini-ceramic i:nth-child(3){--mini-angle:-42deg;height:65%;animation-duration:6.6s;animation-delay:-1.8s}.shelf-hint{z-index:5;font-size:10px;bottom:2.6%}.desk-shadow{filter:blur(18px);background:radial-gradient(#4c342438,#573d2a17 58%,#0000 76%)}.desk-top{background:radial-gradient(at 16% 62%,#0000 0 10px,#7c532e13 11px 12px,#0000 13px 21px,#7c532e0a 22px 23px,#0000 24px),radial-gradient(at 77% 33%,#754b2711 0 2px,#0000 3px 9px,#754b2709 10px 11px,#0000 12px),repeating-linear-gradient(4deg,#0000 0 20px,#6f4a2b0f 21px,#0000 22px 35px),linear-gradient(103deg,#e7cfb0,#d8b58c 49%,#c59769);border:1px solid #6f4c3024;border-radius:12px 13px 11px 12px;overflow:visible;box-shadow:0 20px 29px #50392636,0 6px 8px #4b31201a,inset 0 4px #ffffff61,inset 0 -5px 9px #6740251c,inset -4px 0 8px #6740250f}.desk-top:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(92deg,#0000 0 16.5%,#6a46280b 16.6%,#0000 16.85% 33%),linear-gradient(#ffffff1f,#0000 18% 78%,#53341f0b);position:absolute;inset:0}.desk-top:after{z-index:1;border-radius:inherit;opacity:.38;mix-blend-mode:soft-light;pointer-events:none;background:repeating-linear-gradient(4deg,#0000 0 24px,#66432721 25px,#ffffff0d 26px 27px),linear-gradient(90deg,#0000,#ffffff1a 42%,#0000 70%)}.desk-front{background:repeating-linear-gradient(0deg,#5b37200f 0 1px,#0000 1px 6px),linear-gradient(#cda379,#956b4c);border-radius:3px 3px 8px 8px;height:18px;box-shadow:inset 0 2px #ffffff2e,inset 0 -3px 4px #482c1b21,0 11px 18px #4530212e}.desk-leg{background:repeating-linear-gradient(90deg,#53321d0e 0 1px,#0000 1px 6px),linear-gradient(90deg,#8f6346,#bf9169 45%,#d0a27a 57%,#81583f);border-radius:4px 4px 9px 9px;width:28px;box-shadow:inset 2px 0 #ffffff21,inset -3px 0 #432a1c1f,6px 9px 12px #4b311f26}.desk-leg:before{content:"";filter:blur(3px);background:#5b382226;border-radius:4px;height:12px;position:absolute;top:0;left:-3px;right:-3px}.desk-leg:after{content:"";filter:blur(7px);background:#482f1f33;border-radius:50%;height:13px;position:absolute;bottom:-4px;left:-13px;right:-13px}.featured-cover{border-width:4px;border-radius:11px 4px 4px 11px;box-shadow:inset 0 2px #ffffff6b,inset 0 0 16px #53392a14}.right-cover{background:linear-gradient(145deg, color-mix(in srgb,var(--book-accent),white 30%), var(--book-accent) 63%, color-mix(in srgb,var(--book-accent),#5d514a 14%));border-radius:4px 11px 11px 4px}.featured-cover:after{content:"";z-index:5;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:radial-gradient(#5b433340 .45px,#0000 .65px),linear-gradient(110deg,#fff3,#0000 32%);background-size:5px 5px,auto;position:absolute;inset:0}.loose-page{background:radial-gradient(#5f483829 .42px,#0000 .62px) 0 0/5px 5px,linear-gradient(112deg,#ffffff9e,#f9f1e6f0 55%,#e2d3c1c7);border:1px solid #765b4314;border-radius:2px 9px 12px 3px;box-shadow:inset 0 2px #ffffff73,4px 6px 7px #4a352724}.desk-posy,.desk-photos,.desk-letter,.desk-pen,.desk-cup{z-index:3;pointer-events:none}.desk-posy{transform-origin:bottom;width:64px;height:92px;transform-style:preserve-3d;position:absolute;top:7%;left:8%;transform:translate3d(0,-13px,34px)rotateX(-40deg)rotateY(10deg)rotate(-5deg)}.posy-vase{background:linear-gradient(100deg,#b8a99a,#eee4d8 48%,#fff7ec 59%,#a49384);border:1px solid #705b4a1f;border-radius:42% 42% 45% 45%/24% 24% 58% 58%;width:39px;height:51px;position:absolute;bottom:0;left:13px;box-shadow:inset 2px 1px #ffffff80,inset -4px -3px 7px #5b493c1a}.desk-posy i{transform-origin:bottom;background:#71806a;border-radius:99px;width:2px;height:39px;position:absolute;bottom:45px;left:31px}.desk-posy .stem-one{transform:rotate(-20deg)}.desk-posy .stem-two{height:44px;transform:rotate(7deg)}.desk-posy .stem-three{height:37px;transform:rotate(29deg)}.desk-posy b{aspect-ratio:1;background:radial-gradient(circle at 42% 43%,#d7ac8f 0 19%,#ead1bd 20% 56%,#c59d88 57%);border-radius:50% 45% 52% 46%;width:15px;animation:7.4s ease-in-out infinite alternate flower-breathe;position:absolute;box-shadow:2px 3px 5px #583a291f}.flower-one{top:4px;left:12px}.flower-two{top:-1px;left:28px;animation-duration:8.9s!important;animation-delay:-2.4s!important}.flower-three{top:10px;left:43px;animation-duration:6.7s!important;animation-delay:-4.1s!important}.desk-photos{width:82px;height:55px;transform-style:preserve-3d;position:absolute;bottom:8%;left:11%;transform:translate3d(0,-5px,18px)rotateY(-8deg)rotate(-5deg)}.desk-photos i{background:linear-gradient(#f7f0e5 0 68%,#e9ddce 69%);border:1px solid #79604b21;border-radius:3px;padding:6px 5px 12px;position:absolute;inset:0 21px 0 0;transform:rotate(-7deg);box-shadow:inset 0 1px #ffffffbf}.desk-photos i:before{content:"";background:linear-gradient(145deg,#bdc9bb 0 55%,#7f917b 56%);width:100%;height:100%;display:block}.desk-photos i:nth-child(2){background:linear-gradient(#f8f1e7 0 68%,#e5d7c8 69%);left:27px;right:0;transform:rotate(5deg)}.desk-photos i:nth-child(2):before{background:linear-gradient(145deg,#d9c6bc 0 52%,#a57f78 53%)}.desk-letter{background:linear-gradient(145deg,#f5eadb,#dfcfbb);border:1px solid #785b431f;border-radius:3px;width:86px;height:54px;position:absolute;bottom:5%;right:8%;transform:translate3d(0,-3px,10px)rotateY(-7deg)rotate(9deg);box-shadow:inset 0 1px #ffffff9e,5px 7px 7px #462f1f21}.desk-letter:before,.desk-letter:after{content:"";clip-path:polygon(0 0,50% 88%,100% 0);background:#c0a88f38;height:65%;position:absolute;top:0;left:0;right:0}.desk-letter:after{opacity:.6;top:auto;bottom:0;transform:scaleY(-1)}.desk-letter span{z-index:2;aspect-ratio:1;background:#b88280;border-radius:50%;width:14px;position:absolute;top:39%;left:44%;box-shadow:inset 1px 1px #fff3}.desk-pen{background:linear-gradient(#8d978d,#596b65);border-radius:999px;width:82px;height:5px;position:absolute;bottom:13%;right:13%;transform:translate3d(0,-2px,9px)rotateY(8deg)rotate(-19deg);box-shadow:inset 0 1px #ffffff52,2px 4px 5px #48302026}.desk-pen:after{content:"";border-top:2.5px solid #0000;border-bottom:2.5px solid #0000;border-left:10px solid #b49370;position:absolute;top:0;right:-9px}.desk-cup{transform-origin:bottom;background:linear-gradient(100deg,#b8aca1,#e9e4da 43%,#fff9ef 58%,#afa096);border:1px solid #6c5b4c1f;border-radius:8px 9px 18px 18px;box-shadow:inset 3px 2px #ffffff6b,inset -5px -4px 8px #58463a1a,8px 11px 12px #4b352633}.desk-cup:before{content:"";background:radial-gradient(#8f6c51 0 45%,#d3c6b8 48% 68%,#0000 70%);border-radius:50%;height:8px;position:absolute;top:3px;left:7px;right:7px}.desk-cup span{border-color:#c7bbb0;box-shadow:inset -2px 0 #ffffff52,3px 3px 5px #4f3a2b17}.reading-plant i{--reading-leaf:-35deg;transform:rotate(var(--reading-leaf));background:linear-gradient(125deg,#536a55,#849676 58%,#b0b17a);animation:7.8s cubic-bezier(.35,.04,.27,.98) infinite alternate reading-leaf-drift}.book-page{background-color:#fbf6ed;background-image:linear-gradient(106deg,#ffffff2e,#0000 24% 78%,#73543d09);border:1px solid #785b4413}.page-blush{background-color:#f7eee9}.page-sage{background-color:#f0f1e8}.page-warm{background-color:#f4eadc}.blank-page{background-color:#f9f2e8}.room-scene:after{background:radial-gradient(at 69% 24%,#fffadb38,#0000 34%),radial-gradient(#0000 61%,#5b402c17 100%),linear-gradient(145deg,#fffaf012,#d6b08b0a)}.brand-plaque{transition:color .6s,text-shadow .6s,letter-spacing .6s}.brand-plaque.has-book-title{color:#85665f;letter-spacing:.22em;text-shadow:0 4px 18px #76483d21}.landscape-sky{background:linear-gradient(#dfe9df 0%,#edf0de 47%,#d9dfc8 69%,#bcc9a7 100%);position:absolute;inset:0}.landscape-sky:before{content:"";background:radial-gradient(circle at 67% 21%,#fff9d3f2 0 5%,#fff6c77a 15%,#0000 37%),linear-gradient(115deg,#ffffff6b,#0000 42%);position:absolute;inset:0}.landscape-sky i{filter:blur(5px);background:#ffffff47;border-radius:999px;width:20%;height:6%;position:absolute;top:15%;left:10%}.landscape-sky i:nth-child(2){opacity:.55;width:28%;top:37%;left:53%}.far-hills{filter:blur(.2px);position:absolute;inset:41% -8% 15%}.far-hills i{background:linear-gradient(155deg,#bdc8ad,#8fa187);border-radius:55% 45% 0 0/67% 64% 0 0;width:58%;height:72%;position:absolute;bottom:0;box-shadow:inset 0 10px 22px #fffada29}.far-hills i:nth-child(2){opacity:.92;background:linear-gradient(160deg,#cbd2b8,#9fad91);height:84%;left:33%}.far-hills i:nth-child(3){background:linear-gradient(150deg,#b4c1a5,#83977e);height:64%;right:-8%}.far-woods{opacity:.52;filter:blur(.8px);height:29%;position:absolute;top:38%;left:-4%;right:-4%}.far-woods i{transform-origin:bottom;background:linear-gradient(120deg,#789077,#a7b394 58%,#6f866e);border-radius:48% 52% 28% 28%;width:12%;height:48%;animation:10s ease-in-out infinite alternate distant-tree-drift;position:absolute;bottom:0}.far-woods i:after{content:"";background:#5e55406b;border-radius:99px;width:7%;height:35%;position:absolute;bottom:-21%;left:47%}.far-woods i:nth-child(2){height:74%;animation-duration:12s;animation-delay:-4s;left:11%}.far-woods i:nth-child(3){height:58%;animation-duration:9s;left:22%}.far-woods i:nth-child(4){height:81%;animation-duration:13s;animation-delay:-7s;left:35%}.far-woods i:nth-child(5){height:62%;animation-duration:11s;left:48%}.far-woods i:nth-child(6){height:77%;animation-duration:14s;animation-delay:-5s;left:60%}.far-woods i:nth-child(7){height:55%;animation-duration:10.5s;left:73%}.far-woods i:nth-child(8){height:83%;animation-duration:12.7s;animation-delay:-8s;left:84%}.far-woods i:nth-child(9){height:64%;animation-duration:9.7s;right:-2%}.meadow-layer{clip-path:polygon(0 21%,14% 13%,28% 23%,43% 12%,60% 19%,77% 8%,100% 18%,100% 100%,0 100%);background:linear-gradient(172deg,#b9c59d 0%,#91a27c 46%,#718b6f 100%);height:43%;position:absolute;bottom:-5%;left:-5%;right:-5%;overflow:hidden;box-shadow:inset 0 17px 27px #fff7d021}.meadow-layer:before{content:"";background:repeating-linear-gradient(78deg,#0000 0 13px,#3b533c14 14px,#0000 16px 24px),radial-gradient(at 65% 28%,#fff6c23b,#0000 27%),radial-gradient(at 18% 71%,#4766432e,#0000 25%);position:absolute;inset:0}.meadow-light{filter:blur(18px);background:#fff2b821;border-radius:50%;width:43%;height:69%;position:absolute;top:6%;left:35%;transform:rotate(-10deg)}.grass-patch{transform-origin:bottom;width:15%;height:58%;animation:6.8s cubic-bezier(.36,.03,.32,.98) infinite alternate grass-patch-drift;position:absolute;bottom:0}.grass-patch i{transform-origin:bottom;background:linear-gradient(#98ae7d,#536f58);border-radius:100% 0;width:3px;height:54%;position:absolute;bottom:0;left:50%;transform:rotate(-13deg);box-shadow:7px 0 #77916c,-8px 2px #668261,13px 6px #99a96f}.grass-patch i:nth-child(2){height:71%;left:18%;transform:rotate(12deg)}.grass-patch i:nth-child(3){height:63%;left:73%;transform:rotate(25deg)}.grass-patch i:nth-child(4){height:45%;left:38%;transform:rotate(-25deg)}.grass-patch i:nth-child(5){height:39%;left:84%;transform:rotate(-8deg)}.grass-patch i:nth-child(6){height:48%;left:5%;transform:rotate(29deg)}.patch-1{height:39%;animation-duration:7.6s;left:1%}.patch-2{height:47%;animation-duration:9.2s;animation-delay:-4s;bottom:5%;left:15%}.patch-3{height:53%;animation-duration:8.1s;left:31%}.patch-4{height:42%;animation-duration:10.4s;animation-delay:-6s;bottom:2%;left:49%}.patch-5{height:61%;animation-duration:7.3s;left:64%}.patch-6{height:48%;animation-duration:9.7s;animation-delay:-3s;bottom:3%;left:79%}.patch-7{height:56%;animation-duration:8.8s;right:-1%}.wildflowers{position:absolute;inset:0}.wildflowers i{aspect-ratio:1;background:#ead3c4;border-radius:50%;width:7px;animation:8.2s ease-in-out infinite alternate flower-field-drift;position:absolute;bottom:25%;left:21%;box-shadow:0 -10px 0 -2px #6f8867,15px 3px 0 -1px #d8bdac}.wildflowers i:nth-child(2){background:#eee1bd;animation-delay:-4s;bottom:31%;left:39%}.wildflowers i:nth-child(3){background:#d9c1c0;animation-duration:9.6s;bottom:18%;left:56%}.wildflowers i:nth-child(4){background:#f2e5cd;animation-delay:-2s;bottom:38%;left:73%}.wildflowers i:nth-child(5){background:#cdb6b3;animation-duration:7.4s;bottom:23%;left:87%}.natural-tree{z-index:3;transform-origin:bottom;width:31%;height:74%;animation:9.8s cubic-bezier(.36,.03,.32,.98) infinite alternate natural-tree-drift;position:absolute;bottom:21%}.tree-left{animation-duration:11.4s;left:-8%}.tree-right{width:34%;height:78%;animation-duration:13.2s;animation-delay:-5s;bottom:18%;right:-7%}.tree-trunk{background:linear-gradient(90deg,#756c55,#a28f68 48%,#6f6651);border-radius:55% 45% 18% 20%;width:9%;height:60%;position:absolute;bottom:-9%;left:48%;transform:rotate(3deg);box-shadow:inset 3px 0 #fff0c41a,inset -3px 0 #473f3124}.tree-trunk:before,.tree-trunk:after,.tree-trunk i{content:"";transform-origin:bottom;background:#84775b;border-radius:99px;width:17%;height:47%;position:absolute;bottom:48%;left:43%;transform:rotate(-35deg)}.tree-trunk:after{height:54%;transform:rotate(39deg)}.tree-trunk i:first-child{height:38%;bottom:61%;transform:rotate(-62deg)}.tree-trunk i:last-child{height:34%;bottom:65%;transform:rotate(67deg)}.tree-canopy{filter:drop-shadow(10px 14px 19px #3a4d3726);position:absolute;inset:0}.tree-canopy i{background:linear-gradient(130deg,#6f8c6c,#a4b487 52%,#788f6e);border-radius:57% 43% 54% 46%/48% 56% 44% 52%;width:43%;height:34%;animation:7.7s ease-in-out infinite alternate canopy-cluster-drift;position:absolute;box-shadow:inset 8px 7px #fff6c914,inset -7px -6px #374e371a}.tree-canopy i:first-child{top:18%;left:4%;transform:rotate(-9deg)}.tree-canopy i:nth-child(2){background:linear-gradient(130deg,#789574,#aebc8e 55%,#78906f);width:48%;height:38%;animation-duration:9.3s;top:5%;left:28%}.tree-canopy i:nth-child(3){height:31%;animation-delay:-4s;top:19%;right:0}.tree-canopy i:nth-child(4){background:linear-gradient(140deg,#5f8064,#91a77b);width:49%;height:35%;animation-duration:8.8s;top:40%;left:12%}.tree-canopy i:nth-child(5){width:50%;height:36%;animation-delay:-2s;top:43%;right:4%}.tree-canopy i:nth-child(6){background:linear-gradient(140deg,#819d77,#b2bb87 55%,#718b69);width:43%;height:41%;animation-duration:10.1s;top:29%;left:36%}.tree-canopy i:nth-child(7){width:39%;height:27%;animation-delay:-5s;top:57%;left:0}.tree-canopy i:nth-child(8){width:42%;height:25%;animation-duration:9.7s;top:64%;right:12%}.tree-canopy i:nth-child(9){width:35%;height:24%;animation-delay:-3s;top:52%;right:-7%}.foreground-shrubs{z-index:5;filter:drop-shadow(0 -7px 13px #3046311a);height:30%;position:absolute;bottom:-7%;left:-3%;right:-3%}.foreground-shrubs i{transform-origin:bottom;background:linear-gradient(135deg,#486d57,#77936c 54%,#58785c);border-radius:55% 45% 0 0;width:13%;height:65%;animation:7s ease-in-out infinite alternate shrub-drift;position:absolute;bottom:0}.foreground-shrubs i:nth-child(2){height:89%;animation-duration:9s;left:8%}.foreground-shrubs i:nth-child(3){height:58%;animation-delay:-3s;left:18%}.foreground-shrubs i:nth-child(4){height:76%;animation-duration:8.2s;left:29%}.foreground-shrubs i:nth-child(5){height:54%;animation-delay:-5s;left:41%}.foreground-shrubs i:nth-child(6){height:85%;animation-duration:10s;left:52%}.foreground-shrubs i:nth-child(7){height:63%;animation-delay:-2s;left:62%}.foreground-shrubs i:nth-child(8){height:91%;animation-duration:8.8s;left:72%}.foreground-shrubs i:nth-child(9){height:55%;animation-delay:-6s;left:81%}.foreground-shrubs i:nth-child(10){height:77%;animation-duration:9.6s;left:90%}.foreground-shrubs i:nth-child(11){height:59%;animation-delay:-4s;right:-2%}.shelf-warm-light{z-index:-1;filter:blur(22px);pointer-events:none;background:radial-gradient(#ffda9833,#0000 68%);border-radius:50%;height:65%;position:absolute;top:-15%;left:-18%;right:-28%}.bookshelf{perspective:var(--shelf-perspective);overflow:visible}.shelf-cavity{overflow:visible}.shelf-static-window{z-index:4;perspective:var(--shelf-perspective);position:absolute;left:6%;right:6%;overflow:visible}.shelf-static-books{transform-style:preserve-3d;justify-content:center;align-items:flex-end;padding:0 8px 0 4px;display:flex;position:absolute;inset:0}.shelf-book-track{will-change:transform;align-items:flex-end;width:max-content;height:100%;display:flex;position:absolute;bottom:0;left:0;transform:translate(0,0)}.shelf-book-group{height:100%;transform-style:preserve-3d;align-items:flex-end;padding:0 22px 0 6px;display:flex}.shelf-volume{--book-width:42px;z-index:2;flex:0 0 var(--book-width);width:var(--book-width);height:82%;margin:0 calc(var(--shelf-book-overlap) * -1) 0 0;cursor:pointer;transform-style:preserve-3d;transform-origin:bottom;transform:translateZ(var(--shelf-z,0px)) rotateZ(var(--shelf-book-tilt)) rotateY(-10deg);background:0 0;border:0;padding:0;text-decoration:none;transition:transform .68s cubic-bezier(.18,.77,.2,1),z-index 0s .68s;position:relative}.shelf-volume:nth-child(2n){--book-width:43px;height:84%}.shelf-volume:nth-child(3n){--book-width:41px;height:81%}.shelf-volume:nth-child(4n){height:83%}:is(.shelf-volume:hover,.shelf-volume:focus-visible){z-index:18;transform:translate3d(1px,calc(var(--shelf-hover-lift) * -1),calc(18px + var(--shelf-z,0px))) rotateZ(calc(var(--shelf-book-tilt) * .65)) rotateY(-5deg);outline:none;transition-delay:0s}.shelf-volume.is-selected{z-index:30;transform:translate3d(6px,calc(var(--shelf-hover-lift) * -.45),calc(var(--shelf-selected-push) + var(--shelf-z,0px))) rotateZ(0deg) rotateY(-1deg) scale(var(--shelf-selected-scale))}.shelf-volume:after{content:"";z-index:-1;filter:blur(9px);height:18px;transform:translateZ(calc(var(--shelf-book-thickness) / -2 - 3px));opacity:var(--shade-contact,.85);background:#3d2b1f3d;border-radius:50%;transition:opacity .45s,transform .68s cubic-bezier(.18,.77,.2,1);position:absolute;bottom:-8px;left:-8%;right:-20%}.shelf-volume:hover:after{opacity:calc(var(--shade-contact,.85) * .42);transform:translateZ(calc(var(--shelf-book-thickness) / -2 - 3px)) scaleX(1.12)}.shelf-volume:focus-visible:after{opacity:calc(var(--shade-contact,.85) * .42);transform:translateZ(calc(var(--shelf-book-thickness) / -2 - 3px)) scaleX(1.12)}.shelf-volume.is-selected:after{opacity:calc(var(--shade-contact,.85) * .55);transform:translateZ(calc(var(--shelf-book-thickness) / -2 - 3px)) scaleX(1.2)}.volume-face{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--book-accent),#574b43 22%);display:block;position:absolute}.volume-spine{z-index:6;background:repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 5px),linear-gradient(90deg,color-mix(in srgb,var(--book-accent),#554b43 20%),var(--book-accent) 33%,color-mix(in srgb,var(--book-accent),white 18%) 72%,color-mix(in srgb,var(--book-accent),#4d423b 19%));width:100%;transform:translateZ(calc(var(--shelf-book-thickness) / 2 + 1px));border-radius:7px 5px 4px;inset:0 auto 0 0;overflow:hidden;box-shadow:inset 3px 0 #ffffff2e,inset -4px 0 #392b231c,inset 0 10px #ffffff09,inset 0 -9px #3a2b2312}.volume-spine:before,.volume-spine:after{content:"";background:#faefdc85;height:1px;position:absolute;left:9%;right:9%;box-shadow:0 2px #41302624}.volume-spine:before{top:9%}.volume-spine:after{bottom:8%}.volume-front,.volume-back{z-index:2;width:var(--shelf-book-thickness);transform-origin:0;background:linear-gradient(90deg,color-mix(in srgb,var(--book-accent),white 12%),color-mix(in srgb,var(--book-accent),#4c433e 25%));border-radius:3px;height:100%;top:0;left:0;box-shadow:inset 2px 0 #ffffff36}.volume-front{transform:translateZ(calc(var(--shelf-book-thickness) / 2)) rotateY(90deg)}.volume-back{transform:translateZ(calc(var(--shelf-book-thickness) / -2)) rotateY(90deg);filter:brightness(.76)}.volume-pages{z-index:0;width:100%;height:94%;transform:translateZ(calc(var(--shelf-book-thickness) / -2 - 1px));background:repeating-linear-gradient(90deg,#efe4d5 0 2px,#cbbba9 3px 4px);border-radius:5px 3px 3px 5px;top:3%;left:0;box-shadow:inset 4px 0 5px #4b35271f}.volume-top,.volume-bottom{width:calc(100% - 4px);height:var(--shelf-book-thickness);transform-origin:50%;background:repeating-linear-gradient(0deg,#f3e9dd 0 2px,#cdbdad 3px 4px);left:2px}.volume-top{top:0;transform:translateY(-50%)rotateX(90deg)}.volume-bottom{filter:brightness(.77);bottom:0;transform:translateY(50%)rotateX(90deg)}.book-spine-mark,.book-spine-title{z-index:2}.shelf-board{z-index:7}.shelf-hint{transition:all .45s}.shelf-showcase{z-index:65;isolation:isolate;place-items:center;animation:.7s cubic-bezier(.18,.82,.24,1) both showcase-in;display:grid;position:fixed;inset:0}.showcase-backdrop{-webkit-backdrop-filter:blur(13px)saturate(.82);backdrop-filter:blur(13px)saturate(.82);cursor:pointer;background:#6954434d;border:0;width:100%;position:absolute;inset:0}.showcase-content{background:radial-gradient(at 50% 9%,#fff9dbd6,#0000 36%),radial-gradient(at 48% 78%,#e1c09b40,#0000 53%),linear-gradient(145deg,#faf3e9f7,#e0cfbcf2);border:1px solid #ffffff7a;border-radius:clamp(22px,3vw,38px);width:min(1540px,97vw);height:min(820px,92svh);position:relative;overflow:hidden;box-shadow:0 35px 90px #42302440,inset 0 1px #ffffffbf}.showcase-content:before{content:"";pointer-events:none;opacity:.2;mix-blend-mode:multiply;background-image:radial-gradient(#6a4f3b40 .45px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0}.showcase-heading{z-index:45;text-align:center;color:#756156;font-family:var(--serif);pointer-events:none;position:absolute;top:5%;left:6%;right:6%}.showcase-heading span{letter-spacing:.3em;color:#aa8879;font-size:10px}.showcase-heading h2{letter-spacing:.19em;margin:9px 0 5px;font-size:clamp(23px,3vw,40px);font-weight:500}.showcase-heading p{letter-spacing:.15em;color:#9a8173;margin:0;font-size:12px}.showcase-track-window{z-index:2;perspective:1450px;perspective-origin:50% 42%;position:absolute;inset:15% 0 10%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5% 98.5%,#0000)}.showcase-track-window:before{content:"";z-index:0;transform-origin:bottom;filter:blur(2px);pointer-events:none;background:linear-gradient(#ffffff08,#c39b7526);height:38%;position:absolute;bottom:5%;left:-3%;right:-3%;transform:perspective(800px)rotateX(68deg)}.showcase-track-window:after{content:"";z-index:35;filter:blur(18px);pointer-events:none;background:#593f2d2b;border-radius:50%;height:28px;position:absolute;bottom:6%;left:1%;right:1%}.showcase-track-window .shelf-book-track{z-index:4;height:86%;transform-style:preserve-3d;align-items:flex-end;bottom:6%}.showcase-track-window .shelf-book-group{width:max-content;padding:0 calc(var(--showcase-book-depth) * .72) 0 0;transform-style:preserve-3d;flex:none;align-items:flex-end;gap:0}.showcase-book-volume{--display-book-width:clamp(164px,13.2vw,214px);--display-book-height:clamp(360px,55svh,510px);--display-book-depth:var(--showcase-book-depth);--book-w:var(--display-book-width);--book-h:var(--display-book-height);--book-d:var(--display-book-depth);z-index:var(--rail-z,3);flex:0 0 var(--book-w);width:var(--book-w);height:var(--book-h);margin:0 calc(var(--showcase-book-overlap) * -1) 0 0;color:#fff8ef;transform-style:preserve-3d;transform-origin:bottom;transform:translate3d(0,0,var(--rail-depth,0px)) rotateX(3deg) rotateY(var(--showcase-book-angle));text-decoration:none;transition:transform .68s cubic-bezier(.18,.8,.22,1),opacity .45s;display:block;position:relative}:is(.showcase-book-volume:hover,.showcase-book-volume:focus-visible){z-index:90;transform:translate3d(0,-8px,calc(30px + var(--rail-depth,0px))) rotateX(3deg) rotateY(calc(var(--showcase-book-angle) * .8));outline:none}.showcase-book-face{pointer-events:none;border:1px solid color-mix(in srgb,var(--book-accent),#51453d 20%);-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;position:absolute}.showcase-cover-face{z-index:5;background:repeating-linear-gradient(92deg,#ffffff06 0 1px,transparent 1px 6px),linear-gradient(132deg,color-mix(in srgb,var(--book-accent),white 22%),var(--book-accent) 48%,color-mix(in srgb,var(--book-accent),#4e443d 17%));box-shadow:inset 4px 0 #fff3,inset -6px 0 10px #362a231c,inset 0 2px #ffffff21,3px 0 0 color-mix(in srgb,var(--book-accent),#51463e 20%);transform:translateZ(calc(var(--book-d) / 2));border-radius:8px 10px 10px 8px;flex-direction:column;justify-content:flex-end;align-items:center;padding:12% 9%;display:flex;inset:0;overflow:hidden}.showcase-cover-face:after{content:"";opacity:.17;mix-blend-mode:multiply;background-image:radial-gradient(#47352a57 .45px,#0000 .68px),linear-gradient(118deg,#ffffff4d,#0000 34% 73%,#382a2317);background-size:5px 5px,auto;position:absolute;inset:0}.showcase-cover-number,.showcase-cover-face strong,.showcase-cover-face small{z-index:3;position:relative}.showcase-cover-number{font-family:var(--serif);letter-spacing:.18em;opacity:.72;font-size:7px;position:absolute;top:7%;left:10%}.showcase-cover-face strong{font-family:var(--serif);letter-spacing:.13em;font-size:clamp(13px,1.25vw,18px);font-weight:500}.showcase-cover-face small{letter-spacing:.08em;opacity:.76;margin-top:5px;font-size:7px}.showcase-cover-art{z-index:2;background:linear-gradient(158deg,#e7ead8 0 45%,#91a181 46% 67%,#b5947b 68%);border:4px solid #fff6e7b8;border-radius:3px;height:48%;position:absolute;top:19%;left:11%;right:10%;overflow:hidden;box-shadow:0 7px 12px #3e2b1f29,inset 0 1px #ffffff73}.showcase-cover-art i:first-child{aspect-ratio:1;background:#fff4be;border-radius:50%;width:18%;position:absolute;top:10%;right:12%;box-shadow:0 0 18px #ffefaeb3}.showcase-cover-art i:nth-child(2){background:#788d72;border-radius:50%;width:80%;height:73%;position:absolute;bottom:-34%;left:-12%;transform:rotate(11deg)}.showcase-cover-art i:nth-child(3){background:#ad8f79;border-radius:50%;width:75%;height:63%;position:absolute;bottom:-25%;right:-25%;transform:rotate(-12deg)}.showcase-page-side{z-index:4;top:0;bottom:0;left:calc(50% - var(--book-d) / 2);width:var(--book-d);transform:rotateY(90deg) translateZ(calc(var(--book-w) / 2));background:linear-gradient(90deg,#72574424,#0000 34%),repeating-linear-gradient(0deg,#f6eddf 0 2px,#d7c7b5 2px 3px,#eee3d5 3px 5px);border:1px solid #c9baa68c;border-radius:0 2px 2px 0;box-shadow:inset 2px 0 #ffffff7a,inset -3px 0 #5b42311f}.showcase-page-side:before{content:"";background:#fffcf6ad;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 1px #664c391a}.showcase-top-face{z-index:3;left:0;right:0;top:calc(50% - var(--book-d) / 2);height:var(--book-d);transform:rotateX(90deg) translateZ(calc(var(--book-h) / 2));background:linear-gradient(#fbf5ea,#e5d8c6 72%,#d2c3af);border:1px solid #d6cbbb99;border-radius:2px 2px 0 0;box-shadow:inset 0 2px #ffffff8c,inset 0 -2px 4px #684d371a}.showcase-back-face{z-index:1;background:color-mix(in srgb,var(--book-accent),#4f453f 24%);transform:rotateY(180deg) translateZ(calc(var(--book-d) / 2));filter:brightness(.72);border-radius:8px 9px 9px 8px;inset:0;box-shadow:5px 8px 12px #402d2121}.showcase-book-ground-shadow{z-index:-1;filter:blur(11px);height:19px;opacity:var(--shade-contact,.85);background:#3f2c1f4d;border-radius:50%;transition:opacity .5s,transform .68s cubic-bezier(.18,.8,.22,1);position:absolute;bottom:-14px;left:1%;right:-14%;transform:translateZ(-30px)rotateX(78deg)}.showcase-book-volume.is-selected{opacity:1}.showcase-book-volume.is-focus{z-index:100;transform:translate3d(0,-8px,calc(var(--showcase-focus-push) + var(--rail-depth,0px))) rotateX(3deg) rotateY(var(--showcase-focus-angle)) scale(var(--showcase-focus-scale))}.showcase-book-volume.is-focus .showcase-cover-face{box-shadow:inset 4px 0 #ffffff42,inset -8px 0 13px #362a2317,inset 0 3px #fff3,0 0 0 2px #fff2d761}.showcase-book-volume:hover .showcase-book-ground-shadow,.showcase-book-volume.is-focus .showcase-book-ground-shadow{opacity:calc(var(--shade-contact,.85) * .5);transform:translateZ(-30px)rotateX(78deg)scaleX(1.06)}.showcase-actions{z-index:80;gap:10px;display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.showcase-actions button,.showcase-actions a{white-space:nowrap;color:#776256;font-family:var(--serif);letter-spacing:.1em;cursor:pointer;background:#fffaf2b3;border:1px solid #694e3a38;border-radius:999px;padding:10px 18px;font-size:11px;text-decoration:none;transition:transform .35s,background .35s;box-shadow:0 6px 14px #50382714}:is(.showcase-actions button:hover,.showcase-actions button:focus-visible,.showcase-actions a:hover,.showcase-actions a:focus-visible){background:#fff9ef;outline:none;transform:translateY(-2px)}.showcase-actions .shelf-open{color:#fff9ef;background:#9d7973;border-color:#9d7973}.showcase-actions .shelf-open:hover{background:#8f6b68}.desk-warm-light{z-index:-1;filter:blur(26px);pointer-events:none;background:radial-gradient(at 54% 43%,#ffdc9f38,#ffe2b40f 50%,#0000 73%);border-radius:50%;height:94%;position:absolute;top:-18%;left:-5%;right:-5%}.desk-top{transform-style:preserve-3d;perspective:1200px;background:radial-gradient(at 26% 18%,#fff7da2b,#0000 28%),repeating-linear-gradient(6deg,#0000 0 25px,#6f4a2b17 26px,#ffffff09 27px 29px),linear-gradient(103deg,#e9d2b3,#d5b087 51%,#bf8d61)}.desk-front{height:26px;top:65.5%;box-shadow:inset 0 2px #fff3,inset 0 -6px 8px #482c1b33,0 13px 22px #45302130}.desk-front-highlight{background:#ffeccf3b;border-radius:99px;height:2px;position:absolute;top:3px;left:1%;right:1%;box-shadow:0 7px 12px #5a372114}.desk-side{z-index:-1;filter:drop-shadow(5px 8px 8px #432c1d2b);background:linear-gradient(135deg,#b9845e,#825b42);width:8%;height:34px;position:absolute;top:62.5%}.desk-side-left{clip-path:polygon(13% 0,100% 15%,100% 100%,0 75%);left:-1%}.desk-side-right{clip-path:polygon(0 15%,88% 0,100% 75%,0 100%);right:-1%}.featured-page-block{z-index:-1;background:repeating-linear-gradient(0deg,#f2e8dc 0 2px,#cfbfad 3px 4px);border-radius:9px;position:absolute;inset:5% 1.5% -7px;transform:translateZ(-4px);box-shadow:0 7px 8px #3f2c1f38,inset 0 2px #ffffff80}.featured-contact-shadow{z-index:-4;filter:blur(12px);background:#3e2a1d3b;border-radius:50%;height:32px;position:absolute;bottom:-17px;left:-3%;right:-5%;transform:translateZ(-26px)rotate(-2deg)}.featured-book-edge{z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,#f1e7da 0 2px,#c9b7a4 3px 4px);position:absolute;box-shadow:inset 0 1px #ffffff73,0 5px 7px #402c1f26}.featured-edge-front{transform-origin:top;border-radius:0 0 9px 9px;height:12px;bottom:-10px;left:2%;right:2%;transform:rotateX(-14deg)}.featured-edge-left{transform-origin:100%;background:linear-gradient(90deg,#aa8173,#d3aa9d);border-radius:7px 0 0 7px;width:10px;top:6%;bottom:2%;left:-7px;transform:rotateY(-18deg)}.featured-edge-back{transform-origin:bottom;background:linear-gradient(#fff8ef,#cdbbaa);border-radius:8px 8px 0 0;height:10px;top:-8px;left:3%;right:3%;transform:rotateX(17deg);box-shadow:inset 0 2px #ffffff8c,0 -2px 5px #452f2114}.featured-cover{box-shadow:inset 0 2px #ffffff6b,inset 0 0 16px #53392a14,0 5px 5px #4630221f}.desk-photos{transform-style:preserve-3d}.object-contact-shadow{z-index:-1;filter:blur(7px);background:#452f2038;border-radius:50%;display:block;position:absolute;transform:rotate(-9deg)}.vase-contact{width:52px;height:14px;bottom:-5px;left:9px}.photo-contact{height:16px;bottom:-9px;left:-4px;right:5px}.desk-photos i{transform-origin:50% 100%;-webkit-backface-visibility:visible;backface-visibility:visible;transform:translateZ(10px)rotateX(-18deg)rotate(-7deg);box-shadow:inset 0 1px #ffffffbf,5px 9px 8px #442e1f33}.desk-photos i:nth-child(2){transform:translateZ(17px)rotateX(-24deg)rotate(5deg)}.photo-card-edge{z-index:-1;background:linear-gradient(#c9b9a7,#a99580);border-radius:0 0 3px 3px;height:5px;position:absolute;bottom:-4px;left:1px;right:-3px;transform:skew(-18deg);box-shadow:0 2px 3px #4a31201f}.posy-vase{background:radial-gradient(at 61% 27%,#ffffff9e 0 8%,#0000 22%),linear-gradient(100deg,#928477 0,#c8bbb0 24%,#f4ece2 52%,#fff8ed 62%,#968679 100%);transform:translateZ(16px);box-shadow:inset 7px 2px 8px #ffffff7a,inset -11px -4px 14px #5b493c33,0 6px #8f7e70,10px 16px 12px #452e1f3d}.vase-rim{z-index:3;background:radial-gradient(#76685d 0 34%,#e7ddd1 38% 63%,#a9998c 66%);border:3px solid #c8b9aa;border-radius:50%;height:9px;position:absolute;top:-4px;left:8px;right:8px;box-shadow:0 2px #fff6,inset 0 2px 3px #4031273d}.vase-foot{background:linear-gradient(90deg,#8b7a6c,#c9bbae 50%,#837266);border-radius:50%;height:10px;position:absolute;bottom:-7px;left:6px;right:6px;box-shadow:0 4px 5px #412c1f26}.desk-cup{transform-style:preserve-3d;background:radial-gradient(at 62% 31%,#ffffffb8 0 8%,#0000 25%),linear-gradient(100deg,#9f9389 0,#d1c7bd 29%,#fffaf1 58%,#a5968d 100%);transform:translate3d(0,-13px,36px)rotateX(-40deg)rotateY(-14deg)rotate(6deg);box-shadow:inset 8px 2px 9px #ffffff87,inset -12px -6px 16px #58463a30,12px 18px 15px #4b352640}.desk-cup:before{display:none}.cup-rim{z-index:4;background:radial-gradient(#8a6650 0 42%,#b18a6d 45% 49%,#f2ece3 52% 67%,#b4a69b 70%);border:4px solid #d9d0c5;border-radius:50%;height:16px;position:absolute;top:-5px;left:3px;right:3px;box-shadow:inset 0 3px 3px #3b2a2045,0 2px #ffffff80}.cup-foot{background:linear-gradient(90deg,#92867d,#cec5bc 48%,#84786f);border-radius:50%;height:10px;position:absolute;bottom:-6px;left:7px;right:7px;box-shadow:0 5px 5px #412c1f29}.cup-body-glint{z-index:5;filter:blur(1px);background:linear-gradient(#ffffff94,#0000);border-radius:50%;width:8px;height:29px;position:absolute;top:15px;left:10px;transform:rotate(8deg)}.cup-contact{z-index:-2;filter:blur(8px);background:#3f2b1d3d;height:19px;bottom:-12px;left:-8px;right:-19px;transform:translateZ(-20px)rotate(-8deg)}.desk-cup .cup-handle{border:7px solid #c7bbb0;border-left:0;border-radius:0 52% 52% 0;width:26px;height:31px;top:14px;right:-19px;box-shadow:inset -3px 0 #ffffff61,4px 4px 6px #4f3a2b1f}.letter-edge{z-index:-1;background:linear-gradient(#c8b49e,#a99379);border-radius:0 0 4px 4px;height:6px;position:absolute;bottom:-5px;left:2px;right:-4px;transform:skew(-16deg);box-shadow:0 3px 4px #422c1d1f}.desk-pen{background:linear-gradient(#aeb6ad 0 17%,#6d7d76 23% 68%,#4f615b 74%);height:7px;box-shadow:inset 0 1px #ffffff73,3px 6px 6px #4830202e}.desk-pen i{background:radial-gradient(circle at 35% 30%,#bec7be,#4f5f5a 68%);border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-3px;box-shadow:inset 1px 1px #ffffff42}.candle-pair{z-index:4;pointer-events:none;transform-origin:bottom;width:70px;height:69px;transform-style:preserve-3d;position:absolute;top:42%;right:3.5%;transform:translate3d(0,-10px,31px)rotateX(-40deg)rotateY(9deg)rotate(-4deg)}.css-candle{width:25px;transform-style:preserve-3d;background:radial-gradient(at 63% 23%,#ffffff8c 0 7%,#0000 26%),linear-gradient(100deg,#a98d74 0,#dbc5a9 30%,#fff0d8 58%,#9f8067 100%);border-radius:8px 8px 11px 11px;position:absolute;bottom:0;box-shadow:inset 5px 1px 6px #ffffff6b,inset -7px -4px 10px #5f46322b,0 5px #8c6a55}.candle-tall{height:43px;left:5px}.candle-short{height:31px;right:3px}.css-candle:before{content:"";background:radial-gradient(#715848 0 23%,#d7c3aa 27% 54%,#f3e4cf 57%);border-radius:50%;height:7px;position:absolute;top:-3px;left:5px;right:5px;box-shadow:inset 0 1px #fff6}.css-candle:after{content:"";background:#625043;border-radius:99px;width:2px;height:7px;position:absolute;top:-9px;left:11px}.css-candle i{z-index:2;filter:drop-shadow(0 0 6px #ffc25eb8);transform-origin:50% 100%;background:radial-gradient(at 54% 74%,#fff5bd 0 22%,#f6c66f 35% 64%,#de8a442e 70%);border-radius:58% 42% 55% 45%/68% 65% 35% 32%;width:12px;height:23px;animation:3.8s ease-in-out infinite alternate candle-flicker;position:absolute;top:-29px;left:7px}.candle-short i{animation-duration:4.7s;animation-delay:-2.2s}.css-candle b{z-index:-1;filter:blur(13px);background:#ffcb7029;border-radius:50%;width:68px;height:68px;animation:5.1s ease-in-out infinite alternate candle-glow;position:absolute;top:-39px;left:-21px}.css-candle em{z-index:3;background:radial-gradient(#6f5545 0 18%,#caa887 24% 40%,#f5e4cc 43% 70%,#a98468 73%);border:2px solid #f4e0c6db;border-radius:50%;height:9px;position:absolute;top:-5px;left:7px;right:7px;box-shadow:inset 0 2px 3px #45302340,0 1px #ffffff6b}.candle-contact{z-index:-3;filter:blur(7px);background:#432c1d3b;border-radius:50%;width:37px;height:14px;position:absolute;bottom:-9px;transform:translateZ(-18px)rotate(-7deg)}.candle-contact-tall{left:-2px}@keyframes distant-tree-drift{0%{transform:rotate(-.7deg)}to{transform:rotate(1deg)}}@keyframes grass-patch-drift{0%{transform:rotate(-1.5deg)}to{transform:rotate(2deg)translate(2px)}}@keyframes flower-field-drift{0%{transform:rotate(-2deg)translateY(0)}to{transform:rotate(2.5deg)translateY(-2px)}}@keyframes natural-tree-drift{0%{transform:rotate(-.7deg)}to{transform:rotate(1.15deg)}}@keyframes canopy-cluster-drift{0%{filter:brightness(.97);margin-left:-1px}to{filter:brightness(1.045);margin-left:2px}}@keyframes shrub-drift{0%{transform:skew(-1.2deg)}to{transform:skew(1.8deg)translate(2px)}}@keyframes candle-flicker{0%{opacity:.88;transform:rotate(-2deg)scaleX(.96)}47%{opacity:1;transform:rotate(1deg)scale(1.04,.98)}to{opacity:.92;transform:rotate(3deg)scale(.93,1.05)}}@keyframes candle-glow{0%{opacity:.68;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}@keyframes showcase-in{0%{opacity:0;transform:scale(1.018)}to{opacity:1;transform:none}}@keyframes leaf-drift{0%{transform:rotate(calc(var(--leaf-angle) - 1.6deg)) translateX(0)}to{transform:rotate(calc(var(--leaf-angle) + 2.1deg)) translateX(var(--leaf-shift))}}@keyframes shelf-leaf-drift{0%{filter:brightness(.96);margin-left:-1px}to{filter:brightness(1.05);margin-left:2px}}@keyframes mini-leaf{0%{transform:rotate(calc(var(--mini-angle) - 1.2deg));filter:brightness(.97)}to{transform:rotate(calc(var(--mini-angle) + 2deg));filter:brightness(1.06)}}@keyframes flower-breathe{0%{transform:rotate(-1deg)translateY(0)}to{transform:rotate(2deg)translateY(-2px)}}@keyframes reading-leaf-drift{0%{transform:rotate(calc(var(--reading-leaf) - 1.4deg))}to{transform:rotate(calc(var(--reading-leaf) + 2deg)) translateX(2px)}}.intro-layer{z-index:50;pointer-events:none;place-items:center;animation:4.5s both intro-layer;display:grid;position:fixed;inset:0}.intro-layer:before{content:"";-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6eee338;animation:4.5s both intro-blur;position:absolute;inset:0}.intro-layer p{color:#53463cdb;font-family:var(--serif);letter-spacing:.28em;margin:0;font-size:clamp(20px,2.1vw,32px);animation:4.2s both intro-copy;position:relative}.preview-layer{z-index:80;perspective:1500px;place-items:center;display:grid;position:fixed;inset:0}.preview-backdrop{-webkit-backdrop-filter:blur(11px)saturate(.82);backdrop-filter:blur(11px)saturate(.82);background:#6653445e;border:0;width:100%;animation:.45s both fade-in;position:absolute;inset:0}.preview-stage{z-index:2;grid-template-columns:minmax(270px,430px) minmax(230px,330px);align-items:center;gap:clamp(38px,7vw,90px);width:min(900px,90vw);animation:.75s cubic-bezier(.16,.8,.2,1) both preview-arrive;display:grid;position:relative}.close-button,.reader-close{color:#fffaf2;cursor:pointer;letter-spacing:.08em;opacity:.88;background:0 0;border:0;padding:10px 0;font-size:13px;position:absolute;top:-58px;left:0}.preview-book-wrap{perspective:1300px}.preview-book{--book-accent:#9b7373;aspect-ratio:.75;background:linear-gradient(105deg,color-mix(in srgb,var(--book-accent),#554c45 17%),var(--book-accent) 8%,color-mix(in srgb,var(--book-accent),white 12%) 88%);transform-style:preserve-3d;border-radius:6px 15px 15px 7px;position:relative;overflow:visible;transform:rotateY(-8deg)rotate(-1deg);box-shadow:-16px 22px 40px #36281f4f,inset 4px 0 #ffffff26}.preview-book:before{content:"";z-index:4;background:#fff5e857;width:1px;position:absolute;top:0;bottom:0;left:7%;box-shadow:3px 0 8px #402f262e}.preview-cover-photo{background:linear-gradient(#dce5d4,#e9dbc9);border:5px solid #faefdfc2;position:absolute;inset:8% 6% 27% 11%;overflow:hidden;box-shadow:0 6px 14px #37281f2e}.cover-sun{aspect-ratio:1;background:#fff3c0eb;border-radius:50%;width:20%;position:absolute;top:8%;right:12%;box-shadow:0 0 35px #fff3c6}.cover-shape{background:#8e9d7f;border-radius:50% 50% 0 0;position:absolute;bottom:-8%}.cover-shape-one{width:80%;height:58%;left:-10%;transform:rotate(9deg)}.cover-shape-two{background:#b8a78e;width:70%;height:46%;right:-18%;transform:rotate(-11deg)}.cover-people{background:#4f433ab0;border-radius:45% 45% 22% 22%;width:8%;height:28%;position:absolute;bottom:7%;left:48%;box-shadow:18px 5px 0 -1px #694d46ad}.preview-cover-copy{color:#fff8ef;font-family:var(--serif);position:absolute;bottom:6%;left:12%;right:7%}.preview-cover-copy p{letter-spacing:.2em;opacity:.76;margin:0 0 8px;font-size:10px}.preview-cover-copy h2{letter-spacing:.15em;margin:0;font-size:clamp(22px,3vw,34px);font-weight:500}.preview-cover-copy span{letter-spacing:.18em;opacity:.82;margin-top:8px;font-size:12px;display:block}.cover-text-top .preview-cover-photo{top:28%;bottom:8%}.cover-text-top .preview-cover-copy{top:7%;bottom:auto}.book-edge{transform-origin:0;background:repeating-linear-gradient(#f1e8dc 0 2px,#c9b8a6 3px 4px);border-radius:0 10px 10px 0;width:10px;position:absolute;top:2%;bottom:2%;right:-5px;transform:rotateY(70deg)}.preview-copy{color:#fffaf4}.preview-copy p{max-width:29em;font-family:var(--serif);letter-spacing:.06em;text-shadow:0 1px 8px #34282033;margin:0 0 34px;font-size:clamp(15px,1.5vw,19px);line-height:2}.open-book-button{color:#fff;cursor:pointer;letter-spacing:.18em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffaf229;border:1px solid #ffffffa6;border-radius:999px;align-items:center;gap:28px;padding:13px 19px 13px 26px;transition:all .35s;display:inline-flex}.open-book-button span{color:#8f7464;letter-spacing:0;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}:is(.open-book-button:hover,.open-book-button:focus-visible){background:#fffaf247;outline:none;transform:translateY(-2px)}.reading-scene{isolation:isolate;background:linear-gradient(150deg,#e8dac9,#cdb395);min-height:100svh;position:relative;overflow:hidden}.reading-room{filter:blur(3px);opacity:.88;position:absolute;inset:0;transform:scale(1.03)}.reading-room:after{content:"";background:linear-gradient(#f6eee00f 0 65%,#bd9772 66%);position:absolute;inset:0}.reading-window{z-index:1;background:linear-gradient(#d9e5db,#b8c49f);border:24px solid #e7d8c6;height:55%;position:absolute;top:-8%;left:27%;right:18%;overflow:hidden;box-shadow:0 15px 30px #42312533}.reading-window:before,.reading-window:after{content:"";z-index:2;background:#e4d4c2;position:absolute}.reading-window:before{width:14px;top:0;bottom:0;left:50%}.reading-window:after{height:14px;top:52%;left:0;right:0}.reading-window i{background:#66825b94;border-radius:50% 50% 0 0;width:45%;height:70%;animation:8s ease-in-out infinite alternate tree-sway;position:absolute;bottom:-5%}.reading-window i:nth-child(2){background:#8794689e;height:80%;animation-delay:-4s;right:-8%}.reading-window span{aspect-ratio:1;background:#fff0b7;border-radius:50%;width:16%;position:absolute;top:13%;right:13%;box-shadow:0 0 75px #fff4c7}.reading-curtain{z-index:3;filter:drop-shadow(6px 7px 11px #4d3a2d21);transform-origin:top;background:linear-gradient(90deg,#ffffffb8,#eee5d954,#fff9);width:24%;height:65%;animation:7s ease-in-out infinite alternate curtain-left;position:absolute;top:-3%}.reading-curtain.left{left:15%}.reading-curtain.right{animation-name:curtain-right;right:5%}.reading-plant{z-index:3;background:#ae8063;border-radius:6px 6px 20px 20px;width:75px;height:65px;position:absolute;top:43%;right:11%}.reading-plant i{transform-origin:bottom;background:#77866d;border-radius:100% 0;width:22px;height:78px;animation:5s ease-in-out infinite alternate leaf-sway;position:absolute;bottom:68%;left:50%;transform:rotate(-35deg)}.reading-plant i:nth-child(2){height:90px;transform:rotate(25deg)}.reading-plant i:nth-child(3){height:60px;transform:rotate(58deg)}.reading-sunbeam{z-index:4;background:linear-gradient(100deg,#0000,#fff4c647,#0000 70%);height:110%;animation:9s ease-in-out infinite alternate sunlight-breathe;position:absolute;inset:-15% -15% auto 38%;transform:rotate(-15deg)}.reader-toolbar{z-index:20;color:#675a50;justify-content:center;align-items:center;height:50px;display:flex;position:absolute;top:24px;left:4vw;right:4vw}.reader-toolbar .reader-close{color:#675a50;position:absolute;top:0;left:0}.reader-title{text-align:center;font-family:var(--serif)}.reader-title strong{letter-spacing:.15em;font-weight:500;display:block}.reader-title span{letter-spacing:.14em;opacity:.65;font-size:11px}.spread-count{font-family:var(--serif);letter-spacing:.12em;font-size:12px;position:absolute;right:0}.reading-desk{z-index:9;perspective:1600px;background:linear-gradient(#0000 0 61%,#9369462e 61%);flex-direction:column;justify-content:center;align-items:center;padding-top:50px;display:flex;position:absolute;inset:0}.reading-desk:after{content:"";z-index:-1;transform-origin:top;background:linear-gradient(100deg,#d9b890,#c79b70 55%,#b6845e);position:absolute;inset:62% -5% -8%;transform:perspective(800px)rotateX(62deg);box-shadow:0 -5px 20px #5a3f2a21}.book-shadow{filter:blur(28px);background:#412e2147;border-radius:50%;width:min(82vw,1160px);height:16%;position:absolute;top:61%;transform:translateY(-25%)}.flip-book{--drag-progress:0;--turn-angle:0deg;--fold-shadow:0;z-index:3;width:min(82vw,1120px);height:min(68vh,700px);transform-style:preserve-3d;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;display:grid;position:relative;transform:rotateX(2.5deg)}.book-page{color:#564d45;background:#fbf6ed;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #7c614814}.paper-grain{pointer-events:none;opacity:.15;mix-blend-mode:multiply;background-image:radial-gradient(#5641314d .5px,#0000 .7px);background-size:4px 4px;position:absolute;inset:0}.page-blush{background:#f7eee9}.page-sage{background:#f0f1e8}.page-warm{background:#f4eadc}.page-content{flex-direction:column;display:flex;position:absolute;inset:6.5%}.page-copy{z-index:2;position:relative}.page-eyebrow{color:#a27b72;letter-spacing:.19em;text-transform:uppercase;margin:0 0 9px;font-size:9px}.page-copy h3{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:clamp(15px,1.5vw,23px);font-weight:500;line-height:1.45}.page-text{color:#756a61;max-width:28em;font-family:var(--serif);margin:12px 0 0;font-size:clamp(10px,.85vw,13px);line-height:1.85}.page-number{font-family:var(--serif);color:#9d9186;font-size:9px;position:absolute;bottom:2.8%}.left .page-number{left:6%}.right .page-number{right:6%}.blank-page{background:#f9f2e8}.photo-layout{flex:1;min-height:0;margin-top:4%;position:relative}.photo-frame{transform:rotate(var(--photo-rotate,0deg));background:#e6d9c8;border:clamp(4px,.42vw,7px) solid #fffcf5eb;margin:0;position:absolute;overflow:hidden;box-shadow:0 7px 13px #533d2d29}.photo-frame img,.photo-placeholder{width:100%;height:100%;display:block}.photo-frame img{transform:translate(var(--photo-x),var(--photo-y)) scale(var(--photo-scale))}.photo-frame figcaption{color:#6d635c;font-family:var(--serif);letter-spacing:.06em;background:#faf6eed1;padding:3px 5px;font-size:clamp(6px,.5vw,8px);position:absolute;bottom:4px;right:5px}.photo-placeholder{background:linear-gradient(150deg,#dbe2d3 0%,#e8d9cb 55%,#caa98b 100%);position:relative;overflow:hidden}.tone-rose .photo-placeholder,.preview-book.tone-rose .preview-cover-photo{background:linear-gradient(150deg,#e8d5d2,#d5b0ad 55%,#9b7b72)}.tone-sage .photo-placeholder,.preview-book.tone-sage .preview-cover-photo{background:linear-gradient(150deg,#dce4d3,#aebca2 55%,#78816d)}.tone-apricot .photo-placeholder,.preview-book.tone-apricot .preview-cover-photo{background:linear-gradient(150deg,#f1e1ca,#dcb58e 55%,#a87959)}.tone-mist .photo-placeholder,.preview-book.tone-mist .preview-cover-photo{background:linear-gradient(150deg,#d9ddda,#b5b9b4 55%,#777d7a)}.tone-cream .photo-placeholder,.preview-book.tone-cream .preview-cover-photo{background:linear-gradient(150deg,#eee6d6,#d6c5a9 55%,#9b8972)}.placeholder-sun{aspect-ratio:1;background:#fff4c5e6;border-radius:50%;width:18%;position:absolute;top:12%;right:13%;box-shadow:0 0 28px #fff1bd}.placeholder-hill{border-radius:50% 50% 0 0;position:absolute;bottom:-20%}.hill-one{background:#68805bad;width:85%;height:68%;left:-15%;transform:rotate(8deg)}.hill-two{background:#9f836c9e;width:82%;height:55%;right:-20%;transform:rotate(-8deg)}.placeholder-figure{background:#453e38a6;border-radius:50% 50% 20% 20%;width:5%;height:24%;position:absolute;bottom:9%;left:48%}.figure-two{background:#734e4ca3;height:21%;left:56%}.annotation{color:#9e706f;margin:0;font-family:KaiTi,STKaiti,cursive;font-size:clamp(10px,1vw,15px);position:absolute;bottom:0;right:2%;transform:rotate(-3deg)}.template-single-landscape .photo-layout,.template-single-hero .photo-layout{margin-top:5%}.template-single-landscape .photo-1{inset:0 0 7%}.template-single-hero .photo-1{inset:0}.template-single-portrait .page-content{align-items:center}.template-single-portrait .page-copy{text-align:center}.template-single-portrait .photo-layout{width:62%;margin-top:5%}.template-single-portrait .photo-1{inset:0}.template-single-note .page-copy{width:52%;margin-left:auto;padding-left:5%}.template-single-note .photo-layout{width:52%;margin:0;position:absolute;top:0;bottom:5%;left:0}.template-single-note .photo-1{--photo-rotate:-1deg;inset:0}.template-double-equal .photo-1{--photo-rotate:-1deg;inset:0 51% 5% 0}.template-double-equal .photo-2{--photo-rotate:1deg;inset:0 0 5% 51%}.template-double-stacked .photo-1{inset:0 0 51%}.template-double-stacked .photo-2{inset:51% 0 0}.template-double-feature .photo-1{inset:0 36% 0 0}.template-double-feature .photo-2{inset:13% 0 13% 67%}.template-photo-story .page-content{grid-template-rows:auto 1fr;grid-template-columns:55% 1fr;gap:5%;display:grid}.template-photo-story .page-copy{grid-area:1/2/3;align-self:center}.template-photo-story .photo-layout{grid-area:1/1/3;margin:0}.template-photo-story .photo-1{--photo-rotate:-1deg;inset:0}.template-triple-equal .photo-1{inset:0 68% 0 0}.template-triple-equal .photo-2{inset:0 34%}.template-triple-equal .photo-3{inset:0 0 0 68%}.template-triple-top .photo-1{inset:0 0 49%}.template-triple-top .photo-2{inset:53% 51% 0 0}.template-triple-top .photo-3{inset:53% 0 0 51%}.template-triple-side .photo-1{inset:0 48% 0 0}.template-triple-side .photo-2{inset:0 0 52% 55%}.template-triple-side .photo-3{inset:55% 0 0 55%}.template-double-note .photo-layout{flex:none;height:53%}.template-double-note .photo-1{--photo-rotate:-1deg;inset:0 51% 0 0}.template-double-note .photo-2{--photo-rotate:1deg;inset:0 0 0 51%}.template-double-note .annotation{font-size:clamp(12px,1.3vw,18px);bottom:5%;right:8%}.book-gutter{z-index:11;pointer-events:none;filter:blur(2px);background:linear-gradient(90deg,#4e362629,#ffffff47 43%,#47322433 55%,#0000);width:24px;position:absolute;top:0;bottom:0;left:calc(50% - 12px)}.turn-sheet{z-index:14;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;will-change:transform;transform:rotateY(var(--turn-angle));position:absolute;top:0}.turn-sheet.next{transform-origin:0;right:0}.turn-sheet.prev{transform-origin:100%;left:0}.turn-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fbf6ed;border-radius:2px 12px 9px 2px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 24px #6f513914}.turn-face>.book-page{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.turn-back{background:#f7efe4;border-radius:12px 2px 2px 9px;transform:rotateY(180deg)}.fold-ridge{z-index:8;width:12%;opacity:calc(var(--fold-shadow) * .9);filter:blur(2px);background:linear-gradient(90deg,#0000,#ffffff9e 43%,#46302133 72%,#0000);position:absolute;top:0;bottom:0}.turn-sheet.next .fold-ridge{right:-5%}.turn-sheet.prev .fold-ridge{left:-5%;transform:scaleX(-1)}.fold-contact-shadow{z-index:-1;width:22%;opacity:calc(var(--fold-shadow) * .72);filter:blur(12px);background:#3e2b1f4d;position:absolute;top:3%;bottom:3%}.turn-sheet.next .fold-contact-shadow{left:-8%}.turn-sheet.prev .fold-contact-shadow{right:-8%}.end-spread{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.end-page{font-family:var(--serif);text-align:center;background:#f8f1e7;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 45px #6d4e3312}.end-left{border-radius:13px 2px 2px 10px;box-shadow:inset -18px 0 27px #5b412e17}.end-right{border-radius:2px 13px 10px 2px;box-shadow:inset 18px 0 27px #5b412e17}.end-page span:not(.end-heart){letter-spacing:.28em;color:#9f8277;font-size:11px}.end-page strong{letter-spacing:.14em;margin-top:15px;font-size:clamp(20px,2vw,31px);font-weight:500}.end-heart{color:#b78280;font-size:46px}.end-page p{letter-spacing:.1em;color:#7b6b60;font-size:14px;line-height:2}.reader-nav{z-index:12;color:#67584d;align-items:center;gap:clamp(20px,4vw,70px);display:flex;position:absolute;bottom:2.5vh}.reader-nav button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:pointer;letter-spacing:.08em;background:#f7efe2a6;border:0;border-radius:999px;padding:9px 15px;font-size:11px;transition:all .3s}.reader-nav button:hover:not(:disabled){background:#f6eee2;transform:translateY(-1px)}.reader-nav button:disabled{opacity:.35;cursor:default}.reader-nav p{font-family:var(--serif);letter-spacing:.08em;opacity:.67;margin:0;font-size:10px}.preview-book{border:1px solid color-mix(in srgb,var(--book-accent),#554a43 24%);background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 6px), linear-gradient(105deg,color-mix(in srgb,var(--book-accent),#554c45 20%),var(--book-accent) 9%,color-mix(in srgb,var(--book-accent),white 14%) 84%,color-mix(in srgb,var(--book-accent),#4e453f 10%));border-radius:9px 17px 17px 10px;box-shadow:-17px 23px 42px #36281f52,0 5px 8px #37271d1c,inset 4px 0 #ffffff29,inset -3px 0 #34282214}.preview-book:after{content:"";z-index:3;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:radial-gradient(#3e312a42 .45px,#0000 .64px),linear-gradient(114deg,#fff3,#0000 33%);background-size:5px 5px,auto;position:absolute;inset:0}.preview-cover-photo{border-color:#fcf4e8d1;border-radius:5px;box-shadow:inset 0 1px #ffffff8a,0 7px 15px #37281f33}.book-edge{background:repeating-linear-gradient(#f5ede2 0 2px,#c7b5a2 3px 4px);border-radius:0 12px 12px 0;box-shadow:inset -2px 0 #5d45331a}.reading-scene{background:radial-gradient(at 63% 13%,#fff7d645,#0000 34%),linear-gradient(150deg,#e9ddcf,#c8ae91)}.reading-room:before{content:"";opacity:.16;background-image:radial-gradient(#59443438 .45px,#0000 .65px);background-size:7px 7px;position:absolute;inset:0 0 34%}.reading-room:after{background:linear-gradient(#f6eee00f 0 65%,#bd9772 66%),repeating-linear-gradient(94deg,#0000 0 126px,#5435200f 127px 128px)}.reading-window{border-color:#e9ddce;border-radius:13px;box-shadow:inset 0 0 18px #4e3b2b1c,0 18px 34px #4231252e,0 2px #ffffffb8}.reading-window:before,.reading-window:after{background:linear-gradient(90deg,#d3c0ad,#eee2d4 48%,#cbb6a2);border-radius:4px;box-shadow:inset 1px 1px #ffffff80,2px 2px 5px #4d392921}.reading-curtain{background:repeating-linear-gradient(90deg,#ffffff26 0 1px,#0000 1px 5px),linear-gradient(90deg,#ffffffbd,#e0d6c94f,#ffffff94);animation-duration:9.6s}.reading-curtain.right{animation-duration:11.2s;animation-delay:-4.4s}.reading-plant{background:linear-gradient(100deg,#976a57,#c9997d 48%,#e0b496 58%,#8f624f);border:1px solid #5e3e2f1c;border-radius:9px 9px 22px 22px;box-shadow:inset 2px 1px #ffffff4d,inset -4px -3px 7px #5b392a1c,7px 9px 12px #4931222b}.reading-plant i{--reading-leaf:-35deg;transform:rotate(var(--reading-leaf));background:linear-gradient(125deg,#536a55,#849676 58%,#b0b17a);animation:7.8s cubic-bezier(.35,.04,.27,.98) infinite alternate reading-leaf-drift;box-shadow:inset 2px 1px #fff6ca21}.reading-plant i:nth-child(2){--reading-leaf:25deg;animation-duration:9.1s;animation-delay:-2.7s}.reading-plant i:nth-child(3){--reading-leaf:58deg;animation-duration:6.9s;animation-delay:-4.8s}.reading-sunbeam{opacity:.78;filter:blur(8px);mix-blend-mode:soft-light}.reading-desk:after{background:radial-gradient(at 22% 43%,#0000 0 12px,#69432412 13px 14px,#0000 15px),repeating-linear-gradient(5deg,#0000 0 26px,#603b1f12 27px,#0000 28px 42px),linear-gradient(100deg,#dfc09b,#c99e73 55%,#b68059);border-radius:16px 16px 0 0;box-shadow:inset 0 4px #fff3,0 -6px 22px #5a3f2a24}.book-shadow{filter:blur(25px);background:radial-gradient(#39291f4d,#4430221f 56%,#0000 75%)}.book-page{background-image:linear-gradient(106deg,#ffffff2e,#0000 24% 78%,#73543d09);border:1px solid #785b4413}.paper-grain{opacity:.12;background-image:radial-gradient(#56413157 .42px,#0000 .62px),repeating-linear-gradient(14deg,#0000 0 12px,#5c443209 13px 14px);background-size:5px 5px,auto}.book-page.left{border-radius:15px 3px 3px 12px;box-shadow:inset -18px 0 27px #583f2c17,inset 0 2px #ffffff70,inset 0 0 42px #7c61480e}.book-page.right{border-radius:3px 15px 12px 3px;box-shadow:inset 18px 0 27px #583f2c17,inset 0 2px #ffffff70,inset 0 0 42px #7c61480e}.book-gutter{background:linear-gradient(90deg,#4e36262e,#ffffff52 43%,#47322438 56%,#0000)}.turn-face{border:1px solid #75584112;box-shadow:inset 0 2px #ffffff6b,inset 0 0 28px #6f513914}.photo-frame{border-radius:5px;box-shadow:0 8px 15px #533d2d2b,inset 0 1px #ffffffa8}.admin-page{background:radial-gradient(circle at 68% 18%,#fff7d4c7,#0000 27%),linear-gradient(145deg,#efe5d8,#d8c1a9);place-items:center;min-height:100svh;padding:24px;display:grid}.admin-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf4ebbf;border:1px solid #ffffff80;width:min(570px,100%);padding:clamp(42px,8vw,82px);box-shadow:0 25px 60px #50392726}.admin-mark{color:#ad7d7c;font-size:32px}.admin-card p{letter-spacing:.24em;color:#9d8174;font-size:9px}.admin-card h1{font-family:var(--serif);letter-spacing:.1em;margin:22px 0 18px;font-size:clamp(20px,4vw,30px);font-weight:500}.admin-card>span:not(.admin-mark){color:#85766b;font-family:var(--serif);font-size:13px;line-height:1.8;display:block}.admin-card a{color:#725e51;letter-spacing:.1em;border:1px solid #aa8b76;border-radius:99px;margin-top:34px;padding:11px 22px;font-size:12px;text-decoration:none;display:inline-block}@keyframes room-arrive{0%{filter:blur(10px);transform:scale(1.025)}45%{filter:blur(4px)}to{filter:blur();transform:scale(1)}}@keyframes sunlight-breathe{0%{opacity:.62;transform:rotate(-13deg)translate(-2%)}to{opacity:1;transform:rotate(-12deg)translate(2%)}}@keyframes tree-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.8deg)}}@keyframes leaf-sway{0%{margin-left:-1px}to{margin-left:3px}}@keyframes curtain-left{0%{transform:skew(-1deg)rotate(-.4deg)}to{transform:skew(2.4deg)rotate(.8deg)}}@keyframes curtain-right{0%{transform:skew(1deg)rotate(.4deg)}to{transform:skew(-2.4deg)rotate(-.8deg)}}@keyframes loose-page{0%{transform:rotateY(-3deg)rotate(.2deg)}to{transform:rotateY(-18deg)rotate(-.5deg)translateY(-2px)}}@keyframes loose-page-2{0%{transform:rotateY(-5deg)}to{transform:rotateY(-23deg)translateY(-3px)}}@keyframes intro-layer{0%,76%{visibility:visible}to{visibility:hidden}}@keyframes intro-blur{0%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}40%,60%{opacity:.45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes intro-copy{0%{opacity:0;transform:translateY(10px)}24%,63%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-arrive{0%{opacity:0;transform:translateY(35px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:900px){.window-area{width:59vw;left:56%;transform:translate(-44%)}.bookshelf{width:190px;height:54vh;bottom:17%;left:18px}.shelf-hint{display:none}.desk-area{height:40%;bottom:2%;left:31%;right:-8%}.featured-book{width:55%;left:22%}.desk-cup{right:14%}.preview-stage{grid-template-columns:minmax(240px,350px) minmax(220px,1fr);gap:36px}.flip-book{width:92vw;height:min(65vh,610px)}.reader-nav p{display:none}.shelf-static-window{left:5%;right:5%}.shelf-volume{--book-width:38px}.candle-pair{transform-origin:100% 100%;right:1%;transform:scale(.83)}.desk-posy{left:5%}.desk-photos{left:7%}.showcase-content{width:96vw;height:min(710px,90svh)}.showcase-track-window{top:16%;bottom:11%}.showcase-book-volume{--display-book-width:clamp(118px,18vw,154px);--display-book-height:clamp(280px,46svh,380px);--display-book-depth:calc(var(--showcase-book-depth) * .82)}}@media (max-width:640px){.room-scene{min-height:760px}.brand-plaque{top:20px}.window-area{width:84vw;height:43vh;top:9%;left:22%;transform:none}.bookshelf{z-index:9;width:155px;height:39vh;padding:14px 10px;bottom:8%;left:16px}.shelf-books{gap:4px;left:10%;right:8%}.book-spine-title{font-size:8px}.book-spine-mark{width:17px;height:17px;font-size:8px}.desk-area{height:34%;bottom:1%;left:26%;right:-24%}.featured-book{width:70%;left:8%}.desk-cup{right:20%;transform:scale(.7)}.right-cover small{font-size:7px}.right-cover strong{font-size:11px}.windowsill-plants{transform-origin:bottom;left:55%;transform:scale(.75)}.preview-stage{grid-template-columns:1fr;justify-items:center;gap:24px;width:88vw}.preview-book-wrap{width:min(58vw,270px)}.preview-copy{text-align:center}.preview-copy p{margin-bottom:20px;font-size:14px}.close-button{top:-48px}.open-book-button{gap:20px;padding:10px 13px 10px 20px}.reader-toolbar{justify-content:flex-end;top:14px;left:18px;right:18px}.reader-title{display:none}.spread-count{position:static}.reader-toolbar .reader-close{top:0}.reading-window{height:45%;left:4%;right:4%}.reading-curtain.left{left:-8%}.reading-curtain.right{right:-8%}.reading-plant{top:37%;right:6%;transform:scale(.65)}.reading-desk{padding-top:26px}.book-shadow{width:87vw}.flip-book{grid-template-columns:1fr;width:88vw;height:min(66vh,590px);transform:rotateX(1deg)}.book-page.left{display:none}.book-page.right{border-radius:9px;grid-column:1}.book-gutter{display:none}.turn-sheet{width:100%}.turn-sheet.prev{left:0}.turn-sheet.next{right:0}.end-spread{grid-template-columns:1fr}.end-page.end-left{display:none}.end-right{border-radius:9px}.reader-nav{gap:18px;bottom:2vh}.reader-nav button{padding:8px 12px}.page-corner-lift{width:32%;min-width:84px;height:38%;min-height:110px}.page-corner-canvas{width:100%}.under-page{width:100%;left:0}.template-single-note .page-copy{font-size:10px}.shelf-static-window{height:44%;bottom:48%}.shelf-volume{--book-width:32px}.shelf-hint{font-size:8px}.desk-posy,.desk-photos{display:none}.desk-letter{transform-origin:50%;right:16%;transform:translateZ(7px)scale(.74)rotate(3deg)}.candle-pair{top:35%;right:12%;transform:scale(.58)}.natural-tree{width:38%}.foreground-shrubs{height:24%}.showcase-content{border-radius:24px;width:96vw;height:84svh}.showcase-heading{top:5%}.showcase-heading p{font-size:10px}.showcase-track-window{top:18%;bottom:12%}.showcase-book-volume{--display-book-width:clamp(104px,31vw,132px);--display-book-height:calc(var(--display-book-width) * 2.05);--display-book-depth:calc(var(--showcase-book-depth) * .68);margin-right:calc(var(--showcase-book-overlap) * -.72)}.showcase-actions{bottom:4%}.showcase-focus-stage{--spark-rect-w:calc(clamp(104px,31vw,132px) + 46px);--spark-rect-h:calc(clamp(214px,52svh,290px) + 46px);top:55%}.focus-halo{width:clamp(220px,58vw,300px);height:clamp(220px,58vw,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.intro-layer{display:none}}@media (max-height:680px) and (min-width:641px){.window-area{height:48vh;top:7%}.bookshelf{height:60vh;bottom:8%}.desk-area{height:34%;bottom:1%}.flip-book{height:70vh}.reader-nav{bottom:1vh}}.desk-cup{background:radial-gradient(at 62% 28%,#ffffffd6 0 6%,#0000 22%),radial-gradient(at 36% 80%,#7864561c,#0000 44%),linear-gradient(100deg,#9d8f86 0,#d2c7bd 26%,#fff9f0 55%,#fffefb 64%,#a08f86 100%);border-radius:9px 9px 19px 19px;box-shadow:inset 8px 2px 10px #ffffff8c,inset -11px -6px 17px #58463a2b,inset 0 -15px 20px #745c4c21,12px 18px 16px #4b352642}.cup-rim{background:radial-gradient(at 50% 55%,#7a5439 0 30%,#a87c5d 34% 42%,#efe7dc 46% 58%,#b9aaa0 62% 70%,#f2ece4 74% 84%,#c4b5ab 88%);border-width:4px;height:18px;top:-6px;left:2px;right:2px;box-shadow:inset 0 3px 4px #38271e52,inset 0 -1px 1px #fff9,0 2px #ffffff8c,0 3px 4px #503a2b1a}.cup-rim:after{content:"";border-radius:50%;position:absolute;inset:3px 4px;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 2px #785c4940}.css-candle:before{background:radial-gradient(at 50% 45%,#e9d2b5 0 16%,#fff3de 20% 40%,#f4e0c6 44% 62%,#d5bb9e 68% 86%,#c2a488 92%);height:9px;top:-4px;left:4px;right:4px;box-shadow:inset 0 2px 2px #78583e38,inset 0 -1px #ffffff80,0 1px #ffffff80}.css-candle em{background:radial-gradient(at 50% 55%,#f0ddc2 0 20%,#f9ecdb 26% 44%,#e3cdb1 50% 70%,#c9ad8e 78%);height:10px;top:-6px;left:5px;right:5px;box-shadow:inset 0 2px 3px #78583e33,inset 0 -1px #ffffff8c}.posy-vase{background:radial-gradient(at 40% 24%,#ffffff8c,#0000 32%),radial-gradient(at 64% 30%,#ffffffa6 0 7%,#0000 20%),linear-gradient(100deg,#8e8075 0,#c6bab0 25%,#f3ebe1 50%,#fff8ee 61%,#93847a 100%);box-shadow:inset 8px 2px 9px #ffffff85,inset -12px -5px 15px #5b493c33,inset 0 -10px 13px #78645221,0 6px #8f7e70,10px 16px 13px #452e1f40}.vase-rim{background:radial-gradient(at 50% 55%,#6f6158 0 26%,#c7b9ab 30% 46%,#eee4d8 50% 62%,#a79586 66% 78%,#cbbcb0 82%);box-shadow:inset 0 2px 3px #3a2c2347,0 2px #ffffff73,0 3px 4px #4634281a}.desk-photos i{box-shadow:inset 0 1px #ffffffd1,inset 0 -2px 3px #785c4624,1px 0 #ffffffb3,-1px 0 #785c4614,5px 9px 9px #442e1f38}.photo-card-edge{background:linear-gradient(#e2d5c3 0 45%,#c6b49c 46% 62%,#b8a58d 63%);height:7px;bottom:-5px;left:0;right:0;box-shadow:0 3px 4px #4a312029,inset 0 1px #fff6}.photo-contact{filter:blur(8px);background:#3e2a1d42;height:18px;bottom:-11px;left:-6px;right:2px}.featured-contact-shadow{filter:blur(14px);height:40px;opacity:var(--shade-contact,.85);background:#3e2a1d42;bottom:-20px;left:-4%;right:-8%}:is(.featured-book:hover .featured-contact-shadow,.featured-book:focus-visible .featured-contact-shadow){opacity:calc(var(--shade-contact,.85) * .5)}.featured-edge-left{background:linear-gradient(90deg,#9b6f62,#c99d90 55%,#b78a7c);box-shadow:inset 2px 0 #ffffff40,inset -2px 0 #482f231f,0 4px 6px #402c1f29}.featured-page-block{background:repeating-linear-gradient(0deg,#f4eadf 0 2px,#d2c1ae 3px 4px),linear-gradient(90deg,#fff6,#0000 30% 70%,#684c361f);box-shadow:0 8px 9px #3f2c1f3d,inset 0 2px #ffffff8c,inset 0 -2px 3px #684c361f}.desk-posy{transform:translate3d(0,-7px,29px)rotateX(-30deg)rotateY(8deg)rotate(-6deg)}.desk-cup{transform:translate3d(0,-7px,30px)rotateX(-27deg)rotateY(-16deg)rotate(8deg)}.candle-pair{transform:translate3d(0,-5px,27px)rotateX(-29deg)rotateY(12deg)rotate(-7deg)}.desk-photos{transform:translate3d(0,-5px,18px)rotateX(-6deg)rotateY(-9deg)rotate(-6deg)}.desk-letter{transform:translate3d(0,-3px,10px)rotateX(-5deg)rotateY(-8deg)rotate(9deg)}.desk-pen{transform:translate3d(0,-2px,9px)rotateY(9deg)rotate(-19deg)}.sun-wash{filter:blur(9px)saturate(.95);background:linear-gradient(100deg,#0000 4%,#fffbe080 34%,#ffeeba24 62%,#0000 80%)}.sun-wash:before{content:"";filter:blur(16px);background:linear-gradient(100deg,#0000 20%,#fffadc4d 44%,#0000 66%);position:absolute;inset:0}.floor-shadow{filter:blur(19px);background:radial-gradient(at 68% 26%,#fff0c833,#0000 52%),radial-gradient(#53392729,#674a320f 58%,#0000 76%)}.window-view{background:linear-gradient(#d3e0d6 0%,#e9efda 42%,#dfe6cd 62%,#c5d0b0 100%)}.far-hills i{background:linear-gradient(155deg,#c2cbb0,#8fa187);box-shadow:inset 0 12px 24px #fffada2e}.far-woods{opacity:.58}.far-woods i{box-shadow:inset 0 4px 8px #fff8cd1f}.meadow-layer{background:linear-gradient(172deg,#c2cda4 0%,#96a77f 46%,#6f8b6d 100%)}.meadow-layer:before{background:repeating-linear-gradient(78deg,#0000 0 13px,#3b533c17 14px,#0000 16px 24px),radial-gradient(at 65% 28%,#fff6c247,#0000 30%),radial-gradient(at 18% 71%,#47664333,#0000 28%),radial-gradient(at 82% 58%,#fff0b424,#0000 22%)}.tree-trunk{background:linear-gradient(90deg,#6d6450,#a8946e 48%,#6a6150);box-shadow:inset 3px 0 #fff0c424,inset -3px 0 #423a2d29}.desk-top{background:radial-gradient(at 26% 18%,#fff7da2e,#0000 30%),radial-gradient(at 70% 45%,#7a522e0f 0 4px,#0000 5px 14px),radial-gradient(at 38% 72%,#7a522e0d 0 3px,#0000 4px 12px),repeating-linear-gradient(4deg,#0000 0 21px,#6f4a2b14 22px,#0000 23px 36px),linear-gradient(103deg,#e7cfb0,#d8b58c 49%,#c59769)}.curtain:before,.curtain:after,.curtain span{background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 4px),repeating-linear-gradient(0deg,#ffffff0f 0 2px,#0000 2px 6px),linear-gradient(90deg,#ffffffc7,#e8dfd34d 35%,#fff9 69%,#d9cdbe52)}.turn-face{box-shadow:inset 0 0 30px #6f51391a,inset 0 2px #ffffff73}.turn-back{box-shadow:inset 0 0 30px #6f51391a,inset 0 2px #fff6}.turn-sheet.prev .turn-front{border-radius:13px 2px 2px 10px}.turn-sheet.prev .turn-back{border-radius:2px 13px 10px 2px}.turn-face:after{content:"";pointer-events:none;position:absolute;inset:0}.turn-front:after{opacity:calc(var(--fold-shadow) * .85);background:linear-gradient(90deg,#46302142,#46302100 55%)}.turn-back:after{opacity:calc(var(--fold-shadow) * .7);background:linear-gradient(90deg,#46302100 45%,#46302133)}.turn-sheet.prev .turn-front:after,.turn-sheet.prev .turn-back:after{transform:scaleX(-1)}.flip-book{cursor:pointer}.flip-book.is-dragging{cursor:grabbing}.reader-close:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #7d5c4199}.fold-ridge{background:linear-gradient(90deg,#0000,#4630214d 20%,#ffffffbf 46%,#4630213d 72%,#0000)}.css-candle{background:radial-gradient(at 68% 15%,#ffffffad 0 6%,#0000 22%),radial-gradient(at 20% 85%,#6c4e3829,#0000 42%),linear-gradient(98deg,#9b7d64 0,#c8aa8c 17%,#e9d2b6 33%,#fff6e4 51%,#f8e8cf 65%,#b08d70 87%,#8a6a52 100%);box-shadow:inset 7px 1px 8px #ffffff85,inset -10px -4px 13px #58402e38,inset 0 -8px 11px #70543c33,0 4px #9b7958,0 7px #78583e6b,0 12px 10px #3e2c1f4d}.css-candle:before{background:radial-gradient(at 50% 42%,#d9bd9c 0 14%,#f2dfc4 18% 38%,#fff4e2 42% 60%,#e2c7a6 66% 84%,#b8926f 90%);box-shadow:inset 0 2px 3px #6c503847,inset 0 -1px #ffffff8c,0 1px #ffffff80}.desk-letter{box-shadow:inset 0 1px #ffffffa8,inset 0 -2px 3px #785c461f,1px 0 #ffffffa6,-1px 0 #785c4612,7px 12px 11px #462f1f33}.letter-edge{background:linear-gradient(#e2d5c3 0 45%,#c6b49c 46% 62%,#b8a58d 63%);height:7px;bottom:-5px;left:0;right:0;box-shadow:0 3px 4px #4a312029,inset 0 1px #fff6}.shelf-cavity:after{display:none}.shelf-board{bottom:0%}.shelf-board-mid{height:14px;bottom:49%}.shelf-row-top{height:41%;bottom:51%}.shelf-row-bottom{height:40%;bottom:7%}.shelf-row-bottom .shelf-still-life{width:38%;height:96%;position:absolute;bottom:0;left:auto;right:1%}.curtain{opacity:.78;width:20%}.curtain-left{left:-13%}.curtain-right{right:-13%}.far-woods{opacity:.8;filter:blur(.15px)}.far-hills{filter:none}.window-view:before{background:linear-gradient(116deg,#ffffff1a,#0000 34%),linear-gradient(90deg,#58715108,#0000 16% 82%,#52674a08)}.window-view:after{background:linear-gradient(115deg,#ffffff24,#0000 45%)}.shelf-static-books{justify-content:flex-start;padding:0 8px 0 16px}.shelf-row-bottom .shelf-static-books{justify-content:flex-start;padding:0 0 0 16px}.shelf-hint{bottom:-9%}.book-shadow{filter:blur(24px);opacity:var(--shade-desk,.8);background:radial-gradient(#39291f57,#44302224 56%,#0000 76%)}.object-contact-shadow{filter:blur(8px);opacity:var(--shade-contact,.85);background:#422d1f42}.vase-contact{width:58px;height:17px;bottom:-8px;left:6px;transform:translateZ(-14px)rotate(-9deg)}.photo-contact{filter:blur(9px);height:20px;bottom:-13px;left:-7px;right:4px;transform:translateZ(-12px)rotate(-9deg)}.cup-contact{filter:blur(9px);height:22px;bottom:-14px;left:-9px;right:-20px;transform:translateZ(-22px)rotate(-8deg)}.candle-contact{filter:blur(9px);height:17px;bottom:-11px;transform:translateZ(-20px)rotate(-7deg)}.candle-contact-tall{width:42px}.candle-contact-short{width:38px;right:-6px}.posy-vase{box-shadow:inset 8px 2px 9px #ffffff85,inset -12px -5px 15px #5b493c33,inset 0 -10px 13px #78645221,0 4px #8f7e70,0 7px #78604a47,0 16px 14px #452e1f4d}.desk-cup{box-shadow:inset 8px 2px 10px #ffffff8c,inset -11px -6px 17px #58463a2b,inset 0 -15px 20px #745c4c21,0 4px #a89a8d,0 7px #78645640,0 18px 16px #4b35264d}.desk-sun-patch{z-index:1;pointer-events:none;width:52%;height:56%;filter:blur(var(--light-desk-patch-blur,22px));opacity:var(--light-desk-patch-opacity,.5);mix-blend-mode:soft-light;background:linear-gradient(104deg,#0000 2%,#fff7d080 26%,#ffecb233 52%,#0000 74%);border-radius:24px;position:absolute;top:-6%;left:6%;transform:rotate(-11deg)skew(-14deg)}.desk-sun-patch:after{content:"";filter:blur(10px);background:linear-gradient(100deg,#0000,#fffade80,#0000 70%);position:absolute;inset:18% 6% 8% 22%}.sun-wash{opacity:var(--light-beam-opacity,.85);mix-blend-mode:soft-light}.sun-wash:before,.sun-wash:after{content:"";pointer-events:none;filter:blur(17px);background:linear-gradient(100deg,#0000 22%,#fff9d752 46%,#0000 68%);position:absolute;inset:0}.showcase-track-window{touch-action:none;cursor:grab}.showcase-track-window:active{cursor:grabbing}.showcase-track-window .shelf-book-track{pointer-events:auto}.turn-sheet{filter:none}.fold-contact-shadow{opacity:calc(var(--fold-shadow) * .8);filter:blur(14px)}.desk-top:after{opacity:calc(.38 * var(--material-wood,.75))}.window-area{box-shadow:inset 0 0 0 2px #74573a1a,inset 0 9px 14px #6c4c3414,0 16px 30px #5c463429,0 2px #ffffffd1,0 0 72px #ffeebe4d,18px 18px 42px #5b3f2b0e}.showcase-focus-stage{z-index:30;--focus-spark-r:clamp(190px, 27svh, 265px);pointer-events:none;perspective:1450px;width:0;height:0;transform-style:preserve-3d;animation:.62s cubic-bezier(.18,.82,.22,1) both focus-stage-in;position:absolute;top:52.5%;left:50%}.showcase-book-volume.is-floating{z-index:5;pointer-events:auto;transform:translate(-50%,-50%) translateZ(var(--showcase-focus-push)) rotateX(3deg) rotateY(var(--showcase-focus-angle)) scale(var(--showcase-focus-scale));margin:0;position:absolute;top:0;left:0}:is(.showcase-book-volume.is-floating:hover,.showcase-book-volume.is-floating:focus-visible){z-index:6;transform:translate(-50%,-50%) translateZ(calc(var(--showcase-focus-push) + 8px)) rotateX(3deg) rotateY(var(--showcase-focus-angle)) scale(calc(var(--showcase-focus-scale) * 1.03))}.showcase-book-volume.is-floating .showcase-book-ground-shadow{display:none}.showcase-book-volume.is-floating .showcase-cover-face{box-shadow:inset 4px 0 #ffffff47,inset -8px 0 13px #362a2317,inset 0 3px #ffffff38,0 0 0 2px #fff2d76b,0 26px 40px #3a271b4d}.focus-halo{filter:blur(4px);background:radial-gradient(circle,#fff0c452 0 30%,#ffe2a826 46%,#0000 62%);border-radius:50%;width:clamp(300px,36vw,470px);height:clamp(300px,36vw,470px);animation:3.4s ease-in-out infinite alternate halo-breathe;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.focus-spark{width:7px;height:7px;transform:rotate(var(--spark-angle,0deg)) translateY(calc(var(--focus-spark-r) * -1));animation:2.3s ease-in-out infinite alternate spark-twinkle;animation-delay:var(--spark-delay,0s);background:radial-gradient(circle at 40% 35%,#fffdf4,#ffe3a1 55%,#ffcb6e26);border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 9px 2px #ffd68c8c}@keyframes focus-stage-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spark-twinkle{0%{opacity:.22;filter:brightness(.72)}to{opacity:1;filter:brightness(1.4)}}@keyframes halo-breathe{0%{opacity:.55;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.showcase-track-window .showcase-book-volume:active{transform:translate3d(0,2px,calc(14px + var(--rail-depth,0px))) rotateX(3deg) rotateY(calc(var(--showcase-book-angle) * .9));transition-duration:.22s}.showcase-cover-art[data-cover-tone=rose]{background:linear-gradient(158deg,#f0e4de 0 45%,#c79a92 46% 67%,#a06f66 68%)}.showcase-cover-art[data-cover-tone=rose] i:first-child{background:#ffd9c0;box-shadow:0 0 18px #ffd6bebf}.showcase-cover-art[data-cover-tone=sage]{background:linear-gradient(158deg,#e9edda 0 45%,#8fa380 46% 67%,#a5b18b 68%)}.showcase-cover-art[data-cover-tone=mist]{background:linear-gradient(158deg,#dde5e4 0 45%,#8fa7ad 46% 67%,#b9b09b 68%)}.showcase-cover-art[data-cover-tone=mist] i:first-child{background:#fff6cf;box-shadow:0 0 16px #fff6c8cc}.showcase-cover-art[data-cover-tone=mist] i:nth-child(2){background:#6f8a8e}.showcase-cover-art[data-cover-tone=apricot]{background:linear-gradient(158deg,#f3e7d5 0 45%,#d5a678 46% 67%,#b98a66 68%)}.showcase-cover-art[data-cover-tone=apricot] i:nth-child(3){background:#c98f63}.showcase-cover-art[data-cover-tone=cream]{background:linear-gradient(158deg,#efe9d8 0 45%,#c6b18c 46% 67%,#a5916f 68%)}.showcase-cover-art[data-cover-tone=cream] i:nth-child(2){background:#93a17c}.desk-sun-patch{animation:13s ease-in-out infinite alternate desk-patch-drift}@keyframes desk-patch-drift{0%{opacity:calc(var(--light-desk-patch-opacity,.5) * .8);transform:rotate(-11deg)skew(-14deg)translate(0)}to{opacity:var(--light-desk-patch-opacity,.5);transform:rotate(-9.5deg)skew(-12deg)translate(1.5%)}}.focus-spark{width:4px;height:4px;transform:translate(calc(-50% + var(--spark-x,0px)), calc(-50% + var(--spark-y,0px)));opacity:.55;background:radial-gradient(circle at 40% 35%,#fffdf4,#ffe3a1 55%,#ffcb6e26);border-radius:50%;animation:none;position:absolute;top:0;left:0;box-shadow:0 0 7px 2px #ffd68c80}.shelf-row-bottom{bottom:3.2%}.shelf-row-bottom .shelf-still-life{bottom:0}.shelf-row-bottom .mini-ceramic{width:27px;height:31px;bottom:0;right:3%}.mini-ceramic{background:radial-gradient(at 34% 26%,#fffc 0 10%,#0000 26%),radial-gradient(at 68% 74%,#8c695a2e,#0000 48%),linear-gradient(100deg,#c9a98f 0,#ead9c8 34%,#faf1e4 52%,#dfc4b0 78%,#a9836c 100%);border-radius:44% 44% 46% 46%/34% 34% 66% 66%;box-shadow:inset 3px 1px 4px #ffffff8c,inset -4px -3px 7px #6e503e33,0 4px 5px #3f2b1e38}.mini-ceramic:before{content:"";background:radial-gradient(#8f6a54 0 32%,#d9c3ae 38% 62%,#a98b75 68%);border:1.5px solid #a078628c;border-radius:50%;height:7px;position:absolute;top:-3px;left:7px;right:7px;box-shadow:inset 0 1px 2px #5037284d,0 1px #ffffff80}.mini-ceramic:after{content:"";background:#b07e6e6b;border-radius:99px;height:2px;position:absolute;top:56%;left:7px;right:7px;box-shadow:0 3px #ffffff52}.mini-ceramic i{transform-origin:bottom;background:linear-gradient(#7e8f6c,#5f715c);border-radius:99px;width:2px;height:26px;animation:7.1s ease-in-out infinite alternate mini-leaf;position:absolute;bottom:80%;left:46%;transform:rotate(-24deg)}.mini-ceramic i:nth-child(2){height:20px;animation-duration:8.3s;animation-delay:-3s;transform:rotate(16deg)}.mini-ceramic i:nth-child(3){height:23px;animation-duration:6.6s;animation-delay:-1.8s;transform:rotate(-2deg)}.mini-ceramic i:after{content:"";background:#97a87e;border-radius:100% 0;width:6px;height:9px;position:absolute;top:-7px;left:-2px}.mini-ceramic i:first-child:after{background:radial-gradient(circle at 38% 34%,#fff,#e3a9a0 62%,#c5857d);border-radius:50%;width:7px;height:7px;top:-9px;left:-2px;box-shadow:0 0 4px #d6968c80}.desk-polaroid,.desk-postcard,.desk-bookmark{z-index:3;pointer-events:none}.desk-polaroid{background:linear-gradient(#fdf8ef,#f3e9da);border:1px solid #785b4324;border-radius:2px;width:58px;height:74px;padding:5px 5px 15px;position:absolute;top:14%;left:5%;transform:translate3d(0,-4px,20px)rotateY(-8deg)rotate(-6deg);box-shadow:inset 0 1px #ffffffd9,7px 11px 10px #442e1f38}.desk-polaroid:before{content:"";background:linear-gradient(152deg,#d9e3d3 0 48%,#97a985 49% 66%,#c9a17e 67%);border-radius:1px;width:100%;height:100%;display:block;box-shadow:inset 0 0 7px #503c2a26}.desk-polaroid:after{content:"♡ 记念日";text-align:center;font-family:var(--serif);letter-spacing:.08em;color:#b0807c;font-size:7px;position:absolute;bottom:4px;left:0;right:0}.polaroid-contact{filter:blur(8px);height:16px;bottom:-9px;left:-4px;right:7px}.desk-postcard{background:linear-gradient(90deg,#ffffff40,#0000 30% 70%,#73543d0d),linear-gradient(#faf4e8,#f0e4d3);border:1px solid #785b431f;border-radius:4px;width:92px;height:60px;position:absolute;top:20%;right:5%;transform:translate3d(0,-2px,14px)rotateY(-7deg)rotate(6deg);box-shadow:inset 0 1px #ffffffbf,6px 9px 9px #442e1f33}.desk-postcard:before{content:"";background:linear-gradient(158deg,#dce7d2 0 46%,#8fa37f 47% 68%,#c9a584 69%);border-radius:2px;height:56%;position:absolute;top:10%;left:9%;right:9%;box-shadow:inset 0 0 6px #503c2a1f}.desk-postcard:after{content:"";background:radial-gradient(circle at 68% 30%,#ffedc4 0 8%,#0000 9%),linear-gradient(#e7d3c2,#d9bfa8);border:1px dashed #ffffffb3;width:14px;height:17px;position:absolute;top:6%;right:6%;box-shadow:1px 2px 3px #4b342424}.desk-postcard i{border:1.5px solid #9e6e6259;border-radius:50%;width:20px;height:20px;position:absolute;top:74%;left:12%}.desk-postcard i:before{content:"";border:1px dashed #9e6e624d;border-radius:50%;position:absolute;inset:4px}.desk-postcard i:after{content:"";background:#785b432e;width:52px;height:1px;position:absolute;top:9px;left:27px;box-shadow:0 5px #785b4324,0 10px #785b431a}.postcard-contact{filter:blur(8px);height:15px;bottom:-8px;left:-6px;right:-2px}.desk-bookmark{background:linear-gradient(#f7ede0 0 30%,#d9b8ae 31% 33%,#f7ede0 34%);border-radius:2px 2px 0 0;width:14px;height:62px;position:absolute;top:7%;right:22%;transform:translate3d(0,-2px,16px)rotateY(8deg)rotate(9deg);box-shadow:inset 2px 0 #ffffff8c,4px 7px 6px #442e1f2e}.desk-bookmark:before{content:"";background:#b0807c;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff80}.desk-bookmark:after{content:"";background:#b0807c99;width:1px;height:15px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.desk-bookmark i{background:#b0807c;border-radius:40% 40% 55% 55%;width:5px;height:7px;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%);box-shadow:0 2px 3px #50382826}.reader-nav p{letter-spacing:.12em;opacity:.75;font-size:11px}@media (max-width:640px){.desk-polaroid,.desk-postcard,.desk-bookmark{display:none}.showcase-focus-stage{--spark-rect-w:calc(clamp(104px,31vw,132px) + 46px);--spark-rect-h:calc(clamp(214px,52svh,290px) + 46px)}}@media (prefers-reduced-motion:reduce){.tree,.curtain-left,.curtain-right,.plant-pot i,.page-one,.page-two,.shelf-vase i,.mini-ceramic i,.desk-posy b,.reading-plant i,.far-woods i,.grass-patch,.wildflowers i,.natural-tree,.tree-canopy i,.foreground-shrubs i,.css-candle i,.css-candle b,.intro-layer,.intro-layer:before,.intro-layer p{animation:none!important}.intro-layer{display:none}}.room-scene{background:linear-gradient(150deg,#f4ead9 0%,#ecd9bf 46%,#ddbf9f 100%)}.room-scene:after{content:"";z-index:19;pointer-events:none;background:radial-gradient(118% 92% at 50% 40%,#0000 56%,#5e402c2b 100%);position:absolute;inset:0}.back-wall{background:linear-gradient(90deg,#ffffff29,#0000 35%),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 44px),linear-gradient(#f2e7d7 0 75.6%,#a97f58 75.6% 76.3%,#e6d1b2 76.3% 78%,#d6bda0 78% 100%)}.back-wall:after{background:repeating-linear-gradient(90deg,#60422a24 0 2px,#0000 2px 148px),repeating-linear-gradient(97deg,#ffffff0d 0 3px,#0000 3px 34px),linear-gradient(#dcbf9e,#c3a07b)}.brand-plaque{color:#564232e0;background:linear-gradient(#f7eddd,#ead6b8);border:1px solid #96745459;border-radius:999px;padding:7px 18px;box-shadow:0 3px 9px #543c282e,inset 0 1px #ffffffd9}.window-area{border-radius:6px;box-shadow:inset 0 0 0 2px #74573a24,0 16px 34px #5c463433,0 2px #fffc}.bookshelf{background:repeating-linear-gradient(93deg,#7a563617 0 2px,#0000 2px 9px),linear-gradient(90deg,#ac8460,#d7bc97 12%,#c9a77f 82%,#a67e5b);border-radius:9px 9px 5px 5px;box-shadow:24px 30px 38px #4c38273d,inset 0 1px #ffffff80,inset 8px 0 15px #ffffff1f}.shelf-top{border-radius:5px 5px 2px 2px;box-shadow:0 5px 10px #4e3a2a33,inset 0 1px #fff9}.shelf-cavity{background:linear-gradient(90deg,#5438224d,#ffffff0d 26%,#5438222e),#bc9768;box-shadow:inset 0 14px 24px #4a301c4d,inset 0 -8px 16px #4a301c21}.shelf-cavity:after,.shelf-board{border-radius:2px;box-shadow:0 8px 14px #432f2038,inset 0 1px #ffffff80}.shelf-hint{color:#503a2ab8;text-shadow:0 1px #ffffff73}.showcase-book-volume{--display-book-height:clamp(300px, 56svh, 470px);--display-book-width:calc(var(--display-book-height) * .75)}.showcase-focus-stage{--spark-rect-w:calc(clamp(300px, 56svh, 470px) * .75 + 58px);--spark-rect-h:calc(clamp(300px, 56svh, 470px) + 58px)}@media (max-width:640px){.showcase-book-volume{--display-book-height:clamp(220px, 48svh, 330px)}.showcase-focus-stage{--spark-rect-w:calc(clamp(220px, 48svh, 330px) * .75 + 46px);--spark-rect-h:calc(clamp(220px, 48svh, 330px) + 46px)}}.showcase-book-volume{margin:0 calc(var(--book-w) * -.667) 0 0}.focus-spark{background:radial-gradient(circle at 42% 38%,#fffef8 0 22%,#ffe9b8 45%,#ffce7800 78%);width:5px;height:5px;box-shadow:0 0 10px 3px #ffd8946b,0 0 26px 8px #ffc46e29}.book-opening{z-index:120;pointer-events:none;-webkit-backdrop-filter:blur(10px)saturate(.85);backdrop-filter:blur(10px)saturate(.85);background:#66534457;place-items:center;animation:1.05s both opening-fade;display:grid;position:fixed;inset:0}@keyframes opening-fade{0%{opacity:0}7%{opacity:1}74%{opacity:1}to{opacity:0}}.book-opening-stage{aspect-ratio:.75;perspective:1500px;width:min(290px,58vw);transform-style:preserve-3d;animation:1.05s cubic-bezier(.3,.7,.3,1) both opening-push;position:relative}@keyframes opening-push{0%{transform:translate(-24vw)rotateY(-10deg)rotate(-1deg)}30%{transform:translate(0)rotateY(0)rotate(0)}to{transform:translate(20.5vw,25px)rotateX(2.5deg)scale(1.21)}}.book-opening-pages{background:repeating-linear-gradient(90deg,#96785a0f 0 2px,#0000 2px 7px),linear-gradient(105deg,#f8f1e4,#f2e7d4 60%,#ead9c0);border-radius:4px 12px 12px 4px;animation:1.05s both opening-pages;position:absolute;inset:0;box-shadow:inset 0 0 34px #785a3c1f,inset 14px 0 22px #60442c1a}.book-opening-pages i{border-radius:inherit;transform-origin:0;background:linear-gradient(105deg,#fbf5ea,#f3e9d8);animation:1.05s cubic-bezier(.5,.08,.7,.4) both opening-leaf;position:absolute;inset:0;box-shadow:2px 2px 5px #5a402c1a}.book-opening-pages i:nth-child(2){opacity:.85;animation-delay:70ms}.book-opening-pages i:nth-child(3){opacity:.7;animation-delay:.13s}@keyframes opening-pages{0%,to{opacity:1}}@keyframes opening-leaf{0%,30%{transform:rotateY(0)}66%,to{transform:rotateY(-38deg)}}.book-opening-cover{transform-origin:0;transform-style:preserve-3d;animation:1.05s cubic-bezier(.55,.08,.72,.42) both opening-swing;position:absolute;inset:0}@keyframes opening-swing{0%,27%{transform:rotateY(-8deg)}74%,to{transform:rotateY(-160deg)}}.book-opening-cover-front,.book-opening-cover-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px 13px 13px 5px;position:absolute;inset:0}.book-opening-cover-front{text-align:center;color:#fff6ea;background:repeating-linear-gradient(92deg, #ffffff08 0 1px, transparent 1px 6px), linear-gradient(120deg, color-mix(in srgb, var(--book-accent), white 18%), var(--book-accent) 52%, color-mix(in srgb, var(--book-accent), #4c423a 20%));flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;padding:12% 10%;display:flex;box-shadow:inset 4px 0 #ffffff38,inset -7px 0 12px #362a231f,inset 0 2px #ffffff29}.book-opening-cover-front strong{font-family:var(--serif);letter-spacing:.14em;font-size:clamp(17px,1.7vw,24px);font-weight:500}.book-opening-cover-front small{letter-spacing:.22em;opacity:.8;font-size:10px}.book-opening-cover-back{background:linear-gradient(255deg,#f2e8d6,#e7d7bd 70%,#dcc7a5);border-radius:13px 5px 5px 13px;transform:rotateY(180deg);box-shadow:inset 0 0 26px #6e523824}.book-opening-shadow{filter:blur(13px);background:#3e2a1d4d;border-radius:50%;height:9%;animation:1.05s both opening-shadow;position:absolute;bottom:-7%;left:4%;right:-6%;transform:translateZ(-40px)}@keyframes opening-shadow{0%{opacity:.75;transform:translateZ(-40px)translate(0)scaleX(1)}to{opacity:.35;transform:translateZ(-40px)translate(-16%)scaleX(.86)}}@media (prefers-reduced-motion:reduce){.book-opening{display:none}}.book-opening-pages{transform-style:preserve-3d}.book-opening{-webkit-backdrop-filter:none;backdrop-filter:none;background:#604d3e6b}.book-opening-stage,.book-opening-cover{will-change:transform}.book-opening-cover{animation-timing-function:cubic-bezier(.2,.7,.25,.95)}.preview-layer.is-opening{pointer-events:none}.preview-layer.is-opening .preview-backdrop{opacity:0;transition:opacity .3s;animation:none}.preview-layer.is-opening .preview-copy,.preview-layer.is-opening .close-button{opacity:0;transition:opacity .28s}.preview-layer.is-opening .preview-book-wrap{opacity:0;transition:opacity .38s 40ms,transform .45s cubic-bezier(.3,.7,.3,1);transform:translate(7vw)scale(.97)}.book-opening-stage{width:clamp(270px,34vw,430px)}.book-opening,.book-opening-stage,.book-opening-pages,.book-opening-pages i,.book-opening-cover,.book-opening-shadow{animation-duration:1.5s}@media (min-width:1300px){@keyframes opening-push{0%{transform:translate(-24vw)rotateY(-10deg)rotate(-1deg)}30%{transform:translate(0)rotateY(0)rotate(0)}to{transform:translate(280px,25px)rotateX(2.5deg)scale(1.3)}}}@media (max-width:640px){@keyframes opening-push{0%{transform:translate(-24vw)rotateY(-10deg)rotate(-1deg)}30%{transform:translate(0)rotateY(0)rotate(0)}to{transform:translate(23vw,25px)rotateX(2.5deg)scale(.7)}}}.featured-cover{border:0}.left-cover{background:linear-gradient(90deg,#60442c1f,#0000 20%),linear-gradient(105deg,#faf3e7,#f3e8d5);box-shadow:inset -8px 0 14px #60442c24,inset 0 2px #ffffff80}.cover-photo-mini{border:4px solid #fffcf5eb;inset:12% 12% 32%;box-shadow:0 4px 8px #533d2d29}.left-cover:after{content:"";opacity:.45;background:repeating-linear-gradient(0deg,#756a6180 0 1px,#0000 1px 5px);height:13%;position:absolute;bottom:10%;left:15%;right:15%}.right-cover{background:linear-gradient(270deg,#60442c1a,#0000 22%),linear-gradient(115deg,#faf3e7,#f2e6d2);box-shadow:inset 8px 0 14px #60442c1f,inset 0 2px #ffffff80}.right-cover strong{color:#564d45}.right-cover small{color:#9d8f81}.loose-page{background:repeating-linear-gradient(0deg,#756a6121 0 1px,#0000 1px 7px),#fbf6edf7}.page-one{animation:9s ease-in-out infinite page-gust}.page-two{animation:11s ease-in-out -3.5s infinite page-gust-2}@keyframes page-gust{0%,55%{transform:rotateY(-4deg)rotate(.2deg)}64%{transform:rotateY(-27deg)rotate(-.6deg)translateY(-3px)}73%{transform:rotateY(-9deg)rotate(.1deg)}82%{transform:rotateY(-17deg)rotate(-.3deg)translateY(-2px)}92%,to{transform:rotateY(-4deg)rotate(.2deg)}}@keyframes page-gust-2{0%,58%{transform:rotateY(-5deg)}67%{transform:rotateY(-20deg)translateY(-2px)}76%{transform:rotateY(-8deg)}85%{transform:rotateY(-13deg)translateY(-1px)}94%,to{transform:rotateY(-5deg)}}.sun-wash{overflow:hidden}.sun-wash i{opacity:0;background:radial-gradient(circle,#fffbe8 0 30%,#fff0be00 72%);border-radius:50%;width:5px;height:5px;animation:14s linear infinite dust-drift;position:absolute}.sun-wash i:first-child{animation-duration:13s;animation-delay:-2s;top:66%;left:14%}.sun-wash i:nth-child(2){animation-duration:16s;animation-delay:-7s;top:44%;left:30%}.sun-wash i:nth-child(3){animation-duration:11s;animation-delay:-4s;top:58%;left:45%}.sun-wash i:nth-child(4){animation-duration:17s;animation-delay:-10s;top:36%;left:58%}.sun-wash i:nth-child(5){animation-duration:12s;animation-delay:-6s;top:62%;left:68%}.sun-wash i:nth-child(6){animation-duration:15s;animation-delay:-12s;top:48%;left:78%}.sun-wash i:nth-child(7){animation-duration:18s;animation-delay:-9s;top:30%;left:24%}@keyframes dust-drift{0%{opacity:0;transform:translate(0,0)scale(.7)}12%{opacity:.85}50%{opacity:.5}86%{opacity:.75}to{opacity:0;transform:translate(38px,-52px)scale(1.05)}}.floor-rug{z-index:0;background:repeating-radial-gradient(#9666422e 0 5px,#f3e3ca33 5px 11px),radial-gradient(#ecd7b8 0 55%,#dab88d 82%,#c7a172);border-radius:50%;height:15%;position:absolute;bottom:.5%;left:30%;right:1%;box-shadow:0 7px 16px #5a3f2a29,inset 0 2px 7px #fff6}.room-scene{--px:0;--py:0}.window-area{transform:translateX(-42%) translate3d(calc(var(--px) * -6px), calc(var(--py) * -3px), 0);transition:transform .35s ease-out}.bookshelf{transform:perspective(1100px) rotateY(1deg) translate3d(calc(var(--px) * 9px), calc(var(--py) * 4px), 0);transition:transform .35s ease-out}.desk-area{transform:translate3d(calc(var(--px) * -13px), calc(var(--py) * -5px), 0);transition:transform .35s ease-out}@media (prefers-reduced-motion:reduce){.sun-wash i{opacity:0;animation:none}}@media (max-width:900px){.window-area{transform:translate(-44%)}}@media (max-width:640px){.window-area{transform:none}}.focus-spark{animation:spark-flow var(--spark-period,7s) linear infinite;animation-delay:var(--spark-delay,0s)}@keyframes spark-flow{0%{opacity:.95;scale:1.45}8%{opacity:.5;scale:1.08}20%{opacity:.18;scale:.84}40%,to{opacity:.08;scale:.7}}.shelf-mode-showcase .back-wall,.shelf-mode-showcase .back-wall *,.shelf-mode-showcase .sun-wash,.shelf-mode-showcase .sun-wash *{animation-play-state:paused}.left-cover:after{display:none}.right-cover{justify-content:center}.page-one,.page-two{animation:none}.page-one{transform:rotateY(-6deg)rotate(.2deg)}.page-two{transform:rotateY(-9deg)}.room-scene.is-paused,.room-scene.is-paused *,.room-scene.is-paused:before,.room-scene.is-paused:after,.room-scene.is-paused :before,.room-scene.is-paused :after{animation-play-state:paused!important}.room-scene.is-paused{pointer-events:none}.room-scene.skip-arrival{animation:none}.album-reader{z-index:100;visibility:hidden;pointer-events:none;background:#d7d3c8;outline:none;position:fixed;inset:0}.album-reader.is-active{visibility:visible;pointer-events:auto}.album-reader iframe{visibility:hidden;border:0;width:100%;height:100%;display:block}.album-reader.is-active.is-ready iframe{visibility:visible}.album-reader-loading{background:linear-gradient(135deg,#dedacf,#cbc7bb);place-items:center;display:grid;position:absolute;inset:0}.album-reader-loading button{cursor:pointer;background:0 0;border:0;padding:8px 0;position:absolute;top:24px;left:32px}.album-reader-loading p{color:#77746b;letter-spacing:.12em;font-size:14px}.album-reader-loading>div{text-align:center}.album-reader-loading .album-reader-retry{border:1px solid #29292333;border-radius:20px;padding:8px 20px;position:static}.showcase-track-window .shelf-book-track,.showcase-track-window .shelf-book-group{transform-style:flat}.showcase-track-window .showcase-book-volume{transform-style:flat;perspective:1450px;perspective-origin:50% 42%;transition:none;transform:none}.showcase-book-body{transform-style:preserve-3d;transform-origin:bottom;transform:translate3d(0,0,var(--rail-depth,0px)) rotateX(3deg) rotateY(var(--showcase-book-angle));transition:transform .45s cubic-bezier(.18,.8,.22,1);display:block;position:absolute;inset:0}:is(.showcase-track-window .showcase-book-volume:hover,.showcase-track-window .showcase-book-volume:focus-visible){z-index:100}:is(.showcase-track-window .showcase-book-volume:hover .showcase-book-body,.showcase-track-window .showcase-book-volume:focus-visible .showcase-book-body){transform:translate3d(0,-8px,calc(30px + var(--rail-depth,0px))) rotateX(3deg) rotateY(calc(var(--showcase-book-angle) * .8))}.showcase-book-volume.is-floating>.showcase-book-body{display:contents}@media (prefers-reduced-motion:reduce){.showcase-book-body{transition:none}}.shelf-cover-photo,.showcase-cover-photo,.preview-cover-photo img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.shelf-cover-photo{border-radius:inherit}.has-photo-cover .volume-front:before,.has-photo-cover .volume-front:after{display:none}.showcase-cover-photo{z-index:0;position:absolute;inset:0}.has-photo-cover .showcase-cover-face:after{z-index:1;opacity:1;mix-blend-mode:normal;background:linear-gradient(#0003,#0000 30% 50%,#000000ad)}.has-photo-cover .showcase-cover-face strong,.has-photo-cover .showcase-cover-face small,.has-photo-cover .showcase-cover-number{text-shadow:0 1px 5px #0009}.preview-book.has-photo-cover .preview-cover-photo{border-radius:inherit;box-shadow:none;border:0;inset:0}.preview-book.has-photo-cover .preview-cover-photo:after{content:"";background:linear-gradient(#00000026,#0000 30% 55%,#000000a6);position:absolute;inset:0}.preview-book.has-photo-cover .preview-cover-copy{text-shadow:0 1px 5px #00000080;top:auto;bottom:6%}.album-loading{text-align:center;place-content:center}