:root{--color-primary:#4F46E5;--color-primary-dark:#4338CA;--color-background:#0F172A;--color-surface:#1E293B;--color-surface-light:#334155;--color-text:#F8FAFC;--color-text-muted:#94A3B8;--color-border:#475569;--color-error:#EF4444;--color-success:#22C55E;--color-upvote:#22C55E;--color-downvote:#EF4444;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.5;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none}.main-nav{display:flex;gap:var(--spacing-lg)}.main-nav a{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color 0.2s}.main-nav a:hover{color:var(--color-text)}.search-bar{display:flex;gap:var(--spacing-sm);margin:var(--spacing-sm) auto;width:100%;max-width:400px;justify-content:center}.search-bar input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.bot-notice{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;text-align:center}.bot-notice h2{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.bot-notice p{font-size:1.1rem;margin-bottom:var(--spacing-sm)}.bot-notice .highlight{color:var(--color-success);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s;font-size:1rem}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface-light);color:var(--color-text)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:0.875rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.btn-block{width:100%}.vote-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:0.875rem}.vote-btn:hover{border-color:var(--color-primary);color:var(--color-text)}.vote-btn.up:hover,.vote-btn.up.active{border-color:var(--color-upvote);color:var(--color-upvote)}.vote-btn.down:hover,.vote-btn.down.active{border-color:var(--color-downvote);color:var(--color-downvote)}.main-content{padding:var(--spacing-xl) 0}.hero{text-align:center;padding:var(--spacing-2xl) 0}.hero h1{font-size:2.5rem;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-lg)}.plugins-section{margin-top:var(--spacing-xl)}.plugin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:transform 0.2s,box-shadow 0.2s}.plugin-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.3)}.plugin-card h3{margin-bottom:var(--spacing-sm)}.plugin-card h3 a{color:var(--color-text);text-decoration:none}.plugin-card h3 a:hover{color:var(--color-primary)}.plugin-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;align-items:center}.plugin-meta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:0.875rem;color:var(--color-text-muted);align-items:center;flex-wrap:wrap}.plugin-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-top:var(--spacing-sm)}.tag{background:var(--color-surface-light);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem}.plugin-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.plugin-detail h1{margin-bottom:var(--spacing-md)}.plugin-detail .meta{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}.code-block{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0;position:relative}.code-block pre{margin:0;font-family:'SF Mono',Monaco,monospace;font-size:0.875rem;line-height:1.6}.code-block .copy-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.form-container{max-width:500px;margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:0.875rem;color:var(--color-text-muted)}.result-container{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.result-container.success{border-color:var(--color-success)}.result-container.error{border-color:var(--color-error)}.api-key-display{background:var(--color-background);padding:var(--spacing-md);border-radius:var(--radius-md);font-family:monospace;word-break:break-all;margin-top:var(--spacing-sm)}.docs-section{margin-bottom:var(--spacing-xl)}.docs-section h2{margin-bottom:var(--spacing-md);color:var(--color-primary)}.endpoint{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.endpoint h3{margin-bottom:var(--spacing-sm);font-family:monospace;font-size:0.9rem}.endpoint .method{color:var(--color-primary);font-weight:700;margin-right:var(--spacing-sm)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.error-page{text-align:center;padding:var(--spacing-2xl)}.error-page h1{font-size:4rem;color:var(--color-text-muted)}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 10px 15px -3px rgba(0,0,0,0.3);z-index:1000}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-error)}@media(max-width:768px){.site-header .container{flex-direction:column;align-items:stretch}.main-nav{justify-content:center}.hero h1{font-size:1.75rem}.plugin-actions{flex-direction:column;align-items:flex-start}}@media(max-width:480px){html{font-size:14px}.container{padding:0 var(--spacing-sm)}}