@font-face{font-family:Matcha Cih;src:url(/fonts/matcha_cih.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Handone;src:url(/fonts/handone_medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--moss:#3f6f45;--leaf:#5c8a55;--frog-green:#5a985b;--frog-green-light:#8fbf8a;--soft-sage:#a8c3a0;--soft-lavender:#e1d8ee;--lavender-blush:#fcf1ff;--medium-plum:#7a5c9e;--plum-blush:#a96fa6;--deep-plum:#2a1f36;--warm-cream:#f7f3e8;--puddle:#d9e8d4;--deep-cream:#16241c;--deep-puddle:#24382c;--bark:#2a3b2c;--light-bark:#f8fff3;--pond-teal:#5e9a8f;--pond-teal-deep:#4f8b82;--pond-teal-border:#3d6f68;--soft-clay:#c47b5b;--night-pond:#1c2a22;--moon-mist:#b7c9b2;--font-logo:"Matcha Cih", "Segoe UI", system-ui, sans-serif;--font-body:"Handone", "Segoe UI", system-ui, sans-serif;--font-legal:"Segoe UI", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--tap:48px;--content:72rem;--logo-size:clamp(2.75rem, 4vw + 1.75rem, 4.5rem);--title-size:clamp(1.35rem, 1.2vw + 1.1rem, 1.625rem);--body-size:clamp(1.15rem, .8vw + 1rem, 1.375rem);--small-size:clamp(.95rem, .4vw + .85rem, 1.05rem)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:var(--moss);--color-on-primary:var(--warm-cream);--color-primary-border:var(--bark);--color-secondary:var(--soft-clay);--color-on-secondary:var(--warm-cream);--color-tertiary:var(--leaf);--color-background:var(--warm-cream);--color-on-background:var(--bark);--color-surface:var(--puddle);--color-on-surface:var(--bark);--color-muted:color-mix(in srgb, var(--bark) 72%, transparent);--color-pomo:linear-gradient(90deg, var(--medium-plum), var(--plum-blush));--color-frog-word:var(--frog-green);--color-frog:var(--moss);--color-frog-belly:var(--warm-cream);--color-lily:var(--leaf);--color-eye:var(--warm-cream);--color-pupil:var(--deep-plum);--color-blush:var(--soft-clay);--color-sky:var(--soft-lavender);--color-mid:var(--warm-cream);--color-ground:var(--puddle);--color-outline:color-mix(in srgb, var(--bark) 14%, transparent);--color-ghost-border:var(--color-outline);--color-store:var(--bark);--color-on-store:var(--warm-cream);--shadow:0 16px 40px color-mix(in srgb, var(--moss) 16%, transparent)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:var(--soft-sage);--color-on-primary:var(--night-pond);--color-primary-border:var(--moss);--color-secondary:var(--soft-clay);--color-on-secondary:var(--night-pond);--color-tertiary:var(--moon-mist);--color-background:var(--night-pond);--color-on-background:var(--warm-cream);--color-surface:var(--bark);--color-on-surface:var(--warm-cream);--color-muted:color-mix(in srgb, var(--warm-cream) 72%, transparent);--color-pomo:linear-gradient(90deg, var(--soft-lavender), var(--lavender-blush), var(--warm-cream));--color-frog-word:var(--frog-green-light);--color-frog:var(--moss);--color-frog-belly:var(--warm-cream);--color-lily:var(--soft-sage);--color-eye:var(--warm-cream);--color-pupil:var(--deep-plum);--color-blush:var(--soft-clay);--color-sky:var(--deep-plum);--color-mid:var(--deep-puddle);--color-ground:var(--deep-cream);--color-outline:color-mix(in srgb, var(--warm-cream) 12%, transparent);--color-ghost-border:color-mix(in srgb, var(--warm-cream) 52%, transparent);--color-store:color-mix(in srgb, var(--night-pond) 45%, var(--bark));--color-on-store:var(--warm-cream);--shadow:0 18px 48px #00000061}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:var(--soft-sage);--color-on-primary:var(--night-pond);--color-primary-border:var(--moss);--color-secondary:var(--soft-clay);--color-on-secondary:var(--night-pond);--color-tertiary:var(--moon-mist);--color-background:var(--night-pond);--color-on-background:var(--warm-cream);--color-surface:var(--bark);--color-on-surface:var(--warm-cream);--color-muted:color-mix(in srgb, var(--warm-cream) 72%, transparent);--color-pomo:linear-gradient(90deg, var(--soft-lavender), var(--lavender-blush), var(--warm-cream));--color-frog-word:var(--frog-green-light);--color-frog:var(--moss);--color-frog-belly:var(--warm-cream);--color-lily:var(--soft-sage);--color-eye:var(--warm-cream);--color-pupil:var(--deep-plum);--color-blush:var(--soft-clay);--color-sky:var(--deep-plum);--color-mid:var(--deep-puddle);--color-ground:var(--deep-cream);--color-outline:color-mix(in srgb, var(--warm-cream) 12%, transparent);--color-ghost-border:color-mix(in srgb, var(--warm-cream) 52%, transparent);--color-store:color-mix(in srgb, var(--night-pond) 45%, var(--bark));--color-on-store:var(--warm-cream);--shadow:0 18px 48px #00000061}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-background);min-width:320px;min-height:100dvh;color:var(--color-on-background);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:500}body{overflow-x:hidden}pomo-app{min-height:100dvh;display:block}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-pomo);outline-offset:3px}