*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f4f7fb;--section-bg:#eef3f8;--card-bg:#fff;--text-main:#111827;--text-muted:#6b7280;--border-soft:#e5e7eb;--hero-bg:linear-gradient(180deg, #fff 0%, #f4f7fb 100%);--shadow-soft:0 8px 20px #0f172a0f;--accent:#2563eb;--accent-strong:#1d4ed8;--success-soft:#ecfdf5;--premium-bg:linear-gradient(135deg, #fff 0%, #eff6ff 48%, #f5f3ff 100%);--cartoon-page-bg:#fff7ed;--cartoon-hero-bg:#fde68a;--cartoon-frame-bg:#fde68a;--cartoon-ink:#111827}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#020617;--section-bg:#0f172a;--card-bg:#111827;--text-main:#f8fafc;--text-muted:#cbd5e1;--border-soft:#334155;--hero-bg:linear-gradient(180deg, #020617 0%, #0f172a 100%);--shadow-soft:0 8px 20px #00000040;--accent:#60a5fa;--accent-strong:#93c5fd;--success-soft:#052e2b;--premium-bg:linear-gradient(135deg, #0f172a 0%, #111827 52%, #172554 100%);--cartoon-page-bg:#020617;--cartoon-hero-bg:#0f172a;--cartoon-frame-bg:#111827;--cartoon-ink:#e5e7eb}body{background:var(--page-bg);color:var(--text-main);margin:0;font-family:Inter,Arial,sans-serif;transition:background .2s,color .2s}a{color:inherit}input,textarea,select,button{max-width:100%}textarea,input,select{font-family:inherit}textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:100%;padding:14px;font-size:16px;display:block}input[type=file]{width:100%;max-width:100%}button{font-family:inherit}.container{max-width:1100px;margin:auto;padding:40px 20px}.toolContainer{max-width:800px;margin:auto;padding:40px 20px}.toolsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;display:grid}.toolCard{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 4px 14px #0f172a0a}.toolCard:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a14}.toolCard h3{margin:0;font-size:18px}.toolCard p{color:#6b7280;margin-top:8px;font-size:14px}.resultBox{background:#f3f4f6;border-radius:6px;margin-top:20px;padding:15px}.bubble{background:#ffffff40;border-radius:50%;width:40px;height:40px;animation:12s infinite float;position:absolute;bottom:-100px}.bubble:first-child{width:30px;height:30px;animation-duration:10s;left:10%}.bubble:nth-child(2){animation-duration:14s;left:30%}.bubble:nth-child(3){width:50px;height:50px;animation-duration:18s;left:60%}.bubble:nth-child(4){animation-duration:12s;left:80%}@keyframes float{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-800px)}}.category-card{transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0f172a14}.nav-link{color:var(--text-main);font-size:14px;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--accent)}@media (max-width:640px){.container,.toolContainer{padding:28px 16px}.toolsGrid{grid-template-columns:1fr}.conversion-panel-grid{grid-template-columns:1fr!important}}.tool-shell{width:100%;max-width:900px;margin:0 auto}.tool-shell>*{max-width:100%}.theme-toggle{border:1px solid var(--border-soft);background:var(--card-bg);min-width:64px;height:38px;color:var(--text-main);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;font-weight:800}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.premium-upgrade{border:1px solid var(--border-soft);background:var(--premium-bg);max-width:980px;color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) 280px;align-items:stretch;gap:22px;margin:34px auto 0;padding:24px;display:grid}.premium-upgrade h2{margin:0 0 8px;font-size:24px;line-height:1.2}.premium-upgrade p{color:var(--text-muted);margin:0;line-height:1.7}.premium-kicker{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900;color:var(--accent)!important;margin-bottom:8px!important}.premium-feature-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.premium-feature-row span{border:1px solid var(--border-soft);background:var(--card-bg);color:var(--text-main);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.premium-action-card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:10px;padding:18px}.premium-action-card strong{margin-bottom:8px;font-size:16px;display:block}.premium-action-card a{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-top:16px;font-weight:900;text-decoration:none;display:inline-flex}.tool-premium-badge{color:#4338ca;background:#eef2ff;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 8px;font-size:10px;font-weight:900;display:inline-flex}@media (max-width:760px){.premium-upgrade{grid-template-columns:1fr;margin-left:16px;margin-right:16px}}html[data-theme=dark] body{color:#e5e7eb!important;background:#020617!important}html[data-theme=dark] header{background:#020617!important;border-color:#1f2937!important}html[data-theme=dark] footer{border-top:1px solid #1f2937;background:#020617!important}html[data-theme=dark] .nav-link{color:#e5e7eb!important}html[data-theme=dark] .nav-link:hover{color:#60a5fa!important}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-button{color:#e5e7eb!important;background:#111827!important;border-color:#334155!important}html[data-theme=dark] .theme-toggle:hover{color:#93c5fd!important;border-color:#60a5fa!important}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{color:#e5e7eb!important;background:#0f172a!important;border-color:#334155!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#94a3b8!important}html[data-theme=dark] .toolCard,html[data-theme=dark] .revenue-slot,html[data-theme=dark] .resultBox{color:#e5e7eb!important;background:#111827!important;border-color:#334155!important}html[data-theme=dark] .toolCard p{color:#cbd5e1!important}html[data-theme=dark] [style*="background:#ffffff"],html[data-theme=dark] [style*="background: #ffffff"],html[data-theme=dark] [style*="background:#fff"],html[data-theme=dark] [style*="background: #fff"],html[data-theme=dark] [style*="background: rgb(255, 255, 255)"]{color:#e5e7eb!important;background:#111827!important;border-color:#334155!important}html[data-theme=dark] [style*="background:#f9fafb"],html[data-theme=dark] [style*="background: #f9fafb"],html[data-theme=dark] [style*="background:#f8fafc"],html[data-theme=dark] [style*="background: #f8fafc"],html[data-theme=dark] [style*="background:#f4f7fb"],html[data-theme=dark] [style*="background: #f4f7fb"],html[data-theme=dark] [style*="background:#f5f7fb"],html[data-theme=dark] [style*="background: #f5f7fb"],html[data-theme=dark] [style*="background:#f3f4f6"],html[data-theme=dark] [style*="background: #f3f4f6"],html[data-theme=dark] [style*="background:#f3f6fb"],html[data-theme=dark] [style*="background: #f3f6fb"],html[data-theme=dark] [style*="background:#eef3f8"],html[data-theme=dark] [style*="background: #eef3f8"]{color:#e5e7eb!important;background:#0f172a!important;border-color:#334155!important}html[data-theme=dark] [style*="linear-gradient(180deg,#ffffff"],html[data-theme=dark] [style*="linear-gradient(180deg, #ffffff"]{background:var(--hero-bg)!important;color:var(--text-main)!important}html[data-theme=dark] [style*="background:#eff6ff"],html[data-theme=dark] [style*="background: #eff6ff"],html[data-theme=dark] [style*="background:#eef2ff"],html[data-theme=dark] [style*="background: #eef2ff"]{color:#dbeafe!important;background:#172554!important;border-color:#1d4ed8!important}html[data-theme=dark] [style*="background:#ecfdf5"],html[data-theme=dark] [style*="background: #ecfdf5"]{color:#d1fae5!important;background:#064e3b!important;border-color:#059669!important}html[data-theme=dark] [style*="background:#fee2e2"],html[data-theme=dark] [style*="background: #fee2e2"]{color:#fee2e2!important;background:#7f1d1d!important;border-color:#b91c1c!important}html[data-theme=dark] [style*="color:#111827"],html[data-theme=dark] [style*="color: #111827"],html[data-theme=dark] [style*="color:#000"],html[data-theme=dark] [style*="color: #000"],html[data-theme=dark] [style*="color:#111"],html[data-theme=dark] [style*="color: #111"],html[data-theme=dark] [style*="color:#0f172a"],html[data-theme=dark] [style*="color: #0f172a"]{color:#f8fafc!important}html[data-theme=dark] [style*="color:#374151"],html[data-theme=dark] [style*="color: #374151"],html[data-theme=dark] [style*="color:#4b5563"],html[data-theme=dark] [style*="color: #4b5563"],html[data-theme=dark] [style*="color:#475569"],html[data-theme=dark] [style*="color: #475569"],html[data-theme=dark] [style*="color:#6b7280"],html[data-theme=dark] [style*="color: #6b7280"],html[data-theme=dark] [style*="color:#64748b"],html[data-theme=dark] [style*="color: #64748b"]{color:#cbd5e1!important}html[data-theme=dark] [style*="border:1px solid #e5e7eb"],html[data-theme=dark] [style*="border: 1px solid #e5e7eb"],html[data-theme=dark] [style*="border:1px solid #eee"],html[data-theme=dark] [style*="border: 1px solid #eee"],html[data-theme=dark] [style*="border:1px solid #d1d5db"],html[data-theme=dark] [style*="border: 1px solid #d1d5db"]{border-color:#334155!important}html[data-theme=dark] details,html[data-theme=dark] summary,html[data-theme=dark] pre{color:#e5e7eb!important}html[data-theme=dark] main{color:#e5e7eb}html[data-theme=dark] section,html[data-theme=dark] article,html[data-theme=dark] div{border-color:#334155}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6{color:#f8fafc!important}html[data-theme=dark] p,html[data-theme=dark] li,html[data-theme=dark] span{color:#cbd5e1!important}html[data-theme=dark] [style*="rgb(255, 255, 255)"]{color:#e5e7eb!important;background:#111827!important}html[data-theme=dark] [style*="rgb(249, 250, 251)"]{color:#e5e7eb!important;background:#0f172a!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#94a3b8!important;opacity:1!important}