.book-checkout{position:fixed;width:min(920px,calc(100% - 40px));max-height:90dvh;padding:0;border:1px solid #53607877;border-radius:18px;background:#10141e;color:#ece8e2;box-shadow:0 35px 120px #000b;overflow:auto}.book-checkout[open]{display:grid;grid-template-columns:.85fr 1.15fr}.book-checkout::backdrop{background:#05080dd9;backdrop-filter:blur(9px)}.bc-close{position:absolute;right:16px;top:13px;z-index:2;width:34px;height:34px;border:1px solid #7a819144;border-radius:50%;background:#131b25;color:#dce2eb}.bc-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:45px;padding:42px 30px;background:radial-gradient(ellipse at 40% 40%,#65727b33,transparent 65%),linear-gradient(145deg,#243241,#111b28 60%,#2b2834);border-right:1px solid #78879922;overflow:hidden}.bc-edition{font-size:8px;letter-spacing:2px;color:#c0c6cb}.bc-cover{width:185px;aspect-ratio:2/3;position:relative;transform:perspective(1000px) rotateY(-13deg) rotateZ(-3deg);box-shadow:14px 20px 35px #0009;isolation:isolate;border-radius:3px;transition:transform .35s ease}.bc-cover:after{content:'';position:absolute;inset:3px -9px 3px auto;width:9px;background:repeating-linear-gradient(90deg,#ddd6c8 0 1px,#9e9e98 1px 2px);transform:skewY(25deg);z-index:-1;border-radius:0 2px 2px 0}.bc-cover>*{width:100%;height:100%;object-fit:cover;overflow:hidden;position:absolute;inset:0}.bc-art:hover .bc-cover{transform:perspective(1000px) rotateY(-6deg) rotateZ(-1deg)}.bc-art-note{font:italic 20px var(--serif);color:#c2b6a2}.bc-copy{padding:48px 40px 34px}.bc-copy>.eyebrow{font-size:8px;letter-spacing:2px;color:#a9bbc7}.bc-copy h2{font:44px/1.08 var(--serif);margin:19px 0 26px;letter-spacing:-1px}.bc-copy h2 em{font-weight:400;color:#dbbd86}.bc-book{display:grid;gap:6px;padding-left:13px;border-left:2px solid #c4a66c}.bc-book strong{font:24px var(--serif)}.bc-book>span{font-size:11px;color:#a5adb9}.bc-intro{font-size:12px;line-height:1.8;color:#b5bfcc;margin:20px 0}.bc-includes{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:9px;color:#b8c8d6;padding-bottom:24px}.bc-total{border-block:1px solid #47546766;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.bc-total>div{display:grid;gap:7px;font-size:12px}.bc-total small{font-size:9px;color:#98a8ba}.bc-total>strong{font:32px var(--serif);white-space:nowrap}.bc-status{font-size:11px;line-height:1.7;color:#cfbd98;min-height:20px;margin:16px 0}.bc-pay{width:100%;border:1px solid #e6c99188;border-radius:9px;padding:15px 10px;background:linear-gradient(120deg,#e4cca0,#c6a673);color:#201c16;font-size:12px;font-weight:600;box-shadow:0 6px 24px #d3aa6416}.bc-pay:disabled{opacity:.5;cursor:default}.bc-pay:focus-visible,.bc-refresh:focus-visible,.bc-close:focus-visible{outline:2px solid #a8d8ee;outline-offset:4px}.bc-refresh{display:block;margin:13px auto;color:#c7dced;font-size:11px;text-decoration:underline;text-underline-offset:4px}.bc-security{display:block;text-align:center;font-size:8px;color:#94a2b6;line-height:1.8;margin-top:15px}.bc-refresh[hidden]{display:none}
header .upload-book-button{margin-left:auto;display:flex;align-items:center;gap:9px;flex-shrink:0;height:38px;padding:0 15px;border:1px solid #c7a56d77;border-radius:9px;background:linear-gradient(120deg,#3b3023,#241f1a);box-shadow:inset 0 1px #f2deb722,0 3px 16px #b88d4310;color:#e9d4ad;font-size:11px;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .2s}header .upload-book-button svg{height:19px;width:19px}header .upload-book-button:hover{border-color:#d6b57fcc;box-shadow:0 0 18px #d6a85e20;transform:translateY(-1px)}header .upload-book-button:focus-visible{outline:2px solid #e6d3ac;outline-offset:4px}header .upload-book-button+.signin-button{margin-left:0}header .search{width:min(470px,34vw);left:46%}header{gap:18px}.bc-page-buy{border-color:#bca06f88!important;color:#e2c99c!important}
@media(max-width:1100px){header .search{width:28vw;left:44%}header{gap:13px;padding-inline:20px}header .signup-button{min-width:100px}}
@media(max-width:760px){.book-checkout[open]{grid-template-columns:1fr}.book-checkout{width:calc(100% - 24px);max-height:94dvh}.bc-art{min-height:210px;padding:25px;gap:16px;border-right:0;border-bottom:1px solid #78879922}.bc-cover{width:90px}.bc-art-note{display:none}.bc-copy{padding:27px}.bc-copy h2{font-size:35px;margin:14px 0 21px}.bc-copy h2 br{display:none}header .upload-book-button{padding:0 10px;gap:7px;height:34px;font-size:10px}header{gap:10px}header .search{width:auto;left:16px;right:16px;transform:none}header .signup-button{min-width:85px}.bc-includes{gap:10px}}
@media(max-width:400px){header .upload-book-button{width:34px;padding:7px;justify-content:center}header .upload-book-button span{display:none}header{padding-inline:14px;gap:11px}.bc-copy{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.bc-cover,header .upload-book-button{transition:none!important;transform:none!important}}.reduce-motion .bc-cover,.reduce-motion .upload-book-button{transition:none!important;transform:none!important}
/* Keep search in normal flow so account controls never overlap it. */
header .search{position:static;transform:none;flex:1 1 auto;width:auto;min-width:90px;max-width:580px;margin-left:16px}header .upload-book-button,header #notification-bell,header .signin-button{margin-left:0!important}header .brand{flex-shrink:0}
@media(max-width:760px){header .search{position:absolute;top:123px;left:16px;right:16px;max-width:none;margin:0;flex:none}header .upload-book-button{margin-left:auto!important;width:34px;padding:7px;justify-content:center}header .upload-book-button span{display:none}header:has(#profile[aria-label="Sign in"]) #notification-bell{display:none}header .brand{margin-right:auto}header{gap:11px}}
@media(max-width:400px){header .brand-badge{display:none}header .signup-button{min-width:78px}header .brand{font-size:29px}}
@media(min-width:761px) and (max-height:650px){.bc-copy{padding:27px 28px}.bc-copy h2{font-size:34px;margin:14px 0 18px}.bc-book strong{font-size:21px}.bc-book{gap:5px}.bc-intro{font-size:11px;line-height:1.6;margin:14px 0}.bc-includes{padding-bottom:15px;font-size:8px;gap:9px 12px}.bc-total{padding:13px 0}.bc-total>strong{font-size:28px}.bc-status{font-size:10px;margin:10px 0;min-height:17px}.bc-pay{padding:12px 8px;font-size:11px}.bc-security{margin-top:10px;font-size:7px}.bc-cover{width:157px}.bc-art{padding:30px 23px;gap:30px}.bc-art-note{font-size:17px}}