.gbb{padding:clamp(44px,6vw,80px) 20px 76px;--gbb-paper: #fbf7f0}.gbb-stage{max-width:940px;margin:0 auto;display:none}.gbb.is-js .gbb-stage{display:block}.gbb.is-js .gbb-list,.gbb.is-js .gbb-empty{display:none}.gbb-book{position:relative;height:clamp(440px,62vh,560px);height:clamp(440px,62svh,560px);perspective:1600px}.gbb-cover{position:absolute;inset:0;margin:auto;width:min(400px,94%);background:linear-gradient(140deg,#1c3855 0%,var(--brand-ink) 55%,#0e1d2e 100%);border-radius:8px 16px 16px 8px;box-shadow:inset 4px 0 10px #00000059,0 24px 55px -22px #00000080;display:grid;place-items:center;z-index:3;transform-origin:left center}.gbb-cover-frame{position:absolute;inset:14px;border:1px solid rgba(244,238,226,.35);border-radius:5px 11px 11px 5px;pointer-events:none}.gbb-cover-inner{text-align:center;color:#f4eee2;padding:24px}.gbb-cover-eyebrow{font-family:var(--font-ui);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0 0 14px}.gbb-cover-title{font-family:var(--font-heading);font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 0;font-size:clamp(1.85rem,5vw,2.4rem);white-space:nowrap;font-weight:540;letter-spacing:-.015em;line-height:1.1;margin:0 0 8px}.gbb-cover-sub{font-family:var(--font-heading);font-style:italic;font-size:1.05rem;opacity:.9;margin:0 0 26px}.gbb-open-btn{padding:13px 28px;background:transparent;color:#f4eee2;border:1px solid rgba(244,238,226,.7);border-radius:999px;font-family:var(--font-ui);font-weight:600;font-size:.98rem;cursor:pointer;transition:background .2s ease,color .2s ease}.gbb-open-btn:hover{background:#f4eee2;color:var(--brand-ink)}.gbb-pages{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);touch-action:pan-y pinch-zoom;background:linear-gradient(105deg,#faf6ee,#fdfbf6,#f6f1e7);border:1px solid rgba(0,22,40,.1);border-radius:12px;box-shadow:0 22px 50px -24px #00000059;opacity:0;visibility:hidden}.gbb.is-open .gbb-cover{transform:rotateY(-160deg);opacity:0;pointer-events:none}.gbb.is-open .gbb-pages{opacity:1;visibility:visible}@media(prefers-reduced-motion:no-preference){.gbb-cover{transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .45s ease .2s}.gbb-pages{transition:opacity .3s ease,visibility 0s linear .3s}.gbb.is-open .gbb-pages{transition:opacity .4s ease .25s,visibility 0s}}.gbb-spine{position:absolute;left:50%;top:0;bottom:0;width:64px;transform:translate(-50%);background:linear-gradient(90deg,#00162800,#00162812 45%,#0016281f,#00162812 55%,#00162800);pointer-events:none}.gbb-page{padding:30px 32px;min-width:0;min-height:0;display:flex}.gbb-page--left{border-right:1px solid rgba(0,22,40,.04)}.gbb-page-scroll{width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,22,40,.22) transparent;display:flex;flex-direction:column;background:linear-gradient(var(--gbb-paper) 34%,rgba(251,247,240,0)) top / 100% 26px no-repeat local,linear-gradient(rgba(251,247,240,0),var(--gbb-paper) 66%) bottom / 100% 26px no-repeat local,linear-gradient(#0016281c,#00162800) top / 100% 13px no-repeat scroll,linear-gradient(#00162800,#0016281c) bottom / 100% 13px no-repeat scroll}.gbb-page-scroll>*{flex-shrink:0}.gbb-page-scroll:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}.gbb-pages:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.gbb-entry-msg{font-family:var(--font-body);font-size:15.5px;line-height:1.7;color:var(--ink-dark);margin:0 0 16px;white-space:pre-line}.gbb-entry-msg:before{content:"„";display:block;font-family:var(--font-heading);font-size:44px;line-height:.6;color:var(--brand-muted);margin-bottom:12px}.gbb-entry-meta{margin-top:auto;font-family:var(--font-ui);font-size:13.5px;color:var(--muted-text);text-align:right}.gbb-entry-meta strong{color:var(--ink-dark);font-weight:600}.gbb-empty-page{margin:auto;text-align:center;font-family:var(--font-body);font-size:15.5px;color:var(--muted-text);max-width:26ch;line-height:1.6}.gbb-sheet{position:absolute;inset:0 0 0 50%;background:linear-gradient(90deg,#f7f2e9,#fdfbf6);border-radius:0 12px 12px 0;transform-origin:left center;backface-visibility:hidden;opacity:0;pointer-events:none;z-index:2}.gbb-sheet--left{left:0;right:50%;border-radius:12px 0 0 12px;transform-origin:right center;background:linear-gradient(90deg,#fdfbf6,#f7f2e9)}@media(prefers-reduced-motion:no-preference){.gbb-turning-next .gbb-sheet,.gbb-turning-prev .gbb-sheet{opacity:1;box-shadow:0 10px 30px #0016282e}.gbb-turning-next .gbb-sheet{animation:gbb-turn-next .6s ease-in-out}.gbb-turning-prev .gbb-sheet{animation:gbb-turn-prev .6s ease-in-out}@keyframes gbb-turn-next{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes gbb-turn-prev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.gbb-fading .gbb-page{transition:opacity .16s ease}}.gbb-fading .gbb-page{opacity:0}.gbb-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;visibility:hidden;position:relative;z-index:4}.gbb.is-open .gbb-controls{visibility:visible}.gbb-nav{width:44px;height:44px;display:grid;place-items:center;background:#fff;color:var(--brand);border:1px solid var(--brand);border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.gbb-nav svg{width:20px;height:20px}.gbb-nav:hover:not(:disabled){background:var(--brand);color:#fff}.gbb-nav:disabled{opacity:.35;cursor:default}.gbb-counter{font-family:var(--font-ui);font-size:14.5px;color:var(--muted-text);margin:0;min-width:120px;text-align:center}.gbb-write-row{text-align:center;margin-top:20px}.gbb-write{padding:14px 24px;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:14px;font-family:var(--font-ui);font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.gbb-write:hover{background:transparent;color:var(--brand)}.gbb-write:active{transform:translateY(1px)}.gbb-list{list-style:none;margin:0 auto;padding:0;max-width:940px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gbb-entry{background:#f8fafc;border:1px solid color-mix(in oklch,var(--brand-ink) 8%,white);border-radius:18px 0;padding:22px;display:flex;flex-direction:column}.gbb-empty{text-align:center;font-size:15.5px;color:var(--muted-text);margin:8px auto 0}@media(max-width:720px){.gbb{padding:36px 16px 60px}.gbb-book{height:clamp(440px,74vh,600px);height:clamp(440px,74svh,600px)}.gbb-cover{max-height:500px}.gbb-pages{grid-template-columns:1fr}.gbb-page--right,.gbb-spine,.gbb-sheet{display:none}.gbb-page--left{border-right:none}.gbb-page{padding:22px 18px}.gbb-entry-msg{font-size:15px;line-height:1.62;margin-bottom:14px}.gbb-entry-msg:before{font-size:36px;margin-bottom:8px}}