:root{--color-bg: #ffffff;--color-surface: #f7f7f7;--color-elevated: #ffffff;--color-text-primary: #222222;--color-text-secondary: #6a6a6a;--color-text-disabled: rgba(0, 0, 0, .24);--color-accent: #ff385c;--color-accent-dark: #e00b41;--color-border: #e8e8e8;--color-phase-work: #ff385c;--color-phase-rest: #36d399;--color-phase-warmup: #f7b84b;--color-phase-cooldown: #3b82f6;--color-phase-complete: #22c55e;--color-overlay: rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px rgba(0, 0, 0, .02), 0 2px 6px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 32px;--radius-pill: 999px;--radius-circle: 50%;--font-family: "Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display-size: clamp(4rem, 20vw, 7rem);--font-display-lh: 1;--font-heading-size: 1.75rem;--font-subheading-size: 1.25rem;--font-body-size: .9375rem;--font-label-size: .8125rem;--font-badge-size: .6875rem;--transition-fast: .12s ease;--transition-base: .22s ease;--transition-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text-primary);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.95)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:#ff385c26;color:var(--color-text-primary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}