.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.65rem 1.35rem;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);line-height:1.25;min-height:44px;user-select:none;letter-spacing:-.01em}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-primary);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 14px 0 rgba(37,99,235,.35)}.btn-primary:hover{background:var(--gradient-primary-hover);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 20px 0 rgba(37,99,235,.45);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);box-shadow:0 1px 2px rgba(15,23,42,.04)}.btn-secondary:hover{background-color:var(--bg-surface-subtle);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-1px)}.btn-outline{background:0 0;border:1px solid var(--border-medium);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-surface-subtle);color:var(--primary-600);border-color:var(--primary-500);transform:translateY(-1px)}.btn-sm{padding:.4rem .85rem;font-size:var(--text-xs);min-height:34px}.btn-lg{padding:.85rem 1.85rem;font-size:var(--text-base);min-height:52px;border-radius:var(--radius-lg)}.btn-block{width:100%}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.form-label .optional{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.form-control,.form-select{width:100%;padding:.7rem .95rem;font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);appearance:none}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.2em 1.2em;padding-right:2.75rem;cursor:pointer}.form-control:focus,.form-select:focus{background-color:var(--bg-input-focus);border-color:var(--primary-600);box-shadow:var(--shadow-focus);outline:0}.form-control.is-invalid{border-color:var(--danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 4px var(--danger-border)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-1);display:none}.form-error.visible{display:block}.input-group{display:flex;position:relative;width:100%}.input-group .form-control{position:relative;flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon{display:flex;align-items:center;padding:0 1rem;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background-color:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-left:0;border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);user-select:none}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.tool-card{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:var(--space-6);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);position:relative;height:100%;box-shadow:var(--shadow-xs);overflow:hidden}.tool-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px -8px rgba(37,99,235,.16),0 4px 12px -2px rgba(15,23,42,.05);border-color:rgba(37,99,235,.35);text-decoration:none}.tool-card:hover::after{opacity:1}[data-theme=dark] .tool-card:hover{border-color:rgba(56,189,248,.4);box-shadow:0 14px 32px -8px rgba(56,189,248,.18),0 4px 12px -2px rgba(0,0,0,.5)}.tool-card-icon{width:48px;height:48px;border-radius:14px;background:var(--gradient-subtle-blue);border:1px solid rgba(37,99,235,.15);color:var(--primary-600);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tool-card-icon svg{width:24px;height:24px;stroke-width:2px}[data-theme=dark] .tool-card-icon{background:rgba(56,189,248,.08);border-color:rgba(59,130,246,.25);color:var(--accent-400)}.tool-card:hover .tool-card-icon{transform:scale(1.08);background:var(--primary-600);border-color:var(--primary-600);color:#fff}[data-theme=dark] .tool-card:hover .tool-card-icon{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.tool-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.35;transition:color var(--transition-fast)}.tool-card:hover .tool-card-title{color:var(--primary-600)}[data-theme=dark] .tool-card:hover .tool-card-title{color:var(--accent-400)}.tool-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55;flex:1 1 auto;margin-bottom:var(--space-4)}.tool-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted)}.tool-card-action{color:var(--primary-600);font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:transform var(--transition-fast)}[data-theme=dark] .tool-card-action{color:var(--accent-400)}.tool-card:hover .tool-card-action{transform:translateX(4px)}.category-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:18px;padding:var(--space-5);text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.category-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:18px 18px 0 0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.category-card:hover{border-color:rgba(37,99,235,.35);box-shadow:0 10px 24px -6px rgba(37,99,235,.14),0 2px 6px -1px rgba(15,23,42,.04);transform:translateY(-3px);text-decoration:none}.category-card:hover::after{opacity:1}[data-theme=dark] .category-card:hover{border-color:rgba(56,189,248,.4);box-shadow:0 10px 24px -6px rgba(56,189,248,.18),0 2px 6px -1px rgba(0,0,0,.4)}.category-icon{width:48px;height:48px;border-radius:14px;background:var(--gradient-subtle-blue);border:1px solid rgba(37,99,235,.15);color:var(--primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.category-icon svg{width:24px;height:24px;stroke-width:2px}[data-theme=dark] .category-icon{background:rgba(56,189,248,.08);border-color:rgba(59,130,246,.25);color:var(--accent-400)}.category-card:hover .category-icon{transform:scale(1.08);background:var(--primary-600);border-color:var(--primary-600);color:#fff}[data-theme=dark] .category-card:hover .category-icon{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.category-info h3{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1) 0}.category-info p{font-size:var(--text-xs);color:var(--text-muted);margin:0}.category-header-icon{width:54px;height:54px;border-radius:14px;background:var(--gradient-subtle-blue);border:1px solid rgba(37,99,235,.15);display:flex;align-items:center;justify-content:center;color:var(--primary-600);flex-shrink:0;transition:transform var(--transition-fast)}[data-theme=dark] .category-header-icon{background:rgba(56,189,248,.08);border-color:rgba(59,130,246,.25);color:var(--accent-400)}.category-card[data-category=finance] .category-icon,.category-header-icon[data-category=finance],.tool-card-icon[data-category=finance],.tool-card[data-category=finance] .tool-card-icon{background:var(--blue-bg-soft);color:var(--primary-600);border-color:rgba(37,99,235,.22)}.category-card[data-category=finance]:hover .category-icon,.tool-card[data-category=finance]:hover .tool-card-icon{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.category-card[data-category=finance]::after,.tool-card[data-category=finance]::after{background:linear-gradient(90deg,#2563eb,#38bdf8)}[data-theme=dark] .category-card[data-category=finance] .category-icon,[data-theme=dark] .category-header-icon[data-category=finance],[data-theme=dark] .tool-card-icon[data-category=finance],[data-theme=dark] .tool-card[data-category=finance] .tool-card-icon{background:var(--blue-bg-soft);color:var(--accent-400);border-color:rgba(59,130,246,.3)}[data-theme=dark] .category-card[data-category=finance]:hover .category-icon,[data-theme=dark] .tool-card[data-category=finance]:hover .tool-card-icon{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.category-card[data-category=math] .category-icon,.category-header-icon[data-category=math],.tool-card-icon[data-category=math],.tool-card[data-category=math] .tool-card-icon{background:var(--violet-bg-soft);color:var(--violet-500);border-color:rgba(139,92,246,.22)}.category-card[data-category=math]:hover .category-icon,.tool-card[data-category=math]:hover .tool-card-icon{background:var(--violet-500);border-color:var(--violet-500);color:#fff}.category-card[data-category=math]::after,.tool-card[data-category=math]::after{background:linear-gradient(90deg,#8b5cf6,#a855f7)}[data-theme=dark] .category-card[data-category=math] .category-icon,[data-theme=dark] .category-header-icon[data-category=math],[data-theme=dark] .tool-card-icon[data-category=math],[data-theme=dark] .tool-card[data-category=math] .tool-card-icon{background:var(--violet-bg-soft);color:var(--violet-400);border-color:rgba(139,92,246,.3)}[data-theme=dark] .category-card[data-category=math]:hover .category-icon,[data-theme=dark] .tool-card[data-category=math]:hover .tool-card-icon{background:var(--violet-500);border-color:var(--violet-500);color:#fff}.category-card[data-category=health] .category-icon,.category-header-icon[data-category=health],.tool-card-icon[data-category=health],.tool-card[data-category=health] .tool-card-icon{background:var(--rose-bg-soft);color:var(--rose-500);border-color:rgba(244,63,94,.22)}.category-card[data-category=health]:hover .category-icon,.tool-card[data-category=health]:hover .tool-card-icon{background:var(--rose-500);border-color:var(--rose-500);color:#fff}.category-card[data-category=health]::after,.tool-card[data-category=health]::after{background:linear-gradient(90deg,#f43f5e,#fb7185)}[data-theme=dark] .category-card[data-category=health] .category-icon,[data-theme=dark] .category-header-icon[data-category=health],[data-theme=dark] .tool-card-icon[data-category=health],[data-theme=dark] .tool-card[data-category=health] .tool-card-icon{background:var(--rose-bg-soft);color:var(--rose-400);border-color:rgba(244,63,94,.3)}[data-theme=dark] .category-card[data-category=health]:hover .category-icon,[data-theme=dark] .tool-card[data-category=health]:hover .tool-card-icon{background:var(--rose-500);border-color:var(--rose-500);color:#fff}.category-card[data-category=datetime] .category-icon,.category-header-icon[data-category=datetime],.tool-card-icon[data-category=datetime],.tool-card[data-category=datetime] .tool-card-icon{background:var(--teal-bg-soft);color:var(--teal-500);border-color:rgba(20,184,166,.22)}.category-card[data-category=datetime]:hover .category-icon,.tool-card[data-category=datetime]:hover .tool-card-icon{background:var(--teal-500);border-color:var(--teal-500);color:#fff}.category-card[data-category=datetime]::after,.tool-card[data-category=datetime]::after{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}[data-theme=dark] .category-card[data-category=datetime] .category-icon,[data-theme=dark] .category-header-icon[data-category=datetime],[data-theme=dark] .tool-card-icon[data-category=datetime],[data-theme=dark] .tool-card[data-category=datetime] .tool-card-icon{background:var(--teal-bg-soft);color:var(--teal-400);border-color:rgba(20,184,166,.3)}[data-theme=dark] .category-card[data-category=datetime]:hover .category-icon,[data-theme=dark] .tool-card[data-category=datetime]:hover .tool-card-icon{background:var(--teal-500);border-color:var(--teal-500);color:#fff}.category-card[data-category=converters] .category-icon,.category-header-icon[data-category=converters],.tool-card-icon[data-category=converters],.tool-card[data-category=converters] .tool-card-icon{background:var(--amber-bg-soft);color:var(--amber-500);border-color:rgba(245,158,11,.25)}.category-card[data-category=converters]:hover .category-icon,.tool-card[data-category=converters]:hover .tool-card-icon{background:var(--amber-500);border-color:var(--amber-500);color:#fff}.category-card[data-category=converters]::after,.tool-card[data-category=converters]::after{background:linear-gradient(90deg,#f59e0b,#fbbf24)}[data-theme=dark] .category-card[data-category=converters] .category-icon,[data-theme=dark] .category-header-icon[data-category=converters],[data-theme=dark] .tool-card-icon[data-category=converters],[data-theme=dark] .tool-card[data-category=converters] .tool-card-icon{background:var(--amber-bg-soft);color:var(--amber-400);border-color:rgba(245,158,11,.32)}[data-theme=dark] .category-card[data-category=converters]:hover .category-icon,[data-theme=dark] .tool-card[data-category=converters]:hover .tool-card-icon{background:var(--amber-500);border-color:var(--amber-500);color:#fff}.category-card[data-category=text] .category-icon,.category-header-icon[data-category=text],.tool-card-icon[data-category=text],.tool-card[data-category=text] .tool-card-icon{background:var(--indigo-bg-soft);color:var(--indigo-500);border-color:rgba(99,102,241,.22)}.category-card[data-category=text]:hover .category-icon,.tool-card[data-category=text]:hover .tool-card-icon{background:var(--indigo-500);border-color:var(--indigo-500);color:#fff}.category-card[data-category=text]::after,.tool-card[data-category=text]::after{background:linear-gradient(90deg,#6366f1,#818cf8)}[data-theme=dark] .category-card[data-category=text] .category-icon,[data-theme=dark] .category-header-icon[data-category=text],[data-theme=dark] .tool-card-icon[data-category=text],[data-theme=dark] .tool-card[data-category=text] .tool-card-icon{background:var(--indigo-bg-soft);color:var(--indigo-400);border-color:rgba(99,102,241,.3)}[data-theme=dark] .category-card[data-category=text]:hover .category-icon,[data-theme=dark] .tool-card[data-category=text]:hover .tool-card-icon{background:var(--indigo-500);border-color:var(--indigo-500);color:#fff}.category-card[data-category=everyday] .category-icon,.category-header-icon[data-category=everyday],.tool-card-icon[data-category=everyday],.tool-card[data-category=everyday] .tool-card-icon{background:var(--emerald-bg-soft);color:var(--emerald-500);border-color:rgba(16,185,129,.22)}.category-card[data-category=everyday]:hover .category-icon,.tool-card[data-category=everyday]:hover .tool-card-icon{background:var(--emerald-500);border-color:var(--emerald-500);color:#fff}.category-card[data-category=everyday]::after,.tool-card[data-category=everyday]::after{background:linear-gradient(90deg,#10b981,#34d399)}[data-theme=dark] .category-card[data-category=everyday] .category-icon,[data-theme=dark] .category-header-icon[data-category=everyday],[data-theme=dark] .tool-card-icon[data-category=everyday],[data-theme=dark] .tool-card[data-category=everyday] .tool-card-icon{background:var(--emerald-bg-soft);color:var(--emerald-400);border-color:rgba(16,185,129,.3)}[data-theme=dark] .category-card[data-category=everyday]:hover .category-icon,[data-theme=dark] .tool-card[data-category=everyday]:hover .tool-card-icon{background:var(--emerald-500);border-color:var(--emerald-500);color:#fff}.search-result-category[data-category=finance]{background:var(--blue-bg-soft);color:var(--primary-600);border-color:rgba(37,99,235,.25)}.search-result-category[data-category=math]{background:var(--violet-bg-soft);color:var(--violet-500);border-color:rgba(139,92,246,.25)}.search-result-category[data-category=health]{background:var(--rose-bg-soft);color:var(--rose-500);border-color:rgba(244,63,94,.25)}.search-result-category[data-category=datetime]{background:var(--teal-bg-soft);color:var(--teal-500);border-color:rgba(20,184,166,.25)}.search-result-category[data-category=converters]{background:var(--amber-bg-soft);color:var(--amber-500);border-color:rgba(245,158,11,.25)}.search-result-category[data-category=text]{background:var(--indigo-bg-soft);color:var(--indigo-500);border-color:rgba(99,102,241,.25)}.search-result-category[data-category=everyday]{background:var(--emerald-bg-soft);color:var(--emerald-500);border-color:rgba(16,185,129,.25)}[data-theme=dark] .search-result-category[data-category=finance]{color:var(--accent-400)}[data-theme=dark] .search-result-category[data-category=math]{color:var(--violet-400)}[data-theme=dark] .search-result-category[data-category=health]{color:var(--rose-400)}[data-theme=dark] .search-result-category[data-category=datetime]{color:var(--teal-400)}[data-theme=dark] .search-result-category[data-category=converters]{color:var(--amber-400)}[data-theme=dark] .search-result-category[data-category=text]{color:var(--indigo-400)}[data-theme=dark] .search-result-category[data-category=everyday]{color:var(--emerald-400)}.result-card{background:linear-gradient(180deg,var(--bg-surface) 0,var(--bg-surface-subtle) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 10px 28px -6px rgba(37,99,235,.12),0 2px 6px -1px rgba(15,23,42,.04);margin-top:var(--space-6);position:relative;overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}[data-theme=dark] .result-card{background:linear-gradient(180deg,var(--bg-surface) 0,var(--bg-surface-elevated) 100%);border-color:rgba(56,189,248,.25);box-shadow:0 12px 32px -8px rgba(0,0,0,.5)}.result-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.result-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--primary-600);margin:0}[data-theme=dark] .result-title{color:var(--accent-400)}.result-main-value{font-size:clamp(2rem, 4.5vw, 2.75rem);font-weight:800;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-2);word-break:break-word}.result-caption{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.5}.result-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.result-breakdown-item{display:flex;flex-direction:column;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.result-breakdown-item:hover{border-color:var(--primary-300);background-color:var(--bg-surface-tinted);transform:translateY(-1px)}[data-theme=dark] .result-breakdown-item{background-color:var(--bg-surface-subtle);border-color:rgba(255,255,255,.08)}[data-theme=dark] .result-breakdown-item:hover{border-color:rgba(56,189,248,.3);background-color:var(--bg-surface-elevated)}.result-breakdown-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.result-breakdown-val{font-size:var(--text-base);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.01em}.badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .7rem;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);line-height:1}.badge-primary{background-color:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}[data-theme=dark] .badge-primary{background-color:rgba(37,99,235,.2);color:var(--accent-400);border-color:rgba(37,99,235,.4)}.badge-success{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-neutral{background-color:var(--bg-surface-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;margin-bottom:var(--space-5);font-size:var(--text-sm);line-height:1.5}.alert-info{background-color:var(--info-bg);border-color:var(--info-border);color:#0369a1}.alert-warning{background-color:var(--warning-bg);border-color:var(--warning-border);color:#92400e}.alert-danger{background-color:var(--danger-bg);border-color:var(--danger-border);color:#991b1b}.accordion{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;margin-top:var(--space-4);background:var(--bg-surface)}.accordion-item{border-bottom:1px solid var(--border-subtle)}.accordion-item:last-child{border-bottom:none}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:none;font-size:var(--text-base);font-weight:600;color:var(--text-primary);text-align:left;cursor:pointer;transition:background-color var(--transition-fast)}.accordion-trigger:hover{background-color:var(--bg-surface-subtle)}.accordion-chevron{transition:transform var(--transition-fast);color:var(--text-muted);font-size:.8rem}.accordion-trigger[aria-expanded=true] .accordion-chevron{transform:rotate(180deg);color:var(--primary-600)}.accordion-content{padding:0 var(--space-6) var(--space-5);background-color:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.65}.accordion-content[hidden]{display:none}.search-container{position:relative;width:100%;max-width:620px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-5);color:var(--primary-600);pointer-events:none;width:22px;height:22px}[data-theme=dark] .search-icon{color:var(--accent-400)}.search-input{width:100%;height:56px;padding:0 3.2rem 0 3.4rem;font-size:var(--text-base);background-color:var(--bg-surface);border:2px solid var(--border-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-primary);transition:all var(--transition-fast)}.search-input:focus{outline:0;border-color:var(--primary-600);box-shadow:0 0 0 4px rgba(37,99,235,.15),0 8px 24px -4px rgba(37,99,235,.12)}[data-theme=dark] .search-input:focus{box-shadow:0 0 0 4px rgba(59,130,246,.25),0 8px 24px -4px rgba(0,0,0,.4)}.search-shortcut{position:absolute;right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 .5rem;font-size:var(--text-xs);font-family:var(--font-mono);font-weight:700;background-color:var(--bg-surface-subtle);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);box-shadow:inset 0 -1px 0 rgba(0,0,0,.12),0 1px 2px rgba(15,23,42,.06);pointer-events:none;line-height:1}[data-theme=dark] .search-shortcut{background-color:var(--bg-surface-elevated);border-color:rgba(255,255,255,.15);color:var(--text-secondary);box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.3)}.search-results-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:1100;max-height:420px;overflow-y:auto;display:none;text-align:left}.search-results-dropdown.visible{display:block}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);text-decoration:none;color:var(--text-primary);transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item.highlighted,.search-result-item:hover{background-color:var(--bg-surface-subtle);text-decoration:none}.search-result-title{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px}.search-result-category{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs)}.table td,.table th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}.table th{background:var(--bg-surface-subtle);font-weight:700;color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(37,99,235,.03)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.guide-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:inherit;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.guide-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.guide-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,.35);text-decoration:none}.guide-card:hover::before{opacity:1}.guide-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-3);flex-wrap:wrap}.guide-card-title{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.35}.guide-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);flex-grow:1}.guide-card-action{font-size:var(--text-sm);font-weight:600;color:var(--primary-600);display:inline-flex;align-items:center;gap:var(--space-1)}.guide-card:hover .guide-card-action{color:var(--primary-700)}.guide-article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.guide-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3)}.guide-content section{margin-bottom:var(--space-8)}.guide-content h2{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.guide-content ol,.guide-content ul{padding-left:var(--space-5);margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.7}.guide-content li{margin-bottom:var(--space-2)}