:root{--text: #e2e8f0;--muted: #94a3b8;--bg: #0f172a;--surface: #1e293b;--border: #334155;--primary: #10b981;--accent: #0284c7;--danger: #ef4444}:root[data-theme=light]{--text: #0f172a;--muted: #475569;--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--primary: #0ea5e9;--accent: #10b981;--danger: #ef4444}[data-astro-cid-cla6pbwa]{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);min-height:100vh;padding:2rem 1rem;line-height:1.6}.container[data-astro-cid-cla6pbwa]{max-width:900px;margin:0 auto}.top[data-astro-cid-cla6pbwa]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.back[data-astro-cid-cla6pbwa]{color:var(--primary);text-decoration:none;font-weight:600}.back[data-astro-cid-cla6pbwa]:hover{text-decoration:underline}h1[data-astro-cid-cla6pbwa]{font-size:1.75rem;margin:0}.spacer[data-astro-cid-cla6pbwa]{flex:1}.theme-toggle[data-astro-cid-cla6pbwa]{appearance:none;border:none;background:none;cursor:pointer;color:var(--muted);font-size:1.125rem;padding:0;transition:color .2s ease}.theme-toggle[data-astro-cid-cla6pbwa]:hover{color:var(--text)}.intro[data-astro-cid-cla6pbwa]{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem;color:var(--muted)}.section[data-astro-cid-cla6pbwa]{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.section[data-astro-cid-cla6pbwa] h2[data-astro-cid-cla6pbwa]{color:var(--primary);font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.section-desc[data-astro-cid-cla6pbwa]{color:var(--muted);font-size:.9rem;margin-bottom:1rem;font-style:italic}.content[data-astro-cid-cla6pbwa]{display:flex;flex-direction:column;gap:1rem}.button-group[data-astro-cid-cla6pbwa]{display:flex;gap:.75rem;flex-wrap:wrap}button[data-astro-cid-cla6pbwa]{appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:.65rem 1.25rem;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}button[data-astro-cid-cla6pbwa]:hover:not(:disabled){background:#ffffff14;border-color:var(--primary)}button[data-astro-cid-cla6pbwa]:active:not(:disabled){transform:translateY(1px)}button[data-astro-cid-cla6pbwa]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-astro-cid-cla6pbwa]{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#081217;box-shadow:0 4px 12px #10b98133}.btn-primary[data-astro-cid-cla6pbwa]:hover{filter:brightness(1.1)}.btn-secondary[data-astro-cid-cla6pbwa]{border-color:var(--accent);color:var(--accent)}.radio-group[data-astro-cid-cla6pbwa],.checkbox-group[data-astro-cid-cla6pbwa]{display:flex;flex-direction:column;gap:.5rem}.radio-group[data-astro-cid-cla6pbwa] label[data-astro-cid-cla6pbwa],.checkbox-group[data-astro-cid-cla6pbwa] label[data-astro-cid-cla6pbwa]{display:flex;align-items:center;gap:.5rem;cursor:pointer}input[data-astro-cid-cla6pbwa][type=radio],input[data-astro-cid-cla6pbwa][type=checkbox]{cursor:pointer}nav[data-astro-cid-cla6pbwa].demo-nav{display:flex;gap:1.5rem;padding:.75rem 0}nav[data-astro-cid-cla6pbwa].demo-nav a[data-astro-cid-cla6pbwa]{color:var(--text);text-decoration:none;font-weight:500;transition:color .2s}nav[data-astro-cid-cla6pbwa].demo-nav a[data-astro-cid-cla6pbwa]:hover{color:var(--primary)}ul[data-astro-cid-cla6pbwa]{list-style-position:inside;color:var(--text)}li[data-astro-cid-cla6pbwa]{padding:.25rem 0}.form-group[data-astro-cid-cla6pbwa]{display:flex;flex-direction:column;gap:.5rem}label[data-astro-cid-cla6pbwa]{font-weight:500;color:var(--text)}input[data-astro-cid-cla6pbwa][type=text],input[data-astro-cid-cla6pbwa][type=email],input[data-astro-cid-cla6pbwa][type=search]{padding:.65rem;border:1px solid var(--border);border-radius:6px;background:#ffffff08;color:var(--text);font-size:.95rem;font-family:Inter,sans-serif;transition:border-color .2s}input[data-astro-cid-cla6pbwa][type=text]:focus,input[data-astro-cid-cla6pbwa][type=email]:focus,input[data-astro-cid-cla6pbwa][type=search]:focus{outline:none;border-color:var(--primary)}.image-group[data-astro-cid-cla6pbwa]{display:flex;gap:1rem;flex-wrap:wrap}.demo-image[data-astro-cid-cla6pbwa]{width:120px;height:120px;border-radius:6px;border:1px solid var(--border);object-fit:cover}.icon-button[data-astro-cid-cla6pbwa]{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}.card[data-astro-cid-cla6pbwa]{background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:1rem}.card[data-astro-cid-cla6pbwa] h3[data-astro-cid-cla6pbwa]{margin-bottom:.5rem;font-size:1.1rem}.fallback-note[data-astro-cid-cla6pbwa]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:1rem;color:var(--text);font-size:.9rem}.fallback-note[data-astro-cid-cla6pbwa] strong[data-astro-cid-cla6pbwa]{color:var(--danger)}.complex-element[data-astro-cid-cla6pbwa]{background:linear-gradient(135deg,#10b9811a,#0284c71a);border:2px dashed var(--border);padding:1rem;border-radius:6px;text-align:center}h3[data-astro-cid-cla6pbwa]{font-size:1.1rem;margin-bottom:.5rem}p[data-astro-cid-cla6pbwa]{margin-bottom:.5rem}.sr-only[data-astro-cid-cla6pbwa]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}