@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");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:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#f5efe4;--paper-deep:#ebe1cf;--card:#fbf7ef;--ink:#1c1915;--ink-soft:#5b5349;--rule:#d9cdb8;--field-edge:#7f786f;--ribbon:#b8321f;--shadow:0 1px 0 #1c19150a, 0 18px 40px -18px #1c191559;--display:"Fraunces Variable", Georgia, serif;--text:"Instrument Sans Variable", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#17140f;--paper-deep:#100e0a;--card:#231e17;--ink:#f1e9dc;--ink-soft:#b5aa97;--rule:#3b342a;--field-edge:#8d8373;--ribbon:#f0805f;--shadow:0 18px 40px -18px #000000b3}}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% 0%, var(--paper) 55%, var(--paper-deep)) no-repeat var(--paper-deep);color:var(--ink);font:400 1rem/1.55 var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;-webkit-text-decoration-color:var(--ribbon);text-decoration-color:var(--ribbon);text-underline-offset:3px;text-decoration-thickness:1.5px}:focus-visible{outline:2px solid var(--ribbon);outline-offset:3px}.page{grid-template-rows:auto 1fr auto;max-width:1180px;min-height:100dvh;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:grid}.masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.wordmark{color:var(--ink);font:500 1.45rem/1 var(--display);font-variation-settings:"opsz" 48, "SOFT" 50;letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark em{color:var(--ribbon)}.wordmark-mark{width:28px;height:28px;fill:var(--ink)}.wordmark-ribbon{fill:var(--ribbon)}.brand{flex:none;align-items:center;gap:10px;display:flex}.beta{border:1px solid var(--ribbon);color:var(--ribbon);font:600 .6875rem/1 var(--text);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:3px 6px}.account{align-items:center;gap:14px;min-width:0;display:flex}.account-email{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.main{padding:clamp(36px,7vw,88px) 0}.footer{border-top:1px solid var(--rule);color:var(--ink-soft);padding:22px 0 28px;font-size:.88rem}.footer p{margin:0}.loading{min-height:50vh}.kicker{color:var(--ribbon);font:600 .78rem/1 var(--text);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}h1{font-family:var(--display);font-variation-settings:"opsz" 144, "SOFT" 30;letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px;font-size:clamp(2.4rem,5.4vw,4.3rem);font-weight:400;line-height:1.03}h1 em{color:var(--ribbon);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1}.lede{max-width:34em;color:var(--ink-soft);text-wrap:pretty;margin:0 0 34px;font-size:1.15rem}.welcome{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.welcome-copy>*{animation:.7s cubic-bezier(.2,.8,.2,1) both fade-up}.welcome-copy>:nth-child(2){animation-delay:80ms}.welcome-copy>:nth-child(3){animation-delay:.16s}.welcome-copy>:nth-child(4){animation-delay:.24s}.sign-in{border:1px solid var(--rule);background:var(--card);max-width:440px;box-shadow:var(--shadow);border-radius:18px;padding:26px}.auth-page .sign-in{margin-top:8px}.sign-in-title{font:500 1.35rem/1.2 var(--display);margin:0 0 18px}.button{min-height:46px;font:600 .98rem/1 var(--text);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;transition:background-color .15s,transform .15s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{background:var(--ink);color:var(--card);flex:none}.button-primary:not(:disabled):hover{background:color-mix(in oklab, var(--ink) 82%, var(--ribbon))}.field{margin:0}.field label{margin-bottom:8px;font-size:.92rem;font-weight:600;display:block}.field-row{gap:8px;display:flex}.field-row input{border:1px solid var(--field-edge);background:var(--paper);min-width:0;min-height:46px;color:var(--ink);font:1rem var(--text);border-radius:999px;flex:1;padding:0 16px}.code-input{letter-spacing:.25em;font-family:var(--mono)!important;font-size:1.1rem!important}.hint{color:var(--ink-soft);margin:10px 0 0;font-size:.88rem}.sent{margin:0 0 18px}.text-button{color:var(--ink);font:500 .92rem var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--ribbon);text-decoration-color:var(--ribbon);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:4px 0;text-decoration-thickness:1.5px}.sign-in .text-button{margin-top:14px}.error{color:var(--ribbon);margin:16px 0 0;font-weight:500}.bookcase{--u:calc(100cqw / 480);--wood:#b98858;--wood-dark:#8a5f3b;--wood-light:#cfa274;--case-back:#dccbad;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--wood-grain:repeating-linear-gradient(90deg, #00000012 0 1px, transparent 1px 7px, #ffffff0d 7px 8px, transparent 8px 19px);justify-self:center;width:min(100%,500px);container-type:inline-size}@media (prefers-color-scheme:dark){.bookcase{--wood:#6a4629;--wood-dark:#46301c;--wood-light:#7d5634;--case-back:#1c1711}}.bookcase-inside{height:calc(312 * var(--u));padding:calc(14 * var(--u)) calc(14 * var(--u)) 0;border-radius:calc(8 * var(--u)) calc(8 * var(--u)) 0 0;background:var(--wood-grain), linear-gradient(180deg, var(--wood-light), var(--wood) 30%, var(--wood-dark));position:relative}.bookcase-inside:before{inset:calc(14 * var(--u)) calc(14 * var(--u)) 0;background:linear-gradient(90deg, #00000006 0 50%, transparent 50%) 0 0 / calc(64 * var(--u)) 100%, var(--grain), var(--case-back);background-blend-mode:normal, soft-light, normal;box-shadow:inset 0 calc(26 * var(--u)) calc(28 * var(--u)) calc(-14 * var(--u)) #00000073, inset calc(16 * var(--u)) 0 calc(18 * var(--u)) calc(-12 * var(--u)) #0000004d, inset calc(-16 * var(--u)) 0 calc(18 * var(--u)) calc(-12 * var(--u)) #0000004d;content:"";position:absolute}.books{z-index:1;align-items:flex-end;gap:calc(2 * var(--u));height:100%;padding:0 calc(10 * var(--u));display:flex;position:relative}.plank{height:calc(36 * var(--u));border-radius:0 0 calc(8 * var(--u)) calc(8 * var(--u));background:linear-gradient(180deg, #00000059, transparent calc(4 * var(--u)), transparent calc(11 * var(--u)), #ffffff38 calc(12 * var(--u)), transparent calc(15 * var(--u))), var(--wood-grain), linear-gradient(180deg, var(--wood-light) 0 calc(12 * var(--u)), var(--wood) 0, var(--wood-dark));box-shadow:0 calc(22 * var(--u)) calc(30 * var(--u)) calc(-18 * var(--u)) #0000008c;position:relative}.book{--shade:linear-gradient(90deg, #0000006b 0, #0000001f 7%, #0000004d 8.5%, #ffffff14 12%, #fff3 32%, #ffffff0d 52%, #0000000f 74%, #00000047 91.5%, #00000024 93%, #0000007a 100%);--gilt:linear-gradient(90deg, #6f5223, #f3dc9c 38%, #b48e45 62%, #6f5223);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));padding:calc(var(--h) * .1 * var(--u)) 0 calc(var(--h) * .07 * var(--u));border-radius:calc(3 * var(--u)) calc(3 * var(--u)) calc(1.5 * var(--u)) calc(1.5 * var(--u));background:linear-gradient(180deg, #ffffff1f, transparent 3%, transparent 90%, #0000004d), var(--shade), var(--grain), var(--color);background-blend-mode:normal, normal, soft-light, normal;box-shadow:calc(3 * var(--u)) 0 calc(4 * var(--u)) calc(-1 * var(--u)) #0006;color:var(--ink);animation:.8s cubic-bezier(.2,.8,.2,1) both shelve;animation-delay:calc(var(--i) * 60ms + .15s);flex-direction:column;flex:none;align-items:center;display:flex;position:relative}.book-leather:before,.book-leather:after,.book-cloth:before,.book-cloth:after{height:calc(7 * var(--u));background:var(--gilt) top / 100% calc(1.6 * var(--u)) no-repeat, var(--gilt) bottom / 100% calc(1.6 * var(--u)) no-repeat;opacity:.9;content:"";position:absolute;left:9%;right:9%}.book-leather:before,.book-cloth:before{top:5%}.book-leather:after,.book-cloth:after{bottom:3.5%}.book-leather{background:linear-gradient(180deg, transparent 22%, #0000004d 22.4%, #ffffff29 23.4%, transparent 24.4%, transparent 74%, #0000004d 74.4%, #ffffff29 75.4%, transparent 76.4%), linear-gradient(180deg, #ffffff1f, transparent 3%, transparent 90%, #0000004d), var(--shade), var(--grain), var(--color);background-blend-mode:normal, normal, normal, soft-light, normal}.book-paperback{--shade:linear-gradient(90deg, #0000004d 0, #ffffff1a 6%, #0000001f 7%, #ffffff0f 40%, #0000001a 93%, #ffffff14 94%, #00000059 100%);border-radius:calc(1.5 * var(--u))}.book-jacket{background:linear-gradient(180deg, #ffffff1f, transparent 3%, transparent 90%, #0000004d), var(--shade), var(--grain), linear-gradient(180deg, var(--band) 0 27%, var(--color) 27%);background-blend-mode:normal, normal, soft-light, normal}.book-title,.book-author{writing-mode:vertical-rl;white-space:nowrap}.book-title{font-family:var(--display);font-size:calc(14 * var(--u));font-variation-settings:"opsz" 24, "SOFT" 20;letter-spacing:.02em;font-weight:560}.book-leather .book-title{letter-spacing:.09em;text-transform:uppercase;font-weight:600;font-size:calc(11.5 * var(--u))}.book-paperback .book-title{font-family:var(--text);font-size:calc(13 * var(--u));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.book-jacket .book-title{margin-top:calc(var(--h) * .2 * var(--u));font-style:italic;font-size:calc(17 * var(--u))}.book-title-label{padding:calc(8 * var(--u)) calc(3 * var(--u));border:calc(1 * var(--u)) solid color-mix(in oklab, var(--ink) 60%, transparent);border-radius:calc(1.5 * var(--u));background:var(--label);box-shadow:0 0 0 calc(1.5 * var(--u)) var(--label)}.book-author{font-family:var(--text);font-size:calc(8 * var(--u));letter-spacing:.18em;text-transform:uppercase;margin-top:auto;font-weight:600}.book-mark{width:calc(7 * var(--u));height:calc(7 * var(--u));margin-top:calc(10 * var(--u));border:calc(1.2 * var(--u)) solid currentColor;opacity:.75;border-radius:50%;flex:none}.book-next{--pulled:translateY(calc(var(--h) * -.11 * var(--u))) rotate(-5deg);z-index:2;box-shadow:calc(5 * var(--u)) calc(4 * var(--u)) calc(10 * var(--u)) #00000059, calc(-2 * var(--u)) 0 calc(6 * var(--u)) #0003;transform:var(--pulled);transform-origin:50% 100%;animation:2s linear backwards pull;animation-delay:calc(var(--i) * 60ms + .15s);will-change:transform;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.book-next .book-title{font-style:italic;font-size:calc(15 * var(--u))}.bookcase:hover .book-next{transform:translateY(calc(var(--h) * -.15 * var(--u))) rotate(-3deg)}.bookmark{bottom:calc(-30 * var(--u));width:calc(9 * var(--u));height:calc(36 * var(--u));clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);background:linear-gradient(90deg,#8e2414,#c23b22 45%,#a92e19);position:absolute;left:60%}.stack{flex-direction:column-reverse;align-items:flex-start;margin-left:auto;display:flex}.book-flat{justify-content:space-between;align-items:center;gap:calc(4 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(1.5 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u)) calc(1.5 * var(--u));box-shadow:0 calc(-1 * var(--u)) calc(3 * var(--u)) #0000004d;flex-direction:row}.book-flat:nth-child(2){margin-left:calc(5 * var(--u))}.book-flat:nth-child(3){margin-left:calc(2 * var(--u))}.book-flat,.book-flat.book-leather{background:linear-gradient(180deg, #ffffff2e, #ffffff0a 35%, #00000014 70%, #0006), var(--grain), var(--color);background-blend-mode:normal, soft-light, normal}.book-flat:before,.book-flat:after{display:none}.book.book-flat .book-title,.book.book-flat .book-author{writing-mode:horizontal-tb;margin:0}.book.book-flat .book-title{font-size:calc(8.5 * var(--u))}.book.book-flat .book-author{font-size:calc(5.5 * var(--u))}.shelf h1{font-size:clamp(2.2rem,4.6vw,3.6rem)}.coming{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.coming li{border:1px solid var(--rule);background:var(--card);counter-increment:step;border-radius:16px;padding:24px}.coming li:before{color:var(--ribbon);content:counter(step, decimal-leading-zero);font:600 .8rem/1 var(--mono);margin-bottom:16px;display:block}.coming h2{font:500 1.3rem/1.2 var(--display);margin:0 0 8px}.coming p{color:var(--ink-soft);margin:0}.auth-page{max-width:560px}.auth-page h1{font-size:clamp(2rem,4vw,3rem)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes shelve{0%{opacity:0;transform:translateY(calc(24 * var(--u)))}}@keyframes pull{0%{opacity:0;transform:translateY(calc(24 * var(--u))) rotate(0deg);animation-timing-function:cubic-bezier(.2,.8,.2,1)}40%,52%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.15,1);transform:translateY(0)rotate(0)}to{opacity:1;transform:var(--pulled)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=860px){.welcome{grid-template-columns:minmax(0,1fr)}.bookcase{width:min(100%,440px)}.coming{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.sign-in{padding:20px}.field-row{flex-direction:column}.field-row input{flex:none}.account-email{display:none}}
