@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,700&display=swap");.tilo-stage{position:fixed;inset:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(120% 90% at 50% 0,#ece6da 0,#ddd5c6 60%,#d2c9b7 100%)}.tilo-root,.tilo-tokens{--ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--t-cap:clamp(11.9px,3.3cqw,14.7px);--t-xs:clamp(12.2px,3.5cqw,15.6px);--t-sm:clamp(12.9px,3.75cqw,16.9px);--t-body:clamp(13.9px,4.05cqw,18.2px);--t-md:clamp(14.9px,4.35cqw,19.5px);--t-lg:clamp(16.1px,4.7cqw,21.1px);--t-title:clamp(17.7px,5.2cqw,23.2px);--t-h2:clamp(20.4px,6cqw,26.8px);--t-h1:clamp(24.3px,7.1cqw,31.9px);--t-disp:clamp(27.2px,8cqw,35.6px);--t-hero:clamp(31.8px,9.3cqw,41.7px);--t-mega:clamp(42.8px,12.5cqw,56.1px);--f9:var(--t-cap);--f9_5:var(--t-cap);--f10:var(--t-cap);--f10_5:var(--t-xs);--f11:var(--t-xs);--f11_5:var(--t-xs);--f12:var(--t-xs);--f12_5:var(--t-xs);--f13:var(--t-sm);--f13_5:var(--t-sm);--f14:var(--t-body);--f14_5:var(--t-body);--f15:var(--t-md);--f15_5:var(--t-md);--f16:var(--t-lg);--f16_5:var(--t-lg);--f17:var(--t-lg);--f17_5:var(--t-title);--f18:var(--t-title);--f19:var(--t-title);--f20:var(--t-h2);--f21:var(--t-h2);--f22:var(--t-h2);--f23:var(--t-h1);--f24:var(--t-h1);--f25:var(--t-h1);--f26:var(--t-h1);--f27:var(--t-disp);--f28:var(--t-disp);--f29:var(--t-disp);--f31:var(--t-hero);--f32:var(--t-hero);--f33:var(--t-hero);--f35:var(--t-hero);--f44:var(--t-mega);--danger:#C0563E;--night-hi:#26334F;--night-mid:#1A2440;--night-deep:#111A30;--night-ink:#FBEAD2;--night-muted:#C3B695;--r-pill:999px;--r-sheet:30px;--r-card:20px;--r-ctl:12px;--r-sm:8px;--z-chrome:25;--z-dock:26;--z-switch:40;--z-frame:58;--z-status:60;--z-panel:70;--z-menu:80;--z-bar:95;--z-sheet-scrim:100;--z-sheet:101;--z-sheet2-scrim:104;--z-sheet2:105;--z-toast:110;--z-popup:120;--z-learn:148;--z-over:150;--z-boot:200;--s1:4px;--s2:clamp(6px,1.9cqw,9px);--s3:clamp(10px,2.9cqw,14px);--s4:clamp(13px,3.8cqw,18px);--s5:clamp(16px,4.7cqw,22px);--s6:clamp(20px,5.8cqw,27px);--dock-h:64px;--addbar-h:76px;--sbar:52px;--sbar-deep:50px}.tilo-root{position:relative;flex:none;width:min(430px,calc(100vw - 24px));height:clamp(600px,calc(100dvh - 22px),854px);border-radius:45px;box-shadow:0 0 0 7px #0c0b0a,0 0 0 8px rgba(0,0,0,.25),0 50px 90px -30px rgba(40,30,18,.55);display:flex;flex-direction:column;container-type:inline-size;background:var(--canvas);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.tilo-root:after{content:"";position:absolute;inset:0;z-index:58;pointer-events:none;border:9px solid var(--tint);border-radius:45px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint) 60%,transparent);transition:border-color .8s ease}.tilo-root *,.tilo-root :after,.tilo-root :before{box-sizing:border-box}@media (max-width:500px){.tilo-stage{padding:0;background:none}.tilo-root{width:100vw;height:100dvh;box-shadow:none;--sbar:16px;--sbar-deep:14px}.tilo-root,.tilo-root:after{border-radius:0}.tilo-mock-chrome{display:none!important}}.tilo-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tilo-scroll::-webkit-scrollbar{width:0;height:0}.tilo-hscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tilo-hscroll::-webkit-scrollbar{display:none}@keyframes tiloFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bookFloat{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-5px) rotate(-1.2deg)}}@keyframes jpTurnFwdA{0%{opacity:1;transform:perspective(900px) rotateY(0deg)}40%{opacity:0;transform:perspective(900px) rotateY(-18deg)}60%{opacity:0;transform:perspective(900px) rotateY(18deg)}to{opacity:1;transform:perspective(900px) rotateY(0deg)}}@keyframes jpTurnFwdB{0%{opacity:1;transform:perspective(900px) rotateY(0deg)}40%{opacity:0;transform:perspective(900px) rotateY(-18deg)}60%{opacity:0;transform:perspective(900px) rotateY(18deg)}to{opacity:1;transform:perspective(900px) rotateY(0deg)}}@keyframes jpTurnBackA{0%{opacity:1;transform:perspective(900px) rotateY(0deg)}40%{opacity:0;transform:perspective(900px) rotateY(18deg)}60%{opacity:0;transform:perspective(900px) rotateY(-18deg)}to{opacity:1;transform:perspective(900px) rotateY(0deg)}}@keyframes jpTurnBackB{0%{opacity:1;transform:perspective(900px) rotateY(0deg)}40%{opacity:0;transform:perspective(900px) rotateY(18deg)}60%{opacity:0;transform:perspective(900px) rotateY(-18deg)}to{opacity:1;transform:perspective(900px) rotateY(0deg)}}@keyframes tiloBlink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes tiloRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tiloFade{0%{opacity:0}to{opacity:1}}@keyframes tiloPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes learnPulse{0%,to{box-shadow:0 0 0 0 var(--rcOn,rgba(192,122,46,.5)),0 0 0 2px var(--rcEdge,rgba(192,122,46,.95))}50%{box-shadow:0 0 0 12px var(--rcOff,rgba(192,122,46,0)),0 0 0 2px var(--rcEdge,rgba(192,122,46,.95))}}@keyframes learnRingIn{0%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.tilo-root *,.tilo-root :after,.tilo-root :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.tilo-pressable:active{transform:scale(.95)}