*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#131515;background:#1b6ac9;min-height:100vh}.blue-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(155deg,#8fcbf8,#1e6fd0 30%,#3e9be8 52%,#7cc4f7 72%,#1460b8)}.blue-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 34% at 9% 4%,#A8D8FAfc 0%,#8CC8F8f7 38%,#7DC0F68c 64%,transparent 80%),radial-gradient(60% 40% at 52% 68%,#E0F2FFfa 0%,#A8D8FAb8 55%,transparent 80%),radial-gradient(40% 30% at 62% 34%,#0A2048eb 0%,transparent 70%),radial-gradient(35% 30% at 98% 56%,#0A2048cc 0%,transparent 70%),radial-gradient(30% 25% at 90% 94%,#08183Abd 0%,transparent 70%),radial-gradient(25% 20% at 88% 10%,#08183A9e 0%,transparent 70%),radial-gradient(40% 35% at 6% 46%,#3E9BE88c 0%,transparent 70%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{max-width:48rem;margin:0 auto;padding:4px 16px 96px}h1,h2{font-family:Archivo Black,sans-serif;letter-spacing:-.02em;margin:8px 0}label,small,.mono{font-family:Space Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.logo{font-family:Caveat,cursive;font-weight:700;font-size:52px;letter-spacing:-.02em;line-height:.85;margin:0;padding:6px 20px 6px 0;display:inline-flex;align-items:baseline;position:relative}.logo .e{color:#fffafb;transform:rotate(-3deg) skew(-5deg);text-shadow:0 0 1px rgba(19,21,21,.45),0 1px 3px rgba(19,21,21,.28);display:inline-block}.logo .m{color:#131515;margin-left:-.08em;transform:rotate(-3deg) skew(-5deg);display:inline-block}.logo svg.flourish{position:absolute;right:-.34em;bottom:-.06em;width:.55em;height:.34em;overflow:visible;filter:drop-shadow(0 1px 1px rgba(19,21,21,.3))}.logo svg.star{position:absolute;right:-.3em;bottom:.06em;width:.36em;height:.36em;transform:rotate(12deg);filter:drop-shadow(0 1px 1px rgba(19,21,21,.3))}.glass{position:relative;overflow:hidden;border-radius:28px;background:#fffafb8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:20px 22px;margin:15px 0;isolation:isolate}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:blur(10px) saturate(100%);backdrop-filter:blur(10px) saturate(100%);filter:url(#glass-distortion) saturate(100%) brightness(1);pointer-events:none}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#ffffff21;box-shadow:inset 0 1px 1px #ffffffbf;pointer-events:none}.glass>*{position:relative;z-index:4}.pill{display:inline-flex;align-items:center;gap:6px;background:#fffafb;border-radius:999px;padding:8px 12px;margin:4px 4px 4px 0;font-size:14px;white-space:nowrap;cursor:pointer;border:none;color:#131515;max-width:100%}.pill span{overflow:hidden;text-overflow:ellipsis;max-width:22ch}.row{display:flex;gap:2px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.row::-webkit-scrollbar{display:none}input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #13151524;margin:6px 0;font-size:15px;background:#fffafb;color:#131515}input:focus,select:focus,textarea:focus{outline:3px solid #131515e6;outline-offset:2px}button.btn{background:#131515;color:#fff;border:none;border-radius:999px;padding:11px 16px;font-weight:700;cursor:pointer}button.ghost{background:#fffafb;color:#131515;border:1px solid #13151524;border-radius:999px;padding:9px 14px;cursor:pointer}.day{display:inline-flex;width:34px;height:34px;border-radius:50%;background:#fffafb;color:#131515;align-items:center;justify-content:center;font-size:12px;margin:2px;cursor:pointer;border:none}.day.today{background:#131515;color:#fff}.hidden{display:none!important}.page{animation:pageEnter .75s cubic-bezier(.22,1,.36,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page{animation:none}.navbtn{transition:none!important}}.half{display:grid;grid-template-columns:1fr 1fr;gap:15px}.half .glass{margin:15px 0}@media (max-width:420px){.half{grid-template-columns:1fr 1fr}}#nav{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#navRing{width:68px;height:68px;border-radius:50%;background:#fffafb8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}#navBar{display:none;flex-direction:column;gap:2px;width:60px;background:#fffafb8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:30px;padding:8px}#nav.open #navBar{display:flex}#nav.open #navRing{display:none}.navbtn{width:50px;height:50px;border-radius:50%;border:none;background:transparent;color:#fffafb;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(64px) scale(.55);transition:opacity .5s ease-in-out,transform .5s ease-in-out}#nav.open .navbtn{opacity:1;transform:translateY(0) scale(1)}#nav.open .navbtn:nth-child(1){transition-delay:0ms}#nav.open .navbtn:nth-child(2){transition-delay:60ms}#nav.open .navbtn:nth-child(3){transition-delay:.12s}#nav.open .navbtn:nth-child(4){transition-delay:.18s}#nav.open .navbtn:nth-child(5){transition-delay:.24s}.navbtn.active{background:#fffafb;color:#131515}.navbtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#navFab{width:50px;height:50px;border-radius:50%;background:#fffafb;color:#131515;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#navFab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:13px}.cal div{padding:8px 0;border-radius:10px}.cal .has{background:#fffafb}.cal .today{background:#131515;color:#fff}#modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100}#modalBox{background:#fffafb;border-radius:24px 24px 0 0;width:100%;max-width:520px;padding:20px;max-height:85vh;overflow:auto}.ring{width:72px;height:72px;border-radius:50%;border:3px solid #131515;display:flex;flex-direction:column;align-items:center;justify-content:center}.big{font-size:36px;font-weight:700;line-height:1}
