*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg-secondary:#141414;--bg-card:#171717;--bg-card-hover:#1c1c1c;--bg-hover:#242424;--bg-input:#1e1e1e;--bg-elevated:#1a1a1a;--text:#fafafa;--text-secondary:#a3a3a3;--text-muted:#a0a0a0;--text-dim:#8b8b8b;--border:#262626;--border-hover:#363636;--primary:#3ecf8e;--primary-hover:#6fe7a8;--primary-bg:#3ecf8e14;--primary-bg-hover:#3ecf8e26;--gradient:linear-gradient(135deg, #3ecf8e 0%, #00c573 100%);--gradient-subtle:linear-gradient(135deg, #3ecf8e0a 0%, #00c57305 100%);--success:#22c55e;--success-bg:#22c55e1a;--warning:#fbbf24;--warning-bg:#fbbf241a;--error:#ef4444;--error-bg:#ef44441a;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow:0 2px 8px #0003;--shadow-lg:0 8px 24px #0000004d;--shadow-glow:0 0 24px #3ecf8e0f;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", "Monaco", "Menlo", monospace;--max-width:1280px}body.light{--bg:#fafafa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f5f5f5;--bg-hover:#e5e5e5;--bg-input:#f0f0f0;--bg-elevated:#fff;--text:#0a0a0a;--text-secondary:#525252;--text-muted:#6b6b6b;--text-dim:#6b6b6b;--border:#e5e5e5;--border-hover:#c4c4c4;--primary:#059669;--primary-hover:#047857;--primary-bg:#0596690f;--primary-bg-hover:#0596691f;--shadow-sm:0 1px 2px #0000000a;--shadow:0 2px 8px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-glow:0 0 24px #0596690f}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#3ecf8e0d 0%,#0000 70%);width:700px;height:500px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}body.light .bg-glow{background:radial-gradient(#0596690a 0%,#0000 70%)}body.light .bg-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px)}.header{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--border);transition:background var(--transition);background:#0f0f0fd1;padding:0;position:sticky;top:0}body.light .header{background:#fafafae0}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:var(--text);align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:var(--gradient);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.logo-text-gradient{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-actions{align-items:center;gap:.375rem;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-hover)}.btn-icon{justify-content:center;min-width:34px;padding:.4rem}.btn-primary{background:var(--gradient);color:#fff;border:none;font-weight:600}.btn-primary:hover{opacity:.9;color:#fff;box-shadow:var(--shadow-glow)}.btn-ghost{background:0 0;border:none;padding:.4rem .625rem}.btn-ghost:hover{background:var(--bg-hover)}.hero{text-align:center;z-index:1;padding:3.5rem 0 2rem;position:relative}.hero-badge{background:var(--primary-bg);border-radius:var(--radius-full);color:var(--primary);letter-spacing:.02em;border:1px solid #3ecf8e29;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.3rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.025em;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.15}.hero h1 span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:560px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.hero-stats{justify-content:center;gap:2.5rem;margin-bottom:2rem;display:flex}.hero-stat{text-align:center}.hero-stat-value{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1.2}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.125rem;font-size:.75rem;font-weight:500}.search-box{max-width:520px;margin:0 auto 1.5rem;position:relative}.search-box input{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text);font-size:.9375rem;font-family:var(--font-sans);transition:all var(--transition);outline:none;padding:.875rem 2.75rem}.search-box input::placeholder{color:var(--text-dim)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.search-icon{color:var(--text-dim);pointer-events:none;font-size:.9375rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-clear-btn{background:var(--bg-hover);border:1px solid var(--border);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-size:.75rem;line-height:1;font-family:var(--font-sans);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}.search-clear-btn:hover{background:var(--error-bg);color:var(--error);border-color:#ef44444d}.category-filters{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:2rem;display:flex}.category-btn{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);background:0 0;padding:.375rem .875rem}.category-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #3ecf8e33}.category-btn .count{opacity:.6;margin-left:.125rem;font-size:.6875rem}.api-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem;padding:0 0 2rem;display:grid;position:relative}.api-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);padding:1.125rem;position:relative;overflow:hidden}.api-card:before{content:"";background:var(--gradient-subtle);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.api-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.api-card:hover:before{opacity:1}.api-card:active{transform:translateY(0)}.api-card-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.api-card-icon{background:var(--bg-hover);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.375rem;display:flex}.api-card-title{flex:1;min-width:0}.api-card-title h3{color:var(--text);margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.api-card-title p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.favorite-btn{cursor:pointer;opacity:.4;transition:all var(--transition);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1rem;position:relative}.api-card:hover .favorite-btn,.favorite-btn.active{opacity:1}.favorite-btn:hover{background:var(--bg-hover)}.favorite-btn.active{opacity:1}.share-btn{font-size:.8125rem}.docs-btn{font-size:.8125rem;text-decoration:none;transition:transform .15s}.docs-btn:hover{transform:scale(1.15)}.api-card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:relative}.method-tag{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:700;font-family:var(--font-mono);padding:.15rem .5rem}.method-tag.get{background:var(--success-bg);color:var(--success)}.method-tag.post{background:var(--warning-bg);color:var(--warning)}.method-tag.put{color:#3b82f6;background:#3b82f61a}.method-tag.delete{background:var(--error-bg);color:var(--error)}.category-tag{background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-secondary);padding:.15rem .5rem;font-size:.6875rem;font-weight:500}.test-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.test-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--max-width);border-bottom:none;max-height:85vh;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}.test-panel-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.test-panel-header h2{align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;display:flex}.test-panel-header-actions{align-items:center;gap:.5rem;display:flex}.close-btn{background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);width:34px;height:34px;transition:all var(--transition);border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.close-btn:hover{background:var(--error-bg);color:var(--error)}.test-url-bar{gap:.5rem;margin-bottom:.75rem;display:flex}.test-url-bar select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--success);font-size:.8125rem;font-weight:700;font-family:var(--font-mono);padding:.625rem .75rem}.test-url-bar input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);transition:border-color var(--transition);outline:none;flex:1;padding:.625rem 1rem;font-size:.8125rem}.test-url-bar input:focus{border-color:var(--primary)}.proxy-selector{align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.proxy-selector label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.proxy-selector select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;padding:.4rem .625rem;font-size:.8125rem}.test-btn{background:var(--gradient);border-radius:var(--radius);color:#fff;width:100%;font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);border:none;padding:.75rem}.test-btn:hover{opacity:.9;box-shadow:var(--shadow-glow)}.test-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.result-section{margin-top:1.25rem}.result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.result-status{align-items:center;gap:.5rem;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;width:8px;height:8px}.status-dot.success{background:var(--success)}.status-dot.error{background:var(--error)}.result-badge{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-sm);letter-spacing:.06em;font-size:.6875rem;font-weight:700;font-family:var(--font-mono);padding:.1rem .5rem;display:inline-block}.result-info{color:var(--text-dim);font-size:.6875rem;font-family:var(--font-mono)}.result-time{color:var(--success);font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.result-actions{align-items:center;gap:.375rem;display:flex}.result-actions .btn{font-size:.75rem}.result-content{border:1px solid var(--border);border-radius:var(--radius);background:#161b22;max-height:400px;padding:1.25rem;overflow:auto}body.light .result-content{background:#f6f8fa}.result-json{font-family:var(--font-mono);color:#e6edf3;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.8125rem;line-height:1.8}body.light .result-json{color:#24292f}.result-json .syn-key{color:#79c0ff}.result-json .syn-str{color:#a5d6ff}.result-json .syn-url{color:#d2a8ff;text-underline-offset:2px;text-decoration:underline}.result-json .syn-num{color:#ffa657}.result-json .syn-bool{color:#ff7b72}.result-json .syn-null{color:#8b949e;font-style:italic}.result-json .syn-bracket,.result-json .syn-comma,.result-json .syn-colon{color:#8b949e}.result-json .syn-line{display:block}body.light .result-json .syn-key{color:#0969da}body.light .result-json .syn-str{color:#0a3069}body.light .result-json .syn-url{color:#8250df}body.light .result-json .syn-num{color:#0550ae}body.light .result-json .syn-bool{color:#cf222e}body.light .result-json .syn-null{color:#8b949e}.result-media{flex-direction:column;align-items:center;gap:.75rem;display:flex}.result-image-wrapper{text-align:center;padding:.5rem}.result-image{border-radius:var(--radius);max-width:100%;max-height:450px;box-shadow:var(--shadow);object-fit:contain}.result-video{border-radius:var(--radius);background:#000;width:100%;max-height:400px}.result-audio{border-radius:var(--radius);width:100%;max-width:500px}.result-pdf{border-radius:var(--radius);background:#525659;border:none;width:100%;height:500px}.result-json-images{border:1px solid var(--border);border-radius:var(--radius);margin-top:.75rem;overflow:hidden}.result-json-images-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.5rem .75rem;font-size:.8rem;font-weight:500}.result-json-images-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;padding:.5rem;display:grid}.result-json-image-card{border-radius:var(--radius-sm);border:1px solid var(--border);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex;overflow:hidden}.result-json-image-card:hover{border-color:var(--primary)}.result-json-image-card img{object-fit:cover;background:var(--bg-card);width:100%;height:180px;display:block}.result-json-image-card.image-failed{min-height:60px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.8rem;display:flex}.result-json-image-card.image-failed img{display:none}.result-json-image-link{color:var(--text-muted);text-align:center;background:var(--bg-card);padding:.35rem .5rem;font-size:.7rem;transition:color .2s}.result-json-image-card:hover .result-json-image-link{color:var(--primary)}.result-iframe{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:#fff;width:100%;height:400px}.result-html-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;color:var(--text-muted);border-bottom:none;padding:.4rem 1rem;font-size:.8rem;font-weight:500}.result-code{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:1rem;font-size:.8rem;line-height:1.7}.result-code code{color:inherit;font-family:inherit}.result-code .lang-xml{color:#7dd3a8}.csv-table-wrapper{width:100%;overflow-x:auto}.csv-table{border-collapse:collapse;width:100%;font-size:.8rem}.csv-table th{background:var(--bg-hover);text-align:left;color:var(--text);border-bottom:2px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.csv-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;padding:.4rem .75rem;overflow:hidden}.csv-table tr:hover td{background:var(--bg-hover)}.csv-more{text-align:center;color:var(--text-muted);padding:.5rem .75rem;font-size:.75rem;font-style:italic}.result-svg-wrapper{text-align:center;padding:1rem}.result-svg-wrapper svg{max-width:100%;max-height:400px}.footer{z-index:1;border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-left{align-items:center;gap:.625rem;display:flex}.footer-logo{border-radius:var(--radius-sm);object-fit:cover;width:24px;height:24px}.footer-brand{color:var(--text);font-size:.875rem;font-weight:600}.footer-copy{color:var(--text-dim);font-size:.8125rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);font-size:.8125rem;font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--primary)}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);z-index:1000;box-shadow:var(--shadow-lg);padding:.625rem 1.25rem;font-size:.8125rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastIn;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.loading{justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.loading-text{color:var(--text-muted);font-size:.8125rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{align-items:center;gap:.375rem;display:flex}.loading-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-pulse}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes dot-pulse{0%,80%,to{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.error-message{background:var(--error-bg);border-radius:var(--radius);color:var(--error);border:1px solid #ef444433;justify-content:space-between;align-items:center;gap:.75rem;margin:1rem 0;padding:.875rem 1rem;font-size:.8125rem;display:flex}.error-message p{flex:1;margin:0}.retry-btn{border-radius:var(--radius);color:var(--error);cursor:pointer;background:#ef444414;border:1px solid #ef44444d;flex-shrink:0;padding:.375rem .875rem;font-size:.8125rem;transition:background .15s,border-color .15s}.retry-btn:hover{background:#ef44442e;border-color:#ef444480}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.empty-state p{font-size:.9375rem}.keyboard-hint{color:var(--text-dim);z-index:1;justify-content:center;gap:1rem;margin-top:1rem;padding-bottom:1rem;font-size:.75rem;display:none;position:relative}.keyboard-hint kbd{background:var(--bg-hover);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;padding:.125rem .375rem;font-size:.6875rem}@media (width>=768px){.keyboard-hint{display:flex}}@media (width<=768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-stats{gap:1.5rem}.hero-stat-value{font-size:1.375rem}.api-grid{grid-template-columns:1fr}.category-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.category-filters::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap}.test-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;padding:1.25rem}.test-panel-overlay{align-items:flex-end}.footer-inner{text-align:center;flex-direction:column}}@media (width<=480px){.hero h1{font-size:1.625rem}.hero-stats{gap:1rem}.result-header{flex-direction:column;align-items:flex-start}}.status-indicator{vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:6px;display:inline-block}.status-dot-up{background:var(--success);box-shadow:0 0 6px #22c55e66}.status-dot-down{background:var(--error);box-shadow:0 0 6px #ef444466}.status-dot-checking{background:var(--warning);animation:1s ease-in-out infinite pulse-dot}.status-dot-unknown{background:var(--text-dim);opacity:.3}.status-bar{z-index:1;margin-bottom:1rem;position:relative}.status-bar-inner{flex-direction:column;gap:.5rem;display:flex}.status-bar-track{background:var(--bg-hover);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.status-bar-fill{background:var(--gradient);border-radius:var(--radius-full);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.status-bar-stats{font-size:.75rem;font-weight:500;font-family:var(--font-mono);gap:1rem;display:flex}.status-stat-up{color:var(--success)}.status-stat-down{color:var(--error)}.status-stat-pct{color:var(--primary)}.status-stat-checked{color:var(--text-dim)}.extra-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;outline:none;padding:.375rem 1.75rem .375rem .75rem;font-weight:500}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}body.light .filter-select{background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23525252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.filter-select option{background:var(--bg-card);color:var(--text)}.results-info{color:var(--text-muted);z-index:1;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8125rem;font-weight:500;display:flex;position:relative}.clear-filters-btn{color:var(--primary);font-size:.75rem}.auth-tag{background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-sm);letter-spacing:.02em;padding:.15rem .5rem;font-size:.6875rem;font-weight:600}.rate-tag{background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.625rem;font-weight:500;font-family:var(--font-mono);padding:.15rem .5rem}.submit-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0009;justify-content:center;align-items:center;padding:.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.submit-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:95vh;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.submit-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.submit-header h2{font-size:1.25rem;font-weight:700}.submit-desc{color:var(--text-muted);margin-bottom:.625rem;font-size:.75rem;line-height:1.4}.form-compact-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-compact-col{flex-direction:column;gap:.5rem;display:flex}.form-row-compact{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.form-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group label{color:var(--text-secondary);letter-spacing:.02em;font-size:.75rem;font-weight:600}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.8125rem;font-family:var(--font-sans);transition:border-color var(--transition);outline:none;padding:.4375rem .5rem}.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.form-group input::placeholder{color:var(--text-dim)}.icon-picker{flex-wrap:wrap;gap:.25rem;display:flex}.icon-option{background:var(--bg-hover);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;transition:all var(--transition);border:2px solid #0000;justify-content:center;align-items:center;font-size:.9375rem;display:flex}.icon-option:hover{border-color:var(--border-hover);transform:scale(1.1)}.icon-option.active{border-color:var(--primary);background:var(--primary-bg)}.submit-form form{flex-direction:column;gap:.625rem;display:flex}.submit-btn{width:100%;margin-top:.125rem;padding:.5625rem;font-size:.8125rem}.submit-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.footer-link-btn{color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:var(--font-sans);transition:color var(--transition);background:0 0;border:none;padding:0}.footer-link-btn:hover{color:var(--primary)}@media (width<=768px){.form-compact-grid{grid-template-columns:1fr 1fr;gap:.625rem}.form-row-compact{gap:.375rem}.form-row{grid-template-columns:1fr 1fr;gap:.375rem}.status-bar-stats{flex-wrap:wrap;gap:.625rem}.extra-filters{flex-direction:column;align-items:center}.filter-select{width:100%;max-width:280px}.view-toggle{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=480px){.submit-overlay{padding:.375rem}.submit-form{border-radius:var(--radius-lg);padding:.75rem}.submit-header h2{font-size:1.0625rem}.submit-desc{margin-bottom:.375rem;font-size:.6875rem;line-height:1.35}.form-compact-grid{grid-template-columns:1fr;gap:.375rem}.form-compact-col{gap:.375rem}.form-row-compact{gap:.25rem}.form-grid,.form-row{grid-template-columns:1fr 1fr;gap:.25rem}.form-group input,.form-group select{padding:.375rem .4375rem;font-size:.75rem}.icon-option{width:26px;height:26px;font-size:.8125rem}.icon-picker{gap:.1875rem}.submit-form form{gap:.375rem}.submit-btn{margin-top:.125rem;padding:.4375rem}}.view-toggle{border-bottom:1px solid var(--border);z-index:1;align-items:center;gap:.25rem;padding:.5rem 0;display:flex;position:relative}.view-tab{border-radius:var(--radius) var(--radius) 0 0;color:var(--text-muted);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;margin-bottom:-1px;padding:.5rem 1rem}.view-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.view-tab.active{color:var(--primary);background:var(--bg);border-color:var(--border)}.view-tab-apis-json{margin-left:auto}.view-tab-link{color:var(--text-dim);font-size:.6875rem;font-family:var(--font-mono);border-radius:var(--radius-sm);transition:all var(--transition);padding:.5rem .75rem;font-weight:500;text-decoration:none}.view-tab-link:hover{color:var(--primary);background:var(--primary-bg)}.view-tab-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.view-tab-right .view-tab-apis-json{margin-left:0}.browse-mode-toggle{background:var(--bg-hover);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px;display:flex}.browse-mode-btn{border-radius:var(--radius-full);color:var(--text-dim);font-size:.75rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000;padding:.3rem .75rem;line-height:1.4}.browse-mode-btn:hover{color:var(--text-secondary)}.browse-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px #3ecf8e40}.quick-picks-section{text-align:center;margin-bottom:2rem}.quick-picks-title{color:var(--text);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.quick-picks-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.quick-picks-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:.5rem;max-width:640px;margin:0 auto;display:grid}.quick-pick-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-family:var(--font-sans);text-align:left;color:var(--text);align-items:center;gap:.625rem;padding:.75rem;display:flex}.quick-pick-card:hover{border-color:var(--primary);background:var(--primary-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-pick-icon{background:var(--bg-hover);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex}.quick-pick-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.quick-pick-info strong{color:var(--text);font-size:.8125rem;font-weight:600}.quick-pick-info span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;overflow:hidden}.quick-pick-arrow{color:var(--text-dim);transition:all var(--transition);flex-shrink:0;font-size:.875rem}.quick-pick-card:hover .quick-pick-arrow{color:var(--primary);transform:translate(2px)}.editor-choice-badge{background:var(--gradient);color:#fff;letter-spacing:.03em;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-transform:uppercase;z-index:2;padding:.2rem .6rem .25rem;font-size:.625rem;font-weight:700;position:absolute;top:-1px;right:16px;box-shadow:0 2px 6px #3ecf8e40}.pick-result-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:1;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex;position:relative}.pick-back-btn{background:var(--primary-bg);border-radius:var(--radius-full);color:var(--primary);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:1px solid #3ecf8e33;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex}.pick-back-btn:hover{background:var(--primary-bg-hover);border-color:var(--primary)}.pick-result-info{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.pick-result-icon{flex-shrink:0;font-size:1.375rem}.pick-result-info strong{color:var(--text);font-size:.9375rem}.pick-result-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.guided-category-section{margin-bottom:1.5rem}.guided-category-header{z-index:1;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.guided-category-name{color:var(--text);font-size:1rem;font-weight:700}.guided-category-count{color:var(--text-dim);font-size:.75rem;font-weight:500}.show-more-btn{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);width:100%;color:var(--primary);font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);margin-top:.5rem;padding:.625rem;display:block}.show-more-btn:hover{background:var(--primary-bg);border-color:var(--primary)}.show-more-btn.collapsed{color:var(--text-muted);border-style:solid}.show-more-btn.collapsed:hover{color:var(--text-secondary);background:var(--bg-hover)}@media (width<=768px){.browse-mode-toggle{gap:1px}.browse-mode-btn{padding:.25rem .5rem;font-size:.6875rem}.quick-picks-grid{grid-template-columns:1fr;max-width:100%}.pick-result-header{flex-wrap:wrap;gap:.625rem;padding:.625rem}.pick-result-desc{display:none}.view-tab-right{gap:.375rem}}@media (width<=480px){.browse-mode-btn{padding:.2rem .4rem;font-size:.625rem}.quick-pick-card{padding:.625rem}.quick-pick-info strong{font-size:.75rem}}.ai-chat-container{z-index:1;flex-direction:column;max-height:calc(100vh - 200px);padding-top:1rem;display:flex;position:relative}.ai-chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1rem 0;display:flex;overflow-y:auto}.ai-msg{gap:.75rem;max-width:85%;display:flex}.ai-msg-user{flex-direction:row-reverse;align-self:flex-end}.ai-msg-avatar{border-radius:var(--radius);background:var(--bg-hover);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.ai-msg-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.75rem 1rem;line-height:1.6}.ai-msg-user .ai-msg-bubble{background:var(--primary-bg);border-color:#3ecf8e33}.ai-msg-content{color:var(--text-secondary);word-break:break-word;font-size:.875rem}.ai-msg-content strong{color:var(--text);font-weight:600}.ai-msg-content code{background:var(--bg-hover);font-size:.8125rem;font-family:var(--font-mono);color:var(--primary);border-radius:4px;padding:.1rem .35rem}.ai-msg-content pre{border:1px solid var(--border);border-radius:var(--radius);background:#161b22;margin:.5rem 0;padding:.75rem;overflow-x:auto}body.light .ai-msg-content pre{background:#f6f8fa}.ai-msg-content pre code{color:#e6edf3;background:0 0;padding:0;font-size:.8125rem;line-height:1.7}body.light .ai-msg-content pre code{color:#24292f}.ai-typing{gap:4px;padding:.5rem 0;display:flex}.ai-typing span{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing-bounce}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-chat-suggestions{flex-wrap:wrap;gap:.5rem;padding:0 0 .75rem;display:flex}.ai-suggestion{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);padding:.375rem .75rem;font-weight:500}.ai-suggestion:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.ai-chat-input{border-top:1px solid var(--border);align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 0;display:flex}.ai-input-icon{color:var(--text-dim);flex-shrink:0;font-size:1rem}.ai-chat-input input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition);outline:none;flex:1;padding:.625rem .875rem}.ai-chat-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.ai-chat-input input::placeholder{color:var(--text-dim)}.ai-send-btn{white-space:nowrap;padding:.625rem 1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding-overlay{z-index:400;background:#000000b3;animation:.2s fadeIn;position:fixed;inset:0}.onboarding-tooltip{z-index:401;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);padding:1rem 1.25rem;animation:.25s fadeIn;position:fixed}.onboarding-tooltip:after{content:"";background:var(--bg-secondary);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.onboarding-tooltip-title{color:var(--text);margin-bottom:.375rem;font-size:.9375rem;font-weight:700}.onboarding-tooltip-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.8125rem;line-height:1.5}.onboarding-tooltip-footer{justify-content:space-between;align-items:center;display:flex}.onboarding-tooltip-step{color:var(--text-dim);font-size:.75rem;font-weight:500}.onboarding-tooltip-btn{background:var(--primary);border-radius:var(--radius-full);color:#fff;font-size:.8125rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);border:none;padding:.375rem 1rem}.onboarding-tooltip-btn:hover{background:var(--primary-hover)}.history-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:350;background:#0009;justify-content:flex-end;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.history-panel{background:var(--bg-secondary);border-left:1px solid var(--border);border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;width:420px;max-width:100vw;height:100vh;max-height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) slideRight;display:flex;overflow:hidden;box-shadow:-8px 0 24px #0003}.history-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.history-header h2{font-size:1.125rem;font-weight:700}.history-header-actions{align-items:center;gap:.5rem;display:flex}.history-search{border-bottom:1px solid var(--border);flex-shrink:0;padding:.75rem 1.5rem;position:relative}.history-search .search-icon{font-size:.8125rem;left:2.125rem}.history-search input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:.8125rem;font-family:var(--font-sans);transition:border-color var(--transition);outline:none;padding:.5rem 1rem .5rem 2.25rem}.history-search input:focus{border-color:var(--primary)}.history-search input::placeholder{color:var(--text-dim)}.history-stats{color:var(--text-dim);flex-shrink:0;padding:.5rem 1.5rem;font-size:.75rem}.history-list{flex:1;padding:.5rem;overflow-y:auto}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}.history-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;display:flex}.history-empty p{font-size:.875rem}.history-item{border-radius:var(--radius);cursor:pointer;width:100%;transition:all var(--transition);text-align:left;font-family:var(--font-sans);color:var(--text);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.history-item:hover{background:var(--bg-hover);border-color:var(--border)}.history-item:active{background:var(--bg-card-hover)}.history-item-left{flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.history-item-icon{background:var(--bg-hover);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.125rem;display:flex}.history-item-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.history-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.history-item-url{color:var(--text-dim);font-size:.6875rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.history-item-status{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);border-radius:var(--radius-sm);padding:.1rem .375rem}.history-item-status.success{background:var(--success-bg);color:var(--success)}.history-item-status.error{background:var(--error-bg);color:var(--error)}.history-item-time{color:var(--text-muted);font-size:.6875rem;font-family:var(--font-mono);font-weight:500}.history-item-date{color:var(--text-dim);white-space:nowrap;font-size:.6875rem}@media (width<=768px){.history-panel{border-radius:0;width:100vw}}@media (width<=480px){.history-item-url,.history-item-date{display:none}}#root{width:100%;margin:0;padding:0}