*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f7fa;--bg-elevated: #f0f2f7;--bg-card: #ffffff;--bg-card-hover: #f4f5f9;--bg-subtle: #fafbfd;--bg-input: #ffffff;--border: rgba(10, 11, 20, .1);--border-strong: rgba(10, 11, 20, .18);--border-light: rgba(10, 11, 20, .05);--text-primary: #0a0b14;--text-secondary: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--brand: #a855f7;--brand-strong: #9333ea;--brand-dark: #7e22ce;--brand-pink: #ec4899;--brand-pink-strong: #db2777;--brand-soft: rgba(168, 85, 247, .12);--brand-tint: rgba(168, 85, 247, .06);--brand-border: rgba(168, 85, 247, .35);--cat-privacy: #10b981;--cat-doc: #f97316;--cat-social: #a855f7;--cat-av: #06b6d4;--cat-dev: #6366f1;--blue: #3b82f6;--indigo: #6366f1;--purple: #a855f7;--pink: #ec4899;--rose: #f43f5e;--orange: #f97316;--amber: #f59e0b;--green: #10b981;--teal: #14b8a6;--cyan: #06b6d4;--red: #ef4444;--gradient-brand: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(168, 85, 247, .15) 0%, rgba(236, 72, 153, .15) 100%);--gradient-hero: radial-gradient(1000px 500px at 20% 0%, rgba(168, 85, 247, .22), transparent 60%), radial-gradient(900px 500px at 85% 10%, rgba(236, 72, 153, .18), transparent 60%), radial-gradient(700px 400px at 50% 60%, rgba(99, 102, 241, .14), transparent 65%);--shadow-sm: 0 1px 2px rgba(10, 11, 20, .05);--shadow-md: 0 6px 18px -4px rgba(10, 11, 20, .1), 0 0 0 1px rgba(10, 11, 20, .03);--shadow-lg: 0 20px 48px -12px rgba(10, 11, 20, .18), 0 0 0 1px rgba(10, 11, 20, .04);--shadow-brand: 0 10px 30px -8px rgba(168, 85, 247, .55);--shadow-pink: 0 10px 30px -8px rgba(236, 72, 153, .5);--shadow-glow: 0 0 0 4px rgba(168, 85, 247, .22);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--max-width: 1200px}html,body{background:var(--bg);color:var(--text-primary);scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;position:relative;overflow-x:hidden;letter-spacing:-.011em}#root{position:relative;z-index:1}body:before{content:"";position:fixed;top:-200px;left:0;right:0;height:900px;z-index:-1;background:radial-gradient(700px 380px at 20% 10%,rgba(168,85,247,.08),transparent 60%),radial-gradient(700px 380px at 85% 15%,rgba(236,72,153,.06),transparent 60%);pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0a0b142e;border:2px solid transparent;background-clip:content-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0a0b1452;background-clip:content-box}::selection{background:#a855f747;color:var(--text-primary)}input,textarea{color:var(--text-primary);caret-color:var(--brand)}textarea{font-family:var(--font-mono)!important;font-size:13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary)}textarea:focus{outline:none;border-color:var(--brand)}textarea::placeholder{color:var(--text-faint)}button{font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;color:inherit;letter-spacing:-.005em}button:disabled{cursor:not-allowed}a{color:var(--text-primary);text-decoration:none;transition:color .15s ease}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:999px;border:none;background:var(--gradient-brand);color:#fff;font-size:15px;font-weight:600;letter-spacing:-.15px;cursor:pointer;box-shadow:var(--shadow-brand);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 34px -8px #a855f7a6}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--bg-card-hover);border-color:#0a0b1447}.md-preview>*:first-child{margin-top:0}.md-preview>*:last-child{margin-bottom:0}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4,.md-preview h5,.md-preview h6{font-weight:700;letter-spacing:-.6px;color:var(--text-primary);line-height:1.25;margin:1.6em 0 .6em}.md-preview h1{font-size:1.85em;border-bottom:1px solid var(--border);padding-bottom:.3em}.md-preview h2{font-size:1.45em;border-bottom:1px solid var(--border-light);padding-bottom:.25em}.md-preview h3{font-size:1.2em}.md-preview h4{font-size:1.05em}.md-preview h5{font-size:.95em;color:var(--text-secondary)}.md-preview h6{font-size:.88em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.md-preview p{margin:.75em 0;color:var(--text-secondary)}.md-preview a{color:var(--brand);text-decoration:none;border-bottom:1px dashed rgba(168,85,247,.45)}.md-preview a:hover{border-bottom-style:solid;color:var(--brand-pink)}.md-preview strong{color:var(--text-primary);font-weight:700}.md-preview em{color:var(--text-primary);font-style:italic}.md-preview del{color:var(--text-muted)}.md-preview code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;border-radius:5px;background:#a855f71f;color:#e9d5ff;border:1px solid rgba(168,85,247,.22)}.md-preview pre{font-family:var(--font-mono);margin:1em 0;padding:14px 16px;background:#06060f;color:#d6dbe6;border-radius:var(--radius-sm);overflow-x:auto;font-size:12.8px;line-height:1.55;border:1px solid var(--border)}.md-preview pre code{background:transparent;color:inherit;padding:0;border:none;font-size:inherit}.md-preview blockquote{margin:1em 0;padding:.2em 1em;color:var(--text-secondary);border-left:3px solid var(--brand);background:#a855f70f;border-radius:0 6px 6px 0}.md-preview ul,.md-preview ol{margin:.7em 0;padding-left:1.5em;color:var(--text-secondary)}.md-preview li{margin:.25em 0}.md-preview li>p{margin:.3em 0}.md-preview hr{margin:1.6em 0;border:none;border-top:1px solid var(--border)}.md-preview img{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.md-preview table{border-collapse:collapse;margin:1em 0;width:100%;font-size:.95em}.md-preview th,.md-preview td{padding:8px 12px;border:1px solid var(--border)}.md-preview th{background:var(--bg-subtle);font-weight:600;text-align:left;color:var(--text-primary)}.md-preview tr:nth-child(2n) td{background:#ffffff05}.md-preview input[type=checkbox]{accent-color:var(--brand);margin-right:4px}.legal-prose{color:var(--text-secondary);font-size:15px;line-height:1.72;letter-spacing:-.1px}.legal-prose h2{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);margin:36px 0 10px}.legal-prose h3{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary);margin:24px 0 6px}.legal-prose p{margin:10px 0}.legal-prose ul{margin:10px 0 10px 1.3em}.legal-prose li{margin:5px 0}.legal-prose a{color:var(--brand);border-bottom:1px dashed rgba(168,85,247,.4)}.legal-prose a:hover{border-bottom-style:solid;color:var(--brand-pink)}.legal-prose code{font-family:var(--font-mono);font-size:.9em;padding:.1em .4em;border-radius:4px;background:#a855f71f;color:#e9d5ff}.legal-prose strong{color:var(--text-primary);font-weight:600}