:root{--paper: oklch(.975 .012 83);--paper-deep: oklch(.955 .016 80);--surface: oklch(.992 .006 85);--surface-2: oklch(.972 .01 84);--ink-900: oklch(.255 .018 70);--ink-700: oklch(.405 .018 70);--ink-500: oklch(.555 .016 72);--ink-300: oklch(.7 .013 74);--ink-200: oklch(.82 .01 78);--line: oklch(.905 .01 80);--line-strong: oklch(.855 .012 80);--dusk-700: oklch(.36 .1 262);--dusk-600: oklch(.44 .12 262);--dusk-500: oklch(.5 .13 262);--dusk-400: oklch(.63 .11 262);--dusk-200: oklch(.88 .05 262);--dusk-100: oklch(.945 .028 262);--honey-600: oklch(.66 .15 62);--honey-500: oklch(.74 .155 70);--honey-400: oklch(.815 .14 78);--honey-200: oklch(.915 .072 80);--honey-100: oklch(.962 .04 82);--violet-600: oklch(.53 .135 298);--violet-500: oklch(.615 .128 296);--violet-200: oklch(.905 .05 298);--violet-100: oklch(.955 .028 298);--success: oklch(.6 .13 150);--success-soft: oklch(.95 .04 152);--warning: oklch(.76 .15 72);--warning-soft: oklch(.958 .048 80);--danger: oklch(.575 .17 26);--danger-soft: oklch(.952 .04 30);--info: oklch(.605 .095 242);--info-soft: oklch(.952 .03 240);--bg: var(--paper);--bg-sunken: var(--paper-deep);--fg1: var(--ink-900);--fg2: var(--ink-700);--fg3: var(--ink-500);--fg4: var(--ink-300);--border: var(--line);--border-2: var(--line-strong);--primary: var(--dusk-500);--primary-hover: var(--dusk-600);--primary-press: var(--dusk-700);--primary-tint: var(--dusk-100);--on-primary: oklch(.985 .012 90);--accent: var(--honey-500);--accent-hover: var(--honey-600);--accent-tint: var(--honey-100);--on-accent: oklch(.27 .04 60);--social: var(--violet-500);--social-tint: var(--violet-100);--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-timer: 6.5rem;--leading-tight: 1.08;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed:1.7;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-wide: .04em;--tracking-caps: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--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: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px oklch(.3 .02 70 / .06);--shadow-sm: 0 2px 6px oklch(.3 .02 70 / .07), 0 1px 2px oklch(.3 .02 70 / .05);--shadow-md: 0 6px 18px oklch(.3 .03 70 / .1), 0 2px 6px oklch(.3 .02 70 / .06);--shadow-lg: 0 16px 40px oklch(.3 .03 70 / .13), 0 4px 12px oklch(.3 .02 70 / .07);--shadow-focus: 0 0 0 3px var(--dusk-200);--inset-soft: inset 0 1px 2px oklch(.3 .02 70 / .06);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s;--glass-surface: oklch(.992 .01 85 / .93);--glass-surface-2: oklch(.978 .014 83 / .88);--glass-border: oklch(1 0 0 / .45);--glass-blur: blur(24px) saturate(1.15);--on-photo: oklch(.985 .012 90);--on-photo-muted: oklch(.985 .012 90 / .82);--text-shadow-photo: 0 1px 18px oklch(.18 .03 250 / .6);--text-timer-fluid: clamp(3.25rem, 2.4rem + 1.6vw, 4rem)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg2);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea{font-family:var(--font-sans)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:3px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}.app-main{padding:clamp(28px,6vh,72px) clamp(24px,5vw,96px)}.focus-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);height:clamp(600px,66vh,720px)}.timer-panel{border-right:1px solid var(--glass-border)}@media(max-width:1180px){.focus-grid{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:900px){.focus-grid{grid-template-columns:1fr;height:auto}.timer-panel{border-right:none;border-bottom:1px solid var(--glass-border)}.workplan-body{max-height:440px}}@keyframes tcw-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tcw-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tcw-fade-in{animation:tcw-fade-in var(--dur-base) var(--ease-out) both}.tcw-pop{animation:tcw-pop var(--dur-base) var(--ease-spring) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes wip-pulse{0%{transform:scale(.95);opacity:.6}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.6}}.wip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);animation:wip-pulse 2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1.5s linear infinite}