*,:after,:before{box-sizing:border-box}*{margin:0}:root{--bg:#fff;--bg-secondary:#f8fafc;--fg:#1f2937;--fg-muted:#6b7280;--border:#e5e7eb;--border-hover:#d1d5db;--card:#fff;--card-hover:#f9fafb;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669;--success-hover:#047857;--danger:#dc2626;--danger-hover:#b91c1c;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-subtle:0 1px 2px 0 rgba(0,0,0,.05);--shadow-glow:0 0 0 1px rgba(37,99,235,.1);--gradient-primary:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);--gradient-card:linear-gradient(135deg,var(--card) 0%,#fefefe 100%);--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--backdrop-blur:blur(12px);--transition-smooth:all .3s cubic-bezier(0.4,0,0.2,1)}html[data-theme=dark]{--bg:#0f172a;--bg-secondary:#1e293b;--fg:#f1f5f9;--fg-muted:#94a3b8;--border:#334155;--border-hover:#475569;--card:#1e293b;--card-hover:#334155;--primary:#3b82f6;--primary-hover:#2563eb;--success:#10b981;--success-hover:#059669;--danger:#ef4444;--danger-hover:#dc2626;--shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);--shadow-subtle:0 1px 2px 0 hsla(0,0%,100%,.06);--shadow-glow:0 0 0 1px rgba(59,130,246,.2);--gradient-primary:linear-gradient(135deg,var(--primary) 0%,#2563eb 100%);--gradient-card:linear-gradient(135deg,var(--card) 0%,#2d3748 100%)}:root{color-scheme:light dark}body,html{height:100%}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:var(--transition-smooth);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:clamp(1.5rem,1rem + 2.2vw,2rem);line-height:1.25;font-weight:700;letter-spacing:-.01em;margin:0 0 .75rem}h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.015em;margin:1.25rem 0 .6rem}h2,h3{font-weight:600}h3{font-size:1.05rem;line-height:1.35;margin:1rem 0 .5rem}.page-title{max-width:30ch}.card ol,.card p,.card pre,.card ul,p{margin:.4rem 0 1rem}.card ol,.card ul{padding-left:1.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.container{max-width:1200px;margin:0 auto;padding:0 1rem;transition:var(--transition-smooth)}@media (min-width:768px){.container{padding:0 2rem}}.header{border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:var(--transition-smooth)}html[data-theme=dark] .header{background:rgba(15,23,42,.85)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.logo{font-size:1.5rem;font-weight:700;color:var(--fg);text-decoration:none;transition:var(--transition-smooth);letter-spacing:-.02em}.logo:hover{opacity:.85;transform:translateY(-1px)}.nav{display:none}@media (min-width:768px){.nav{display:flex;gap:2rem}}.nav-link{color:var(--fg-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--transition-smooth);padding:.5rem 0;position:relative}.nav-link:hover{color:var(--fg)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.mobile-menu{position:relative;display:block}@media (min-width:768px){.mobile-menu{display:none}}.mobile-menu-button{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--fg)}.mobile-menu-button:hover{background:var(--card-hover);border-color:var(--border-hover);transform:scale(1.05);box-shadow:var(--shadow-subtle)}.mobile-menu-content{position:absolute;top:calc(100% + .5rem);right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-smooth);z-index:1000;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.mobile-menu-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;color:var(--fg);text-decoration:none;font-size:.9rem;border-radius:var(--radius-sm);transition:var(--transition-smooth)}.mobile-menu-link:hover{background:var(--card-hover);transform:translateX(4px)}.theme-toggle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;font-size:1.2rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.theme-toggle:hover{background:var(--card-hover);border-color:var(--border-hover);transform:scale(1.05);box-shadow:var(--shadow-subtle)}.theme-toggle:disabled{cursor:not-allowed;transform:none}.card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition-smooth);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);opacity:.6}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-hover)}.card>*+*{margin-top:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--fg);text-decoration:none;cursor:pointer;transition:var(--transition-smooth);min-height:44px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{background:var(--card-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-subtle)}.btn-primary{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px rgba(37,99,235,.2)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover);border-color:var(--success-hover);box-shadow:0 4px 12px rgba(5,150,105,.2)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);box-shadow:0 4px 12px rgba(220,38,38,.2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:before{display:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--fg);font-size:.9rem;letter-spacing:.01em}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font-size:1rem;transition:var(--transition-smooth);font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);transform:scale(1.01)}.form-textarea{resize:vertical;min-height:120px}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}@media (min-width:640px){.grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border);background:var(--bg-secondary);position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.footer-link{font-size:.9rem;text-decoration:none;transition:var(--transition-smooth);display:flex;align-items:center;gap:.5rem}.footer-link:hover{color:var(--fg)!important;transform:translateX(2px)}.text-center{text-align:center}.text-muted{color:var(--fg-muted)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (max-width:767px){.container{padding:0 1rem}.header-content{padding:.75rem 0}.logo{font-size:1.25rem}.card{padding:1rem}.footer{padding:1.5rem 0}.grid-cols-md-3{grid-template-columns:1fr;gap:2rem}}@media (hover:none) and (pointer:coarse){.mobile-menu-content{position:fixed;top:auto;right:1rem;left:1rem;bottom:1rem;min-width:auto;max-height:70vh;overflow-y:auto;border-radius:var(--radius-xl)}}.prefooter{padding:2rem 1rem;text-align:center}.prefooter-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.prefooter-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.prefooter-item{min-width:160px;transition:var(--transition-smooth)}.prefooter-item:hover{transform:translateY(-2px)}.prefooter-emoji{font-size:2rem;margin-bottom:.25rem}.tool{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;background:var(--card);transition:var(--transition-smooth);margin-top:.8rem}.tool:hover{border-color:var(--border-hover)}.tool-legend{padding:0 .5rem;font-weight:600;color:var(--fg-muted);font-size:.9rem;letter-spacing:.01em}.tool-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tool-actions{margin-left:auto;display:flex;gap:.5rem}.tool-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tool-label{display:block;padding:10px 12px;color:var(--fg-muted);border-bottom:1px solid var(--border);font-size:.95rem}.tool-textarea{width:100%;border:none;outline:none;resize:vertical;min-height:200px;padding:12px;background:transparent;color:inherit;transition:var(--transition-smooth)}.tool-textarea:focus{background:rgba(37,99,235,.02)}.tool-stats{display:flex;gap:12px;justify-content:flex-end;padding:8px 12px;color:var(--fg-muted);border-top:1px solid var(--border);font-size:.85rem}.show-sm{display:none}.hide-sm{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width:640px){.tool-actions{width:100%;justify-content:flex-start;margin-left:0}.hide-sm{display:none}.show-sm{display:block}.btn.block{width:100%}}.flow-lg>*+*{margin-top:16px}.btn,.card,.form-input,.form-textarea{will-change:transform}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@supports (scroll-behavior:smooth){html{scroll-behavior:smooth}}