@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0c10;--bg-gradient:radial-gradient(circle at center, #1b202a 0%, #0a0c10 100%);--bg-panel:#12161e73;--accent-color:#3b82f6;--accent-glow:color-mix(in srgb, var(--accent-color) 30%, transparent);--text-primary:#fff;--text-secondary:#ffffff80;--input-bg:#0003;--border-color:#ffffff1a;--border-glass:#ffffff14;--border-glass-light:#ffffff26;--shadow-lg:0 16px 40px #00000080;--shadow-glass:inset 0 1px 0 #ffffff1a;--logo-shadow:0 2px 12px #000000e6, 0 0 4px #000c;--logo-shadow-sm:0 1px 8px #000000e6}body.light-mode{--bg-dark:#f8fafc;--bg-gradient:radial-gradient(circle at center, #fff 0%, #f1f5f9 100%);--bg-panel:#ffffffa6;--accent-glow:color-mix(in srgb, var(--accent-color) 30%, transparent);--text-primary:#0f172a;--text-secondary:#0f172a99;--input-bg:#0000000d;--border-color:#0000001a;--border-glass:#00000014;--border-glass-light:#00000026;--shadow-lg:0 16px 40px #0000000d;--shadow-glass:inset 0 1px 0 #fffc;--logo-shadow:0 2px 12px #0000001a, 0 0 4px #0000000d;--logo-shadow-sm:0 1px 8px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,sans-serif;overflow:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg), var(--shadow-glass);border-radius:20px}.hover-lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.hover-lift:hover{border-color:var(--border-glass-light);transform:translateY(-4px)scale(1.02);box-shadow:0 20px 48px #0009,inset 0 1px #fff3}.hotspot-annotation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:auto;cursor:pointer;background:#0a0c10cc;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:12px 16px;transition:opacity .3s,transform .3s;transform:translate(-50%,-100%)}@keyframes focusPullReveal{0%{filter:blur(24px)brightness(.4)saturate(.2);opacity:0;transform:scale(1.2)translateY(5%)}15%{opacity:1}35%{filter:blur()brightness()saturate();transform:scale(1.05)translateY(0)}to{filter:blur()brightness()saturate();opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeOutOld{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(12px);transform:scale(.95)}}.hotspot-annotation.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-90%)scale(.9)}.drag-over{border:2px dashed var(--accent-color)!important;background:#ff6b004d!important;transform:scale(1.02)!important}