@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
    
    * {
      font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, 'Helvetica Neue', Arial, sans-serif;
    }

    body {
      background: url('/theme/image/background.svg') no-repeat center center fixed;
      background-size: cover;
      padding-top: 70px;
    }
    
    .code-font {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
    }
    
    .animate-progress {
      transition: width 0.5s ease;
    }
    
    .tooltip {
      position: relative;
    }
    
    .tooltip .tooltip-content {
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.2s ease;
      position: absolute;
      z-index: 50;
      left: 0;
      top: calc(100% + 8px);
      min-width: 200px;
      background: white;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      border: 1px solid #e2e8f0;
      color: #4a5568;
      font-size: 13px;
    }
    
    .dark .tooltip .tooltip-content {
      background: #1e293b;
      border-color: #334155;
      color: #cbd5e1;
    }
    
    .tooltip:hover .tooltip-content {
      visibility: visible;
      opacity: 1;
    }
    
    .result-box {
      white-space: pre-wrap;
      max-height: 360px;
    }
    
    /* Custom scrollbar */
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
    }
    
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #f1f5f9;
      border-radius: 3px;
    }
    
    .dark .custom-scrollbar::-webkit-scrollbar-track {
      background: #334155;
    }
    
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 3px;
    }
    
    .dark .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #64748b;
    }