:root{--color-obsidian-0: oklch(.05 .01 250);--color-obsidian-1: oklch(.12 .02 250);--color-obsidian-2: oklch(.18 .03 250);--color-obsidian-3: oklch(.24 .04 250);--color-obsidian-4: oklch(.32 .05 250);--color-accent-lch: .7 .2 30;--color-green-lch: .82 .16 150;--color-blue-lch: .75 .12 250;--color-yellow-lch: .88 .14 85;--color-red-lch: .65 .18 25;--radius: 14px;--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 0px);--top-bar-height: 58px}:root,[data-theme=obsidian]{--bg: var(--color-obsidian-1);--surface: var(--color-obsidian-2);--surface2: var(--color-obsidian-3);--surface3: var(--color-obsidian-4);--border: rgba(255, 255, 255, .08);--text: oklch(.98 .01 250);--text2: oklch(.85 .02 250);--text3: oklch(.65 .03 250);--accent: oklch(var(--color-accent-lch));--accent-muted: oklch(var(--color-accent-lch) / .15);--green: oklch(var(--color-green-lch));--yellow: oklch(var(--color-yellow-lch));--blue: oklch(var(--color-blue-lch));--red: oklch(var(--color-red-lch));--purple: oklch(.7 .12 300);--cyan: oklch(.8 .1 200);--glass-bg: oklch(var(--color-obsidian-2) / .7);--glass-blur: blur(24px) saturate(190%);--specular-opacity: .1;--specular-inner: inset 0 1px 0 0 rgba(255, 255, 255, var(--specular-opacity))}[data-theme=light]{--bg: oklch(.96 .01 250);--surface: oklch(1 0 0);--surface2: oklch(.92 .01 250);--surface3: oklch(.88 .01 250);--border: oklch(.9 .01 250);--text: oklch(.2 .02 250);--text2: oklch(.4 .02 250);--text3: oklch(.55 .02 250);--accent: oklch(.6 .2 30);--accent-muted: oklch(.6 .2 30 / .1);--green: oklch(.65 .18 150);--yellow: oklch(.75 .14 85);--blue: oklch(.6 .12 250);--red: oklch(.55 .18 25);--glass-bg: oklch(1 0 0 / .7);--glass-blur: blur(20px) saturate(160%);--specular-opacity: .05;--specular-inner: inset 0 1px 0 0 rgba(0, 0, 0, var(--specular-opacity))}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border)}.specular{box-shadow:var(--specular-inner)}.shimmer-bg{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Space Grotesk,-apple-system,sans-serif;background:var(--color-obsidian-0);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-section{animation:fadeIn .2s ease}.top-bar{view-transition-name:top-bar}.tabs{view-transition-name:tabs}.tab-data-actions{display:flex;gap:8px;margin-bottom:12px}.tda-btn{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:13px;font-family:Space Grotesk,sans-serif;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tda-btn:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-1px)}.tda-btn.export-btn{border-color:oklch(var(--color-green-lch) / .3)}.tda-btn.import-btn{border-color:oklch(var(--color-blue-lch) / .3)}