:root{--font-display: "Outfit", sans-serif;--font-mono: "Space Mono", monospace;--font-handwriting: "Playwrite IT Moderna", cursive;--font-sketch: "Gaegu", cursive;--font-serif: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px}:root,html[data-theme=light]{--bg-primary: #faf6f0;--bg-secondary: #f3ede4;--bg-card: #ffffff;--bg-card-hover: #fdf9f4;--border: #e2d9cc;--border-glow: #7c5ce7;--text-primary: #2d2a3e;--text-secondary: #5c576e;--text-muted: #9a95a8;--accent: #6c5ce7;--accent-bright: #5a4bd4;--accent-dim: #4a3db5;--yarn-pink: #e84393;--yarn-blue: #3d85c6;--yarn-orange: #e8a020;--yarn-green: #27ae60;--yarn-red: #e74c3c;--yarn-teal: #1abc9c;--gradient-hero: linear-gradient(135deg, #6c5ce7 0%, #e84393 50%, #e8a020 100%);--gradient-subtle: linear-gradient(135deg, rgba(108, 92, 231, .06) 0%, rgba(232, 67, 147, .03) 100%);--nav-bg: rgba(250, 246, 240, .9);--topic-underline-height: 7px;--card-shadow: 0 2px 12px rgba(45, 42, 62, .06);--card-shadow-hover: 0 8px 30px rgba(45, 42, 62, .1);--paper-grain: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}html[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-card-hover: #1c1c28;--border: #2a2a3a;--border-glow: #6c5ce7;--text-primary: #f0eff4;--text-secondary: #8a89a0;--text-muted: #5a596e;--accent: #6c5ce7;--accent-bright: #a29bfe;--accent-dim: #4a3db5;--yarn-pink: #fd79a8;--yarn-blue: #74b9ff;--yarn-orange: #fdcb6e;--yarn-green: #55efc4;--yarn-red: #ff6b6b;--yarn-teal: #55efc4;--gradient-hero: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 50%, #fd79a8 100%);--gradient-subtle: linear-gradient(135deg, rgba(108, 92, 231, .1) 0%, rgba(253, 121, 168, .05) 100%);--nav-bg: rgba(10, 10, 15, .8);--topic-underline-height: 5px;--card-shadow: 0 2px 12px rgba(0, 0, 0, .3);--card-shadow-hover: 0 8px 30px rgba(108, 92, 231, .15);--paper-grain: none}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg-primary);background-image:var(--paper-grain);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--yarn-pink)}::selection{background:#6c5ce740;color:var(--text-primary)}