*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-card: #1a1a1a;--bg-input: #141414;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-yellow: #FACC15;--accent-pink: #F472B6;--accent-cyan: #22D3EE;--accent-green: #4ADE80;--accent-red: #F87171;--accent-purple: #A78BFA;--accent-orange: #FB923C;--border-brutal: #ffffff;--border-subtle: #333333;--border-width: 2px;--shadow-brutal: 4px 4px 0 #ffffff;--shadow-brutal-sm: 2px 2px 0 #ffffff;--shadow-brutal-lg: 6px 6px 0 #ffffff;--shadow-brutal-yellow: 4px 4px 0 var(--accent-yellow);--shadow-brutal-pink: 4px 4px 0 var(--accent-pink);--shadow-brutal-cyan: 4px 4px 0 var(--accent-cyan);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(250,204,21,.03) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(244,114,182,.03) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(34,211,238,.02) 0%,transparent 40%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Clash Display,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}code,pre,.mono{font-family:JetBrains Mono,Fira Code,SF Mono,monospace}a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-yellow)}button{font-family:inherit;font-weight:600;cursor:pointer;border:none;background:none;color:inherit;transition:var(--transition-fast)}.btn-brutal{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:var(--border-width) solid var(--border-brutal);box-shadow:var(--shadow-brutal-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;transition:var(--transition-fast)}.btn-brutal:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-brutal)}.btn-brutal:active{transform:translate(2px,2px);box-shadow:none}.btn-brutal-primary{background:var(--accent-yellow);color:var(--bg-primary);border-color:var(--bg-primary);box-shadow:2px 2px 0 var(--bg-primary)}.btn-brutal-primary:hover{box-shadow:4px 4px 0 var(--bg-primary)}input,textarea{font-family:inherit;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:var(--border-width) solid var(--border-subtle);outline:none;padding:var(--space-md);transition:var(--transition-fast);font-size:1rem}input:focus,textarea:focus{border-color:var(--accent-yellow);box-shadow:var(--shadow-brutal-yellow)}textarea{resize:vertical;min-height:150px}.card-brutal{background:var(--bg-card);border:var(--border-width) solid var(--border-brutal);box-shadow:var(--shadow-brutal);padding:var(--space-lg);transition:var(--transition-fast)}.card-brutal:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--border-brutal)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid currentColor}.badge-yellow{color:var(--accent-yellow);background:#facc151a}.badge-pink{color:var(--accent-pink);background:#f472b61a}.badge-cyan{color:var(--accent-cyan);background:#22d3ee1a}.badge-green{color:var(--accent-green);background:#4ade801a}.badge-purple{color:var(--accent-purple);background:#a78bfa1a}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tool-card{animation:fadeInUp .5s ease-out backwards}.tool-card:nth-child(1){animation-delay:.05s}.tool-card:nth-child(2){animation-delay:.1s}.tool-card:nth-child(3){animation-delay:.15s}.tool-card:nth-child(4){animation-delay:.2s}.tool-card:nth-child(5){animation-delay:.25s}.tool-card:nth-child(6){animation-delay:.3s}.tool-card:nth-child(7){animation-delay:.35s}.tool-card:nth-child(8){animation-delay:.4s}.tool-card:nth-child(9){animation-delay:.45s}.tool-card:nth-child(10){animation-delay:.5s}.tool-card:nth-child(11){animation-delay:.55s}.tool-card:nth-child(12){animation-delay:.6s}.tool-card:nth-child(13){animation-delay:.65s}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.section-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.section-header h2{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.section-line{flex:1;height:2px;background:linear-gradient(90deg,var(--border-subtle),transparent)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.chip{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:2px solid var(--border-subtle);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.chip:hover{border-color:var(--text-secondary)}.chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.copy-success{animation:checkmark .3s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-subtle) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:pulse 1.5s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-card);border:var(--border-width) solid var(--border-brutal);box-shadow:var(--shadow-brutal-lg);width:100%;max-width:600px;animation:slideIn .2s ease-out}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}@media (max-width: 1024px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){body{font-size:14px}.tool-grid{grid-template-columns:1fr}.category-chips{gap:var(--space-xs)}.chip{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.modal-overlay{padding:var(--space-md);padding-top:var(--space-xl)}}:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px}::selection{background:var(--accent-yellow);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}