@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-page: #030305;--bg-panel: #0e0e11;--bg-panel-hover: #16161a;--border-subtle: #1f1f23;--border-active: #2d2d33;--text-primary: #ededef;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent-primary: #6d28d9;--accent-glow: rgba(109, 40, 217, .5);--accent-text: #c4b5fd;--status-good: #10b981;--status-good-bg: rgba(16, 185, 129, .1);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .1);--status-bad: #ef4444;--status-bad-bg: rgba(239, 68, 68, .1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--gradient-primary: linear-gradient(135deg, #fff 0%, #94a3b8 100%)}[data-theme=light]{--bg-page: #fafafa;--bg-panel: #ffffff;--bg-panel-hover: #f4f4f5;--border-subtle: #e4e4e7;--border-active: #d4d4d8;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--accent-primary: #7c3aed;--accent-glow: rgba(124, 58, 237, .15);--accent-text: #6d28d9;--gradient-primary: linear-gradient(135deg, #18181b 0%, #52525b 100%)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);position:relative}.panel,.input-group,.btn-secondary,.btn-ghost,input,textarea,.tab-button{transition:background-color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),transform .2s ease!important}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;background-position:center top;mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);pointer-events:none}.container{max-width:1100px;margin:0 auto;padding:2rem;position:relative;z-index:1}h1,h2,h3,h4{letter-spacing:-.03em;margin:0}code,pre{font-family:JetBrains Mono,monospace}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s ease}.panel:hover{border-color:var(--border-active)}.input-group{position:relative;display:flex;align-items:center;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem;transition:all .2s ease}.input-group:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6d28d926}.input-field{background:transparent;border:none;color:var(--text-primary);font-size:1rem;width:100%;padding:.75rem;outline:none;font-family:Inter,sans-serif}.input-field:focus,.input-field:focus-visible{outline:none;box-shadow:none}.btn-primary{background:var(--text-primary);color:var(--bg-page);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .2s ease}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{border-color:var(--accent-primary);background:var(--bg-panel-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .text-gradient{background:linear-gradient(135deg,#18181b,#52525b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.animate-in{animation:slideUp .4s var(--ease-spring) forwards;opacity:0;transform:translateY(20px)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-pulse-glow{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.recent-search-item{display:flex;align-items:center;background:transparent;border-bottom:1px dotted var(--border-subtle);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding-right:.25rem;margin-right:.1rem}.recent-search-item:hover{padding-right:1.75rem;border-bottom-color:var(--accent-primary)}.recent-search-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:.1rem .25rem;transition:color .2s}.recent-search-btn:hover{color:var(--accent-primary)}.recent-search-remove{background:transparent;border:none;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;padding:.1rem;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%) scale(.5);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.5rem;height:1.5rem}.recent-search-item:hover .recent-search-remove{transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto}.recent-search-remove:hover{color:var(--status-bad)!important;transform:translateY(-50%) scale(1.1)!important}