.preview-site{color:#eef8ff;background:radial-gradient(circle at 67% 42%,#1267a840,#0000 35%),linear-gradient(145deg,#020e1d,#04182e 55%,#031223);min-height:100vh;padding:34px 4vw 44px;overflow:hidden}.preview-header{z-index:5;grid-template-columns:1fr auto 1fr;align-items:start;gap:28px;min-height:112px;display:grid;position:relative}.preview-header>div{text-align:center}.preview-header p{color:#5ca4cf;letter-spacing:.32em;margin:0 0 8px;font-size:10px}.preview-header h1{font:400 clamp(25px,2.7vw,42px)/1.2 var(--font-display);letter-spacing:.08em;margin:0}.preview-header>span{color:#dceffc7a;letter-spacing:.22em;justify-self:end;font-size:10px}.preview-back{color:#dceffc9e;letter-spacing:.12em;font-size:11px}.preview-back:hover{color:#fff}.preview-stage{background:radial-gradient(circle,#0d538936,#0000 51%),#020e1c75;border:1px solid #71c1ee29;height:min(68vh,720px);min-height:610px;position:relative;overflow:hidden}.preview-stage:before{content:"";border:1px solid #5ab4e61f;border-radius:50%;position:absolute;inset:9% 23%;box-shadow:inset 0 0 100px #127dc41f}.preview-copy{z-index:3;width:min(28vw,360px);position:absolute;top:50%;left:4vw;transform:translateY(-50%)}.preview-count{color:#4e9ac7;letter-spacing:.32em;margin:0 0 20px;font-size:11px}.preview-copy h2{font:400 clamp(38px,4.3vw,66px)/1.1 var(--font-display);letter-spacing:.08em;margin:0 0 8px}.preview-copy>span{color:#6eb8e2;letter-spacing:.1em;font-size:12px}.preview-copy dl{border-top:1px solid #77b8de38;margin:34px 0 0}.preview-copy dl div{border-bottom:1px solid #77b8de21;grid-template-columns:58px 1fr;padding:11px 0;font-size:11px;display:grid}.preview-copy dt{color:#cce6f773}.preview-copy dd{color:#e6f5ffc7;margin:0}.preview-book{z-index:2;pointer-events:none;margin:0;position:absolute;inset:-4% 9% 4% 28%}.preview-controls{z-index:5;width:min(30vw,390px);position:absolute;bottom:28px;right:3.2vw}.view-buttons{justify-content:flex-end;gap:7px;margin-bottom:15px;display:flex}.view-buttons button{color:#e7f6ffb8;font:inherit;cursor:pointer;background:#041b3094;border:1px solid #7bc6ef3d;border-radius:999px;padding:8px 12px;font-size:10px}.view-buttons button:hover,.view-buttons button.active{color:#fff;background:#0f699d4d;border-color:#63cdffb8}.preview-controls label{color:#d8eefb73;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-size:10px;display:grid}.preview-controls input{accent-color:#45bdf5;cursor:ew-resize;width:100%}.book-switcher{border-top:1px solid #7cc4eb26;border-bottom:1px solid #7cc4eb26;grid-template-columns:repeat(6,1fr);margin-top:14px;display:grid}.book-switcher button{text-align:left;color:#dff1fc94;cursor:pointer;background:0 0;border:0;border-right:1px solid #7cc4eb1f;grid-template-rows:auto auto;grid-template-columns:30px 1fr;min-height:92px;padding:14px 16px;transition:all .2s;display:grid}.book-switcher button:last-child{border-right:0}.book-switcher button:hover,.book-switcher button.selected{color:#fff;background:linear-gradient(135deg,#0e68a045,#09355b14)}.book-switcher button.selected{box-shadow:inset 0 2px #58c7f7}.book-switcher span{color:#4b96be;letter-spacing:.18em;grid-row:1/3;font-size:10px}.book-switcher strong{font:400 clamp(12px,1.05vw,16px)/1.25 var(--font-display);align-self:end}.book-switcher small{color:#c8e2f261;align-self:start;font-size:9px}@media (max-width:800px){.preview-site{padding:18px 14px 28px;overflow:visible}.preview-header{grid-template-columns:1fr auto;min-height:102px}.preview-header>div{position:absolute;top:34px;left:0;right:0}.preview-header h1{font-size:24px}.preview-header>span{font-size:8px}.preview-stage{height:78vh;min-height:680px}.preview-stage:before{inset:18% 4% 23%}.preview-copy{text-align:center;width:auto;top:24px;left:20px;right:20px;transform:none}.preview-count{margin-bottom:8px}.preview-copy h2{font-size:34px}.preview-copy dl{display:none}.preview-book{inset:4% -16% 12%}.preview-controls{width:auto;bottom:20px;left:18px;right:18px}.view-buttons{flex-wrap:wrap;justify-content:center}.book-switcher{grid-template-columns:repeat(2,1fr)}.book-switcher button{border-bottom:1px solid #7cc4eb1f;min-height:72px}}