:root{--bg-primary: hsl(220, 20%, 10%);--bg-secondary: hsl(220, 18%, 14%);--bg-glass: hsla(220, 20%, 18%, .7);--text-primary: hsl(0, 0%, 95%);--text-secondary: hsl(0, 0%, 70%);--text-muted: hsl(220, 10%, 50%);--accent: hsl(265, 80%, 65%);--accent-hover: hsl(265, 80%, 72%);--accent-transparent: hsla(265, 80%, 65%, .2);--border: hsl(220, 15%, 25%);--border-glass: hsla(0, 0%, 100%, .1);--type-string: hsl(120, 60%, 60%);--type-number: hsl(200, 80%, 60%);--type-boolean: hsl(30, 80%, 60%);--type-null: hsl(0, 0%, 50%);--type-object: hsl(265, 60%, 65%);--type-array: hsl(180, 60%, 55%);--status-success: hsl(140, 60%, 50%);--status-error: hsl(0, 70%, 55%);--status-warning: hsl(40, 90%, 55%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-code: "SF Mono", "Fira Code", "Cascadia Code", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--header-height: 56px;--divider-width: 4px}[data-theme=light]{--bg-primary: hsl(0, 0%, 100%);--bg-secondary: hsl(0, 0%, 96%);--bg-glass: hsla(0, 0%, 100%, .8);--text-primary: hsl(220, 20%, 15%);--text-secondary: hsl(220, 10%, 45%);--text-muted: hsl(220, 10%, 60%);--accent: hsl(265, 70%, 55%);--accent-hover: hsl(265, 70%, 45%);--accent-transparent: hsla(265, 70%, 55%, .15);--border: hsl(220, 15%, 85%);--border-glass: hsla(0, 0%, 0%, .1);--type-string: hsl(120, 70%, 35%);--type-number: hsl(200, 80%, 40%);--type-boolean: hsl(30, 90%, 40%);--type-null: hsl(0, 0%, 60%);--type-object: hsl(265, 70%, 50%);--type-array: hsl(180, 70%, 40%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{all:unset;box-sizing:border-box;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-panel{background:var(--bg-secondary);border-radius:var(--space-md);border:1px solid var(--border);box-shadow:inset 0 1px #ffffff0d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}