::view-transition-group(*.notebook){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}main:has(.sb){overflow-x:clip}.sb{--sb-paper:#fcfbf7;--sb-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .42 0 0 0 0 .36 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");padding-top:var(--space-3)}.sb-crumb{font-size:var(--text-s);color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.sb-crumb svg{width:14px;height:14px;transition:transform .2s var(--ease-out)}.sb-crumb:hover{color:var(--ink)}.sb-crumb:hover svg{transform:translate(-2px)}.sb-head{margin-top:var(--space-1);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;display:flex}.sb-head h1{font-size:var(--text-l)}.sb-stage{justify-items:center;gap:var(--space-2);margin-top:var(--space-3);display:grid}.sb-book{--ratio:1.42;aspect-ratio:var(--ratio);perspective:2400px;width:min(100%, 1040px, max(440px, (100dvh - 340px) * var(--ratio)));touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative}.sb-book[data-state=closed]{translate:-25%}.sb-under{opacity:0;border-radius:12px;grid-template-columns:1fr 1fr;transition:opacity .26s;display:grid;position:absolute;inset:0;box-shadow:0 2px 4px #1e1d1b14,0 26px 44px -26px #1e1d1b80}.sb-book[data-state=open] .sb-under{opacity:1}.sb-under span{background:var(--sb-noise), var(--sb-paper)}.sb-under span:first-child{border-radius:12px 0 0 12px;box-shadow:-1px 1px #ebe8e0,-2px 2px #dcd8cf,-3px 3px #ebe8e0,-4px 4px #d6d2c8}.sb-under span:last-child{border-radius:0 12px 12px 0;box-shadow:1px 1px #ebe8e0,2px 2px #dcd8cf,3px 3px #ebe8e0,4px 4px #d6d2c8}.sb-side{width:50%;transform-style:preserve-3d;position:absolute;top:0;bottom:0}.sb-side.left{left:0}.sb-side.right{left:50%}.sb-page{background:var(--sb-noise), var(--sb-paper);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.sb-page.on-left{border-radius:12px 0 0 12px}.sb-page.on-right{border-radius:0 12px 12px 0}.sb-page:after{content:"";pointer-events:none;position:absolute;inset:0}.sb-page.on-left:after{background:linear-gradient(270deg,#1e1d1b14,#1e1d1b00 6%)}.sb-page.on-right:after{background:linear-gradient(90deg,#1e1d1b14,#1e1d1b00 6%)}.sb-page img{transition:opacity .3s}.sb-page img.sb-loading{opacity:0}.sb-ink{mix-blend-mode:multiply;width:auto;max-width:84cqw;height:auto;max-height:86cqh}.sb-print{rotate:var(--tilt);background:#fff;padding:3cqw;display:block;position:relative;box-shadow:0 1px 2px #1e1d1b29,0 8px 18px -10px #1e1d1b4d}.sb-print img{width:auto;max-width:66cqw;height:auto;max-height:70cqh;display:block}.sb-print:before,.sb-print:after{content:"";z-index:1;background:color-mix(in srgb, var(--accent) 45%, #fff);opacity:.82;width:30cqw;height:7cqw;position:absolute;box-shadow:0 1px 1px #1e1d1b1a}.sb-print:before{top:-2.5cqw;left:-9cqw;rotate:-38deg}.sb-print:after{bottom:-2.5cqw;right:-9cqw;rotate:-38deg}.sb-cover{background:0 0;display:block;overflow:visible}.sb-cover .nb{width:100%;height:100%}.sb-cover-back{background:var(--sb-noise), var(--c)}.sb-cover-back:after{background:linear-gradient(90deg,#0000001f,#0000 12%)!important}.sb-inside{align-content:center;justify-items:center;gap:8cqh}.sb-owner{background:#fff;border-radius:6px;gap:1.2cqh;width:64cqw;padding:7cqw 7cqw 8cqw;display:grid;rotate:-1.5deg;box-shadow:0 1px 2px #1e1d1b24}.sb-owner-k{color:var(--muted);font-size:max(11px,3.6cqw)}.sb-owner-v{font:600 max(18px, 9cqw)/1.1 var(--font-display);border-bottom:1.5px solid #1e1d1b33;padding-bottom:1.5cqh}.sb-owner-t{color:var(--ink-2);font-size:max(11px,3.8cqw)}.sb-sticker{background:#fff;border-radius:42% 42% 30% 30%;width:24cqw;height:auto;padding:2.4cqw 2.4cqw 1.6cqw;rotate:8deg;box-shadow:0 1px 2px #1e1d1b38}.sb-flap{z-index:5;width:50%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0}.sb-flap.next{transform-origin:0;left:50%}.sb-flap.prev{transform-origin:100%;left:0}.sb-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.sb-face.back{transform:rotateY(180deg)}.sb-shade{z-index:2;pointer-events:none;opacity:0;border-radius:inherit;position:absolute;inset:0}.sb-flap.next .sb-face.front .sb-shade,.sb-flap.prev .sb-face.back .sb-shade{background:linear-gradient(90deg,#1e1d1b05,#1e1d1b38)}.sb-flap.next .sb-face.back .sb-shade,.sb-flap.prev .sb-face.front .sb-shade{background:linear-gradient(270deg,#1e1d1b05,#1e1d1b38)}.sb-zone{z-index:10;width:50%;cursor:var(--cursor-link);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.sb-zone:active{cursor:var(--cursor-press)}.sb-zone.prev{left:0}.sb-zone.next{left:50%}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.sb-side>.sb-page{transition:transform .22s var(--ease-out)}.sb-side.right>.sb-page{transform-origin:0}.sb-side.left>.sb-page{transform-origin:100%}.sb-book:not([data-busy]):has(.sb-zone.next:hover) .sb-side.right>.sb-page{transform:rotateY(-9deg)}.sb-book[data-state=open]:not([data-busy]):has(.sb-zone.prev:hover) .sb-side.left>.sb-page{transform:rotateY(9deg)}}.sb-controls{align-items:center;gap:var(--space-2);min-height:44px;display:flex}.sb-ctrl{width:44px;height:44px;cursor:var(--cursor-link);border:var(--stroke) solid var(--ink);background:var(--card);color:var(--ink);transition:transform .16s var(--ease-out), opacity .2s ease;border-radius:50%;place-items:center;display:grid}.sb-ctrl svg{width:18px;height:18px}.sb-ctrl:active{cursor:var(--cursor-press);transform:scale(.94)}.sb-ctrl[aria-disabled=true]{opacity:.3;cursor:var(--cursor-arrow)}.sb-ctrl[aria-disabled=true]:active{cursor:var(--cursor-arrow);transform:none}.sb-count{text-align:center;min-width:5.5ch;font:600 var(--text-s)/1 var(--font-display);font-variant-numeric:tabular-nums}.sb-hint{font-size:var(--text-s);text-align:center}@media (hover:none){.sb-hint{display:none}}.sb-fallback{margin:var(--space-4) 0 0;gap:var(--space-3);justify-items:center;padding:0;list-style:none;display:grid}.sb-fallback img{border-radius:var(--radius-m);background:var(--card);width:min(100%,560px);height:auto}.js .sb-fallback,html:not(.js) .sb-stage{display:none}@media (width<=719px){.sb-book{--ratio:.71;width:min(100%, 460px, max(280px, (100dvh - 300px) * var(--ratio)))}.sb-book[data-state=closed]{translate:none}.sb-under{grid-template-columns:1fr}.sb-under span:first-child{display:none}.sb-under span:last-child{border-radius:4px 12px 12px 4px}.sb-side.left{display:none}.sb-side.right{width:100%;left:0}.sb-page.on-left,.sb-page.on-right{border-radius:4px 12px 12px 4px}.sb-page.on-left:after{background:linear-gradient(90deg,#1e1d1b14,#1e1d1b00 6%)}.sb-flap,.sb-flap.next,.sb-flap.prev{transform-origin:0;width:100%;left:0}}