@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Caveat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--sky-50:#f0f7ff;--sky-100:#dcebff;--sky-200:#b8d6fe;--sky-300:#8fbcfb;--sky-400:#5b9cf5;--sky-500:#3b7ddd;--sky-600:#2a5fb8;--indigo-100:#dedcfb;--indigo-300:#8e89e0;--indigo-500:#4b47b8;--indigo-700:#2a2870;--indigo-900:#15143a;--peach-100:#ffe9dc;--peach-300:#ffc4a0;--peach-500:#ff9d6e;--peach-700:#d9663a;--mint-100:#ddf6ea;--mint-300:#9ce0be;--mint-500:#5fbf8e;--mint-700:#2f8a5c;--cream-50:#fdfbf7;--cream-100:#f7f2e9;--cream-200:#ece5d5;--cream-300:#d6cdb8;--slate-400:#8c92a8;--slate-600:#555b73;--slate-800:#2b2f44;--slate-900:#1a1c2e;--bg:var(--cream-50);--bg-elev:#fff;--surface:var(--cream-100);--surface-2:var(--cream-200);--border:#e9e3d4;--border-strong:var(--cream-300);--fg1:var(--indigo-900);--fg2:var(--slate-600);--fg3:var(--slate-400);--fg-on-primary:#fff;--primary:var(--sky-400);--primary-hover:var(--sky-500);--primary-press:var(--sky-600);--primary-soft:var(--sky-100);--secondary:var(--peach-500);--secondary-soft:var(--peach-100);--success:var(--mint-500);--warning:#f2b84b;--danger:#e26a6a;--highlight-yellow:#ffe57a;--highlight-peach:var(--peach-300);--highlight-mint:var(--mint-300)}:root[data-theme=dark],.theme-dark{--bg:#0e1130;--bg-elev:#181b3e;--surface:#1f2349;--surface-2:#2a2e5c;--border:#2f3460;--border-strong:#3f4680;--fg1:#f2f4ff;--fg2:#b9bee0;--fg3:#7a80ac;--fg-on-primary:var(--indigo-900);--primary:var(--sky-300);--primary-hover:var(--sky-200);--primary-press:var(--sky-100);--primary-soft:#8fbcfb26;--secondary:var(--peach-300);--secondary-soft:#ffc4a02e}:root{--font-display:"Nunito", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-marker:"Caveat", "Comic Sans MS", cursive;--font-mono:"JetBrains Mono", ui-monospace, monospace;--fs-display:64px;--fs-h1:44px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-body-lg:18px;--fs-body:16px;--fs-small:14px;--fs-meta:12px;--lh-tight:1.1;--lh-snug:1.25;--lh-body:1.55;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em}.ss-display,.ss-hero{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg1)}.ss-h1,h1.ss{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg1)}.ss-h2,h2.ss{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-snug);color:var(--fg1)}.ss-h3,h3.ss{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);color:var(--fg1)}.ss-h4,h4.ss{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h4);line-height:var(--lh-snug);color:var(--fg1)}.ss-body-lg,p.ss-lg{font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--fg1)}.ss-body,p.ss{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg1)}.ss-small{font-family:var(--font-body);font-size:var(--fs-small);line-height:var(--lh-body);color:var(--fg2)}.ss-meta{font-family:var(--font-body);font-size:var(--fs-meta);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg3)}.ss-marker{font-family:var(--font-marker);font-weight:var(--fw-bold);color:var(--peach-700);font-size:1.4em;line-height:1;display:inline-block;transform:rotate(-2deg)}.ss-mono,code.ss{font-family:var(--font-mono);letter-spacing:var(--tracking-normal);font-size:.92em}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #15143a0f;--shadow-sm:0 2px 6px #15143a0f, 0 1px 2px #15143a0a;--shadow-md:0 6px 16px #15143a14, 0 2px 4px #15143a0a;--shadow-lg:0 16px 40px #15143a1f, 0 4px 8px #15143a0f;--shadow-glow-sky:0 0 0 4px #5b9cf52e;--shadow-glow-peach:0 0 0 4px #ff9d6e38;--shadow-inset:inset 0 1px 2px #15143a14;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s}.ss-base{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.ss-base *,.ss-base :before,.ss-base :after{box-sizing:border-box}
html,body{background:var(--bg);min-height:100vh;margin:0;padding:0}body{color:var(--fg1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(700px 240px at 80% 4%,#dcebff8c,#0000 70%),radial-gradient(500px 200px at 8% 22%,#ffe9dc66,#0000 70%),radial-gradient(600px 220px at 95% 60%,#dcebff59,#0000 70%);position:fixed;inset:0}body>*{z-index:1;position:relative}*{box-sizing:border-box}a{color:inherit}button,input{font:inherit}button:active{transform:translateY(0)scale(.98)!important}@keyframes ss-pulse{0%,to{box-shadow:0 0 #5b9cf580}50%{box-shadow:0 0 0 6px #5b9cf500}}@keyframes ss-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ss-eq{0%{height:30%}to{height:95%}}@media (max-width:900px){.ss-header{flex-wrap:wrap!important;align-items:flex-start!important;margin-left:12px!important;margin-right:12px!important}.ss-header-nav{order:3!important;width:100%!important;margin-left:0!important;padding-bottom:2px!important;overflow-x:auto!important}.ss-header-actions{margin-left:auto!important}.ss-pomodoro-shell,.ss-login-shell,.ss-tonight-shell,.ss-newsletter-shell{grid-template-columns:1fr!important}.ss-pomodoro-shell{padding:32px 24px 40px!important}.ss-pomodoro-grid,.ss-section-grid-3,.ss-footer-grid{grid-template-columns:1fr!important}.ss-login-brand-panel{min-height:360px!important}}@media (max-width:640px){.ss-section{margin-top:64px!important;padding-left:14px!important;padding-right:14px!important}.ss-header{gap:12px!important;padding:10px 12px!important;top:8px!important}.ss-header-actions{justify-content:space-between!important;width:100%!important}.ss-pomodoro-shell,.ss-login-shell,.ss-tonight-shell,.ss-newsletter-shell,.ss-quote-shell{border-radius:22px!important}.ss-pomodoro-shell{padding:28px 14px 32px!important}.ss-pomodoro-title{font-size:42px!important}.ss-timer-card,.ss-spotify-card,.ss-login-form-panel,.ss-login-brand-panel{padding:22px!important}.ss-phase-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.ss-session-meta{white-space:normal!important}.ss-timer-ring{width:min(300px,76vw)!important;height:min(300px,76vw)!important}.ss-timer-ring svg{width:100%!important;height:100%!important}.ss-timer-value{font-size:clamp(42px,14vw,64px)!important}.ss-section-title{font-size:34px!important}.ss-tonight-copy,.ss-newsletter-shell,.ss-quote-shell{padding:38px 24px!important}.ss-tonight-title{font-size:40px!important}.ss-quote-text{font-size:25px!important}.ss-footer-bottom{flex-direction:column!important}}