:root{--color-primary: #3b82f6;--color-primary-light: #dbeafe;--color-accent: #fcbc05;--color-accent-light: #fef3c7;--color-bg: #fafafa;--color-bg-secondary: #f4f4f5;--color-card: #ffffff;--color-modal: #ffffff;--color-text: #18181b;--color-text-muted: #1e1e1e;--color-text-light: #a1a1aa;--color-border: #e4e4e7;--color-border-light: #f4f4f5;--color-code-bg: #f4f4f5;--color-code-text: #18181b;--color-shadow: #fcbc05;--shadow-sm: 2px 2px 0 0 #fcbc05;--shadow-md: 4px 4px 0 0 #fcbc05;--shadow-lg: 6px 6px 0 0 #fcbc05;--shadow-xl: 8px 8px 0 0 #fcbc05;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font-sans: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--header-height: 64px;--content-max-width: 720px;--content-padding: 1.5rem}@media(prefers-color-scheme:dark){:root{--color-primary: #60a5fa;--color-primary-light: #1e3a5f;--color-accent: #fbbf24;--color-accent-light: #422006;--color-bg: #0a0a0b;--color-bg-secondary: #18181b;--color-card: #18181b;--color-modal: #27272a;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-light: #71717a;--color-border: #27272a;--color-border-light: #3f3f46;--color-code-bg: #27272a;--color-code-text: #fafafa;--shadow-sm: 2px 2px 0 0 rgba(255, 255, 255, 1);--shadow-md: 4px 4px 0 0 rgba(255, 255, 255, 1);--shadow-lg: 6px 6px 0 0 rgba(255, 255, 255, 1);--shadow-xl: 8px 8px 0 0 rgba(255, 255, 255, 1)}}.dark{--color-primary: #60a5fa;--color-primary-light: #1e3a5f;--color-accent: #fbbf24;--color-accent-light: #422006;--color-bg: #0a0a0b;--color-bg-secondary: #18181b;--color-card: #18181b;--color-modal: #27272a;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-text-light: #71717a;--color-border: #27272a;--color-border-light: #3f3f46;--color-code-bg: #27272a;--color-code-text: #fafafa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-light) transparent}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;color:var(--color-text)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{line-height:1.75;color:var(--color-text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){:root{--content-padding: 1rem}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:16px;height:16px;background-color:var(--color-bg);border-left:2px solid var(--color-text);border-top:2px solid var(--color-text)}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-text);border:4px solid var(--color-bg);min-height:40px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}::-webkit-scrollbar-corner{background-color:var(--color-bg);border-left:2px solid var(--color-text);border-top:2px solid var(--color-text)}@media(prefers-color-scheme:dark){hr{border-color:#777}}.buttoned[data-loading]:before{content:"";width:.75rem;height:.75rem;--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.buttoned[data-loading=false]:before{content:none}div[data-modal-loading]{position:relative}div[data-modal-loading]:before{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);--un-bg-opacity:.8;content:"";pointer-events:all}div[data-modal-loading]:after{content:"";--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;--un-translate-x:-50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));pointer-events:none}div[data-modal-loading=false]:before{content:none}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}[data-page-draft]:not([data-page-draft=verified]){display:none;visibility:hidden}[data-page-draft] .page-title{position:relative}[data-page-draft] .page-title:after{content:"draft";margin-left:.25rem;margin-right:.25rem;border-radius:.25rem;--un-bg-opacity:1;background-color:rgb(254 240 138 / var(--un-bg-opacity));padding:.25rem .5rem;vertical-align:super;font-size:.75rem;line-height:1rem}.dark [data-page-draft] .page-title:after{--un-bg-opacity:1;background-color:rgb(250 204 21 / var(--un-bg-opacity))}