*,body,html{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.18) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(148,163,184,.18);border:1px solid transparent;border-radius:999px;background-clip:content-box}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:rgba(148,163,184,.18)}.compound-root{--compound-text:#1a1a1a;--compound-muted:#666666;--compound-accent:#0066ff;--compound-border:#d0d0d0;--compound-border-focus:#0066ff;--compound-card:#ffffff;--compound-input:#ffffff;width:100%;min-height:100%;padding:20px;color:var(--compound-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.35;background:var(--compound-card);border:1px solid var(--compound-border);border-radius:8px}.compound-dark{--compound-text:#e0e0e0;--compound-muted:#888888;--compound-border:#2a2a3a;--compound-card:rgb(34,37,49);--compound-input:#111118}.compound-compact{height:100%;min-height:100%;padding:16px;overflow:auto;border:0;border-radius:0}.compound-form-grid{display:grid;gap:12px}.compound-field-label{display:grid;gap:6px;color:var(--compound-muted);font-size:12px;font-weight:500}.compound-text-input{width:100%;min-height:42px;padding:10px 12px;color:var(--compound-text);font-family:inherit;font-size:16px;background:var(--compound-input);border:1px solid var(--compound-border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.compound-text-input:focus{border-color:var(--compound-border-focus);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--compound-border-focus) 16%,transparent)}.compound-level-list{display:grid;gap:8px;margin-top:14px}.compound-level-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:var(--compound-text);background:var(--compound-input);border:1px solid var(--compound-border);border-radius:8px}.compound-level-row span{color:var(--compound-muted);font-size:13px;font-weight:500}.compound-level-row strong{color:var(--compound-accent);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.compound-compact .compound-level-row strong{font-size:18px}@media (max-width:420px){.compound-root{padding:16px}.compound-compact{padding:12px}.compound-level-row{align-items:flex-start;flex-direction:column;gap:4px}}