:root{--violet-50:#f4f0ff;--violet-100:#e8deff;--violet-200:#d2bfff;--violet-300:#b697ff;--violet-400:#9566ff;--violet-500:#7a3cff;--violet-600:#6420f0;--violet-700:#5016c4;--violet-800:#3d1294;--violet-900:#2a0e66;--cyan-50:#e6fbff;--cyan-100:#bdf4ff;--cyan-300:#5ce3fa;--cyan-400:#1fd8f5;--cyan-500:#00c2e0;--cyan-600:#0097b2;--cyan-700:#00748a;--neutral-0:#fff;--neutral-50:#faf9fc;--neutral-100:#f3f1f7;--neutral-200:#e6e3ee;--neutral-300:#cfcbdb;--neutral-500:#8a8499;--neutral-600:#6a647a;--neutral-700:#4a4559;--neutral-800:#2b2738;--neutral-900:#14111f;--success:#12a36b;--warning:#e8a100;--danger:#e5365b;--bg:var(--neutral-50);--surface:var(--neutral-0);--surface-subtle:var(--neutral-100);--surface-inverse:var(--neutral-900);--fg-1:var(--neutral-900);--fg-2:var(--neutral-700);--fg-3:var(--neutral-600);--fg-inverse:var(--neutral-0);--accent:var(--violet-600);--accent-hover:var(--violet-700);--accent-soft:var(--violet-50);--accent-2:var(--cyan-400);--accent-2-soft:var(--cyan-50);--border:var(--neutral-200);--border-strong:var(--neutral-300);--focus-ring:var(--cyan-400);--gradient-accent:linear-gradient(120deg,var(--violet-500),var(--cyan-400));--font-display:"Roboto Condensed","Arial Narrow",system-ui,sans-serif;--font-ui:"Instrument Sans",system-ui,sans-serif;--font-button:"Roboto",system-ui,sans-serif;--font-body:"Literata",Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:30px;--text-3xl:44px;--text-4xl:64px;--lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;--tracking-display:-.005em;--tracking-label:.08em}body{font-family:var(--font-body);color:var(--fg-1);background:var(--bg);line-height:var(--lh-body);margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-tight);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #14111f0f;--shadow-md:0 4px 16px #14111f12;--shadow-lg:0 16px 40px #5016c424;--ease:cubic-bezier(.2,.7,.2,1);--dur:.16s;--container:1080px}.ds-btn{font:500 var(--text-sm)/1 var(--font-button);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:12px 22px;display:inline-flex}.ds-btn:active{transform:scale(.97)}.ds-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ds-btn--sm{font-size:var(--text-xs);padding:8px 16px}.ds-btn--lg{font-size:var(--text-md);padding:16px 30px}.ds-btn--primary{background:var(--accent);color:#fff}.ds-btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-lg)}.ds-btn--secondary{background:var(--surface);color:var(--fg-1);border-color:var(--border-strong)}.ds-btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.ds-btn--ghost{color:var(--accent);background:0 0}.ds-btn--ghost:hover{background:var(--accent-soft)}.ds-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.ds-badge{font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;padding:6px 10px;display:inline-flex}.ds-badge--violet{background:var(--violet-100);color:var(--violet-800)}.ds-badge--cyan{background:var(--cyan-100);color:var(--cyan-700)}.ds-badge--neutral{background:var(--neutral-100);color:var(--fg-2)}.ds-field{font:500 var(--text-sm) var(--font-ui);color:var(--fg-2);flex-direction:column;gap:6px;display:flex}.ds-input{font:400 var(--text-md) var(--font-ui);color:var(--fg-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur),box-shadow var(--dur);padding:12px 16px}.ds-input::placeholder{color:var(--neutral-500)}.ds-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--cyan-100);outline:none}.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.ds-card--link{cursor:pointer}.ds-card--link:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ds-tabs{gap:var(--space-5);border-bottom:1px solid var(--border);display:flex}.ds-tab{font:500 var(--text-sm) var(--font-ui);color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0}.ds-tab:hover{color:var(--fg-1)}.ds-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent-2)}.ds-icon{width:var(--s,20px);height:var(--s,20px);-webkit-mask:var(--src) center/contain no-repeat;-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat;background:currentColor;flex:none;display:inline-block}textarea.ds-input{resize:vertical;min-height:96px;line-height:1.5}select.ds-input{appearance:none;background-image:url(https://unpkg.com/lucide-static@0.469.0/icons/chevron-down.svg);background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.ds-check{font:500 var(--text-sm) var(--font-ui);color:var(--fg-1);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.ds-check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0}.ds-switch{border-radius:var(--radius-pill);background:var(--neutral-300);cursor:pointer;width:44px;height:26px;transition:background var(--dur) var(--ease);border:0;padding:0;position:relative}.ds-switch:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.ds-switch[aria-checked=true]{background:var(--accent)}.ds-switch[aria-checked=true]:after{transform:translate(18px)}.ds-switch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ds-dialog-scrim{z-index:50;background:#14111f80;place-items:center;display:grid;position:fixed;inset:0}.ds-dialog-scrim--inline{position:absolute}.ds-dialog{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);width:min(440px,90%);box-shadow:var(--shadow-lg);gap:var(--space-3);flex-direction:column;display:flex}.ds-dialog h3{font-size:var(--text-xl)}.ds-dialog p{color:var(--fg-2);margin:0}.ds-dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.ds-toast{background:var(--surface-inverse);color:var(--fg-inverse);font:500 var(--text-sm) var(--font-ui);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);align-items:center;gap:12px;padding:12px 18px;display:inline-flex}.ds-toast .ds-icon{color:var(--accent-2)}.ds-tip{display:inline-flex;position:relative}.ds-tip-bubble{background:var(--surface-inverse);color:#fff;font:500 var(--text-xs) var(--font-ui);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur);padding:6px 10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.ds-tip:hover .ds-tip-bubble,.ds-tip:focus-within .ds-tip-bubble,.ds-tip--show .ds-tip-bubble{opacity:1}.ds-nav{padding:16px var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.ds-nav-brand{font:700 var(--text-lg) var(--font-display);color:var(--fg-1);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;display:flex}.ds-nav-brand img{width:36px;height:36px;image-rendering:pixelated;border-radius:50%}.ds-nav-links{gap:var(--space-5);display:flex}.ds-nav-link{font:500 var(--text-sm) var(--font-ui);color:var(--fg-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:6px 0}.ds-nav-link:hover{color:var(--fg-1)}.ds-nav-link[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent-2)}.ds-footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--surface-inverse);color:var(--neutral-300);font:400 var(--text-sm) var(--font-ui);display:flex}.ds-footer-social{gap:var(--space-4);color:#fff;display:flex}.ds-crumbs{font:500 var(--text-sm) var(--font-ui);color:var(--fg-3);align-items:center;gap:8px;display:flex}.ds-crumbs a{color:var(--fg-3)}.ds-crumbs a:hover{color:var(--accent)}.ds-crumbs [aria-current]{color:var(--fg-1)}.ds-post{gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);flex-direction:column;display:flex}.ds-post:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ds-post-meta{font:400 var(--text-xs) var(--font-mono);color:var(--fg-3)}.ds-post h3{font-size:var(--text-xl);text-transform:uppercase}.ds-post p{color:var(--fg-2);font-size:var(--text-sm);margin:0}.ds-post-more{font:600 var(--text-sm) var(--font-ui);color:var(--accent);align-items:center;gap:6px;display:inline-flex}.ds-row{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border);color:var(--fg-1);transition:padding var(--dur) var(--ease),color var(--dur);padding:18px 4px;text-decoration:none;display:flex}.ds-row:hover{color:var(--accent);padding-left:12px;text-decoration:none}.ds-row-title{font:700 var(--text-lg) var(--font-display);text-transform:uppercase}.ds-row-desc{font:400 var(--text-sm) var(--font-body);color:var(--fg-3)}.ds-avatar{object-fit:cover;image-rendering:pixelated;background:var(--neutral-200);border-radius:50%;display:block}.ds-pager{gap:6px;display:flex}.ds-pager button{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);min-width:40px;height:40px;font:500 var(--text-sm) var(--font-ui);color:var(--fg-1);cursor:pointer}.ds-pager button:hover{border-color:var(--accent);color:var(--accent)}.ds-pager button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}html,body,#root{height:100%}body{background:var(--bg);margin:0}a{color:#6420f0}a:hover{color:#5016c4}button{font-family:inherit}::-webkit-scrollbar{width:0}