:root{--purple: #1e1030;--purple-mid: #2e1a48;--coral: #f07060;--coral-light: #f59282;--coral-dark: #d95a48}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background-color:var(--purple)}body{font-family:Poppins,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.text-logo{font-weight:600;font-style:normal;font-size:1rem;letter-spacing:1.75px;color:var(--coral)}.text-logo_slumber{letter-spacing:2px}.text-logo_icon{padding:0 .09em 0 .2em;font-size:1.4rem;vertical-align:middle}.tp{display:flex;align-items:center;gap:.15rem}.tp__unit{display:flex;flex-direction:column;align-items:center;gap:.55rem}.tp__digit{font-size:clamp(3.25rem,6.5vw,5.25rem);font-weight:600;line-height:1;letter-spacing:-.02em;min-width:2ch;text-align:center;color:inherit}.tp__colon{font-size:clamp(3.25rem,6.5vw,5.25rem);font-weight:600;line-height:1;color:inherit;padding:0 .05rem;margin-top:-.05em}.tp__ampm{display:none;font-size:.82rem;font-weight:700;letter-spacing:.12em;color:inherit;opacity:.6;align-self:flex-end;margin-bottom:.55rem;margin-left:.35rem}.tp__arrow{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;padding:.35rem .6rem;opacity:.25;line-height:1;-webkit-user-select:none;user-select:none;transition:opacity .15s,transform .12s}.tp__arrow:hover{opacity:.5;transform:scale(1.35)}.tp__arrow:active{transform:scale(.9)}@media(max-width:680px){.tp__digit,.tp__colon{font-size:5.5rem}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:ovIn .35s ease both}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.overlay--closing{animation:ovOut .32s ease both}@keyframes ovOut{0%{opacity:1}to{opacity:0}}.overlay--bedtime{background:linear-gradient(155deg,var(--purple-mid) 0%,var(--purple) 100%);color:var(--coral)}.overlay--waketime{background:linear-gradient(155deg,var(--coral-light) 0%,var(--coral-dark) 100%);color:var(--purple)}.overlay__x{position:absolute;top:1.5rem;right:1.75rem;background:none;border:none;color:inherit;font-size:1.6rem;line-height:1;cursor:pointer;opacity:.5;padding:.25rem .5rem;transition:opacity .15s}.overlay__x:hover{opacity:1}.overlay__inner{width:min(480px,88vw);animation:innerIn .4s ease .05s both}@keyframes innerIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay__headline{font-size:clamp(1.1rem,2.8vw,1.65rem);font-weight:400;letter-spacing:.04em;line-height:1.25;text-transform:uppercase;margin-bottom:1.75rem}.overlay__cards{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.5rem}.ocard{border:2px solid currentColor;padding:.8rem 1.2rem;text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:.12em;opacity:0;animation:cardIn .32s ease both;transition:transform .15s ease}.ocard:hover{transform:translate(5px)}@keyframes cardIn{0%{transform:translate(-14px);opacity:0}to{transform:translate(0);opacity:1}}.overlay--bedtime .ocard--fill{background:var(--coral);color:var(--purple);border-color:var(--coral)}.overlay--waketime .ocard--fill{background:var(--purple);color:var(--coral);border-color:var(--purple)}.overlay__close-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;font-family:inherit;font-weight:800;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:inherit;cursor:pointer;opacity:.55;padding:.5rem 1rem;transition:opacity .15s}.overlay__close-btn:hover{opacity:1}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(155deg,var(--purple-mid) 0%,var(--purple) 100%);color:var(--coral);display:flex;align-items:center;justify-content:center;animation:navIn .35s ease both}@keyframes navIn{0%{opacity:0}to{opacity:1}}.nav-overlay--closing{animation:navOut .32s ease both}@keyframes navOut{0%{opacity:1}to{opacity:0}}.nav-overlay__close{position:absolute;top:1.5rem;right:1.75rem;background:none;border:none;color:inherit;font-size:1.6rem;line-height:1;cursor:pointer;opacity:.5;padding:.25rem .5rem;transition:opacity .15s}.nav-overlay__close:hover{opacity:1}.nav-overlay__inner{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.nav-overlay__links{display:flex;flex-direction:column;gap:1rem}.nav-overlay__link{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:inherit;text-decoration:none;letter-spacing:.04em;opacity:0;animation:linkIn .4s ease both;transition:opacity .2s}.nav-overlay__link:hover{opacity:.55}.nav-overlay__link--disabled{opacity:.2!important;cursor:default;pointer-events:none}@keyframes linkIn{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-overlay__close-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;font-family:inherit;font-weight:800;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:inherit;cursor:pointer;opacity:.55;padding:.5rem 1rem;transition:opacity .15s}.nav-overlay__close-btn:hover{opacity:1}.cs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:csIn .35s ease both}.cs--closing{animation:csOut .32s ease both}@keyframes csIn{0%{opacity:0}to{opacity:1}}@keyframes csOut{0%{opacity:1}to{opacity:0}}.cs__close{position:absolute;top:1.5rem;right:1.75rem;background:none;border:none;color:var(--coral);font-size:1.6rem;line-height:1;cursor:pointer;opacity:.5;padding:.25rem .5rem;transition:opacity .15s}.cs__close:hover{opacity:1}.cs__stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.cs__word-wrap{position:relative}.cs__word{display:block;font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:.14em;color:var(--coral);opacity:0;will-change:opacity,transform;animation:wordDrift 7s ease-in-out both;-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes wordDrift{0%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(-2px)}72%{opacity:.75;transform:translateY(-7px)}to{opacity:0;transform:translateY(-10px)}}.cs__close-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;font-family:inherit;font-weight:800;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);cursor:pointer;opacity:.55;padding:.5rem 1rem;transition:opacity .15s}.cs__close-btn:hover{opacity:1}.about{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(155deg,var(--purple-mid) 0%,var(--purple) 100%);display:flex;flex-direction:column;animation:aboutIn .35s ease both}.about--closing{animation:aboutOut .32s ease both}@keyframes aboutIn{0%{opacity:0}to{opacity:1}}@keyframes aboutOut{0%{opacity:1}to{opacity:0}}.about__close{position:absolute;top:1.5rem;right:1.75rem;background:none;border:none;color:var(--coral);font-size:1.6rem;line-height:1;cursor:pointer;opacity:.5;padding:.25rem .5rem;transition:opacity .15s;z-index:1}.about__close:hover{opacity:1}.about__body{flex:1;overflow-y:auto;padding:4rem 2rem 6rem;max-width:640px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch}.about__p{font-size:clamp(.9rem,2.2vw,1.05rem);font-weight:400;line-height:1.75;color:var(--coral-light);margin:0 0 1.5em}.about__p:last-child{margin-bottom:0}.about__close-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:none;border:none;font-family:inherit;font-weight:800;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);cursor:pointer;opacity:.55;padding:.5rem 1rem;transition:opacity .15s}.about__close-btn:hover{opacity:1}.app{display:flex;height:100vh;overflow:hidden}.panel{flex:1;display:flex;flex-direction:column;padding:1.5rem 3rem 5rem;position:relative;overflow:hidden}.panel--dark{background:linear-gradient(155deg,var(--purple-mid) 0%,var(--purple) 100%);color:var(--coral)}.panel--light{background:linear-gradient(155deg,var(--coral-light) 0%,var(--coral-dark) 100%);color:var(--purple);justify-content:center}.burger{position:fixed;top:1.5rem;right:1.75rem;z-index:150;background:none;border:none;color:var(--coral);font-size:1.2rem;cursor:pointer;padding:.4rem;line-height:1}@media screen and (min-width:680px){.burger{color:var(--purple)}}.panel__body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:start;gap:2.5rem;position:relative;z-index:1}.headline{font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:500;letter-spacing:.04em;line-height:1.25}.cta{font-family:inherit;font-weight:800;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;padding:.9rem 1.4rem;cursor:pointer;border-radius:0;transition:background .2s ease,color .2s ease,transform .15s ease}.panel--dark .cta{background:transparent;border:2px solid var(--coral);color:var(--coral)}.panel--dark .cta:hover{background:var(--coral);color:var(--purple);transform:translateY(-1px)}.panel--light .cta{background:transparent;border:2px solid var(--purple);color:var(--purple)}.panel--light .cta:hover{background:var(--purple);color:var(--coral-light);transform:translateY(-1px)}@media(max-width:680px){html,body,#root{height:auto;min-height:100%;overflow:auto}.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.panel{padding:2rem}.panel--light{justify-content:flex-start;padding-top:3rem}}