@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.flex{display:flex}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.bg-\[var\(--background\)\]{background-color:var(--background)}.p-4{padding:calc(var(--spacing)*4)}.pt-24{padding-top:calc(var(--spacing)*24)}.text-\[var\(--foreground\)\]{color:var(--foreground)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{--background:#0a0a0a;--foreground:#ededed;--cover-grey:#4a4a4a;--cover-stroke:#161616;--page-cream:#fffdf7}:root:not(.dark){--background:#f5f5f5;--foreground:#171717;--cover-grey:#6b6b6b;--cover-stroke:#ccc;--page-cream:#fffdf7}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.header-bar{z-index:100;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.header-title{transform-origin:0 0;letter-spacing:-.02em;-webkit-text-stroke:.5px #000;color:#000;background-color:#fff;margin:0;padding:0 .1rem;font-family:Helvetica,Arial,sans-serif;font-size:3rem;font-weight:900;line-height:.9;display:inline-block;transform:scaleY(1.4)}:root:not(.dark) .header-title{color:#fff;-webkit-text-stroke:.5px #fff;background-color:#000}.header-email{transform-origin:100% 0;letter-spacing:-.02em;-webkit-text-stroke:.3px #000;color:#000;background-color:#fff;margin:0;padding:0 .1rem;font-family:Helvetica,Arial,sans-serif;font-size:1rem;font-weight:900;line-height:.9;display:inline-block;transform:scaleY(1.4)}:root:not(.dark) .header-email{color:#fff;-webkit-text-stroke:.3px #fff;background-color:#000}.book-shell{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;max-width:980px;padding:20px;display:flex}.book-controls{color:#1e1f22;justify-content:center;align-items:center;gap:24px;width:min(100%,980px);padding:16px 0;display:none}.page-indicator{color:#3f3f46;text-align:center;min-width:120px;font-size:.9rem}.book-chrome{color:#1e1f22;justify-content:space-between;align-items:center;gap:12px;width:min(100%,980px);display:flex}.book-meta{align-items:center;gap:8px;display:flex}.meta-pill{color:#3f3f46;background:linear-gradient(#ffffffd1,#f5f5f5d1);border:1px solid #d4d4d8;border-radius:999px;padding:6px 12px;font-size:.85rem}.ghost-btn{color:#18181b;letter-spacing:.02em;background:#fff;border:1px solid #d4d4d8;border-radius:999px;padding:8px 14px;font-weight:600;transition:all .18s;box-shadow:0 6px 16px -12px #00000059}.ghost-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px -14px #0006}.ghost-btn:active:not(:disabled){transform:translateY(0)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.book-viewport{aspect-ratio:2/1.4;perspective:2500px;perspective-origin:50%;contain:layout style;isolation:isolate;justify-content:center;align-items:center;width:min(100%,800px);display:flex;position:relative;overflow:visible}.book-viewport:not([data-open=true]){cursor:pointer}.book-viewport:not([data-open=true]) .book-frame{width:50%;transition:width .5s,transform .5s;transform:translate(0)}.book-viewport[data-open=true] .book-frame{width:100%;transition:width .5s,transform .5s}.book-frame{height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;filter:drop-shadow(0 18px 32px #00000047);isolation:isolate;will-change:auto;contain:layout style;position:relative;overflow:visible;transform:translateZ(0)}.book-interior{background:linear-gradient(90deg,var(--page-cream)0%,#fff 50%,var(--page-cream)100%);border:2px solid var(--cover-stroke);box-sizing:border-box;box-shadow:0 0 0 2px var(--cover-stroke),0 36px 80px -52px #0000008c,0 22px 38px -32px #00000059;opacity:0;z-index:4;will-change:opacity,transform;border-radius:3px;grid-template-columns:1fr 1fr;transition:opacity .5s,transform .5s;display:grid;position:absolute;inset:0;overflow:visible;transform:translateZ(0)scale(.98)}.book-viewport[data-open=true] .book-interior{opacity:1;transform:translateZ(0)scale(1)}.page{background:linear-gradient(180deg,var(--page-cream)0%,#f4eedf 100%);contain:layout;border:1px solid #16161626;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff8c}.page:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#0000000a 0%,#0000 42%);position:absolute;inset:0}.page-left{box-shadow:inset -10px 0 24px -16px #0000005c}.page-right{animation:none;box-shadow:inset 10px 0 24px -16px #0000005c}@keyframes page-settle-right{0%{opacity:.98;transform:perspective(2000px)rotateY(-2deg)translateZ(1px)}50%{opacity:.99;transform:perspective(2000px)rotateY(-.5deg)translateZ(.2px)}to{opacity:1;transform:perspective(2000px)rotateY(0)translateZ(0)}}.page-right.settling{transform-style:preserve-3d;animation:.3s cubic-bezier(.35,0,.25,1) forwards page-settle-right}.book-crease{opacity:.8;pointer-events:none;background:linear-gradient(90deg,#00000014 0%,#ffffff8c 50%,#00000014 100%);width:32px;position:absolute;top:0;bottom:0;left:calc(50% - 16px)}.book-bottom-crease{opacity:.45;pointer-events:none;background:radial-gradient(circle at 50% 120%,#00000038,#0000 70%);height:38px;position:absolute;bottom:0;left:0;right:0}.book-closed-pages{--page-offset:0px;--page-depth:6;top:var(--page-offset);bottom:var(--page-offset);border:1px solid var(--cover-stroke);z-index:var(--page-depth);background:linear-gradient(#fffefc 0%,#f5efe4 100%);border-radius:2px;transition:opacity .2s;position:absolute;overflow:hidden}.book-viewport:not([data-open=true]) .book-closed-pages-right{left:0;right:calc(var(--page-offset)*-1);box-shadow:1px 2px #ffffffe6,1px 2px 0 1px #1616164d,0 4px 8px -6px #00000059}.book-viewport[data-open=true] .book-closed-pages-right,.book-closed-pages-right{left:50%;right:calc(var(--page-offset)*-1);box-shadow:1px 2px #ffffffe6,1px 2px 0 1px #1616164d,0 4px 8px -6px #00000059}.book-closed-pages-left{left:calc(var(--page-offset)*-1);right:50%;box-shadow:-1px 2px #ffffffe6,-1px 2px 0 1px #1616164d,0 4px 8px -6px #00000059}.book-closed-pages:after{content:"";opacity:.35;mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000a 0 1px,#0000 1px 3px);position:absolute;inset:4px 4px 6px}.book-stack{pointer-events:none;z-index:2;position:absolute;inset:0}.book-stack[data-side=right]{left:50%;right:0}.book-stack[data-side=right] .book-closed-pages-right{left:0}.book-stack[data-side=left]{z-index:3;left:0;right:50%}.book-stack[data-side=left] .book-closed-pages-left{right:0}.page-turner{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;pointer-events:none;z-index:100;will-change:transform;contain:layout style;position:absolute;inset:0 0 0 50%;transform:translateZ(0)}.page-turner.turn-next{transform-origin:0%;animation:page-turn-next var(--turn-duration,.6s)cubic-bezier(.22,.61,.36,1)forwards}.page-turner.turn-prev{transform-origin:100%;animation:page-turn-prev var(--turn-duration,.6s)cubic-bezier(.22,.61,.36,1)forwards;left:0;right:50%}.page-turner-front,.page-turner-back{backface-visibility:hidden;background:linear-gradient(180deg,var(--page-cream)0%,#f4eedf 100%);width:100%;height:100%;transform-style:preserve-3d;will-change:transform;border:1px solid #1616162e;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}.page-turner-front{z-index:2;box-shadow:-2px 0 8px #00000026}.page-turner-back{z-index:1;transform:rotateY(180deg);box-shadow:2px 0 8px #00000026}.page-turner-front>.page-sketch,.page-turner-front>.page-cover-simple,.page-turner-front>.page-blank,.page-turner-back>.page-sketch,.page-turner-back>.page-cover-simple,.page-turner-back>.page-blank{width:100%;height:100%;position:absolute;inset:0}@keyframes page-settle-left{0%{opacity:.98;transform:perspective(2000px)rotateY(2deg)translateZ(1px)}50%{opacity:.99;transform:perspective(2000px)rotateY(.5deg)translateZ(.2px)}to{opacity:1;transform:perspective(2000px)rotateY(0)translateZ(0)}}.page-left.settling{transform-style:preserve-3d;animation:.3s cubic-bezier(.35,0,.25,1) forwards page-settle-left}.page-turner:before{content:"";opacity:0;width:30px;animation:spine-shadow var(--turn-duration,.6s)ease-in-out;pointer-events:none;background:linear-gradient(90deg,#00000026 0%,#0000 100%);position:absolute;top:0;bottom:0;left:0}@keyframes spine-shadow{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes page-turn-next{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)translateZ(40px)}to{transform:rotateY(-180deg)}}@keyframes page-turn-prev{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)translateZ(40px)}to{transform:rotateY(180deg)}}.page-sketch{width:100%;height:100%;position:relative;overflow:visible}.page-image-container{width:100%;height:100%;position:absolute;inset:0}.page-box{background:linear-gradient(135deg,#f3a12617,#f3a12605);border:1px solid #16161659;border-radius:3px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;box-shadow:inset 0 0 0 1px #fff6}.page-box:hover{background:linear-gradient(135deg,#f3a12629,#f3a1260d);border-color:#16161699}.page-box-label{color:#161616b8;letter-spacing:.04em;background:#ffffffdb;border-radius:3px;padding:3px 7px;font-size:.72rem;font-weight:600}.page-number{letter-spacing:.08em;color:#161616d9;z-index:10;font-size:.76rem;position:absolute;bottom:12px;left:12px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.page-left .page-number{left:12px}.page-right .page-number{left:auto;right:12px}.page-blank{background:linear-gradient(180deg,var(--page-cream)0%,#f4eedf 100%);width:100%;height:100%}.page-cover-simple{background:var(--cover-grey);width:100%;height:100%;position:relative;overflow:hidden}.book-cover-closed{background-color:var(--cover-grey);border:2px solid var(--cover-stroke);box-shadow:0 0 0 2px var(--cover-stroke),0 14px 32px -14px #00000080;z-index:200;border-radius:3px;position:absolute;inset:0;overflow:hidden}.page-turner.cover-opening{transform-origin:0%;left:0;right:0}.page-turner.cover-opening .page-turner-front{border-color:var(--cover-stroke);box-shadow:0 0 0 2px var(--cover-stroke),2px 0 6px #0003}.page-turner.cover-closing{transform-origin:100%;left:0;right:50%}.page-turner.cover-closing .page-turner-back{border-color:var(--cover-stroke);box-shadow:0 0 0 2px var(--cover-stroke),-2px 0 6px #0003}.page-edges{transform-style:preserve-3d;pointer-events:none;z-index:1;border:1px solid var(--cover-stroke);box-sizing:border-box;background:linear-gradient(#fffef6 0%,#f1e3c8 100%);transition:none;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #fff9}.page-edges-left{box-shadow:4px 0 0 0 #fff,4px 0 0 1px var(--cover-stroke),0 10px 24px -18px #00000059;will-change:auto;border-radius:0 3px 3px 0;transform:perspective(200px)rotateY(-2deg);left:0!important}.page-edges-right{box-shadow:-4px 0 0 0 #fff,-4px 0 0 1px var(--cover-stroke),0 10px 24px -18px #00000059;border-radius:3px 0 0 3px;right:0;transform:perspective(200px)rotateY(2deg)}.page-edge-layer{pointer-events:none;background:linear-gradient(#fffef6 0%,#f1e3c8 100%);width:1px;position:absolute;top:0;bottom:0;box-shadow:-.5px 0 .5px #00000014,.5px 0 .5px #fff6}.page-edge-layer:nth-child(odd){height:calc(100% - .5px);margin-top:.25px}.page-edge-layer:nth-child(2n){height:calc(100% - .3px);margin-top:.15px}.edge-shadow{pointer-events:none;position:absolute;inset:0}.page-edges-left .edge-shadow{mix-blend-mode:multiply;background:linear-gradient(90deg,#0000001f 0%,#0000000f 30%,#0000 60%)}.page-edges-right .edge-shadow{mix-blend-mode:multiply;background:linear-gradient(270deg,#0000001f 0%,#0000000f 30%,#0000 60%)}.page-edges.animating{transition:none}.page-edges-left.animating{animation:none}.page-edges-right.animating{animation:.6s cubic-bezier(.45,.05,.35,1) edge-shrink-right}@keyframes edge-shrink-right{0%{filter:brightness();transform:translate(0)}50%{filter:brightness(1.05);transform:translate(0)}to{filter:brightness();transform:translate(0)}}.book-interior>.page{z-index:2;position:relative}.page-left,.page-right{transform-origin:50%;will-change:auto;position:relative}.page-clickable{cursor:pointer;transition:box-shadow .2s}.page-clickable:hover{box-shadow:inset 0 0 30px #00000014}.page-clickable:active{box-shadow:inset 0 0 40px #0000001f}@media (hover:none){.page-clickable:hover{box-shadow:none}.page-clickable:active{box-shadow:inset 0 0 30px #0000001a}}@media (max-width:768px){.header-bar{flex-direction:column;gap:.5rem;padding:1rem}.header-title{font-size:1.5rem;transform:scaleY(1.3)}.header-email{transform-origin:0 0;font-size:.75rem;transform:scaleY(1.3)}.book-shell{gap:12px;max-width:100%;padding:12px}.book-viewport{aspect-ratio:2/1.4;width:100%}.book-controls{flex-wrap:wrap;gap:12px;width:min(100%,900px);padding:12px 0}.ghost-btn{padding:10px 16px;font-size:.9rem}.page-indicator{min-width:100px;min-height:1.5em;font-size:.85rem}.page-number{font-size:.65rem;bottom:8px;left:8px}.page-right .page-number{left:auto;right:8px}.page-turner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.page-turner-front,.page-turner-back{backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform}.page-turner.turn-next,.page-turner.turn-prev{animation-timing-function:cubic-bezier(.22,.61,.36,1)}.book-frame{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}}@media (max-width:480px){.book-viewport{aspect-ratio:3/2}.book-controls{gap:8px}.ghost-btn{padding:8px 12px;font-size:.85rem}.page-indicator{order:3;width:100%;margin-top:4px;font-size:.8rem}}.theme-toggle{cursor:pointer;opacity:.5;color:var(--foreground);z-index:50;background:#80808026;border:1px solid #8080804d;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.7rem;transition:opacity .2s,background .2s;display:flex;position:fixed;bottom:1rem;right:1rem}.theme-toggle:hover{opacity:.85;background:#80808040}.theme-toggle-track{background:#8080804d;border-radius:9999px;width:1.75rem;height:.875rem;transition:background .2s;position:relative}.theme-toggle-thumb{background:#000;border-radius:50%;width:.625rem;height:.625rem;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.dark .theme-toggle-thumb{background:#fff;transform:translate(.875rem)}.book-viewport{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}