:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body,#root{height:100%;margin:0;overflow:hidden}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.form{display:grid;gap:12px}.form-title{font-size:20px;font-weight:600;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.form-grid.two-col{grid-template-columns:1fr 1fr}}.label{font-size:12px;opacity:.9}.input,.textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:inherit;outline:none}.textarea{min-height:90px;resize:vertical}.actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.button{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:inherit;cursor:pointer}.button.primary{background:#ffffff2e}.error{color:#ff6b6b;font-size:12px}#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}}.read-the-docs{color:#888}.appHeader{position:sticky;top:0;z-index:50;background:#0f0f12e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.appHeaderInner{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;max-width:1100px;margin:0 auto}.left{display:flex;align-items:center;gap:10px}.brand{font-weight:700}.burger{display:inline-flex;flex-direction:column;gap:4px;width:40px;height:36px;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;cursor:pointer}.burger span{display:block;width:18px;height:2px;background:#ffffffbf;border-radius:2px}.nav{display:none}.navRow{display:flex;align-items:center;gap:10px}.navLink,.navButton{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:inherit;text-decoration:none;cursor:pointer;white-space:nowrap}.navLink.active{background:#ffffff24}.newMenu{position:relative}.dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:180px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f0f12fa;box-shadow:0 10px 30px #00000059}.dropdown.open{display:grid;gap:6px}.dropdownItem{padding:10px;border-radius:10px;text-decoration:none;color:inherit;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.dropdownItem:hover{background:#ffffff1a}@media(max-width:720px){.nav.open{display:block;position:fixed;top:56px;left:12px;right:12px;z-index:60;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0f0f12fa;padding:10px}.navRow{flex-direction:column;align-items:stretch;gap:8px}.dropdown{position:static;margin-top:8px;box-shadow:none}.backdrop{position:fixed;inset:0;background:#00000059;z-index:55}}@media(min-width:721px){.burger{display:none}.nav{display:block}}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--container-max: 1100px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--anim-fast: .12s;--anim-med: .18s;--z-header: 50;--z-overlay: 55;--z-modal: 60;--bg: #f7f7fb;--surface: #ffffff;--surface-2: #f2f2f7;--text: #12131a;--text-muted: #4b4e5a;--border: rgba(0,0,0,.12);--primary: #1f5eff;--primary-contrast: #ffffff;--danger: #d92d20;--success: #039855;--shadow: 0 10px 30px rgba(0,0,0,.08)}[data-theme=dark]{--bg: #0f0f12;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-muted: rgba(255,255,255,.7);--border: rgba(255,255,255,.12);--primary: #4c7dff;--primary-contrast: #0f0f12;--shadow: 0 10px 30px rgba(0,0,0,.35)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0f0f12;--surface: rgba(255,255,255,.06);--surface-2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-muted: rgba(255,255,255,.7);--border: rgba(255,255,255,.12);--primary: #4c7dff;--primary-contrast: #0f0f12;--shadow: 0 10px 30px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text);background:var(--bg)}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:2px}.page-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-3)}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden}.cardHeader{width:100%;text-align:left;border:0;background:transparent;padding:var(--space-3);cursor:pointer}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.cardTitle{font-weight:700;font-size:var(--text-lg)}.cardSubtitle{margin-top:4px;color:var(--text-muted);font-size:var(--text-sm)}.cardBody{border-top:1px solid var(--border);padding:var(--space-3);display:grid;gap:var(--space-2)}.kv{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2)}.k{color:var(--text-muted);font-size:var(--text-sm)}.v{font-size:var(--text-md)}.cardActions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.button{appearance:none;border:1px solid var(--border);background:var(--surface-2);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--anim-fast),background var(--anim-fast),border-color var(--anim-fast)}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button.primary{background:var(--primary);color:var(--primary-contrast);border-color:color-mix(in srgb,var(--primary) 70%,var(--border))}.input,.textarea,select.input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface)}.textarea{min-height:96px;resize:vertical}.label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:6px;display:inline-block}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.form{display:grid;gap:var(--space-3)}.form-title{margin:0}.form-grid.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.field{display:grid;gap:6px}.actions{display:flex;gap:var(--space-2);justify-content:flex-end}@media(max-width:720px){.form-grid.two-col,.kv{grid-template-columns:1fr}}.error{border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 12%,transparent);padding:10px 12px;border-radius:var(--radius-sm)}.success{border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 12%,transparent);padding:10px 12px;border-radius:var(--radius-sm)}