:root{--bg-primary: #ffffff;--bg-secondary: #f7f6f3;--bg-tertiary: #edebe8;--bg-hover: rgba(55, 53, 47, .04);--bg-active: rgba(55, 53, 47, .08);--text-primary: #37352f;--text-secondary: #787774;--text-tertiary: #9b9a97;--text-inverse: #ffffff;--accent-blue: #2383e2;--accent-blue-bg: #e7f3ff;--accent-green: #0f7b6c;--accent-green-bg: #e6f5f3;--accent-red: #eb5757;--accent-red-bg: #fce8e8;--accent-orange: #d9730d;--accent-orange-bg: #fff3e8;--accent-yellow: #dfab01;--accent-yellow-bg: #fbf3db;--accent-purple: #9065b0;--accent-purple-bg: #f3e8ff;--accent-pink: #e03e76;--accent-pink-bg: #fce8f0;--accent-gray: #9b9a97;--accent-gray-bg: #f1f1ef;--status-success: #0f7b6c;--status-success-bg: #e6f5f3;--status-warning: #d9730d;--status-warning-bg: #fff3e8;--status-error: #eb5757;--status-error-bg: #fce8e8;--status-info: #2383e2;--status-info-bg: #e7f3ff;--border-default: rgba(55, 53, 47, .09);--border-strong: rgba(55, 53, 47, .16);--border-focus: #2383e2;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-popover: 0 0 0 1px rgba(15, 15, 15, .05), 0 3px 6px rgba(15, 15, 15, .1), 0 9px 24px rgba(15, 15, 15, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.42, 0, .58, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--touch-target-min: 44px;--touch-target-comfortable: 48px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--bottom-bar-height: calc(56px + var(--safe-area-bottom));--backdrop-blur: 20px}[data-theme=dark]{--bg-primary: #191919;--bg-secondary: #202020;--bg-tertiary: #2f2f2f;--bg-hover: rgba(255, 255, 255, .055);--bg-active: rgba(255, 255, 255, .09);--text-primary: #ffffffcf;--text-secondary: #ffffff80;--text-tertiary: #ffffff4d;--border-default: rgba(255, 255, 255, .094);--border-strong: rgba(255, 255, 255, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-popover: 0 0 0 1px rgba(255, 255, 255, .07), 0 3px 6px rgba(0, 0, 0, .3), 0 9px 24px rgba(0, 0, 0, .4)}.notion-hover{transition:background-color var(--duration-75) var(--ease-out)}.notion-hover:hover{background-color:var(--bg-hover)}.notion-hover:active{background-color:var(--bg-active)}.no-tap-highlight{-webkit-tap-highlight-color:transparent}.pt-safe{padding-top:var(--safe-area-top)}.pb-safe{padding-bottom:var(--safe-area-bottom)}.pl-safe{padding-left:var(--safe-area-left)}.pr-safe{padding-right:var(--safe-area-right)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}::selection{background-color:#2383e24d}.scroll-smooth{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.pull-to-refresh{overscroll-behavior-y:contain}.glass{background-color:#ffffffb8;backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur))}[data-theme=dark] .glass{background-color:#191919b8}.focus-ring{outline:none}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--border-focus)}