:root{--bg-canvas:#13141a;--bg-surface:#1b1d24;--bg-raised:#23262f;--bg-sunken:#0e0f13;--bg-invert:#171a20;--text-strong:#f2f5f9;--text-default:#cbdae5;--text-muted:#a3a9b8;--text-subtle:#8a90a0;--text-disabled:#565b68;--text-invert:#13141a;--brand-400:#4fd8ea;--brand-500:#22c5dc;--brand-600:#0fb6d6;--sub-400:#f87fb4;--sub-500:#f4569d;--sub-600:#db2d7e;--accent-500:#7c5cff;--gradient-start:#24c6dc;--gradient-mid:#5433ff;--gradient-end:#f09;--border-subtle:#2a2c36;--border-default:#383b47;--border-strong:#4a4e5c;--status-success:#3dd68c;--status-warning:#f5b544;--status-danger:#f87171;--status-info:#60a5fa;--font-sans:"Rubik", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Noto Sans Mono", "SF Mono", "Cascadia Code", Consolas, monospace;--text-display:700 56px / 1.15 var(--font-sans);--text-h1:700 46px / 1.2 var(--font-sans);--text-h2:700 28px / 1.3 var(--font-sans);--text-h3:600 22px / 1.35 var(--font-sans);--text-body:400 16px / 1.75 var(--font-sans);--text-body-sm:400 14px / 1.6 var(--font-sans);--text-caption:500 12px / 1.5 var(--font-sans);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--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-24:96px;--size-prose:720px;--size-container:1120px;--size-container-wide:1280px;--size-sidebar:300px;--shadow-sm:0 1px 2px #0000001f;--shadow-md:0 8px 24px #0000002e;--shadow-lg:0 16px 48px #0000003d;--glow-cyan:0 0 20px #24c6dc73;--glow-purple:0 0 20px #7c5cff73;--glow-pink:0 0 20px #ff009973;--transition-fast:.15s ease;--transition-normal:.25s ease}[data-theme=light],:root[data-theme=light]{--bg-canvas:#f1f3f9;--bg-surface:#fff;--bg-raised:#fff;--bg-sunken:#e9edf5;--bg-invert:#f2f5f9;--text-strong:#171a20;--text-default:#2e333d;--text-muted:#535b6d;--text-subtle:#6a7284;--text-disabled:#a2aabe;--text-invert:#fff;--brand-400:#f0639f;--brand-500:#e93796;--brand-600:#c62a7c;--sub-400:#7b8cf0;--sub-500:#547ce7;--sub-600:#3b5fd0;--accent-500:#5433ff;--border-subtle:#e6eaf3;--border-default:#d3d9e8;--border-strong:#b9c1d4;--status-success:#0f9d58;--status-warning:#d9800a;--status-danger:#dc2626;--status-info:#4166db;--shadow-sm:0 1px 2px #121a300f;--shadow-md:0 8px 24px #121a301a;--shadow-lg:0 16px 48px #121a3024;--glow-cyan:0 0 16px #24c6dc47;--glow-purple:0 0 16px #7c5cff47;--glow-pink:0 0 16px #ff009947}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-canvas:#f1f3f9;--bg-surface:#fff;--bg-raised:#fff;--bg-sunken:#e9edf5;--bg-invert:#f2f5f9;--text-strong:#171a20;--text-default:#2e333d;--text-muted:#535b6d;--text-subtle:#6a7284;--text-disabled:#a2aabe;--text-invert:#fff;--brand-400:#f0639f;--brand-500:#e93796;--brand-600:#c62a7c;--sub-400:#7b8cf0;--sub-500:#547ce7;--sub-600:#3b5fd0;--accent-500:#5433ff;--border-subtle:#e6eaf3;--border-default:#d3d9e8;--border-strong:#b9c1d4;--status-success:#0f9d58;--status-warning:#d9800a;--status-danger:#dc2626;--status-info:#4166db;--shadow-sm:0 1px 2px #121a300f;--shadow-md:0 8px 24px #121a301a;--shadow-lg:0 16px 48px #121a3024;--glow-cyan:0 0 16px #24c6dc47;--glow-purple:0 0 16px #7c5cff47;--glow-pink:0 0 16px #ff009947}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:var(--text-body);color:var(--text-default);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background var(--transition-normal), color var(--transition-normal)}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{color:var(--text-strong);background:#7c5cff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.container{width:100%;max-width:var(--size-container);padding:0 var(--space-6);margin:0 auto}.gradient-text{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#1b1d24d1}[data-theme=light] .glass{background:#ffffffd1}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.tag-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font:var(--text-caption);color:var(--brand-500);background:color-mix(in srgb, var(--brand-500) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand-500) 35%, transparent);border-radius:var(--radius-xs);white-space:nowrap;display:inline-flex}.category-badge{padding:3px var(--space-3);font:var(--text-caption);color:#fff;background:linear-gradient(135deg, var(--gradient-mid), var(--gradient-end));border-radius:var(--radius-xs);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}a.category-badge:hover{filter:brightness(1.12)}.aurora-blobs{pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#5433ff4d,#0000 62%),radial-gradient(110% 75% at 50% 100%,#24c6dc38,#0000 64%);position:absolute;inset:0;overflow:hidden}.aurora-blobs:before,.aurora-blobs:after{content:"";filter:blur(90px);border-radius:50%;position:absolute}.aurora-blobs:before{background:radial-gradient(circle,#24c6dc80,#0000 68%);width:760px;height:760px;margin-left:-380px;top:-24%;left:50%}.aurora-blobs:after{background:radial-gradient(circle,#ff00996b,#0000 68%);width:820px;height:820px;margin-left:-410px;bottom:-30%;left:50%}[data-theme=light] .aurora-blobs{background:radial-gradient(120% 80% at 50% 0,#5433ff24,#0000 62%),radial-gradient(110% 75% at 50% 100%,#24c6dc1f,#0000 64%)}[data-theme=light] .aurora-blobs:before{background:radial-gradient(circle,#24c6dc38,#0000 68%)}[data-theme=light] .aurora-blobs:after{background:radial-gradient(circle,#f093,#0000 68%)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-fast)}.fade-enter-from,.fade-leave-to{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.shimmer{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--border-subtle) 50%, var(--bg-raised) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{border-radius:var(--radius-xs);height:12px}.sk-line.sk-lg{height:18px}.sk-line.sk-title{height:22px}.sk-block{border-radius:var(--radius-sm)}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-100{width:100%}.sk-stack{gap:var(--space-3);flex-direction:column;display:flex}