:root{--color-supporting-text:#e1d9f88a;--font-size-small:1.125rem;color:#f4f1ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050712;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050712;min-width:320px;min-height:100%}html[data-i18n-ready=false] .app-shell{visibility:hidden}body{background:radial-gradient(circle at 50% 45%,#19143973,#0000 38%),linear-gradient(145deg,#04050d 0%,#080b1a 55%,#090717 100%);min-width:320px;min-height:100svh;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible,.locale-toggle:focus-visible{outline-offset:4px;outline:2px solid #b9a7ff}[hidden]{display:none!important}.cosmos,.cosmos>*{pointer-events:none;position:fixed;inset:0}.cosmos{overflow:hidden}.nebula{filter:blur(1px);opacity:.7;transition:opacity 1.2s}.nebula-one{background:radial-gradient(at 31% 42%,#5b3eaa42 0%,#31267224 23%,#0000 55%);inset:-25%;transform:rotate(-9deg)}.nebula-two{background:radial-gradient(at 70% 64%,#237e9d2e 0%,#1e43781a 28%,#0000 58%);inset:-20%;transform:rotate(12deg)}.stars{will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;inset:-12%}.stars-near{opacity:.72;background-image:url(/stars-near.svg);animation:150s linear infinite drift-stars}.stars-far{opacity:.36;background-image:url(/stars-far.svg);animation:240s linear infinite reverse drift-stars}.pulse-ring{aspect-ratio:1;opacity:0;border:1px solid #bea9ff00;border-radius:50%;width:min(34vw,420px);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.25)}.app-shell{z-index:1;grid-template-rows:auto 1fr auto;width:min(100% - 48px,1180px);min-height:100svh;margin:0 auto;padding:32px 0 28px;display:grid;position:relative}.site-header{justify-content:space-between;align-items:center;display:flex}.brand{color:#efe9ffc7;font-size:var(--font-size-small);letter-spacing:.26em;align-items:center;gap:10px;font-weight:650;display:flex}.locale-toggle{color:#efe9ffad;cursor:pointer;min-width:44px;font-size:var(--font-size-small);letter-spacing:.04em;background:#ffffff08;border:1px solid #beb1ec2b;border-radius:999px;padding:7px 10px;text-decoration:none;transition:background .16s,border-color .16s,color .16s}.locale-toggle:hover{color:#f6f3ffeb;background:#a993ff1a;border-color:#beb1ec61}.brand-mark{color:#a993ff;font-size:var(--font-size-small)}.reminder-device{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,720px);margin:0 auto;display:flex}.eyebrow{color:#9d8cdc;font-size:var(--font-size-small);letter-spacing:.18em;margin:0 0 18px;font-weight:650}h1{color:#f6f3fff0;letter-spacing:-.035em;text-wrap:balance;max-width:650px;margin:0;font-size:clamp(1.65rem,3vw,2.75rem);font-weight:420;line-height:1.2}.completion{color:#cfc4f5;font-size:var(--font-size-small);margin:24px 0 0}.completion-mark{color:#a993ff;margin-left:4px}.idle-controls,.running-controls{flex-direction:column;align-items:center;margin-top:clamp(42px,7vh,72px);display:flex}.interval-picker{grid-template-columns:58px minmax(170px,230px) 58px;align-items:center;gap:18px;display:grid}.step-button{cursor:pointer;background:#ffffff08;border:1px solid #beb1ec2b;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.step-button:before,.step-button:after{content:"";background:currentColor;border-radius:999px;width:18px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-button:after{display:none}#increment:after{display:block;transform:translate(-50%,-50%)rotate(90deg)}.step-button:hover:not(:disabled){background:#a993ff1a;border-color:#beb1ec61;transform:translateY(-1px)}.step-button:disabled{cursor:not-allowed;opacity:.25}.interval-display{place-items:center;margin:0;display:grid}.interval-number{display:block;position:relative;transform:translate(-8px)}#interval-value{font-variant-numeric:tabular-nums;letter-spacing:-.075em;text-shadow:0 0 48px #9a7fff29;font-size:clamp(4.4rem,10vw,7.5rem);font-weight:250;line-height:.9}.interval-unit{color:var(--color-supporting-text);font-size:var(--font-size-small);letter-spacing:.08em;white-space:nowrap;margin-left:12px;position:absolute;bottom:.08em;left:100%}.primary-button{cursor:pointer;min-width:224px;font-size:var(--font-size-small);letter-spacing:.06em;background:linear-gradient(115deg,#7f65e0b3,#486aad9e);border:1px solid #c8bcff47;border-radius:999px;justify-content:center;align-items:center;margin-top:48px;padding:15px 24px;transition:box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 12px 45px #3323754d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 52px #533caa66}.running-controls{min-height:250px}.countdown-label{color:#dad2f17a;font-size:var(--font-size-small);letter-spacing:.16em;margin:0 0 10px}.countdown{font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-shadow:0 0 70px #896eef2e;font-size:clamp(5rem,15vw,10.75rem);font-weight:210;line-height:.98}.sound-recovery{color:#ece1c3b8;font-size:var(--font-size-small);background:#59471d1f;border:1px solid #dec27f2e;border-radius:999px;align-items:center;gap:12px;margin-top:30px;padding:8px 9px 8px 16px;display:flex}.sound-recovery button{cursor:pointer;color:#eee4c7;font-size:var(--font-size-small);background:#e1d3ab1f;border:0;border-radius:999px;padding:8px 13px}.secondary-button{color:#e6e0f89e;cursor:pointer;font-size:var(--font-size-small);letter-spacing:.08em;background:0 0;border:1px solid #c9beee38;border-radius:999px;margin-top:38px;padding:11px 22px;transition:background .16s,border-color .16s,color .16s}.secondary-button:hover{color:#efeaffe0;background:#a993ff12;border-color:#cdc1f77a}.reminder-message{z-index:4;color:#fff;letter-spacing:.06em;text-shadow:0 0 60px #d3c0ff8c;width:100%;margin:0;font-size:clamp(2.4rem,6vw,5.5rem);font-weight:300;animation:5s both reminder-message;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer{color:var(--color-supporting-text);font-size:var(--font-size-small);letter-spacing:.08em;text-align:center;align-self:end}body[data-state=reminding] .reminder-device>:not(.reminder-message){opacity:.12;transition:opacity .7s}body[data-state=reminding] .nebula{animation:5s ease-out both nebula-bloom}body[data-state=reminding] .stars-near{animation:5s ease-out both star-bloom}body[data-state=reminding] .pulse-ring{animation:5s ease-out both cosmic-pulse}@keyframes drift-stars{to{transform:translate(5%,3%)}}@keyframes cosmic-pulse{0%{opacity:0;border-color:#bea9ff00;transform:translate(-50%,-50%)scale(.25)}18%{opacity:1;border-color:#c3b0ff7a;box-shadow:0 0 70px #9e7eff47}to{opacity:0;border-color:#bea9ff00;transform:translate(-50%,-50%)scale(3.7);box-shadow:0 0 150px #5d89c100}}@keyframes nebula-bloom{0%,to{filter:blur(1px)saturate();opacity:.7}28%{filter:blur()saturate(1.55);opacity:1}}@keyframes star-bloom{0%,to{filter:brightness();opacity:.72}25%{filter:brightness(2.1);opacity:1}}@keyframes reminder-message{0%{filter:blur(7px);opacity:0;transform:translate(-50%,-45%)scale(.96)}18%,65%{filter:blur();opacity:1;transform:translate(-50%,-50%)scale(1)}to{filter:blur(3px);opacity:0;transform:translate(-50%,-54%)scale(1.02)}}@media (width<=640px){.app-shell{width:min(100% - 32px,1180px);padding:24px 0}.interval-picker{grid-template-columns:52px minmax(148px,190px) 52px;gap:10px}.step-button{width:52px;height:52px}.sound-recovery{border-radius:18px;flex-direction:column;padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}