*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}svg{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:13px}.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.brand{font-size:19px;font-weight:700;letter-spacing:-.7px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0}.label{font:11px/1.6 ui-monospace,monospace;letter-spacing:1.8px;text-transform:uppercase}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:13px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn.alt{background:transparent;color:var(--ink)}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:28px 0}.textlink{border-bottom:1px solid currentColor;font-size:13px;padding:5px 0}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.prose{max-width:720px;margin:0 auto;padding:65px 0 90px}.prose h1{font-size:clamp(40px,6vw,66px);line-height:1.08;letter-spacing:-2px}.prose h2{margin:38px 0 14px;font-size:26px;line-height:1.25}.prose p,.prose li{line-height:1.95;color:var(--muted)}.prose .lede{font-size:21px;color:var(--ink)}.prose blockquote{margin:35px 0;padding:18px 25px;border-left:3px solid var(--accent);font-size:24px;line-height:1.5}.pagehead{padding:65px 0 35px;max-width:850px}.pagehead h1{font-size:clamp(43px,7vw,78px);line-height:1.06;letter-spacing:-3px;margin:20px 0}.pagehead p{max-width:620px;color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.filters button{border:1px solid var(--line);background:transparent;padding:9px 17px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.empty{padding:30px;border:1px dashed var(--line)}footer{border-top:1px solid var(--line);padding:32px 0;margin-top:45px}.footrow{display:flex;justify-content:space-between;gap:25px;align-items:start}.footrow p{max-width:330px;font-size:12px;color:var(--muted);margin:12px 0}.footlinks{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.copyright{font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:30px}.skip{position:absolute;top:10px;left:-9999px;background:var(--paper);padding:8px;z-index:100}.skip:focus{left:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;z-index:30;transition:.2s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}.enter{animation:enter .65s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.top{align-items:start;flex-direction:column;gap:18px;padding:22px 0}.nav{gap:22px;flex-wrap:wrap}.grid{grid-template-columns:1fr}.section{padding:42px 0}.section-head,.footrow{align-items:start;flex-direction:column}.pagehead{padding:40px 0 20px}.prose{padding:40px 0 60px}.footlinks{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{--paper:#f1f0fa;--ink:#28233f;--muted:#726c86;--accent:#7059b8;--line:#d8d3e6;background:var(--paper);color:var(--ink)}.wrap{max-width:1120px}.top{padding:30px 0}.brand{font:26px Georgia,serif;letter-spacing:-.7px}.brand span{display:inline-block;font:22px system-ui;margin-right:10px;color:var(--accent)}.nav{gap:26px}.roomhero{text-align:center;padding:55px 0 0;background:radial-gradient(ellipse at center,#ddd8f0,transparent 68%);border-bottom:1px solid var(--line)}.roomhero h1{font:clamp(65px,8vw,100px)/1.02 Georgia,serif;letter-spacing:-5px;max-width:850px;margin:22px auto}.roomhero h1 em{color:var(--accent);font-weight:400}.roomhero p{color:var(--muted);max-width:470px;margin:25px auto}.roomhero .actions{justify-content:center}.btn{border-radius:7px}.bookshelf{height:240px;display:flex;align-items:end;justify-content:center;gap:13px;position:relative;overflow:hidden;margin-top:45px;padding-bottom:18px}.bookshelf:after{content:"";position:absolute;bottom:8px;height:10px;width:90%;background:#bdb1d3;border-radius:50%;filter:blur(7px)}.spine{height:190px;width:60px;background:#6c5b87;border:1px solid #28233f22;border-radius:3px 6px 4px 3px;box-shadow:inset 5px 0 #ffffff12,inset -3px 0 #00000012;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;padding:18px 8px;font:17px Georgia,serif;color:#f5ebda;position:relative;z-index:2;animation:sway 9s ease-in-out infinite;transform-origin:bottom center}.spine:nth-child(2){height:215px;background:#ca866b;animation-delay:-3s;transform:rotate(-7deg)}.spine:nth-child(3){height:180px;width:72px;background:#9ea997;color:#2e3e38}.spine:nth-child(4){height:225px;background:#ead3a0;color:#5b4938;animation-delay:-5s}.spine:nth-child(5){height:195px;background:#76638d;transform:rotate(7deg)}.spine:nth-child(6){height:170px;background:#9d6072;animation-delay:-2s}.roomhead{font:43px Georgia,serif;letter-spacing:-1.5px}.bookcard{background:#e7e4f1;padding:22px;border-radius:10px;display:flex;flex-direction:column;align-items:start}.bookcover{height:235px;width:160px;margin:0 auto 27px;border-radius:2px 7px 7px 2px;background:#6c5b87;color:#fff1dd;box-shadow:9px 12px 15px #28233f17,inset 7px 0 #ffffff15;padding:22px 16px;position:relative;transition:transform .4s;display:flex;flex-direction:column;justify-content:space-between}.bookcover:after{content:"";width:55px;height:55px;border:1px solid currentColor;border-radius:50%;position:absolute;bottom:55px;left:53px}.bookcover strong{font:27px/1.08 Georgia,serif;letter-spacing:-1px;font-weight:400}.bookcover small{font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:2px}.bookcard:nth-child(2) .bookcover{background:#c6846d;color:#39293b}.bookcard:nth-child(3) .bookcover{background:#a3af9e;color:#2d4337}.bookcard:hover .bookcover{transform:translateY(-7px) rotate(-3deg)}.bookcard h3{font:26px/1.15 Georgia,serif;letter-spacing:-.6px;margin:13px 0}.bookcard p{font-size:13px;color:var(--muted);flex:1}.bookcard .label{font-size:9px;color:var(--muted)}.bookcard .actions{gap:15px;margin:10px 0 0}.bookmark{font-size:12px;padding:7px 10px;border:1px solid #c7bfd9;border-radius:5px;background:transparent}.bookmark[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.roomquote{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding:45px;background:#ded8ef;border-radius:12px;align-items:center}.roomquote h2{font:39px/1.15 Georgia,serif;letter-spacing:-1px;margin-bottom:20px}.roomquote p{font-size:14px;color:var(--muted)}.openbook{height:180px;position:relative;perspective:800px;display:flex;align-items:center;justify-content:center}.openbook span{display:block;width:45%;height:150px;background:repeating-linear-gradient(to bottom,#eee6d7 0px,#eee6d7 16px,#d9cdbb 17px,#eee6d7 18px);border:14px solid #f4eedf;box-shadow:0 10px 15px #28233f15;transform:rotateY(15deg) skewY(-7deg);border-radius:5px 0 0 8px}.openbook span+span{transform:rotateY(-15deg) skewY(7deg);border-radius:0 5px 8px 0}.prose{font-family:Georgia,serif}.prose p{font-size:18px}.readerbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid var(--line);padding:14px 0;margin:30px 0;font:12px system-ui}.readerbar button{background:transparent;border:1px solid var(--line);border-radius:4px;padding:6px 12px}.prose.large p{font-size:21px}.roomhero .label{color:var(--accent)}@keyframes sway{50%{translate:0 -5px}}@media(max-width:760px){.roomhero{padding-top:30px}.roomhero h1{font-size:62px;letter-spacing:-3px}.roomquote{grid-template-columns:1fr;gap:20px;padding:28px}.bookshelf{gap:7px;height:225px}.spine{width:43px;font-size:14px;padding:15px 6px}.spine:nth-child(3){width:48px}.bookcard{padding:28px}.bookcover{height:255px;width:175px}.readerbar{align-items:start;flex-wrap:wrap}}