*{box-sizing:border-box;margin:0;padding:0;transition:all .3s ease}:root{--bg: #101010;--text: #f2f2f2;--muted: #a0a0a0;--accent: #d0d0d5;--accent-2: #babac1;--surface: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .07);--ring: rgba(208, 208, 213, .25);--radius: 10px;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}@media(prefers-color-scheme:light){:root{--bg: #f7f7f8;--text: #0e0f12;--muted: #71737a;--accent: #bfc3cc;--accent-2: #a9adb7;--surface: #ffffff;--border: #e6e7eb;--ring: rgba(191, 195, 204, .28)}}html,body{height:100%;width:100%;overflow:hidden}body{background:radial-gradient(1100px 520px at 12% -8%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 60%),radial-gradient(900px 480px at 108% -10%,color-mix(in oklab,var(--accent-2) 14%,transparent),transparent 60%),var(--bg);color:var(--text);display:flex;align-items:stretch;justify-content:center;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:.3px}h1{font-size:2.8rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}button{font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;border-radius:var(--radius)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring);border-radius:calc(var(--radius) / 1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--accent) 70%,var(--border))}a{color:color-mix(in oklab,var(--text) 70%,var(--accent) 30%);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.95em;background:var(--surface);padding:.2em .4em;border-radius:6px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.p2pchat{max-width:1100px;width:100%;padding:32px 16px 64px}.hdr{margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hdr__title{display:flex;align-items:center;gap:12px}.hdr h2{margin:0;font-weight:700;letter-spacing:.2px}.blob{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 18px color-mix(in oklab,var(--accent) 60%,transparent)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:12px;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.segmented__btn{appearance:none;border:0;padding:8px 14px;border-radius:10px;cursor:pointer;color:var(--muted);background:transparent;transition:all .15s ease}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{color:var(--text);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 85%,var(--accent) 15%),var(--surface));box-shadow:inset 0 0 0 1px var(--border),0 0 0 3px color-mix(in oklab,var(--ring) 70%,transparent)}.grid{margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px color-mix(in oklab,var(--accent) 12%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card__hdr{font-weight:600;margin-bottom:12px;letter-spacing:.2px}.card--colspan{grid-column:span 12}@media(min-width:920px){.card:nth-child(1){grid-column:span 7}.card:nth-child(2){grid-column:span 5}.card--colspan{grid-column:span 12}}.stack-sm{display:grid;gap:10px}.stack-md{display:grid;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.label{font-size:.95rem;color:var(--muted)}.muted{color:var(--muted)}.input,.textarea{width:100%;padding:11px 12px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 80%,transparent);color:var(--text);outline:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;font-family:inherit}.textarea{resize:vertical;min-height:96px;line-height:1.35}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--ring);background:color-mix(in oklab,var(--surface) 65%,var(--accent) 10%)}.btn{appearance:none;border:1px solid var(--accent);background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--text);padding:10px 14px;border-radius:var(--radius);font-weight:600;cursor:pointer;box-shadow:0 6px 18px color-mix(in oklab,var(--accent) 35%,transparent);transition:transform .06s ease,box-shadow .15s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(1.03);box-shadow:0 8px 22px color-mix(in oklab,var(--accent) 45%,transparent)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn--ghost:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.ico{margin-right:8px}.idrow{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px 12px;border-radius:10px;border:1px dashed var(--border);background:color-mix(in oklab,var(--surface) 85%,var(--accent) 5%);-webkit-user-select:all;user-select:all;max-width:100%;overflow-wrap:anywhere}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 85%,var(--accent) 5%);padding:6px 8px;border-radius:999px}.chip__avatar{width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;font-size:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b0c10;font-weight:700}.chip__text{font-size:.9rem}.chip__btn{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:.9rem;line-height:1}.chip__btn:hover{color:var(--text)}.pill{display:inline-grid;place-items:center;min-width:22px;padding:0 6px;height:22px;border-radius:999px;margin-left:8px;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 85%,var(--accent) 10%),var(--surface));border:1px solid var(--border);color:var(--text);font-size:.8rem}.split{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:920px){.split{grid-template-columns:1fr 1fr}}.panel{display:flex;flex-direction:column;gap:10px}.panel__hdr{font-weight:600;color:var(--muted)}.panel__body{min-height:260px;max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:color-mix(in oklab,var(--surface) 90%,var(--accent) 4%)}.panel__ft{display:flex;justify-content:flex-end}.msgs{display:grid;gap:10px}.msg{display:grid;gap:6px}.msg__meta{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted)}.msg__who{font-weight:600;color:var(--text)}.msg__ts{opacity:.8}.msg__bubble{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 88%,var(--accent) 6%);word-wrap:anywhere}.msg--me .msg__bubble{background:color-mix(in oklab,var(--accent) 22%,var(--surface) 78%);border-color:color-mix(in oklab,var(--accent) 35%,var(--border) 65%)}.log{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;white-space:pre-wrap}