:root{color:#2c211f;font-synthesis:none;text-rendering:optimizelegibility;--wine:#782f3b;--wine-dark:#5d202b;--paper:#fffdf9;--ink:#2c211f;--muted:#887b76;--line:#45302b24;background:#f3efe9;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 42%,#fffffff5 0,#fff0 52%),#f3efe9}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #782f3b52}.app-shell{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.topbar{z-index:20;min-height:56px;padding:max(8px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 8px max(18px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f6f1e6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.topbar h1{color:#3d2e2a;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;font-weight:720;overflow:hidden}.cart-trigger{color:#fff;background:var(--wine);cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .16s,background-color .16s;display:grid;position:relative;box-shadow:0 5px 15px #5d202b2e}.cart-trigger:hover{background:var(--wine-dark);transform:translateY(-1px)}.cart-trigger svg,.page-action svg,.empty-cart svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cart-trigger b{color:#fff;background:var(--wine-dark);border:2px solid #f7f3ed;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.mobile-page-action{display:none}.viewer{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.ambient-shadow{filter:blur(26px);pointer-events:none;background:#36282426;border-radius:50%;width:min(78vw,1280px);height:11%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.horizontal-viewer{grid-template-rows:minmax(0,1fr) 40px;width:100%;height:100%;min-height:0;padding:8px 14px 0;display:grid}.horizontal-book-stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.book-frame{z-index:2;aspect-ratio:8/3;flex:none;width:min(1800px,100vw - 28px,266.67dvh - 405.338px);max-width:100%;max-height:100%;transition:transform .36s cubic-bezier(.22,1,.36,1);position:relative}.book-frame--cover{transform:translate(-25%)}.flipbook{filter:drop-shadow(0 16px 22px #3828222b);margin:0 auto}.catalog-leaf{background:var(--paper);border:1px solid #3928231f;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #44312b09}.catalog-leaf:after{pointer-events:none;content:"";opacity:.42;background:linear-gradient(90deg,#291d191c,#0000);width:2.2%;position:absolute;inset:0 auto 0 0}.catalog-leaf--hard{background:#ece2d7;border-color:#2f1e1c2e}.catalog-image{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.catalog-image.is-loaded{opacity:1}.image-loading{background:linear-gradient(110deg,#efeae5 8%,#faf7f2 22%,#efeae5 38%) 0 0/200% 100%;animation:1.3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position-x:-200%}}.page-corner-number{z-index:3;color:#3c2c286b;pointer-events:none;font:9px/1 Georgia,serif;position:absolute;bottom:4px;right:6px}.horizontal-actions{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:min(1800px,100vw - 28px,266.67dvh - 405.338px);height:40px;margin:0 auto;display:grid}.horizontal-actions.is-cover{grid-template-columns:minmax(0,1fr);width:min(900px,50vw - 14px,133.33dvh - 202.662px)}.horizontal-action-cell{justify-content:flex-end;align-items:center;min-width:0;padding-right:5px;display:flex}.page-action,.page-action-placeholder{flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.page-action{color:#fff;background:var(--wine);cursor:pointer;border:1px solid #ffffff6b;border-radius:50%;padding:0;transition:transform .15s,background-color .15s;position:relative;box-shadow:0 5px 14px #4e1c2533}.page-action:hover{background:var(--wine-dark);transform:translateY(-1px)}.page-action:active{transform:scale(.94)}.page-action.is-added{color:var(--wine);background:#fffaf4;border-color:#782f3b33}.page-action>svg:first-child:not(:last-child){width:17px;height:17px;transform:translate(-2px,1px)}.page-action>svg:last-child:not(:first-child){stroke-width:2.5px;width:9px;height:9px;position:absolute;top:6px;right:5px}.vertical-book{perspective:1500px;touch-action:pan-x;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.vertical-spread{z-index:1;grid-template-rows:auto 10px auto;place-items:center;width:min(95vw,740px);height:auto;max-height:calc(100% - 8px);padding:0;display:grid;position:relative}.vertical-spread.is-cover-only{grid-template-rows:auto}.vertical-slot{grid-template-columns:minmax(0,auto) 39px;justify-content:center;align-items:center;gap:4px;width:min(95vw,740px);height:auto;display:grid;position:relative}.vertical-page-media{aspect-ratio:4/3;background:var(--paper);border:1px solid #3928231f;justify-self:end;width:min(100%,63dvh - 79.38px);max-width:calc(95vw - 43px);position:relative;overflow:hidden;box-shadow:0 10px 22px #38282221}.is-cover-only .vertical-page-media{width:min(95vw - 43px,133.33dvh - 162.663px)}.vertical-page-media img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.vertical-page-media--empty{visibility:hidden}.vertical-action-rail{flex-direction:column;justify-content:center;align-items:center;gap:7px;width:39px;height:100%;display:flex}.rail-page-action{place-items:center;width:32px;height:32px;display:grid}.page-action--compact{width:32px;height:32px}.vertical-spine{filter:blur(.2px);background:linear-gradient(#fff0,#422d2718 46%,#ffffffa3 56%,#fff0);width:min(95vw - 43px,63dvh - 79.38px);height:10px;margin-right:43px}.vertical-gesture-hint{left:max(8px, env(safe-area-inset-left));color:#5948426b;letter-spacing:.04em;opacity:1;pointer-events:none;align-items:center;gap:3px;font-size:9px;transition:opacity .24s;display:flex;position:absolute;bottom:5px}.vertical-gesture-hint.is-hidden{opacity:0}.vertical-gesture-hint span:first-child{font-size:14px;line-height:1}.vertical-turn-leaf{z-index:5;aspect-ratio:4/3;pointer-events:none;width:min(95vw - 43px,63dvh - 79.38px);transform-style:preserve-3d;will-change:transform;position:absolute;left:calc(50% - 21.5px)}.vertical-turn-leaf--forward{transform-origin:top;animation:.38s cubic-bezier(.52,.08,.25,1) both vertical-leaf-forward;top:calc(50% + 5px)}.vertical-turn-leaf--backward{transform-origin:bottom;animation:.38s cubic-bezier(.52,.08,.25,1) both vertical-leaf-backward;bottom:calc(50% + 5px)}.vertical-turn-leaf.is-cover-turn{transform-origin:top;top:50%;bottom:auto}.vertical-turn-leaf--forward.is-cover-turn{animation-name:vertical-cover-forward}.vertical-turn-leaf--backward.is-cover-turn{animation-name:vertical-cover-backward}.vertical-turn-face{background:var(--paper);backface-visibility:hidden;border:1px solid #3928231f;position:absolute;inset:0;overflow:hidden;box-shadow:0 8px 18px #34231e1f}.vertical-turn-face--back{transform:rotateX(180deg)translateZ(.1px)}.vertical-turn-face img{object-fit:contain;backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.vertical-turn-shadow{z-index:4;filter:blur(11px);pointer-events:none;background:#39262138;border-radius:50%;width:min(95vw - 43px,63dvh - 79.38px);height:18px;animation:.38s ease-in-out both vertical-spine-shadow;position:absolute;left:calc(50% - 21.5px)}.vertical-turn-shadow--forward{top:calc(50% - 4px)}.vertical-turn-shadow--backward{bottom:calc(50% - 4px)}@keyframes vertical-leaf-forward{0%{transform:translate(-50%)translateY(0)rotateX(0)}46%{transform:translate(-50%)translateY(-3px)rotateX(74deg)}56%{transform:translate(-50%)translateY(-4px)rotateX(92deg)}to{transform:translate(-50%)translateY(0)rotateX(180deg)}}@keyframes vertical-leaf-backward{0%{transform:translate(-50%)translateY(0)rotateX(0)}46%{transform:translate(-50%)translateY(3px)rotateX(-74deg)}56%{transform:translate(-50%)translateY(4px)rotateX(-92deg)}to{transform:translate(-50%)translateY(0)rotateX(-180deg)}}@keyframes vertical-cover-forward{0%{transform:translate(-50%,-50%)rotateX(0)}50%{transform:translate(-50%,-50%)translateY(-3px)rotateX(82deg)}to{transform:translate(-50%,-50%)rotateX(180deg)}}@keyframes vertical-cover-backward{0%{transform:translate(-50%,-50%)rotateX(0)}50%{transform:translate(-50%,-50%)translateY(3px)rotateX(-82deg)}to{transform:translate(-50%,-50%)rotateX(-180deg)}}@keyframes vertical-spine-shadow{0%,to{opacity:.12;transform:translate(-50%)scaleX(.78)}52%{opacity:.48;transform:translate(-50%)scaleX(1)}}.page-controls{z-index:15;min-height:48px;padding:5px max(16px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f6f1b8;border-top:1px solid #45302b12;justify-content:center;align-items:center;gap:clamp(14px,3.5vw,40px);display:flex}.page-controls>button{border:1px solid var(--line);color:#4b3c38;cursor:pointer;background:#fffdf9d1;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:88px;min-height:34px;padding:0 13px;font-size:11px;display:inline-flex;box-shadow:0 3px 12px #3828230a}.page-controls>button>span[aria-hidden]{margin-top:-2px;font-size:20px;line-height:.7}.page-controls>button:disabled{opacity:.32;cursor:not-allowed}.page-controls>strong{color:#51403b;font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:center;min-width:96px;font:600 13px/1 Georgia,Times New Roman,serif}.drawer-backdrop{z-index:100;visibility:hidden;pointer-events:none;background:#1d141200;transition:background-color .24s,visibility .24s;position:fixed;inset:0}.drawer-backdrop.is-open{visibility:visible;pointer-events:auto;background:#1d141252}.cart-drawer{width:min(410px,92vw);height:100%;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) 22px;background:#fffdf9;grid-template-rows:auto minmax(0,1fr) auto;transition:transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:0;right:0;transform:translate(103%);box-shadow:-24px 0 60px #281c182e}.drawer-backdrop.is-open .cart-drawer{transform:translate(0)}.drawer-grabber{display:none}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.eyebrow{color:var(--wine);letter-spacing:.16em;margin:0 0 5px;font:700 9px/1.2 Georgia,serif}.drawer-header h2{margin:0;font-size:22px}.icon-button{border:1px solid var(--line);color:#4a3935;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:19px;height:19px}.cart-list{padding:10px 2px;overflow-y:auto}.cart-row{border-bottom:1px solid #45302b1a;grid-template-columns:34px 1fr auto;align-items:center;min-height:52px;display:grid}.cart-index{color:#ad9e98;font:11px/1 Georgia,serif}.cart-row strong{overflow-wrap:anywhere;letter-spacing:.035em;font-size:13px}.cart-row button,.text-action{color:#9c5963;cursor:pointer;background:0 0;border:0;font-size:12px}.empty-cart{color:#9f918b;text-align:center;place-content:center;justify-items:center;height:100%;min-height:230px;display:grid}.empty-cart svg{width:32px;height:32px;margin-bottom:11px}.empty-cart p{color:#53423d;margin:0;font-size:16px;font-weight:650}.empty-cart span{margin-top:7px;font-size:12px}.drawer-actions{border-top:1px solid var(--line);gap:9px;padding-top:16px;display:grid}.drawer-actions button{cursor:pointer;border-radius:10px;min-height:44px;font-weight:650}.primary-action{color:#fff;background:var(--wine);border:0}.secondary-action{border:1px solid var(--wine);color:var(--wine);background:0 0}.drawer-actions .text-action{min-height:36px;font-weight:500}.app-shell--vertical-double .topbar{min-height:54px;padding:max(7px, env(safe-area-inset-top)) max(11px, env(safe-area-inset-right)) 7px max(13px, env(safe-area-inset-left))}.app-shell--vertical-double .topbar h1{font-size:15px}.app-shell--vertical-double .cart-trigger{width:36px;height:36px;box-shadow:none}.app-shell--vertical-double .page-controls{min-height:38px;padding-top:4px;padding-bottom:max(5px, env(safe-area-inset-bottom))}.app-shell--vertical-double .page-controls>strong{font-size:12px}.app-shell--vertical-double .cart-drawer{width:100%;height:min(76dvh,680px);padding:10px max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border-radius:22px 22px 0 0;inset:auto 0 0;transform:translateY(103%);box-shadow:0 -22px 50px #281c1829}.app-shell--vertical-double .drawer-backdrop.is-open .cart-drawer{transform:translateY(0)}.app-shell--vertical-double .drawer-grabber{background:#4c3a3433;border-radius:999px;width:38px;height:4px;margin:0 auto 9px;display:block}.app-shell--vertical-double .drawer-header{padding-bottom:12px}@media (width<=1023px) and (orientation:portrait){.vertical-spread,.vertical-slot{width:calc(100vw - 10px)}.vertical-page-media,.vertical-spine{width:min(100vw - 53px,63dvh - 74.34px);max-width:calc(100vw - 53px)}.is-cover-only .vertical-page-media{width:min(100vw - 53px,133.33dvh - 149.33px)}}@media (width<=600px) and (orientation:portrait){.mobile-page-action{z-index:6;display:block;position:absolute;bottom:8px;right:8px}.rail-page-action{visibility:hidden}}@media (height<=600px) and (orientation:landscape){.topbar{min-height:42px;padding:max(4px, env(safe-area-inset-top)) max(11px, env(safe-area-inset-right)) 4px max(11px, env(safe-area-inset-left))}.topbar h1{font-size:14px}.cart-trigger{width:34px;height:34px;box-shadow:none}.horizontal-viewer{grid-template-rows:minmax(0,1fr) 34px;padding:3px 8px 0}.book-frame,.horizontal-actions{width:min(100vw - 16px,266.67dvh - 298.67px)}.horizontal-actions{height:34px}.horizontal-actions.is-cover{width:min(50vw - 8px,133.33dvh - 149.33px)}.page-action,.page-action-placeholder{width:32px;height:32px}.page-controls{min-height:36px;padding:2px max(10px, env(safe-area-inset-right)) max(3px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:10px}.page-controls>button{min-width:34px;min-height:30px;padding:0 7px}.page-controls .control-label{display:none}.page-controls>strong{min-width:88px;font-size:11px}.cart-drawer{width:100%;height:min(88dvh,430px);padding:8px max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border-radius:18px 18px 0 0;inset:auto 0 0;transform:translateY(103%)}.drawer-backdrop.is-open .cart-drawer{transform:translateY(0)}.drawer-grabber{background:#4c3a3433;border-radius:999px;width:38px;height:4px;margin:0 auto 7px;display:block}.drawer-header{padding-bottom:8px}.drawer-actions{grid-template-columns:1fr auto;gap:8px;padding-top:8px}.drawer-actions .text-action{padding-inline:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}