.ob{--parch:#f1e7d0;--vellum:#faf4e6;--ink:#1e1a17;--ink-soft:#56493e;--ink-mute:#66584b;--kelp:#1b2a21;--kelp2:#2e4634;--wax:#7e2c2a;--gold:#c4933a;--gold2:#e8c77c;--gold-deep:#7d5820;--pill:linear-gradient(180deg, #e9c778 0%, #d2a24a 48%, #bf8f3e 100%);--f-serif:var(--font-fraunces), "Iowan Old Style", Georgia, serif;--f-sans:var(--font-bricolage), "Segoe UI", system-ui, sans-serif;--f-mono:var(--font-dm-mono), ui-monospace, Consolas, monospace;--paper-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .14 .5 0 0 0 -.16'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--cloth-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2 .35' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8 0 0 0 0 .9 0 0 0 0 .75 .4 0 0 0 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E");--H:min(90svh, calc(92vw / 2 / .76));--P:calc(var(--H) * .76);--u:calc(var(--H) / 100);--ov:calc(var(--u) * 1.4);--T:calc(var(--u) * 2.4);--cw:calc(var(--P) + var(--ov));isolation:isolate;perspective:2600px;perspective-origin:50% 8%;color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#3b2416;font-size:16px;line-height:1.5;position:fixed;inset:0;overflow:hidden}.ob *,.ob :before,.ob :after{box-sizing:border-box}.ob button,.ob input{font:inherit;color:inherit}main.ob :focus-visible{outline:2.5px solid var(--gold-deep);outline-offset:3px}.ob .ob-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.ob .ob-defs{width:0;height:0;position:absolute;overflow:hidden}.ob .ob-desk{z-index:-2;background:radial-gradient(90% 70% at 30% 22%,#ffc47861 0%,#ffaa6024 40%,#0000 70%),linear-gradient(158deg,#74492c 0%,#5d3a23 42%,#452a18 100%);position:absolute;inset:0}.ob .ob-desk:before{content:"";opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' preserveAspectRatio='none'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0022 .055' numOctaves='4' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .07 0 0 0 0 .03 1.9 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 50%/cover no-repeat,repeating-linear-gradient(178deg,#0000 0 23px,#1e0e061a 23px 24px,#0000 24px 61px,#ffd6a009 61px 63px);position:absolute;inset:0}.ob .ob-desk:after{content:"";background:radial-gradient(120% 100% at 42% 36%,#0000 48%,#1c0e068c 100%);position:absolute;inset:0}.ob .ob-lamp{background:radial-gradient(circle,#ffcd8c6b,#ffb0621f 45%,#0000 68%);border-radius:50%;width:70vmax;height:70vmax;animation:7s ease-in-out infinite ob-flicker;position:absolute;top:-22vmax;left:-18vmax}.ob .ob-prop{pointer-events:none;filter:drop-shadow(0 6px 6px #140a0473);transition:opacity .6s;position:absolute}.ob .ob-prop--key{width:clamp(90px,11vw,170px);height:clamp(90px,11vw,170px);bottom:6vh;left:4vw;transform:rotate(-24deg)}.ob .ob-prop--wax{width:clamp(28px,3vw,46px);height:clamp(28px,3vw,46px);top:10vh;right:6vw;transform:rotate(18deg)}.ob .ob-prop--drop{width:clamp(16px,1.6vw,26px);height:clamp(16px,1.6vw,26px);top:17vh;right:9.5vw;transform:rotate(-40deg)}.ob:not([data-state=closed]) .ob-prop{opacity:0}.ob .ob-beam{z-index:3;pointer-events:none;transform-origin:0 0;filter:blur(22px);background:linear-gradient(90deg,#0000 0%,#ffd8a00f 30%,#ffdeaa26 52%,#ffd8a00b 78%,#0000 100%);width:64vw;height:190vh;animation:9s ease-in-out infinite ob-beam;position:absolute;top:-40vh;left:-12vw;transform:rotate(-31deg)}.ob .ob-dust{z-index:4;pointer-events:none;position:absolute;inset:0}.ob .ob-mote{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:0;animation:ob-drift var(--d) linear var(--dl) infinite;background:radial-gradient(circle,#fff4dcf2 0,#ffe2aa80 45%,#ffdca000 72%);border-radius:50%;position:absolute}.ob .ob-vignette{z-index:5;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,#0000 60%,#1e0f0647 100%);position:absolute;inset:0}.ob .ob-camera{transform-style:preserve-3d;position:absolute;inset:0}.ob .ob-book{width:calc(var(--P) * 2);height:var(--H);margin-left:calc(var(--P) * -1);margin-top:calc(var(--H) * -.5);transform-style:preserve-3d;transform:translateX(calc(var(--P) * -.5)) translateY(calc(var(--u) * 1.5)) translateZ(calc(var(--T) * -1)) rotateX(0deg) scale(.95);position:absolute;top:50%;left:50%}.ob .ob-shadow{left:calc(var(--ov) * -1);top:calc(var(--ov) * -1);width:calc(var(--P) * 2 + var(--ov) * 2);height:calc(var(--H) + var(--ov) * 2);transform-origin:100%;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * -.5) #160a039e, 0 calc(var(--u) * .8) calc(var(--u) * 1.6) #160a0373;border-radius:12px;position:absolute;transform:translateZ(-1px)scaleX(.51)}.ob .ob-board{left:var(--P);top:calc(var(--ov) * -1);width:var(--cw);height:calc(var(--H) + var(--ov) * 2);background:var(--cloth-noise), linear-gradient(135deg, #223529, #17241c);border-radius:4px 10px 10px 4px;position:absolute;transform:translateZ(0)}.ob .ob-edge{left:var(--P);top:calc(var(--H) + var(--ov));width:var(--cw);height:var(--T);transform-origin:50% 0;background:linear-gradient(#16221a 0 16%,#0000 16% 84%,#1f3226 84% 100%),repeating-linear-gradient(#efe3c8 0 2px,#d6c39c 2px 3px),#eadcbc;border-radius:0 0 6px 6px;position:absolute;transform:rotateX(90deg)}.ob .ob-page{width:var(--P);height:var(--H);position:absolute;top:0;overflow:hidden}.ob .ob-page--oath{left:var(--P);transform:translateZ(calc(var(--T) - 1px));border-radius:0 4px 4px 0;box-shadow:1px 0 #e6d9bd,2px 1px #cfbd97,3px 1px #ece0c5,4px 2px #c9b48b,5px 2px #e9dcc0,6px 3px #bea77c}.ob .ob-page--story{transform:translateZ(calc(var(--T) + 1px));visibility:hidden;border-radius:4px 0 0 4px;left:0;box-shadow:-1px 0 #e6d9bd,-2px 1px #cfbd97,-3px 1px #ece0c5,-4px 2px #c9b48b,-5px 2px #e9dcc0,-6px 3px #bea77c}.ob .ob-paper{background:var(--paper-noise), radial-gradient(120% 90% at 50% 40%, #fbf6ea 0%, #f6eedb 70%, #efe3c9 100%), var(--vellum)}.ob .ob-paper-shade{pointer-events:none;position:absolute;inset:0}.ob .ob-page--oath .ob-paper-shade{background:linear-gradient(90deg,#4a321642 0%,#4a321614 3.5%,#0000 9%)}.ob .ob-page--story .ob-paper-shade,.ob .ob-endpaper .ob-paper-shade{background:linear-gradient(270deg,#4a321642 0%,#4a321614 3.5%,#0000 9%)}.ob .ob-gutter{left:calc(var(--P) - var(--u) * .6);width:calc(var(--u) * 1.2);height:var(--H);opacity:0;pointer-events:none;transform:translateZ(calc(var(--T) + 2px));background:linear-gradient(90deg,#0000,#3c260e47 45%,#3c260e57 50%,#3c260e47 55%,#0000);position:absolute;top:0}.ob .ob-cover{left:var(--P);top:calc(var(--ov) * -1);width:var(--cw);height:calc(var(--H) + var(--ov) * 2);transform-origin:0;transform:translateZ(var(--T));transform-style:preserve-3d;position:absolute}.ob .ob-cover__face{backface-visibility:hidden;border-radius:4px 10px 10px 4px;position:absolute;inset:0;overflow:hidden}.ob .ob-cover__front{background:var(--cloth-noise), radial-gradient(90% 70% at 22% 16%, #e8c77c29, transparent 60%), radial-gradient(120% 120% at 60% 70%, transparent 50%, #060c0873 100%), linear-gradient(160deg, #2a4232 0%, #1f3326 45%, #15221a 100%);box-shadow:inset 0 0 0 1px #e8c77c24, inset 0 2px 0 #ffffff12, inset 0 calc(var(--u) * -.6) calc(var(--u) * 1.2) #00000059}.ob .ob-cover__front:before{content:"";top:0;bottom:0;left:calc(var(--cw) * .045);width:calc(var(--cw) * .02);background:linear-gradient(90deg,#00000059,#ffffff0f 60%,#0000);position:absolute}.ob .ob-cover__back{background:var(--cloth-noise), linear-gradient(200deg, #223529, #16231b);border-radius:10px 4px 4px 10px;transform:rotateY(180deg)}.ob .ob-endpaper{left:var(--ov);top:var(--ov);width:var(--P);height:var(--H);border-radius:4px 0 0 4px;position:absolute}.ob .ob-tool{width:100%;height:100%;position:absolute;inset:0}.ob .ob-medallion{width:calc(var(--cw) * .66);height:calc(var(--cw) * .66);animation:1s cubic-bezier(.2,.7,.2,1) 50ms both ob-medal-in;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.ob .ob-strap{height:calc(var(--cw) * .095);background:linear-gradient(#8d3531 0%,#7e2c2a 30%,#6e2f30 70%,#4f1c1b 100%);position:absolute;top:54%;left:50%;right:0;transform:translateY(-50%);box-shadow:0 3px 6px #0006,inset 0 1px #ffbeaa2e}.ob .ob-strap:before{content:"";border-top:1.5px dashed #e8c77cb3;border-bottom:1.5px dashed #e8c77cb3;position:absolute;inset:18% 0}.ob .ob-strap:after{content:"";width:calc(var(--cw) * .03);background:linear-gradient(90deg,#4a1a19,#2c0f0e);border-radius:0 3px 3px 0;position:absolute;top:-6%;bottom:-6%;right:0}.ob .ob-cover__name{text-align:center;font-family:var(--f-serif);font-weight:600;font-size:calc(var(--cw) * .082);letter-spacing:.04em;font-variation-settings:"opsz" 144;background:linear-gradient(100deg,#b0822f 0%,#f4dc9e 28%,#c4933a 48%,#8f6628 66%,#e8c77c 88%,#b98a35 100%);color:#0000;filter:drop-shadow(0 -1px #0000008c)drop-shadow(0 1px #ffe4aa24);-webkit-background-clip:text;background-clip:text;margin:0;line-height:1;position:absolute;top:14%;left:0;right:0}.ob .ob-cover__hint{text-align:center;font-family:var(--f-serif);font-style:italic;font-size:max(15px, calc(var(--cw) * .036));color:#efd18e;margin:0;animation:2.8s ease-in-out infinite ob-hint;position:absolute;bottom:11%;left:0;right:0}.ob .ob-corner{width:calc(var(--cw) * .15);height:calc(var(--cw) * .15);pointer-events:none;position:absolute}.ob .ob-corner--tl{top:0;left:0}.ob .ob-corner--tr{top:0;right:0;transform:scaleX(-1)}.ob .ob-corner--bl{bottom:0;left:0;transform:scaleY(-1)}.ob .ob-corner--br{bottom:0;right:0;transform:scale(-1)}.ob .ob-sheen{pointer-events:none;background:linear-gradient(90deg,#0000,#ffe4aa1a 45%,#fff0c829 50%,#ffe4aa1a 55%,#0000);width:30%;animation:6.5s ease-in-out 1.2s infinite ob-sheen;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:translate(0)skew(-14deg)}.ob[data-state=closed] .ob-camera{pointer-events:none}.ob[data-state=closed] .ob-cover__hit{pointer-events:auto}.ob .ob-cover__hit{z-index:6;border-radius:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}main.ob .ob-cover__hit:focus-visible{outline:3px solid var(--gold2);outline-offset:calc(var(--cw) * -.035)}.ob .ob-cover__hit:hover~.ob-seal .ob-seal__hover{transform:translateY(-4px)rotate(-4deg)scale(1.05)}.ob .ob-cover__hit:active~.ob-seal .ob-seal__hover{transform:scale(.94)}.ob .ob-cover__hit:focus-visible~.ob-seal{box-shadow:0 0 0 3px #17241c, 0 0 0 6px var(--gold2)}.ob .ob-cover__hit:hover~.ob-cover__hint{color:#f7e2b0}.ob .ob-seal{width:calc(var(--cw) * .34);height:calc(var(--cw) * .34);pointer-events:none;border-radius:50%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.ob .ob-seal__ring{opacity:0;border:2px solid #e8c77c99;border-radius:50%;animation:2.8s ease-out infinite ob-ripple;position:absolute;inset:8%}.ob .ob-seal__ring--late{animation-delay:1.4s}.ob .ob-seal__breathe{animation:.7s cubic-bezier(.3,.6,.2,1) .25s both ob-seal-in;position:absolute;inset:0}.ob .ob-seal__hover{transition:transform .28s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0}.ob .ob-seal__art{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * .9) calc(var(--u) * .8) #00000080);position:absolute;inset:0;overflow:visible}.ob .ob-half{transform-box:fill-box;transform-origin:50%}.ob .ob-crack{opacity:0;fill:none;stroke:#260b0a;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.ob .ob-crack-hi{opacity:0;fill:none;stroke:#f3c9a0;stroke-width:.9px;stroke-linejoin:round}.ob .ob-glint{pointer-events:none;opacity:0;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);background:radial-gradient(circle,#fff6e0 0,#ffecc8bf 18%,#0000 52%);width:22%;height:22%;animation:2.8s ease-in-out .6s infinite ob-glint;position:absolute;top:16%;left:18%}.ob .ob-spark{pointer-events:none;opacity:0;width:7px;height:7px;transform:rotate(var(--a)) translateX(0);background:#f6dea4;border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px 2px #e8c77ccc}.ob[data-state=opening] .ob-cover__hit{pointer-events:none}.ob[data-state=opening] .ob-seal__ring,.ob[data-state=opening] .ob-glint,.ob[data-state=opening] .ob-sheen{opacity:0;animation:none}.ob[data-state=opening] .ob-seal__breathe{animation:.36s cubic-bezier(.3,.7,.4,1) both ob-press}.ob[data-state=opening] .ob-crack,.ob[data-state=opening] .ob-crack-hi{animation:80ms linear .16s forwards ob-show}.ob[data-state=opening] .ob-seal__whole{animation:10ms linear .32s forwards ob-hide}.ob[data-state=opening] .ob-half--l{animation:.62s cubic-bezier(.35,.1,.7,1) .32s forwards ob-split-l}.ob[data-state=opening] .ob-half--r{animation:.62s cubic-bezier(.35,.1,.7,1) .32s forwards ob-split-r}.ob[data-state=opening] .ob-seal .ob-spark{animation:.7s cubic-bezier(.2,.7,.3,1) .3s forwards ob-spark}.ob[data-state=opening] .ob-strap{animation:.5s ease-in .34s forwards ob-strap-off}.ob[data-state=opening] .ob-cover__hint{animation:.2s forwards ob-hide}.ob[data-state=opening] .ob-cover{animation:1.2s .36s forwards ob-cover-open}.ob[data-state=opening] .ob-book{animation:1.4s cubic-bezier(.55,0,.2,1) .3s forwards ob-push}.ob[data-state=opening] .ob-shadow{animation:.75s cubic-bezier(.3,0,.2,1) .95s both ob-shadow-wide}.ob[data-state=opening] .ob-edge{animation:.45s .3s forwards ob-hide}.ob[data-state=opening] .ob-page--story{animation:1.2s linear .36s forwards ob-reveal}.ob[data-state=opening] .ob-page--story .ob-ink{animation:ob-bloom .4s ease-out calc(1.3s + var(--i) * 50ms) both}.ob[data-state=opening] .ob-gutter{animation:.3s 1.4s forwards ob-show}.ob[data-state=open] .ob-camera,.ob[data-state=open] .ob-book{transform-style:flat;transform:none}.ob[data-state=open] .ob-shadow{z-index:0;transform:none}.ob[data-state=open] .ob-board{z-index:1;transform:none}.ob[data-state=open] .ob-edge{display:none}.ob[data-state=open] .ob-cover{z-index:2;transform:rotateY(-180deg)}.ob[data-state=open] .ob-page--oath{z-index:3;transform:none}.ob[data-state=open] .ob-page--story{visibility:visible;z-index:4;transform:none}.ob[data-state=open] .ob-gutter{opacity:1;z-index:5;transform:none}.ob[data-state=open] .ob-beam{opacity:.5;animation:none}.ob[data-state=open] .ob-dust{display:none}.ob[data-state=open] :is(.ob-lamp,.ob-cover__hint,.ob-sheen,.ob-seal__ring,.ob-seal__breathe,.ob-glint){animation:none}.ob.is-faded .ob-book{animation:.45s both ob-fade-in}.ob .ob-page__in{padding:calc(var(--u) * 4.2) calc(var(--u) * 6.2) calc(var(--u) * 2.4);flex-direction:column;display:flex;position:absolute;inset:0}.ob .ob-page--oath .ob-page__in{padding-left:calc(var(--u) * 7.2)}.ob .ob-page--story .ob-page__in{padding-right:calc(var(--u) * 7.2)}.ob .ob-runhead{margin:0 0 calc(var(--u) * 1.4);padding-bottom:calc(var(--u) * .9);font-family:var(--f-mono);font-size:max(11.5px, calc(var(--u) * 1.3));color:var(--ink-mute);border-bottom:1px solid #c4933a80;flex:none;justify-content:space-between;align-items:center;gap:12px;line-height:1.3;display:flex}.ob .ob-page__scroll{overscroll-behavior:contain;min-height:0;margin:0 calc(var(--u) * -2) 0 -8px;padding:4px calc(var(--u) * 2) 18px 8px;scrollbar-width:thin;scrollbar-color:#c4933ab3 transparent;flex:auto;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.ob .ob-folio{padding-top:calc(var(--u) * .6);text-align:center;font-family:var(--f-serif);font-style:italic;font-size:max(12px, calc(var(--u) * 1.5));color:var(--ink-mute);flex:none;margin:0;line-height:1.2}.ob .ob-title{font-family:var(--f-serif);font-weight:500;font-size:max(24px, calc(var(--u) * 3.6));letter-spacing:-.012em;color:var(--ink);font-variation-settings:"opsz" 96;text-wrap:balance;margin:0;line-height:1.08}main.ob .ob-title:focus{outline:none}main.ob .ob-page__scroll:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #7d5820b3}.ob .ob-turnbar,.ob .ob-back,.ob .ob-turnshade,.ob .ob-dogear{display:none}.ob .ob-portrait{flex-direction:column;align-items:center;margin:0;display:flex}.ob .ob-frame{width:min(100%, calc(var(--u) * 28));padding:calc(var(--u) * 1.1);box-shadow:inset 0 1px 0 #fffae699, 0 0 0 1px #6b4a1c, 0 calc(var(--u) * 1.2) calc(var(--u) * 2) calc(var(--u) * -.6) #28180880, 0 2px 4px #28180847;background:linear-gradient(135deg,#f2d898 0%,#c4933a 22%,#8a6326 44%,#e8c77c 62%,#a87a2e 82%,#f0d493 100%);border-radius:3px;position:relative}.ob .ob-frame:before{content:"";inset:calc(var(--u) * .42);pointer-events:none;border:1px solid #5c3e1499;position:absolute;box-shadow:inset 0 0 0 1px #ffecbe66}.ob .ob-frame__art{aspect-ratio:1;background:#e8dfca;position:relative;overflow:hidden;box-shadow:0 0 0 2px #4a3312,0 0 0 3px #ffecbe8c}.ob .ob-frame__video{object-fit:cover;width:100%;height:100%;display:block}.ob .ob-frame__art:after{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff24 0%,#0000 34% 70%,#3c240a1f 100%);position:absolute;inset:0}.ob .ob-rosette{width:calc(var(--u) * 1.7);height:calc(var(--u) * 1.7);background:radial-gradient(circle at 35% 35%,#fff0c4,#d9a94b 45%,#7d5820 100%);border-radius:50%;position:absolute;box-shadow:0 0 0 1px #5c3f14}.ob .ob-rosette--tl{left:calc(var(--u) * -.55);top:calc(var(--u) * -.55)}.ob .ob-rosette--tr{right:calc(var(--u) * -.55);top:calc(var(--u) * -.55)}.ob .ob-rosette--bl{left:calc(var(--u) * -.55);bottom:calc(var(--u) * -.55)}.ob .ob-rosette--br{right:calc(var(--u) * -.55);bottom:calc(var(--u) * -.55)}.ob .ob-nameplate{z-index:2;margin-top:calc(var(--u) * -1.5);border:1.5px solid var(--ink);font-family:var(--f-serif);font-weight:580;font-size:max(14.5px, calc(var(--u) * 1.85));color:var(--ink);white-space:nowrap;background:linear-gradient(#e6c273,#c4933a);border-radius:4px;align-items:center;gap:9px;padding:3px 14px 4px;line-height:1.25;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #ffeec46b,0 10px 16px -12px #1e1a17b3}.ob .ob-nameplate:before,.ob .ob-nameplate:after{content:"";width:5px;height:5px;box-shadow:0 0 0 1px var(--ink);background:#8f6526;border-radius:50%;flex:none}.ob .ob-chapter{margin:calc(var(--u) * 1.6) 0 calc(var(--u) * .2);text-align:center;font-family:var(--f-serif);font-style:italic;font-size:max(15px, calc(var(--u) * 1.8));color:var(--wax);line-height:1.3}.ob .ob-page--story .ob-title{text-align:center}.ob .ob-story{margin-top:calc(var(--u) * 1.5);font-size:max(15px, calc(var(--u) * 1.86));color:#2f2823;text-wrap:pretty;line-height:1.55}.ob .ob-story p{margin:0 0 .55em}.ob .ob-story p:last-child{margin-bottom:0}.ob .ob-story p:first-child:first-letter{float:left;font-family:var(--f-serif);color:var(--wax);margin:.08em .05em 0 0;font-size:3.2em;font-weight:600;line-height:.8}.ob .ob-colophon{margin-top:calc(var(--u) * 1.6);padding-top:calc(var(--u) * 1.3);border-top:1px solid #c4933a8c;align-items:flex-start;gap:12px;display:flex}.ob .ob-colophon svg{width:20px;height:23px;color:var(--kelp2);flex:none;margin-top:2px}.ob .ob-colophon p{font-size:max(14px, calc(var(--u) * 1.6));color:var(--ink-soft);margin:0;line-height:1.5}.ob .ob-lede{margin:calc(var(--u) * .7) 0 0;font-size:max(15px, calc(var(--u) * 1.78));color:var(--ink-soft);line-height:1.45}.ob .ob-steps{gap:calc(var(--u) * .9);margin:calc(var(--u) * 1.8) 0 0;padding:0;list-style:none;display:grid}.ob .ob-step{margin:0}.ob .ob-step__row{align-items:center;column-gap:calc(var(--u) * 1.3);min-height:max(56px, calc(var(--u) * 6.8));color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f1e7d08c;border:1px solid #1e1a172e;border-radius:12px;grid-template-columns:auto minmax(0,auto) minmax(0,1fr) auto;padding:6px 12px 6px 9px;text-decoration:none;transition:transform .2s,box-shadow .25s,border-color .25s,background-color .25s;display:grid;position:relative}.ob .ob-step[data-status=ready] .ob-step__row{cursor:pointer;background:var(--vellum);border-color:#c4933acc;box-shadow:inset 0 1px #fff,0 0 0 3px #e8c77c4d,0 6px 14px -8px #50320a80}.ob .ob-step[data-status=cooling] .ob-step__row{cursor:progress;background:var(--vellum);border-color:#c4933acc}.ob .ob-step[data-status=done] .ob-step__row{background:#2e463412;border-color:#2e463452}.ob .ob-step[data-status=locked] .ob-step__row,.ob .ob-step[data-status=soon] .ob-step__row{cursor:not-allowed;background:0 0;border-style:dashed;border-color:#1e1a1757}@media (hover:hover){.ob .ob-step[data-status=ready] .ob-step__row:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 0 0 3px #e8c77c73,0 10px 18px -8px #50320a80}}.ob .ob-step__disc{width:max(34px, calc(var(--u) * 4.3));height:max(34px, calc(var(--u) * 4.3));flex:none;position:relative}.ob .ob-step__disc>*{position:absolute}.ob .ob-step__blank{background:var(--vellum);opacity:0;border:1.5px dashed #1e1a1773;border-radius:50%;inset:6%}.ob .ob-step__wax{width:100%;height:100%;transition:opacity .3s;inset:0}.ob .ob-step__n{font-family:var(--f-serif);font-weight:620;font-size:max(15px, calc(var(--u) * 1.95));color:#f3dcc0;place-items:center;padding-bottom:1px;line-height:1;transition:opacity .25s;display:grid;inset:0}.ob .ob-step__tick{color:#f3dcc0;opacity:0;width:50%;height:50%;transition:opacity .3s,transform .5s cubic-bezier(.3,1.6,.5,1);top:25%;left:25%;transform:scale(.4)}.ob .ob-step__ring{opacity:0;width:136%;height:136%;inset:-18%;overflow:visible;transform:rotate(-90deg)}.ob .ob-step__ring circle{fill:none;stroke-width:3px}.ob .ob-step__track{stroke:#c4933a47}.ob .ob-step__fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:1 1;transition:stroke-dashoffset .22s linear}.ob .ob-step[data-status=locked] .ob-step__wax,.ob .ob-step[data-status=soon] .ob-step__wax{opacity:0}.ob .ob-step[data-status=locked] .ob-step__blank,.ob .ob-step[data-status=soon] .ob-step__blank{opacity:1}.ob .ob-step[data-status=locked] .ob-step__n,.ob .ob-step[data-status=soon] .ob-step__n{color:var(--ink-soft);font-style:italic;font-weight:500}.ob .ob-step[data-status=ready] .ob-step__disc:after{content:"";border:1.5px solid #7e2c2a80;border-radius:50%;animation:2.2s ease-out infinite ob-ripple;position:absolute;inset:-5px}.ob .ob-step[data-status=cooling] .ob-step__ring{opacity:1}.ob .ob-step[data-status=done] .ob-step__disc{animation:.5s cubic-bezier(.3,.6,.2,1) ob-stamp-small}.ob .ob-step[data-status=done] .ob-step__n{opacity:0}.ob .ob-step[data-status=done] .ob-step__tick{opacity:1;transform:none}.ob .ob-step__text{flex-direction:column;min-width:0;display:flex}.ob .ob-step__title{font-weight:560;font-size:max(15px, calc(var(--u) * 1.85));line-height:1.25}.ob .ob-step__sub{font-size:max(13px, calc(var(--u) * 1.5));color:var(--ink-mute);line-height:1.35}.ob .ob-step[data-status=cooling] .ob-step__sub{color:var(--gold-deep);font-variant-numeric:tabular-nums}.ob .ob-step[data-status=done] .ob-step__title,.ob .ob-step[data-status=done] .ob-step__sub{color:var(--kelp2)}.ob .ob-step[data-status=locked] .ob-step__title,.ob .ob-step[data-status=soon] .ob-step__title{color:var(--ink-soft)}.ob .ob-step__dots{min-width:0;height:3px;margin-top:calc(var(--u) * -1.2);background:radial-gradient(circle,#1e1a1773 1px,#0000 1.4px) 0/7px 3px repeat-x;align-self:center}.ob .ob-step[data-status=done] .ob-step__dots,.ob .ob-step[data-status=cooling] .ob-step__dots{visibility:hidden}.ob .ob-step__chip{font-weight:560;font-size:max(13.5px, calc(var(--u) * 1.5));white-space:nowrap;justify-content:flex-end;align-items:center;display:inline-flex}.ob .ob-step__open{color:var(--wax);background:#7e2c2a14;border:1px solid #7e2c2a66;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 5px 12px;display:inline-flex}.ob .ob-step__open svg{width:14px;height:14px;transition:transform .25s}.ob .ob-step[data-status=ready] .ob-step__row:hover .ob-step__open svg{transform:translate(3px)}.ob .ob-step__key{width:24px;height:24px}main.ob .ob-step__row:focus-visible{outline:2.5px solid var(--gold-deep);outline-offset:3px}.ob .ob-steps{--ob-step-indent:calc(9px + max(34px, calc(var(--u) * 4.3)) + var(--u) * 1.3)}.ob .ob-step--grown{background:#2e463412;border:1px solid #2e463452;border-radius:12px}.ob .ob-step.ob-step--grown .ob-step__row{background:0 0;border-color:#0000;margin:-1px -1px 0}.ob .ob-page--oath{--ob-settle:.5s cubic-bezier(.2,.7,.2,1)}.ob .ob-comment{animation:ob-grow var(--ob-settle) both;grid-template-rows:1fr;display:grid}.ob .ob-comment__in{min-height:0;padding:0 12px 12px var(--ob-step-indent);overflow:clip}.ob .ob-comment .ob-field__label{color:var(--ink)}.ob .ob-field__hint{font-size:max(13px, calc(var(--u) * 1.45));color:var(--ink-mute);margin:5px 0 0;line-height:1.35}.ob .ob-page--oath .ob-steps{transition:gap var(--ob-settle)}.ob .ob-page--oath .ob-step__row{transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease, min-height var(--ob-settle)}.ob .ob-page--oath .ob-rule{transition:margin var(--ob-settle)}.ob .ob-page--oath .ob-rule svg{transition:transform .7s cubic-bezier(.3,1.5,.5,1), filter .4s, opacity .4s, width var(--ob-settle), height var(--ob-settle)}.ob .ob-page--oath .ob-field__box{transition:border-color .3s, background-color .3s, box-shadow .3s, height var(--ob-settle)}.ob .ob-page--oath .ob-how{transition:margin var(--ob-settle), padding var(--ob-settle)}.ob .ob-page--oath .ob-how__title{transition:margin var(--ob-settle)}.ob .ob-page--oath .ob-how__list{transition:gap var(--ob-settle)}.ob .ob-page--oath .ob-how__list li{transition:line-height var(--ob-settle)}.ob .ob-sign{margin:0}.ob .ob-rule{align-items:center;gap:calc(var(--u) * 1.2);margin:calc(var(--u) * 2) 0 calc(var(--u) * .6);display:flex}.ob .ob-rule:before,.ob .ob-rule:after{content:"";background:linear-gradient(90deg,#0000,#c4933ad9,#0000);flex:1;height:1px}.ob .ob-rule svg{opacity:.72;filter:grayscale(.3);width:32px;height:32px;transition:transform .7s cubic-bezier(.3,1.5,.5,1),filter .4s,opacity .4s}.ob .ob-sign.is-unlocked .ob-rule svg{opacity:1;filter:none;transform:rotate(90deg)}.ob .ob-fieldset{gap:calc(var(--u) * .9);border:0;min-width:0;margin:0;padding:0;display:grid}.ob .ob-sign.is-unlocked .ob-field{animation:.8s cubic-bezier(.2,.7,.2,1) both ob-unlock}.ob .ob-sign.is-unlocked .ob-field+.ob-field{animation-delay:80ms}.ob .ob-lock-note{text-align:center;font-family:var(--f-serif);font-style:italic;font-size:max(14.5px, calc(var(--u) * 1.6));color:var(--ink-soft);margin:0;line-height:1.3}.ob .ob-field{min-width:0}.ob .ob-field__label{font-weight:560;font-size:max(14px, calc(var(--u) * 1.55));color:var(--ink);margin-bottom:4px;line-height:1.3;display:block}.ob .ob-field__box{height:max(46px, calc(var(--u) * 5.4));border:1.5px solid var(--ink);background:#fffcf4eb;border-radius:8px;align-items:center;gap:2px;padding:0 12px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 2px #1e1a170d}.ob .ob-field__box:focus-within{box-shadow:0 0 0 3px #c4933a80}.ob .ob-field__at{font-family:var(--f-serif);color:var(--gold-deep);font-size:18px;font-style:italic;line-height:1}.ob .ob-field input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;flex:1;margin:0;padding:0;font-size:16px}main.ob .ob-field input:focus-visible{outline:none}.ob .ob-field input.ob-mono{font-family:var(--f-mono);font-size:15px}.ob .ob-field input::placeholder{color:#75685c;opacity:1}.ob .ob-field input:disabled{-webkit-text-fill-color:currentColor;cursor:not-allowed}.ob .ob-fieldset:disabled .ob-field__box{box-shadow:none;background:#faf4e680;border-style:dashed;border-color:#1e1a1780}.ob .ob-fieldset:disabled .ob-field__label{color:var(--ink-soft)}.ob .ob-field__err{color:var(--wax);margin:5px 0 0;font-size:14px;line-height:1.35}.ob .ob-field__err:empty{display:none}.ob .ob-field.is-invalid .ob-field__box{border-color:var(--wax);background:#fbefe6}.ob .ob-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.ob .ob-submit{margin-top:calc(var(--u) * .5);flex-direction:column;align-items:flex-start;gap:8px;padding-left:2px;display:flex}.ob .ob-sign .w-oath{min-height:58px;margin:0 0 0 34px;padding:6px 7px 6px 66px;font-size:17.5px}.ob .ob-sign .w-oath .w-oath__seal{width:90px;height:90px;margin-top:-45px;left:-34px}.ob .ob-sign .w-oath .w-oath__key{width:44px;height:44px}.ob .ob-sign .w-oath .w-oath__key svg{width:28px;height:28px}main.ob .ob-sign .w-oath:focus-visible{outline:2.5px solid var(--gold-deep);outline-offset:4px}.ob .ob-sign .w-oath:disabled,.ob .ob-sign .w-oath[aria-disabled=true]{cursor:not-allowed;transform:none}.ob .ob-sign .w-oath:disabled>span:not(.w-oath__seal):not(.w-oath__key){opacity:.62}.ob .ob-sign .w-oath:disabled .w-oath__key{opacity:.55;filter:grayscale(.6)}.ob .ob-sign .w-oath[aria-disabled=true]{cursor:progress}.ob .ob-sign .w-oath:disabled .w-oath__seal svg,.ob .ob-sign .w-oath:disabled .w-oath__seal:after{animation:none}.ob .ob-sign .w-oath:disabled .w-oath__key svg{transform:none}.ob .ob-submit__row{flex-wrap:wrap;align-items:center;gap:10px 18px;width:100%;display:flex}.ob .ob-clock{flex-direction:column;gap:1px;margin:0;display:flex}.ob .ob-clock__label{font-family:var(--f-mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.ob .ob-clock__time{font-family:var(--f-mono,monospace);font-variant-numeric:tabular-nums;color:var(--wax);font-size:21px;line-height:1.1}@media (max-width:560px){.ob .ob-clock__time{font-size:24px}}.ob .ob-closed{font-family:var(--f-serif);color:var(--ink-soft);margin:0;font-size:15px;font-style:italic;line-height:1.35}.ob .ob-alert{color:var(--wax);margin:0;font-size:14px;line-height:1.4}.ob .ob-alert:empty{display:none}.ob .ob-how{margin-top:calc(var(--u) * 2.2);padding-top:calc(var(--u) * 1.3);border-top:1px solid #c4933a8c}.ob .ob-how__title{font-family:var(--f-serif);font-weight:560;font-size:max(16px, calc(var(--u) * 1.95));color:var(--ink);margin:0 0 6px;line-height:1.25}.ob .ob-how__list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.ob .ob-how__list li{font-size:max(14px, calc(var(--u) * 1.6));color:var(--ink-soft);margin:0;padding-left:18px;line-height:1.45;position:relative}.ob .ob-how__list li:before{content:"";background:var(--gold);width:6px;height:6px;position:absolute;top:.6em;left:3px;transform:rotate(45deg);box-shadow:0 0 0 1px #1e1a1759}.ob .ob-page__scroll--over{flex-direction:column;justify-content:center;display:flex}.ob .ob-over{gap:calc(var(--u) * 1.1);max-width:42ch;margin:calc(var(--u) * 2.2) 0 0;display:grid}.ob .ob-over:before{content:"";background:linear-gradient(90deg,#c4933ae6,#0000);height:1px}.ob .ob-over p{font-size:max(15px, calc(var(--u) * 1.72));color:var(--ink-soft);margin:0;line-height:1.5}.ob .ob-over p:first-of-type{font-family:var(--f-serif);font-weight:520;font-size:max(17px, calc(var(--u) * 2));color:var(--ink);line-height:1.35}.ob .ob-over__seal{width:calc(var(--u) * 7.6);margin:calc(var(--u) * .8) 0 0;opacity:.5}.ob .ob-over__seal svg{filter:grayscale(.25)drop-shadow(0 2px 4px #3c140a47);width:100%;height:auto;display:block}.ob .ob-page--oath[data-sealed=true]{animation:.32s ease-out .74s ob-thump}.ob .ob-page--oath[data-sealed=true] .ob-page__scroll{animation:.45s forwards ob-oath-out}.ob .ob-sealed{left:0;right:0;top:calc(var(--u) * 9);bottom:calc(var(--u) * 6);z-index:4;padding:0 calc(var(--u) * 6) 0 calc(var(--u) * 7);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ob .ob-ribbon{top:calc(var(--u) * -9);right:calc(var(--u) * 7);z-index:2;width:calc(var(--u) * 3.2);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);background:linear-gradient(90deg,#5e2322,#8a3431 45%,#6e2f30);height:46%;animation:.8s cubic-bezier(.3,1.2,.5,1) 1.05s forwards ob-ribbon;position:absolute;transform:translateY(-102%);box-shadow:inset 0 0 0 1px #0003}.ob .ob-stamp{width:min(calc(var(--u) * 21), 60%);aspect-ratio:1;opacity:0;animation:.6s cubic-bezier(.55,0,.8,.3) .35s forwards ob-stamp-drop;position:relative}.ob .ob-stamp svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--u) * .8) calc(var(--u) * 1) #3c140a73);display:block}.ob .ob-splash{border:calc(var(--u) * .6) solid #7e2c2a73;opacity:0;border-radius:50%;animation:.7s ease-out .74s forwards ob-splash;position:absolute;inset:-6%}.ob .ob-stamp .ob-spark{animation:.75s cubic-bezier(.2,.7,.3,1) .74s forwards ob-spark}.ob .ob-sealed .ob-title{margin-top:calc(var(--u) * 3);animation:.5s ease-out 1s both ob-bloom}.ob .ob-ledger{margin:calc(var(--u) * 1.6) 0 0;font-family:var(--f-mono);font-size:max(14px, calc(var(--u) * 1.55));color:var(--ink);border-top:1px solid #1e1a1738;border-bottom:1px solid #1e1a1738;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:7px 16px 8px;line-height:1.4;animation:.5s ease-out 1.15s both ob-bloom;display:flex}.ob .ob-sealed__note{max-width:34ch;margin:calc(var(--u) * 1.6) 0 0;font-size:max(15px, calc(var(--u) * 1.7));color:var(--ink-soft);text-wrap:balance;line-height:1.5;animation:.5s ease-out 1.3s both ob-bloom}.ob .ob-sound{z-index:8;color:#efd18e;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:absolute;top:12px;right:12px}.ob .ob-sound__face{background:radial-gradient(circle at 34% 28%,#33503c 0%,#1f3326 55%,#15221a 100%);border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .18s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1.5px #c4933ae6,0 3px 8px -2px #140a0499}.ob .ob-sound svg{width:20px;height:20px;display:block;overflow:visible}.ob .ob-sound__cone{fill:currentColor}.ob .ob-sound__mark{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round}@media (hover:hover){.ob .ob-sound:hover{color:#f7e2b0}.ob .ob-sound:hover .ob-sound__face{box-shadow:inset 0 0 0 1.5px var(--gold2), 0 3px 10px -2px #140a04b3}}.ob .ob-sound:active .ob-sound__face{transform:scale(.92)}main.ob .ob-sound:focus-visible{outline-offset:-2px;outline:2px solid #0000}main.ob .ob-sound:focus-visible .ob-sound__face{box-shadow:inset 0 0 0 1.5px var(--gold2), 0 0 0 2px #1e140b, 0 0 0 4.5px var(--gold2)}@media (max-width:760px),(max-aspect-ratio:4/5){.ob .ob-sound{top:0;right:0}.ob .ob-sound__face{width:34px;height:34px}.ob .ob-sound svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.ob .ob-sound__face{transition:none}}@media (max-width:760px),(max-aspect-ratio:4/5){.ob{--P:min(calc(100vw - 32px), calc((100svh - 36px) * .62));--H:min(calc(100svh - 52px), calc(var(--P) * 2.3));perspective:1700px;perspective-origin:50% 0}.ob .ob-prop{display:none}.ob .ob-book{width:var(--P);margin-left:calc(var(--P) * -.5);transform:translateX(calc(var(--ov) * -.5)) translateY(calc(var(--u) * .5)) translateZ(calc(var(--T) * -1)) scale(.92)}.ob .ob-shadow{left:calc(var(--ov) * -.3);width:calc(var(--cw) + var(--ov) * .6);transform:translateZ(-1px)}.ob .ob-board,.ob .ob-edge,.ob .ob-cover{left:0}.ob .ob-page--oath{transform:translateZ(calc(var(--T) - 3px));left:0}.ob .ob-page--story{visibility:visible;transform:translateZ(calc(var(--T) - 1px));transform-origin:0;backface-visibility:hidden;border-radius:0 4px 4px 0;left:0;box-shadow:1px 0 #e6d9bd,2px 1px #cfbd97,3px 1px #ece0c5}.ob .ob-page--story .ob-paper-shade{background:linear-gradient(90deg,#4a321642 0%,#4a321614 3.5%,#0000 9%)}.ob .ob-gutter,.ob .ob-folio{display:none}.ob .ob-page__in,.ob .ob-page--oath .ob-page__in,.ob .ob-page--story .ob-page__in{padding:12px 18px 10px 24px}.ob .ob-runhead{min-height:44px;margin-bottom:10px;padding-bottom:4px;font-size:12px}.ob .ob-page__scroll{margin:0 -12px 0 -8px;padding:4px 12px 22px 8px}.ob .ob-title{font-size:clamp(25px,6.6vw,34px)}.ob .ob-frame{width:min(60%,300px);padding:9px}.ob .ob-rosette{width:13px;height:13px}.ob .ob-nameplate{margin-top:-12px;font-size:15px}.ob .ob-chapter{margin-top:14px;font-size:15px}.ob .ob-story{margin-top:10px;font-size:clamp(15px,3.9vw,17px);line-height:1.52}.ob .ob-colophon{margin-top:16px;padding-top:12px}.ob .ob-colophon p{font-size:14.5px}.ob .ob-lede{font-size:15px}.ob .ob-steps{gap:8px;margin-top:14px}.ob .ob-step__row{column-gap:10px;min-height:60px;padding:7px 10px 7px 8px}.ob .ob-step__title{font-size:15px}.ob .ob-step__sub{font-size:13px}.ob .ob-step__disc{width:34px;height:34px}.ob .ob-step__open{padding:4px 8px 5px 10px}.ob .ob-steps{--ob-step-indent:52px}.ob .ob-comment__in{padding-bottom:11px;padding-right:10px}.ob .ob-field__hint{font-size:13.5px}@media (max-width:370px){.ob .ob-steps{--ob-step-indent:10px}}@media (max-width:420px){.ob .ob-step__row{grid-template-columns:auto minmax(0,1fr) 0 auto}.ob .ob-step__dots{visibility:hidden}.ob .ob-step__open{gap:0;padding:7px 9px;font-size:0}}.ob .ob-rule{margin:18px 0 6px}.ob .ob-fieldset{gap:10px}.ob .ob-how{margin-top:20px;padding-top:12px}.ob .ob-how__title{font-size:17px}.ob .ob-how__list li{font-size:14.5px}.ob .ob-turnbar{flex:none;justify-content:flex-end;align-items:center;padding:8px 34px 4px 0;display:flex}.ob .ob-turn{border:1.5px solid var(--ink);background:var(--pill);min-height:48px;color:var(--ink);cursor:pointer;font-family:var(--f-serif);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 20px;font-size:17px;font-style:italic;font-weight:520;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 2px #f4dca080,0 10px 18px -12px #1e1a1799}.ob .ob-turn svg{width:16px;height:16px}.ob .ob-back{cursor:pointer;min-height:44px;font-family:var(--f-mono);color:var(--wax);background:0 0;border:0;align-items:center;gap:7px;margin:0;padding:0 10px 0 0;font-size:12.5px;display:inline-flex}.ob .ob-back svg{width:16px;height:16px;transform:scaleX(-1)}.ob .ob-dogear{pointer-events:none;transform-origin:100% 100%;background:linear-gradient(315deg,#0000 50%,#e2d1ab 50%,#f3e8cf 80%);width:30px;height:30px;animation:2.6s ease-in-out infinite ob-curl;display:block;position:absolute;bottom:0;right:0;box-shadow:-2px -2px 5px #3c280a2e}.ob .ob-turnshade{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,#2818086b,#28180814 60%,#0000);display:block;position:absolute;inset:0}.ob .ob-cover__name{font-size:calc(var(--cw) * .105);top:17%}.ob .ob-medallion,.ob .ob-seal,.ob .ob-strap{top:51%}.ob .ob-medallion{width:calc(var(--cw) * .78);height:calc(var(--cw) * .78)}.ob .ob-seal{width:calc(var(--cw) * .4);height:calc(var(--cw) * .4)}.ob .ob-strap{height:calc(var(--cw) * .11)}.ob .ob-cover__hint{font-size:16px;bottom:15%}.ob .ob-sealed{padding:0 20px 0 26px;top:64px;bottom:40px}.ob .ob-page--oath .ob-runhead>span{transition:opacity .4s}.ob .ob-page--oath[data-sealed=true] .ob-runhead>span{opacity:0}.ob .ob-ribbon{width:24px;top:-64px;right:30px}.ob .ob-stamp{width:min(170px,50%)}.ob[data-state=opening] .ob-book{animation-name:ob-push-phone}.ob[data-state=opening] .ob-shadow,.ob[data-state=opening] .ob-page--story{animation:none}.ob[data-state=opening] .ob-page--story .ob-ink{animation-delay:calc(1.05s + var(--i) * 50ms)}.ob[data-state=opening] .ob-cover__face{animation:1.2s linear .36s forwards ob-face-out}.ob[data-state=open] .ob-book{transform:translateX(calc(var(--ov) * -.5))}.ob[data-state=open] .ob-cover{visibility:hidden}.ob[data-state=open] .ob-page--story{transition:transform .9s cubic-bezier(.45,.05,.25,1);transform:none}.ob[data-state=open][data-page=oath] .ob-page--story{pointer-events:none;transform:perspective(1600px)rotateY(-180deg)}.ob[data-state=open][data-page=oath] .ob-turnshade{animation:.9s ease-in-out ob-shade-a}.ob[data-state=open][data-page=story] .ob-turnshade{animation:.9s ease-in-out ob-shade-b}}@media (min-width:600px) and (max-aspect-ratio:4/5){.ob .ob-page__in,.ob .ob-page--oath .ob-page__in,.ob .ob-page--story .ob-page__in{padding:28px 40px 20px 50px}.ob .ob-runhead{margin-bottom:18px;font-size:13px}.ob .ob-page__scroll{margin:0 -20px 0 -10px;padding:6px 20px 26px 10px}.ob .ob-frame{width:min(62%,440px);padding:13px}.ob .ob-rosette{width:17px;height:17px}.ob .ob-nameplate{margin-top:-15px;padding:4px 18px 5px;font-size:19px}.ob .ob-chapter{margin-top:24px;font-size:19px}.ob .ob-title{font-size:42px}.ob .ob-story{margin-top:16px;font-size:19px;line-height:1.56}.ob .ob-colophon{margin-top:26px;padding-top:18px}.ob .ob-colophon svg{width:26px;height:30px}.ob .ob-colophon p{font-size:17px}.ob .ob-lede{margin-top:10px;font-size:18px}.ob .ob-steps{gap:14px;margin-top:26px}.ob .ob-step__row{column-gap:16px;min-height:80px;padding:10px 16px 10px 14px}.ob .ob-step__disc{width:46px;height:46px}.ob .ob-step__n{font-size:20px}.ob .ob-step__title{font-size:18.5px}.ob .ob-step__sub,.ob .ob-step__chip{font-size:15px}.ob .ob-step__key{width:28px;height:28px}.ob .ob-steps{--ob-step-indent:76px}.ob .ob-comment__in{padding-bottom:16px;padding-right:16px}.ob .ob-field__hint{margin-top:6px;font-size:15px}.ob .ob-rule{margin:30px 0 12px}.ob .ob-fieldset{gap:16px}.ob .ob-lock-note{font-size:18px}.ob .ob-field__label{margin-bottom:6px;font-size:16px}.ob .ob-field__box{height:56px;padding:0 16px}.ob .ob-field input{font-size:19px}.ob .ob-field input.ob-mono{font-size:17px}.ob .ob-field__err{font-size:15.5px}.ob .ob-sign .w-oath{min-height:66px;margin-left:38px;padding:8px 9px 8px 76px;font-size:19px}.ob .ob-sign .w-oath .w-oath__seal{width:102px;height:102px;margin-top:-51px;left:-38px}.ob .ob-sign .w-oath .w-oath__key{width:48px;height:48px}.ob .ob-closed,.ob .ob-alert{font-size:16.5px}.ob .ob-how{margin-top:34px;padding-top:20px}.ob .ob-how__title{margin-bottom:10px;font-size:22px}.ob .ob-how__list{gap:6px}.ob .ob-how__list li{padding-left:22px;font-size:17px}.ob .ob-cover__hint{font-size:23px}.ob .ob-turnbar{padding:16px 44px 6px 0}.ob .ob-turn{min-height:56px;padding:0 22px 0 26px;font-size:21px}.ob .ob-back{font-size:14px}.ob .ob-dogear{width:40px;height:40px}.ob .ob-sealed{top:90px;bottom:60px}.ob .ob-ribbon{width:32px;top:-90px;right:50px}.ob .ob-stamp{width:min(250px,50%)}.ob .ob-sealed .ob-title{font-size:40px}.ob .ob-ledger{font-size:17px}.ob .ob-sealed__note{font-size:18px}}.ob .ob-more-slot{z-index:2;flex:none;height:0;position:relative}.ob .ob-more{left:50%;top:calc(var(--u) * .3);color:var(--wax);cursor:pointer;font-family:var(--f-serif);white-space:nowrap;opacity:0;visibility:hidden;background:#faf4e6f2;border:1px solid #7e2c2a59;border-radius:999px;align-items:center;gap:6px;margin:0;padding:2px 10px 3px 11px;font-size:13.5px;font-style:italic;line-height:1.2;transition:opacity .25s,visibility 0s linear .25s;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 12px -8px #3c280a8c}.ob .ob-more svg{width:12px;height:12px;transform:rotate(90deg)}.ob[data-state=open] .ob-more[data-show=true]{opacity:1;visibility:visible;transition-delay:0s}.ob[data-state=open] .ob-folio{transition:opacity .25s}.ob[data-state=open] .ob-page__in:has(.ob-more[data-show=true]) .ob-folio{opacity:0}@media (max-width:760px),(max-aspect-ratio:4/5){.ob .ob-more-slot{height:30px}.ob .ob-more{top:3px}}@media (min-width:761px) and (min-aspect-ratio:4/5) and (max-height:760px){.ob{--H:min(93svh, calc(92vw / 2 / .76))}.ob .ob-page__in{padding-top:calc(var(--u) * 3.2);padding-bottom:calc(var(--u) * 1.6)}.ob .ob-runhead{margin-bottom:var(--u)}.ob .ob-frame{width:calc(var(--u) * 19);padding:calc(var(--u) * .9)}.ob .ob-nameplate{margin-top:calc(var(--u) * -1.3)}.ob .ob-chapter{margin-top:calc(var(--u) * 1.1)}.ob .ob-story{margin-top:var(--u);line-height:1.47}.ob .ob-colophon{margin-top:calc(var(--u) * 1.1);padding-top:calc(var(--u) * .9)}.ob .ob-colophon p{line-height:1.42}.ob .ob-lede{margin-top:calc(var(--u) * .4)}.ob .ob-steps{margin-top:calc(var(--u) * 1.3);gap:calc(var(--u) * .7)}.ob .ob-step__row{min-height:48px;padding-top:4px;padding-bottom:4px}.ob .ob-rule{margin:calc(var(--u) * 1.2) 0 calc(var(--u) * .2)}.ob .ob-rule svg{width:22px;height:22px}.ob .ob-lock-note{display:none}.ob .ob-fieldset{gap:calc(var(--u) * .7)}.ob .ob-field__label{margin-bottom:2px}.ob .ob-field__box{height:42px}.ob .ob-how{margin-top:calc(var(--u) * 1.5);padding-top:var(--u)}.ob .ob-how__title{margin-bottom:3px}.ob .ob-how__list{gap:1px}.ob .ob-how__list li{line-height:1.4}}@media (min-width:761px) and (min-aspect-ratio:4/5) and (min-height:761px){.ob .ob-page__scroll:has(.ob-step--grown) .ob-steps{gap:calc(var(--u) * .7)}.ob .ob-page__scroll:has(.ob-step--grown) .ob-step__row{min-height:max(50px, calc(var(--u) * 6.1))}.ob .ob-page__scroll:has(.ob-step--grown) .ob-rule{margin:var(--u) 0 calc(var(--u) * .2)}.ob .ob-page__scroll:has(.ob-step--grown) .ob-rule svg{width:22px;height:22px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-field__box{height:max(42px, calc(var(--u) * 5))}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how{margin-top:calc(var(--u) * 1.3);padding-top:calc(var(--u) * .8)}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__title{margin-bottom:3px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__list{gap:1px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__list li{line-height:1.35}.ob .ob-comment .ob-field__label{margin-bottom:2px}.ob .ob-comment__in{padding-bottom:9px}.ob .ob-comment .ob-field__hint{margin-top:3px}}@media (min-width:600px) and (max-aspect-ratio:4/5){.ob .ob-page__scroll:has(.ob-step--grown) .ob-steps{gap:10px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-step__row{min-height:70px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-rule{margin:18px 0 6px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-rule svg{width:26px;height:26px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-field__box{height:50px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how{margin-top:22px;padding-top:14px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__title{margin-bottom:6px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__list{gap:3px}.ob .ob-page__scroll:has(.ob-step--grown) .ob-how__list li{line-height:1.38}.ob .ob-comment .ob-field__label{margin-bottom:4px}.ob .ob-comment__in{padding-bottom:12px}.ob .ob-comment .ob-field__hint{margin-top:4px}}@media (pointer:coarse){.ob .ob-lamp,.ob .ob-beam,.ob .ob-sheen,.ob .ob-cover__hint,.ob .ob-seal__ring,.ob .ob-glint,.ob .ob-mote,.ob .ob-dogear,.ob .ob-step[data-status=ready] .ob-step__disc:after{animation:none}.ob .ob-seal__breathe{animation:.7s cubic-bezier(.3,.6,.2,1) .25s both ob-seal-in}.ob .ob-dust,.ob .ob-sheen,.ob .ob-glint,.ob .ob-seal__ring{display:none}.ob .ob-beam{filter:none}}@media (prefers-reduced-motion:reduce){.ob .ob-lamp,.ob .ob-beam,.ob .ob-sheen,.ob .ob-cover__hint,.ob .ob-seal__breathe,.ob .ob-seal__ring,.ob .ob-glint,.ob .ob-medallion,.ob .ob-mote,.ob .ob-dogear,.ob .ob-step__disc,.ob .ob-step__disc:after,.ob .ob-sign.is-unlocked .ob-field,.ob .ob-comment,.ob .ob-page--oath[data-sealed=true],.ob .ob-splash,.ob .ob-stamp .ob-spark{animation:none!important}.ob .ob-dust,.ob .ob-sheen,.ob .ob-glint,.ob .ob-seal__ring,.ob .ob-turnshade{display:none!important}.ob .ob-prop,.ob .ob-seal__hover,.ob .ob-step__row,.ob .ob-step__tick,.ob .ob-rule svg,.ob .ob-steps,.ob .ob-rule,.ob .ob-field__box,.ob .ob-how,.ob .ob-how__title,.ob .ob-how__list,.ob .ob-how__list li{transition:none!important}.ob .ob-cover__hint{opacity:1}.ob[data-state=open] .ob-page--story{transition:none!important}.ob .ob-page--oath[data-sealed=true] .ob-page__scroll{animation:.2s forwards ob-oath-out}.ob .ob-stamp{animation:.4s both ob-show}.ob .ob-sealed .ob-title,.ob .ob-ledger,.ob .ob-sealed__note{animation:.4s both ob-fade-in}.ob .ob-ribbon{animation:none;transform:none}}@keyframes ob-flicker{0%,to{opacity:1}42%{opacity:.9}47%{opacity:.97}70%{opacity:.92}}@keyframes ob-beam{0%,to{opacity:.95}50%{opacity:.72}}@keyframes ob-drift{0%{opacity:0;transform:translate(0,0)}18%{opacity:var(--o)}80%{opacity:var(--o)}to{transform:translate3d(var(--dx), var(--dy), 0);opacity:0}}@keyframes ob-hint{0%,to{opacity:.78}50%{opacity:1}}@keyframes ob-sheen{0%{opacity:0;transform:translate(0)skew(-14deg)}8%{opacity:1}38%{opacity:1;transform:translate(560%)skew(-14deg)}40%,to{opacity:0;transform:translate(560%)skew(-14deg)}}@keyframes ob-ripple{0%{opacity:0;transform:scale(.92)}14%{opacity:.85}to{opacity:0;transform:scale(1.5)}}@keyframes ob-seal-in{0%{opacity:0;transform:scale(1.7)rotate(-16deg)}62%{opacity:1;transform:scale(.93)rotate(2deg)}82%{transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes ob-medal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)rotate(-10deg)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes ob-glint{0%,60%,to{opacity:0;transform:scale(0)rotate(0)}72%{opacity:1;transform:scale(1)rotate(45deg)}86%{opacity:0;transform:scale(.2)rotate(90deg)}}@keyframes ob-press{0%{transform:scale(1)}35%{transform:scale(.84)}70%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes ob-show{to{opacity:1}}@keyframes ob-hide{to{opacity:0}}@keyframes ob-split-l{0%{opacity:1;transform:none}30%{opacity:1;transform:translate(-9%,-4%)rotate(-7deg)}to{opacity:0;transform:translate(-40%,70%)rotate(-32deg)}}@keyframes ob-split-r{0%{opacity:1;transform:none}30%{opacity:1;transform:translate(9%,-3%)rotate(6deg)}to{opacity:0;transform:translate(42%,80%)rotate(28deg)}}@keyframes ob-spark{0%{opacity:1;transform:rotate(var(--a)) translateX(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateX(var(--r)) scale(.3)}}@keyframes ob-strap-off{to{opacity:0;transform:translateY(-50%)scaleY(.6)}}@keyframes ob-cover-open{0%{transform:translateZ(var(--T)) rotateY(0deg);animation-timing-function:cubic-bezier(.2,.8,.3,1)}13%{transform:translateZ(var(--T)) rotateY(-13deg);animation-timing-function:ease-in-out}22%{transform:translateZ(var(--T)) rotateY(-10deg);animation-timing-function:cubic-bezier(.55,0,.25,1)}to{transform:translateZ(var(--T)) rotateY(-180deg)}}@keyframes ob-push{to{transform:translateX(0) translateY(0) translateZ(calc(var(--T) * -1)) rotateX(0deg) scale(1)}}@keyframes ob-push-phone{to{transform:translateX(calc(var(--ov) * -.5)) translateY(0) translateZ(calc(var(--T) * -1)) scale(1)}}@keyframes ob-shadow-wide{0%{transform:translateZ(-1px)scaleX(.51)}to{transform:translateZ(-1px)scaleX(1)}}@keyframes ob-reveal{0%,83%{visibility:hidden}84%,to{visibility:visible}}@keyframes ob-bloom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ob-face-out{0%,55%{opacity:1}85%,to{opacity:0}}@keyframes ob-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ob-curl{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes ob-shade-a{0%,to{opacity:0}45%{opacity:1}}@keyframes ob-shade-b{0%,to{opacity:0}55%{opacity:1}}@keyframes ob-stamp-small{0%{transform:scale(1.5)}60%{transform:scale(.9)}to{transform:none}}@keyframes ob-grow{0%{opacity:0;grid-template-rows:0fr}to{opacity:1;grid-template-rows:1fr}}@keyframes ob-unlock{0%{opacity:.5;filter:sepia(.3)brightness(1.08);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes ob-oath-out{to{opacity:0;visibility:hidden;transform:translateY(-10px)}}@keyframes ob-thump{0%,to{transform:none}35%{transform:translateY(2px)scale(.997)}}@keyframes ob-ribbon{to{transform:translateY(0)}}@keyframes ob-stamp-drop{0%{opacity:0;transform:translateY(-30%)scale(2.3)rotate(-20deg)}66%{opacity:1;transform:translateY(0)scale(1)rotate(0)}78%{transform:scale(1.07,.94)}90%{transform:scale(.98,1.02)}to{opacity:1;transform:none}}@keyframes ob-splash{0%{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}