.site-header{position:sticky;top:0;z-index:100;background-color:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);width:100%;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--space-4)}.header-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);font-family:var(--font-sans);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight);flex-shrink:0;transition:transform var(--transition-fast)}.header-brand:hover{transform:translateY(-1px)}.brand-icon{width:32px;height:32px;background:var(--gradient-accent);background-size:200% 200%;color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);font-family:var(--font-mono);box-shadow:0 0 16px #38bdf859;transition:all var(--transition-smooth)}.header-brand:hover .brand-icon{transform:rotate(-4deg) scale(1.06);box-shadow:0 0 24px #38bdf899}.brand-text{color:var(--color-text-primary);font-weight:var(--font-weight-bold);transition:color var(--transition-fast)}.header-brand:hover .brand-text{color:var(--color-accent-hover)}.header-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;padding:.45rem .85rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-radius:var(--radius-full);border:1px solid transparent;transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover);border-color:var(--border-glass)}.nav-link.active{color:var(--color-accent);background:var(--gradient-accent-subtle);border-color:var(--color-accent-border);box-shadow:0 0 12px #38bdf826}.header-search{flex:1;max-width:320px;position:relative;display:flex;align-items:center}.search-input-wrapper{width:100%;position:relative;display:flex;align-items:center}.search-icon-btn{position:absolute;left:var(--space-3);background:none;border:none;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);z-index:2}.search-icon-btn:hover{color:var(--color-accent-hover);transform:scale(1.1)}.header-search-input{width:100%;padding-left:2.5rem;padding-right:var(--space-3);padding-top:.45rem;padding-bottom:.45rem;font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--color-text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal)}.header-search-input:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.header-search-input:focus{outline:none;border-color:var(--color-accent-hover);background-color:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 16px var(--color-accent-subtle)}.header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background-color:var(--color-bg-secondary);border:1px solid var(--border-glass);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{color:var(--color-accent);border-color:var(--color-accent-border);background-color:var(--color-bg-elevated);transform:rotate(15deg) scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.sun-icon{color:#f59e0b}.moon-icon{color:#3b82f6}.mobile-menu-toggle{display:none;background:var(--color-bg-secondary);border:1px solid var(--border-glass);color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{color:var(--color-text-primary);border-color:var(--border-glass-hover);background-color:var(--color-bg-elevated)}.mobile-nav-drawer{display:none;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.mobile-theme-toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);border:1px solid var(--border-glass);color:var(--color-text-primary);cursor:pointer;margin-top:var(--space-2);transition:all var(--transition-fast)}.mobile-theme-toggle:hover{border-color:var(--color-accent);background-color:var(--color-bg-hover)}@media (max-width: 767px){.header-nav,.header-search{display:none}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.theme-toggle-btn{width:36px;height:36px}.mobile-menu-toggle{display:flex;width:36px;height:36px;padding:0}.mobile-nav-drawer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--surface-glass-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass)}.mobile-nav-drawer .nav-link{width:100%;padding:var(--space-3);font-size:var(--font-size-base);border-radius:var(--radius-md)}}.site-footer{margin-top:auto;background-color:var(--color-bg-secondary);border-top:1px solid var(--border-glass);padding:var(--space-12) 0 var(--space-8);width:100%;position:relative;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.site-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:500px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.4}.footer-inner{display:flex;flex-direction:column;gap:var(--space-8)}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-1)}.footer-brand-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-nav{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.footer-link:hover{color:var(--color-accent);transform:translateY(-1px)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){.footer-top{flex-direction:column;align-items:flex-start}.footer-nav{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-bottom{flex-direction:column;align-items:flex-start}}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:clip;background-color:var(--color-bg);color:var(--color-text-primary)}.app-main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:clip}.before-after-slider{position:relative;width:100%;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;background-color:var(--color-bg-secondary);cursor:ew-resize;contain:layout paint}.before-after-slider.is-dragging{cursor:grabbing}.before-after-slider.is-dragging *{pointer-events:none}.before-after-slider.card{aspect-ratio:16 / 9;border-bottom:1px solid var(--border-glass)}.before-after-slider.detail{aspect-ratio:16 / 9;max-height:520px;border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:0 12px 40px -4px #000000b3,0 0 30px #38bdf826}.slider-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-elevated)}.slider-layer.layer-before{z-index:1}.slider-layer.layer-after{z-index:2;will-change:clip-path}.slider-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .6s cubic-bezier(.16,1,.3,1)}.before-after-slider:hover .slider-img{transform:scale(1.02)}.slider-label{position:absolute;top:var(--space-3);z-index:4;font-size:.6875rem;font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;padding:.25rem .65rem;border-radius:var(--radius-sm);pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 4px 12px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--transition-fast),opacity var(--transition-fast)}.slider-label.label-before{left:var(--space-3);background:#0d1117d9;color:#e2e8f0;border:1px solid rgba(255,255,255,.18)}.slider-label.label-after{right:var(--space-3);background:#0ea5e9e0;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 16px #0ea5e966}.slider-divider{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#38bdf84d,#fffffff2,#8b5cf64d);z-index:5;transform:translate(-50%);pointer-events:none;box-shadow:0 0 14px #38bdf8cc,0 0 4px #fff;will-change:left}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:var(--radius-full);background:#0d1117eb;border:2px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;gap:1px;pointer-events:auto;cursor:grab;box-shadow:0 0 16px #38bdf880,0 4px 16px #000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);animation:pulseGlow 3s ease-in-out infinite}.before-after-slider.is-dragging .slider-handle{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);background:var(--gradient-accent);border-color:#fff;box-shadow:0 0 28px #38bdf8e6,0 6px 20px #000c;animation:none}.slider-handle:hover{background:var(--gradient-accent);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 24px #38bdf8cc}.slider-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #38bdf8,0 0 28px #38bdf8cc}.handle-arrow-icon{width:11px;height:11px;stroke:currentColor;stroke-width:2.8;pointer-events:none;flex-shrink:0}.before-after-slider.detail .slider-handle{width:42px;height:42px}.before-after-slider.detail .handle-arrow-icon{width:13px;height:13px}.slider-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-muted);padding:var(--space-4);text-align:center;gap:var(--space-2)}.slider-fallback-icon{width:32px;height:32px;color:var(--color-text-muted);opacity:.7}.slider-fallback-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}@media (max-width: 767px){.before-after-slider.detail{aspect-ratio:16 / 10;border-radius:var(--radius-xl)}.slider-label{top:var(--space-2);font-size:.625rem;padding:.18rem .5rem}.slider-label.label-before{left:var(--space-2)}.slider-label.label-after{right:var(--space-2)}.slider-handle{width:32px;height:32px}.before-after-slider.detail .slider-handle{width:36px;height:36px}.handle-arrow-icon{width:10px;height:10px}}@media (prefers-reduced-motion: reduce){.slider-handle{animation:none!important}.slider-layer.layer-after,.slider-divider{transition:none!important}}.prompt-card{display:flex;flex-direction:column;background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);height:100%;position:relative;box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.prompt-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.prompt-card-media{width:100%;position:relative;background-color:var(--color-bg-secondary)}.prompt-card-body{display:flex;flex-direction:column;flex:1;padding:1.15rem;gap:.6rem}.prompt-card-title{font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--color-text-primary);margin:0}.prompt-card-title-link{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast);display:inline-block}.prompt-card-title-link:hover{color:var(--color-accent)}.prompt-card-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.5em}.prompt-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}.prompt-card-category{font-size:.725rem;padding:.18rem .6rem;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast)}.prompt-card-category:hover{background:var(--gradient-accent);color:#fff;border-color:#ffffff4d;box-shadow:0 0 10px var(--color-accent-subtle);transform:translateY(-1px)}.prompt-card-tag{font-size:.725rem;color:var(--color-text-muted);text-decoration:none;padding:.15rem .45rem;border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);transition:all var(--transition-fast)}.prompt-card-tag:hover{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-subtle)}.prompt-card-footer{margin-top:auto;padding-top:.65rem;border-top:1px solid var(--color-border-subtle)}.copy-btn{width:100%;min-height:40px;font-size:.85rem;font-weight:600;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.copy-btn:active{transform:scale(.97)}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669);border-color:#ffffff40;color:#fff;box-shadow:0 0 14px #10b98159;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}@media (max-width: 640px){.prompt-card{border-radius:var(--radius-lg)}.prompt-card-body{padding:1rem;gap:.5rem}.prompt-card-title{font-size:1rem}.prompt-card-desc{font-size:.8125rem;min-height:auto}.copy-btn{min-height:42px;font-size:.8125rem}}.ad-placeholder-container{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;margin:var(--space-6) auto;contain:layout style}.ad-placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;width:100%;height:100%;box-sizing:border-box;transition:border-color var(--transition-fast)}.ad-label{font-size:.65rem;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.ad-placeholder-container.leaderboard{max-width:970px;min-height:90px}.ad-placeholder-container.leaderboard .ad-placeholder-inner{min-height:90px}.ad-placeholder-container.in-feed{width:100%;min-height:110px}.ad-placeholder-container.in-feed .ad-placeholder-inner{min-height:110px}.ad-placeholder-container.rectangle{max-width:336px;min-height:250px}.ad-placeholder-container.rectangle .ad-placeholder-inner{min-height:250px}.ad-placeholder-container.banner{max-width:728px;min-height:70px}.ad-placeholder-container.banner .ad-placeholder-inner{min-height:70px}@media (max-width: 767px){.ad-placeholder-container{margin:var(--space-4) auto}.ad-placeholder-container.leaderboard,.ad-placeholder-container.leaderboard .ad-placeholder-inner{min-height:70px}.ad-placeholder-container.in-feed,.ad-placeholder-container.in-feed .ad-placeholder-inner{min-height:90px}}.home-page{padding-bottom:var(--space-16);position:relative;overflow:hidden}.home-page:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:620px;background:var(--gradient-glow);pointer-events:none;z-index:0}.hero-section{position:relative;z-index:1;padding:var(--space-16) 0 var(--space-10);text-align:center}.hero-badge-wrapper{margin-bottom:var(--space-5);display:flex;justify-content:center;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.hero-headline{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:var(--font-weight-extrabold);line-height:1.15;letter-spacing:-.035em;color:var(--color-text-primary);max-width:880px;margin:0 auto var(--space-5);animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) .1s both}.hero-headline span{background:var(--gradient-accent);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:gradientShift 6s ease infinite}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:620px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed);animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .2s both}.hero-search-form{max-width:680px;width:100%;margin:0 auto;position:relative;display:flex;align-items:center;background:var(--surface-glass);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:5px 6px 5px 18px;box-shadow:var(--shadow-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-normal);animation:fadeInUp .9s cubic-bezier(.16,1,.3,1) .3s both;box-sizing:border-box}.hero-search-form:hover{border-color:var(--border-glass-hover);background:var(--surface-glass-elevated);box-shadow:var(--shadow-lg)}.hero-search-form:focus-within{border-color:var(--color-accent);background:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-accent-subtle),var(--shadow-glow)}.hero-search-icon{color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center;flex-shrink:0;margin-right:12px;transition:color var(--transition-fast)}.hero-search-form:focus-within .hero-search-icon{color:var(--color-accent)}.hero-search-input{flex:1;min-width:0;width:100%;padding:10px 4px;font-size:1rem;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:var(--color-text-primary);font-family:var(--font-sans)}.hero-search-input:focus,.hero-search-input:focus-visible{outline:none!important;box-shadow:none!important;border:none!important}.hero-search-input::placeholder{color:var(--color-text-muted);font-size:.9375rem}.hero-search-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:#fff;background:var(--gradient-accent);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 10px #2563eb59;transition:all var(--transition-fast)}.hero-search-btn:hover{box-shadow:0 4px 16px #2563eb80;transform:translateY(-1px)}.hero-search-btn:active{transform:translateY(0) scale(.97)}.hero-search-btn-icon{transition:transform var(--transition-fast)}.hero-search-btn:hover .hero-search-btn-icon{transform:translate(2px)}.hero-quick-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) .4s both}.quick-tags-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.quick-tag-chip{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast)}.quick-tag-chip:hover{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-subtle);box-shadow:0 0 12px var(--color-accent-subtle);transform:translateY(-2px)}.quick-tag-chip:active{transform:translateY(0) scale(.96)}.categories-section{position:relative;z-index:1;padding:var(--space-4) 0 var(--space-8)}.categories-scroll{display:flex;align-items:center;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:wrap}.categories-scroll::-webkit-scrollbar{display:none}.category-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.55rem 1.15rem;background:var(--color-bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.category-chip:hover{border-color:var(--color-accent);background:var(--color-bg-hover);box-shadow:var(--shadow-md),0 0 16px var(--color-accent-subtle);transform:translateY(-3px);color:var(--color-accent)}.category-chip:active{transform:translateY(-1px) scale(.97)}.category-chip-icon{font-size:1.1rem;transition:transform var(--transition-bounce)}.category-chip:hover .category-chip-icon{transform:scale(1.2) rotate(6deg)}.category-chip-name{color:inherit}.empty-section-card{text-align:center;padding:var(--space-10);background:var(--gradient-card);border:1px dashed var(--border-glass);border-radius:var(--radius-xl)}.prompts-section{position:relative;z-index:1;padding:var(--space-8) 0}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.prompts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media (min-width: 1400px){.prompts-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1023px){.prompts-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width: 767px){.home-page:before{height:420px}}@media (max-width: 640px){.hero-section{padding:var(--space-10) 0 var(--space-6)}.hero-search-form{padding:5px 6px 5px 14px}.hero-search-icon{margin-right:8px}.hero-search-input{padding:8px 4px;font-size:var(--font-size-sm);min-width:0}.hero-search-btn{height:38px;padding:0 14px;font-size:var(--font-size-xs);gap:4px}.categories-scroll{justify-content:flex-start;flex-wrap:nowrap;padding:var(--space-2) var(--space-2) var(--space-3);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.prompts-grid{grid-template-columns:1fr;gap:var(--space-6)}.section-header{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.section-title{font-size:var(--font-size-xl)}.section-subtitle{font-size:var(--font-size-xs)}}@media (max-width: 420px){.hero-search-form{padding:4px 5px 4px 12px}.hero-search-btn{height:36px;padding:0 12px;font-size:var(--font-size-xs)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.search-page{padding-bottom:var(--space-16);position:relative}.search-header-box{background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-10);box-shadow:var(--shadow-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.search-page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-tight)}.search-page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.search-form-container{display:flex;gap:var(--space-3);position:relative;width:100%}.search-input-field-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-field-icon{position:absolute;left:var(--space-4);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center;transition:color var(--transition-fast)}.search-input-field-wrapper:focus-within .search-field-icon{color:var(--color-accent)}.search-page-input{width:100%;padding:.95rem var(--space-10) .95rem 3rem;font-size:var(--font-size-base);background-color:var(--color-bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-normal)}.search-page-input:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.search-page-input:focus{outline:none;border-color:var(--color-accent-hover);background-color:var(--color-bg-card);box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 20px var(--color-accent-subtle)}.search-clear-btn{position:absolute;right:var(--space-3);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-clear-btn:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover);transform:scale(1.1)}.search-submit-btn{padding:.85rem var(--space-8);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);flex-shrink:0}.search-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-glass)}.search-suggestions-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.suggestion-chip{background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--border-glass);padding:.3rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.suggestion-chip:hover{color:var(--color-accent);border-color:var(--color-accent-border);background:var(--color-accent-subtle);transform:translateY(-2px);box-shadow:0 0 10px var(--color-accent-subtle)}.results-status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-glass)}.results-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.results-highlight{color:var(--color-accent)}.results-count-badge{font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--surface-glass);padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid var(--border-glass)}.search-empty-state{text-align:center;padding:var(--space-16) var(--space-6);background:var(--gradient-card);border:1px dashed var(--border-glass);border-radius:var(--radius-2xl);margin:var(--space-8) 0;box-shadow:var(--shadow-card)}.search-empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;opacity:.8}.search-empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.search-empty-message{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:500px;margin:0 auto var(--space-6);line-height:var(--line-height-relaxed)}.search-empty-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 767px){.search-header-box{padding:var(--space-5)}.search-page-title{font-size:var(--font-size-xl)}.search-form-container{flex-direction:column}.search-submit-btn{width:100%}.results-status-bar{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.prompt-detail-page{padding-top:var(--space-6);padding-bottom:var(--space-16);position:relative}.prompt-detail-page:before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:500px;background:var(--gradient-glow);pointer-events:none;z-index:0}.breadcrumb-nav{margin-bottom:var(--space-5);position:relative;z-index:1;max-width:920px;margin-left:auto;margin-right:auto}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);list-style:none;font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);padding:.2rem .5rem;border-radius:var(--radius-sm)}.breadcrumb-item a:hover{color:var(--color-accent);background:var(--color-accent-subtle)}.breadcrumb-separator{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;opacity:.6}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;padding:.2rem .5rem}.prompt-detail-header{margin-bottom:var(--space-6);position:relative;z-index:1;max-width:920px;margin-left:auto;margin-right:auto}.prompt-detail-title{font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:-.025em;color:var(--color-text-primary);margin-bottom:var(--space-2)}.prompt-detail-desc{font-size:1rem;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:820px}.comparison-section,.prompt-box-section{margin-bottom:var(--space-8);position:relative;z-index:1;max-width:920px;margin-left:auto;margin-right:auto}.prompt-box-card{background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.prompt-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-3)}.prompt-box-label{font-size:.9375rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.prompt-text-display{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;font-family:var(--font-mono);font-size:.875rem;line-height:1.65;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;-webkit-user-select:all;user-select:all;box-shadow:inset 0 2px 6px #0000000d}[data-theme=dark] .prompt-text-display{background:#0d1117f2;box-shadow:inset 0 2px 8px #0009}.prompt-copy-btn-large{min-height:40px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.prompt-copy-btn-large.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b98166}.meta-section{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1;max-width:920px;margin-left:auto;margin-right:auto}.meta-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.tags-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--border-glass);color:var(--color-text-secondary);text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast)}.tag-chip:hover{border-color:var(--color-accent-border);background:var(--color-accent-subtle);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 0 12px var(--color-accent-subtle)}.related-section{margin-top:var(--space-12);position:relative;z-index:1}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-6)}.prompt-not-found{text-align:center;padding:var(--space-16) var(--space-4);max-width:600px;margin:0 auto}.not-found-icon{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-warning);display:flex;align-items:center;justify-content:center}@media (max-width: 1023px){.related-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width: 767px){.prompt-detail-page:before{height:340px}.prompt-box-card{padding:var(--space-4)}.related-grid{grid-template-columns:1fr}.prompt-box-header{flex-direction:column;align-items:stretch}.prompt-copy-btn-large{width:100%}}:root,[data-theme=dark]{--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-bg-card: #161b22;--color-bg-elevated: #21262d;--color-bg-hover: #1f242c;--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-inverse: #0d1117;--color-border: #30363d;--color-border-subtle: #21262d;--color-border-hover: #58a6ff;--color-accent: #2f81f7;--color-accent-hover: #58a6ff;--color-accent-active: #1f6feb;--color-accent-subtle: rgba(56, 139, 253, .12);--color-accent-border: rgba(56, 139, 253, .35);--gradient-accent: linear-gradient(135deg, #38bdf8 0%, #3b82f6 50%, #8b5cf6 100%);--gradient-accent-subtle: linear-gradient(135deg, rgba(56, 189, 248, .15) 0%, rgba(59, 130, 246, .15) 50%, rgba(139, 92, 246, .15) 100%);--gradient-glow: radial-gradient(ellipse 70% 550px at 50% 0%, rgba(56, 189, 248, .12) 0%, rgba(139, 92, 246, .04) 40%, rgba(139, 92, 246, 0) 75%);--gradient-card: linear-gradient(180deg, rgba(33, 38, 45, .6) 0%, rgba(22, 27, 34, .85) 100%);--gradient-border: linear-gradient(180deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .02) 100%);--surface-glass: rgba(22, 27, 34, .78);--surface-glass-elevated: rgba(33, 38, 45, .85);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(88, 166, 255, .4);--color-success: #3fb950;--color-success-hover: #2ea043;--color-success-subtle: rgba(63, 185, 80, .12);--color-success-border: rgba(63, 185, 80, .35);--color-warning: #d29922;--color-warning-hover: #bb8009;--color-warning-subtle: rgba(210, 153, 34, .12);--color-warning-border: rgba(210, 153, 34, .35);--color-error: #f85149;--color-error-hover: #da3633;--color-error-subtle: rgba(248, 81, 73, .12);--color-error-border: rgba(248, 81, 73, .35);--color-focus-ring: #58a6ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .65);--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-card-hover: 0 14px 36px -4px rgba(0, 0, 0, .7), 0 0 24px rgba(56, 139, 253, .16);--shadow-glow: 0 0 25px rgba(56, 139, 253, .25);--shadow-glow-accent: 0 0 35px rgba(56, 189, 248, .35)}[data-theme=light]{--color-bg: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-card: #ffffff;--color-bg-elevated: #f1f5f9;--color-bg-hover: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-hover: #2563eb;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-active: #1e40af;--color-accent-subtle: rgba(37, 99, 235, .08);--color-accent-border: rgba(37, 99, 235, .25);--gradient-accent: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #7c3aed 100%);--gradient-accent-subtle: linear-gradient(135deg, rgba(2, 132, 199, .08) 0%, rgba(37, 99, 235, .08) 50%, rgba(124, 58, 237, .08) 100%);--gradient-glow: radial-gradient(ellipse 70% 550px at 50% 0%, rgba(37, 99, 235, .08) 0%, rgba(124, 58, 237, .02) 40%, rgba(124, 58, 237, 0) 75%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--gradient-border: linear-gradient(180deg, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .02) 100%);--surface-glass: rgba(255, 255, 255, .82);--surface-glass-elevated: rgba(255, 255, 255, .95);--border-glass: rgba(0, 0, 0, .08);--border-glass-hover: rgba(37, 99, 235, .3);--color-success: #16a34a;--color-success-hover: #15803d;--color-success-subtle: rgba(22, 163, 74, .1);--color-success-border: rgba(22, 163, 74, .3);--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-subtle: rgba(217, 119, 6, .1);--color-warning-border: rgba(217, 119, 6, .3);--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-subtle: rgba(220, 38, 38, .1);--color-error-border: rgba(220, 38, 38, .3);--color-focus-ring: #2563eb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 14px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .09);--shadow-card: 0 2px 10px rgba(0, 0, 0, .04);--shadow-card-hover: 0 12px 28px -4px rgba(0, 0, 0, .1), 0 0 16px rgba(37, 99, 235, .08);--shadow-glow: 0 0 25px rgba(37, 99, 235, .12);--shadow-glow-accent: 0 0 35px rgba(2, 132, 199, .16)}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .03em;--letter-spacing-wider: .06em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .25s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--container-max-width: 1200px;--container-padding: 1.5rem}@media (max-width: 767px){:root{--container-padding: 1rem;--font-size-4xl: 1.875rem;--font-size-5xl: 2.25rem}}@media (max-width: 480px){:root{--container-padding: .875rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem}}@media (min-width: 1440px){:root{--container-max-width: 1320px;--container-padding: 2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;width:100%;max-width:100vw;overflow-x:clip}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;border:none;background:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1,.text-page-title{font-family:var(--font-sans);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h2,.text-section-title{font-family:var(--font-sans);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h3,.text-card-title{font-family:var(--font-sans);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text-primary)}h4,.text-subtitle{font-family:var(--font-sans);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-secondary)}p,.text-body{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary)}small,.text-small{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-muted)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-muted)}label,.text-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.text-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}code,pre,.text-mono{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--color-bg-elevated);color:var(--color-accent-hover);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}pre{background-color:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto;line-height:var(--line-height-relaxed)}pre code{background-color:transparent;color:inherit;padding:0;border:none}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{width:100%;max-width:768px;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-wide{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-8);padding-bottom:var(--space-8)}@media (min-width: 768px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #38bdf866,0 0 24px #3b82f633}50%{box-shadow:0 0 20px #38bdf8b3,0 0 36px #8b5cf659}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-normal);text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:relative;overflow:hidden;cursor:pointer}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--gradient-accent);background-size:200% 200%;color:#fff;border-color:#ffffff26;box-shadow:0 2px 10px #38bdf840,0 0 20px #3b82f626}.btn-primary:hover:not(:disabled){background-position:100% 0;box-shadow:0 4px 18px #38bdf873,0 0 28px #8b5cf64d;transform:translateY(-1.5px);border-color:#ffffff4d}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.97)}.btn-secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){background-color:var(--color-bg-secondary);transform:translateY(0) scale(.97)}.btn-outline{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){border-color:var(--color-border-hover);background-color:var(--color-accent-subtle);color:var(--color-accent-hover);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-elevated);color:var(--color-text-primary);transform:translateY(-1px)}.btn-sm{padding:.35rem .75rem;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold)}.card{background:var(--gradient-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-smooth);position:relative}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.25rem .65rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid var(--border-glass);background-color:var(--color-bg-elevated);color:var(--color-text-secondary);line-height:1.2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast)}.badge-accent{background:var(--gradient-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-subtle)}.badge-success{background-color:var(--color-success-subtle);border-color:var(--color-success-border);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-subtle);border-color:var(--color-warning-border);color:var(--color-warning)}.badge-error{background-color:var(--color-error-subtle);border-color:var(--color-error-border);color:var(--color-error)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-normal)}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled){border-color:var(--color-border-hover);background-color:var(--color-bg-elevated)}.input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-subtle),0 0 15px var(--color-accent-subtle);background-color:var(--color-bg-card)}.prompt-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;position:relative;box-shadow:inset 0 2px 6px #0000000d}[data-theme=dark] .prompt-box{background-color:#0d1117e6;box-shadow:inset 0 2px 6px #0006}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}