:root{--badge-pink-bg:#fdf2f8;--badge-pink-fg:#ec4899;--badge-green-bg:#f0fdf4;--badge-green-fg:#22c55e;--badge-orange-bg:#fff7ed;--badge-orange-fg:#f97316;--badge-sky-bg:#f0f9ff;--badge-sky-fg:#0ea5e9;--badge-purple-bg:#faf5ff;--badge-purple-fg:#a855f7;--badge-yellow-bg:#fefce8;--badge-yellow-fg:#ca8a04;--badge-red-bg:#fef2f2;--badge-red-fg:#ef4444;--badge-teal-bg:#f0fdfa;--badge-teal-fg:#14b8a6;--badge-blue-bg:#eff6ff;--badge-blue-fg:#3b82f6;--badge-fuchsia-bg:#fdf4ff;--badge-fuchsia-fg:#d946ef;--badge-lime-bg:#f7fee7;--badge-lime-fg:#65a30d;--badge-rose-bg:#fff1f2;--badge-rose-fg:#f43f5e;--badge-cyan-bg:#ecfeff;--badge-cyan-fg:#06b6d4;--bg-page:#fff;--bg-nav:#fff;--bg-hero:#f9fafb;--bg-card:#fff;--bg-subtle:#f9fafb;--bg-subtle-2:#f3f4f6;--bg-input:#fff;--bg-footer:#f9fafb;--border-color:#e5e7eb;--border-color-strong:#d1d5db;--text-primary:#111;--text-secondary:#333;--text-muted:#666;--text-faint:#999;--text-placeholder:#6e7681;--accent:#667eea;--accent-hover:#5568d3;--accent-bg:#f0f4ff;--accent-border:#e0e7ff;--success:#4caf50;--success-bg:#e8f5e9;--success-border:#c8e6c9;--success-text:#2e7d32;--error:#ef4444;--error-bg:#ffebee;--error-border:#ffcdd2;--error-text:#c62828;--warning-bg:#fff7ed;--warning-border:#fed7aa;--warning-text:#c2410c;--info-bg:#e3f2fd;--info-border:#90caf9;--info-text:#1565c0;--shadow-color:#0000001a}html.dark{--bg-page:#0f0f0f;--bg-nav:#161b22;--bg-hero:#161b22;--bg-card:#0d1117;--bg-subtle:#161b22;--bg-subtle-2:#1c2128;--bg-input:#0d1117;--bg-footer:#161b22;--border-color:#30363d;--border-color-strong:#444c56;--text-primary:#f0f0f5;--text-secondary:#e0e0e0;--text-muted:#8b949e;--text-faint:#6e7681;--text-placeholder:#6e7681;--accent:#667eea;--accent-hover:#7c8ff0;--accent-bg:#1c2333;--accent-border:#2d3748;--success:#4caf50;--success-bg:#16261a;--success-border:#1f3a24;--success-text:#6fcf73;--error:#ef4444;--error-bg:#2d1618;--error-border:#3d1f22;--error-text:#f28b82;--warning-bg:#2a1f14;--warning-border:#3d2e1a;--warning-text:#f0a860;--info-bg:#12232f;--info-border:#1e3a4f;--info-text:#7bb8e8;--shadow-color:#667eea33}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#__next{width:100%;height:100%;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg-page);height:100%;color:var(--text-secondary);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s;display:flex}a{color:inherit;text-decoration:none}nav{background:var(--bg-nav);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}nav>a{color:var(--text-secondary);font-size:24px;font-weight:700}nav>div{align-items:center;gap:24px;display:flex}nav a{color:var(--text-muted);font-size:14px;text-decoration:none}nav a:hover{color:var(--text-secondary)}main{margin-top:80px}.hero{text-align:center;border-bottom:2px solid var(--accent-border);background:linear-gradient(135deg,#f5f7ff 0%,#eef2ff 60%,#f8f5ff 100%);padding:60px 40px}html.dark .hero{background:linear-gradient(135deg,#161b22 0%,#1a1f2e 100%)}.hero h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:48px;font-weight:800}@media (max-width:768px){.hero h1{font-size:32px}}@media (max-width:480px){.hero h1{font-size:24px}}.hero p{color:var(--text-muted);margin-bottom:4px;font-size:16px}.section{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.section h2{text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.section>p{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:15px}.grid{gap:20px;width:100%;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;padding:28px 20px;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex}.card:hover{box-shadow:0 12px 28px var(--shadow-color);border-color:var(--accent);transform:translateY(-4px)}.card-icon{margin-bottom:8px;font-size:40px}.card h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.card p{color:var(--text-faint);font-size:12px;font-weight:500}.stat-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;padding:20px;display:flex}.stat-card p:first-child{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:500}.stat-card p:last-child{color:var(--accent);font-size:32px;font-weight:700}.range-slider{appearance:none}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.range-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}textarea{background:var(--bg-input);width:100%;color:var(--text-secondary);border:1px solid var(--border-color);resize:none;border-radius:8px;padding:16px;font-family:Monaco,Courier New,monospace;font-size:14px;transition:border-color .2s}textarea::placeholder{color:var(--text-placeholder)}textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #667eea26}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover{background:var(--accent-bg)}.header{background:var(--bg-hero);border-bottom:1px solid var(--border-color);margin-bottom:40px;padding:40px}.header h1{color:var(--text-primary);margin-bottom:8px;font-size:36px;font-weight:700}@media (max-width:768px){.header h1{font-size:28px}}@media (max-width:480px){.header h1{font-size:22px}}.header p{color:var(--text-muted);font-size:15px}.container{flex:1;width:100%;max-width:100%;margin:0 auto;padding:40px}.footer{background:var(--bg-footer);text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:40px;font-size:14px}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-left,.footer-right{color:var(--text-faint);font-size:13px}.btn-group{gap:12px;margin-top:32px;display:flex}.btn-group button{flex:1}.tool-info-section{border-top:2px solid var(--border-color);margin-top:60px;padding-top:40px}.tool-info-block{margin-bottom:48px}.tool-info-section h2{color:var(--text-primary);margin-bottom:16px;font-size:24px;font-weight:700}.tool-info-section h3{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:700}.tool-info-longdesc{color:var(--text-muted);white-space:pre-wrap;font-size:15px;line-height:1.6}.tool-info-usecases{color:var(--text-muted);padding-left:20px;list-style:outside}.tool-info-usecases li{margin-bottom:8px;font-size:15px}.tool-faq-list{flex-direction:column;gap:12px;display:flex}.tool-faq-item{background:var(--bg-subtle);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:16px}.tool-faq-item summary{color:var(--text-primary);cursor:pointer;outline:none;font-weight:600}.tool-faq-item p{color:var(--text-muted);margin-top:12px;font-size:15px;line-height:1.5}@media (max-width:768px){.section,.container{padding:20px 16px}h1{font-size:28px}h2{font-size:20px}.grid-3,.grid-2{grid-template-columns:1fr}}@media (max-width:480px){.section,.container{padding:16px 12px}h1{font-size:24px}}.date-input::-webkit-calendar-picker-indicator{filter:invert(0);cursor:pointer}html.dark .date-input::-webkit-calendar-picker-indicator{filter:invert()}:root{--purple-bg:#f3e5f5;--purple-border:#e1bee7;--purple-text:#6a1b9a}html.dark{--badge-pink-bg:#2d1a26;--badge-pink-fg:#f472b6;--badge-green-bg:#16261a;--badge-green-fg:#4ade80;--badge-orange-bg:#2a1f14;--badge-orange-fg:#fb923c;--badge-sky-bg:#12232f;--badge-sky-fg:#38bdf8;--badge-purple-bg:#241a30;--badge-purple-fg:#c084fc;--badge-yellow-bg:#2a2410;--badge-yellow-fg:#eab308;--badge-red-bg:#2d1618;--badge-red-fg:#f87171;--badge-teal-bg:#132420;--badge-teal-fg:#2dd4bf;--badge-blue-bg:#16202e;--badge-blue-fg:#60a5fa;--badge-fuchsia-bg:#2a1830;--badge-fuchsia-fg:#e879f9;--badge-lime-bg:#1f2614;--badge-lime-fg:#a3e635;--badge-rose-bg:#2d161b;--badge-rose-fg:#fb7185;--badge-cyan-bg:#0f2429;--badge-cyan-fg:#22d3ee;--purple-bg:#2a1a30;--purple-border:#3d2847;--purple-text:#c893db}@media (max-width:768px){input,textarea,select{font-size:16px!important}}