@property --book-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.arthea-book{--book-canvas:#030b08;--book-rail:#121e1a;--book-line:#49d3a4;--book-emerald:#35d399;--book-mint:#4fffb0;--book-mint-deep:#2de88a;--book-ink:#071510;--book-text:#eef0ed;--book-text-soft:#eef0edb8;--book-text-faint:#eef0ed6b;--book-grey:#a3aaa7;--book-glass:#ffffff09;--book-glass-hover:#ffffff0f;--book-hairline:#ffffff14;--book-hairline-strong:#ffffff29;--book-danger:#fd717c;--book-ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--book-canvas);color:var(--book-text);font-family:var(--font-satoshi), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased}@supports (color:lab(0% 0 0)){.arthea-book{--book-canvas:lab(2.47446% -2.46514 .368521);--book-rail:lab(10.0018% -6.49467 .975618);--book-line:lab(76.2973% -47.0848 11.9215);--book-emerald:lab(75.6955% -52.0051 16.7281);--book-mint:lab(89.8443% -59.6591 24.2778);--book-mint-deep:lab(81.8522% -62.0648 32.5588);--book-ink:lab(5.59279% -5.69156 1.20354);--book-text:lab(94.6109% -1.20682 1.33837);--book-text-soft:lab(94.6109% -1.20682 1.33837/.72);--book-text-faint:lab(94.6109% -1.20682 1.33837/.42);--book-grey:lab(69.0321% -3.00157 .642896);--book-glass:lab(100% 0 0/.035);--book-glass-hover:lab(100% 0 0/.06);--book-hairline:lab(100% 0 0/.08);--book-hairline-strong:lab(100% 0 0/.16);--book-danger:lab(65.7044% 54.7249 22.161)}}.book-aurora{filter:blur(40px);background:radial-gradient(closest-side,#35d39933,#35d3990f 55%,#0000);background:radial-gradient(closest-side,lab(75.6955% -52.0051 16.7281/.2),lab(75.6955% -52.0051 16.7281/.06) 55%,#0000);border-radius:9999px;width:min(64rem,140vw);height:34rem;position:absolute;top:-18rem;left:50%;transform:translate(-50%)}.book-rails{justify-content:space-between;height:min(58rem,120vh);padding-inline:max(1rem,50% - 38rem);display:flex;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.book-rail{background:var(--book-rail);opacity:.55;width:3px;height:100%;position:relative;overflow:visible}.book-rail:before,.book-rail:after{content:"";background:linear-gradient(to bottom, transparent, var(--book-line) 50%, transparent);width:3px;height:12rem;animation:book-fall var(--rail-dur,9s) linear var(--rail-delay,0s) infinite;position:absolute;top:-12rem;left:0}.book-rail:after{filter:blur(8px);width:6px;left:-1.5px}@keyframes book-fall{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(calc(min(58rem,120vh) + 12rem))}}.book-veil{background:linear-gradient(to bottom, transparent, var(--book-canvas) 55%);height:60%;position:absolute;inset:auto 0 0}.book-grain{opacity:.05;mix-blend-mode:overlay;background-image: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%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.book-display{letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.02}.book-gradient{background-image:linear-gradient(to bottom, #fff 30%, var(--book-grey));color:#0000;-webkit-background-clip:text;background-clip:text}@supports (color:lab(0% 0 0)){.book-gradient{background-image:linear-gradient(to bottom, lab(100% 0 0) 30%, var(--book-grey))}}.book-accent{color:var(--book-emerald)}.book-kicker{letter-spacing:.15em;text-transform:uppercase;color:var(--book-text-faint);font-size:.72rem;font-weight:600}.book-pill{isolation:isolate;-webkit-backdrop-filter:blur(12px);color:var(--book-text-soft);background:#2223;background:lab(13% 0 0/.2);border:1px solid #ffffff1a;border:1px solid lab(100% 0 0/.1);border-radius:9999px;align-items:center;gap:.55rem;padding:.55rem 1.1rem .55rem .6rem;font-size:.85rem;display:inline-flex;position:relative}.book-pill:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--book-spin), transparent 0deg, #35d39961 270deg, var(--book-emerald) 360deg);-webkit-mask-composite:xor;padding:1px;animation:6s linear infinite book-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports (color:lab(0% 0 0)){.book-pill:before{background:conic-gradient(from var(--book-spin), transparent 0deg, lab(75.6955% -52.0051 16.7281/.38) 270deg, var(--book-emerald) 360deg)}}@keyframes book-spin{to{--book-spin:360deg}}.book-pill-dot{width:1.6rem;height:1.6rem;color:var(--book-emerald);background:#35d3991f;background:lab(75.6955% -52.0051 16.7281/.12);border-radius:9999px;place-items:center;display:grid}.book-glass{border:1px solid var(--book-hairline);-webkit-backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff0e,#ffffff05 40%,#ffffff08);background:linear-gradient(160deg,lab(100% 0 0/.055),lab(100% 0 0/.02) 40%,lab(100% 0 0/.03));border-radius:1.5rem;position:relative;box-shadow:inset 0 1px #ffffff0f,0 30px 90px -30px #000000b3;box-shadow:inset 0 1px lab(100% 0 0/.06),0 30px 90px -30px lab(0% 0 0/.7)}.book-glass:before{content:"";background:linear-gradient(90deg,#0000,#35d3998c,#0000);background:linear-gradient(90deg,#0000,lab(75.6955% -52.0051 16.7281/.55),#0000);height:1px;position:absolute;inset:0 12% auto}.book-divider{background:var(--book-hairline);height:1px}.book-chip,.book-slot{border:1px solid var(--book-hairline);background:var(--book-glass);color:var(--book-text-soft);transition:background-color .16s var(--book-ease), border-color .16s var(--book-ease), color .16s var(--book-ease), transform .2s var(--book-ease), box-shadow .2s var(--book-ease)}.book-chip:hover,.book-slot:hover{background:var(--book-glass-hover);border-color:var(--book-hairline-strong);color:var(--book-text)}.book-chip:active,.book-slot:active{transform:scale(.97)}.book-chip[aria-pressed=true]{color:var(--book-text);background:#35d3991a;background:lab(75.6955% -52.0051 16.7281/.1);border-color:#35d39980;border-color:lab(75.6955% -52.0051 16.7281/.5);box-shadow:0 0 0 3px #35d39914;box-shadow:0 0 0 3px lab(75.6955% -52.0051 16.7281/.08)}.book-slot[aria-pressed=true]{background:linear-gradient(135deg, var(--book-mint), var(--book-mint-deep));color:var(--book-ink);border-color:#0000;box-shadow:0 10px 30px -10px #4fffb08c;box-shadow:0 10px 30px -10px lab(89.8443% -59.6591 24.2778/.55)}.book-cta{background:linear-gradient(135deg, var(--book-mint), var(--book-mint-deep));color:var(--book-ink);letter-spacing:-.01em;transition:transform .2s var(--book-ease), box-shadow .2s var(--book-ease), filter .16s var(--book-ease), opacity .16s var(--book-ease);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:inline-flex;box-shadow:0 14px 40px -14px #4fffb099;box-shadow:0 14px 40px -14px lab(89.8443% -59.6591 24.2778/.6)}.book-cta:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 48px -14px #4fffb0bf;box-shadow:0 18px 48px -14px lab(89.8443% -59.6591 24.2778/.75)}.book-cta:active:not(:disabled){transform:translateY(0)scale(.99)}.book-cta:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.book-ghost{border:1px solid var(--book-hairline);background:var(--book-glass);color:var(--book-text-soft);-webkit-backdrop-filter:blur(12px);transition:background-color .16s var(--book-ease), border-color .16s var(--book-ease), color .16s var(--book-ease)}.book-ghost:hover{background:var(--book-glass-hover);border-color:var(--book-hairline-strong);color:var(--book-text)}.book-field{display:block;position:relative}.book-field input,.book-field textarea{border:1px solid var(--book-hairline);background:var(--book-glass);width:100%;color:var(--book-text);transition:border-color .16s var(--book-ease), background-color .16s var(--book-ease), box-shadow .16s var(--book-ease);border-radius:.75rem;outline:none;padding:1.55rem 1rem .6rem;font-size:1rem}.book-field textarea{resize:none}.book-field input:hover,.book-field textarea:hover{border-color:var(--book-hairline-strong)}.book-field input:focus,.book-field textarea:focus{background:#ffffff0d;background:lab(100% 0 0/.05);border-color:#35d3998c;border-color:lab(75.6955% -52.0051 16.7281/.55);box-shadow:0 0 0 4px #35d3991a;box-shadow:0 0 0 4px lab(75.6955% -52.0051 16.7281/.1)}.book-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--book-text-faint);pointer-events:none;transition:color .16s var(--book-ease);font-size:.66rem;font-weight:600;position:absolute;top:.62rem;left:1rem}.book-field:focus-within label{color:var(--book-emerald)}.book-progress{background:var(--book-hairline);border-radius:9999px;height:2px;overflow:hidden}.book-progress>i{border-radius:inherit;background:linear-gradient(to right, var(--book-emerald), var(--book-mint));height:100%;transition:width .34s var(--book-ease);display:block}.book-days{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1.5rem),#0000)}.book-days::-webkit-scrollbar{display:none}.book-days>*{scroll-snap-align:start}.book-arrow{border-radius:9999px;place-items:center;width:2rem;height:2rem;display:grid}.book-arrow:disabled{opacity:.3;pointer-events:none}.arthea-book :focus-visible{outline-offset:2px;outline:2px solid #35d399b3;outline:2px solid lab(75.6955% -52.0051 16.7281/.7)}.book-in{animation:book-in .6s var(--book-ease) both;animation-delay:var(--in-delay,0s)}@keyframes book-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}.book-pop{animation:book-pop .34s var(--book-ease) both;animation-delay:var(--in-delay,0s)}@keyframes book-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.book-check-ring{animation:book-ring 1.6s var(--book-ease) .2s both}@keyframes book-ring{0%{box-shadow:0 0 #4fffb073;box-shadow:0 0 lab(89.8443% -59.6591 24.2778/.45)}to{box-shadow:0 0 0 22px #4fffb000;box-shadow:0 0 0 22px lab(89.8443% -59.6591 24.2778/0)}}@media (prefers-reduced-motion:reduce){.book-rail:before,.book-rail:after,.book-pill:before,.book-check-ring{animation:none}.book-rail:before,.book-rail:after{opacity:.8;top:30%}.book-in,.book-pop{animation-duration:.01ms}}
