:root{--color-bg: #faf9f7;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #9a9a9a;--color-border: #e8e6e1;--color-accent: #c9a227;--color-primary: #1a1a1a;--color-primary-hover: #333333;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-new: #2563eb;--color-watching: #7c3aed;--color-backlog: #d97706;--color-watched: #059669;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--panel-width: 400px;--backdrop-color: rgba(0, 0, 0, .4);--z-backdrop: 100;--z-panel: 101;--z-bottom-nav: 50;--header-height: 64px;--bottom-nav-height: 60px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--color-text-secondary)}