#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}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e6f1ff;background-color:#0b0d12;--bg: #0b0d12;--bg-elev: #101522;--bg-elev-2: #0f172a;--text: #e6f1ff;--muted: #a2acc3;--accent: #2fffd5;--accent-2: #20c7a8;--border: rgba(46, 255, 213, .18);--shadow: 0 12px 40px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(46,255,213,.12),transparent 40%),radial-gradient(circle at 20% 20%,rgba(32,199,168,.08),transparent 45%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}#root{min-height:100vh}.container{max-width:900px;margin:0 auto;padding:32px 16px 72px;display:flex;flex-direction:column;gap:24px}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.title{font-size:28px;font-weight:700;letter-spacing:.3px}.subtitle{color:var(--muted);margin-top:6px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,#101522e6,#0b0d12f2);border:1px solid rgba(46,255,213,.2);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,border-color .2s ease}.card:hover,.card:focus-within{border-color:#2effd599;box-shadow:0 0 0 1px #2effd599,0 16px 45px #0000008c}.section-title{font-weight:600;font-size:15px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(46,255,213,.3);color:var(--accent);font-size:12px;background:#2effd514}.badge.muted{color:var(--muted);border-color:#a0aac340;background:#a0aac314}.btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(46,255,213,.6);background:linear-gradient(135deg,#2effd5e6,#20c7a8e6);color:#081013;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #2effd559}.btn.secondary{background:transparent;color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.input,.textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(46,255,213,.2);background:#0b0d12cc;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder,.textarea::placeholder{color:#a0aac399}.input:focus,.textarea:focus{border-color:#2effd5cc;box-shadow:0 0 0 2px #2effd533}.textarea{min-height:110px;resize:vertical}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mono.wrap{word-break:break-all;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.muted{color:var(--muted)}.avatar{width:52px;height:52px;border-radius:50%;background:#ffffff14;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.table{border:1px solid rgba(46,255,213,.2);border-radius:12px;overflow:hidden}.table-row{display:grid;grid-template-columns:160px 1fr;border-top:1px solid rgba(46,255,213,.15)}.table-row:first-child{border-top:none}.table-head{background:#2effd514;font-weight:600}.table-cell{padding:8px 10px;word-break:break-word}.notice{padding:8px 12px;border-radius:10px;font-size:13px;border:1px solid rgba(46,255,213,.2);background:#2effd514;color:var(--accent)}.notice.error{border-color:#ff808059;background:#ff808014;color:#ffb0b0}.notice.pending{border-color:#ffda8059;background:#ffda8014;color:#ffdca8}.copy-btn{border:1px solid rgba(46,255,213,.45);background:#2effd514;color:var(--accent);padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.copy-btn:hover{border-color:#2effd5bf;background:#2effd533}.copy-btn--md{padding:6px 12px}.copy-btn:disabled{opacity:.4;cursor:not-allowed}
