*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#3b82f6;--border-color:#e2e8f0;--card-bg:#fff;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-accent:#60a5fa;--border-color:#475569;--card-bg:#1e293b;--shadow:0 1px 3px 0 #0000004d,0 1px 2px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.creator-theme,[data-theme=dark] .creator-theme{--text-accent:#fbbf24!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#3b82f6;background-color:var(--text-accent);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:#f1f5f9;background-color:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:1.5rem;transition:all .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.input:focus{border-color:#3b82f6;border-color:var(--text-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.select{background-color:#f8fafc;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--card-bg);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--text-primary);font-size:1.25rem;font-weight:600;gap:.75rem;text-decoration:none;transition:transform .2s ease}.logo:hover{transform:translateY(-1px)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(59,130,246,.1));height:40px;transition:transform .3s ease;width:40px}.logo:hover .logo-icon{filter:drop-shadow(0 4px 8px rgba(59,130,246,.2));transform:rotate(5deg) scale(1.05)}.nav{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--text-accent)}.dropdown{position:relative}.dropdown-toggle{align-items:center;display:flex;gap:.25rem}.dropdown-toggle:after{content:"▼";font-size:.75rem;transition:transform .2s ease}.dropdown:hover .dropdown-toggle:after{transform:rotate(180deg)}.dropdown-menu{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-lg);left:0;max-height:400px;min-width:200px;opacity:0;overflow-y:auto;position:absolute;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:block;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--text-accent)}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.theme-toggle:hover{background-color:var(--bg-secondary);color:var(--text-accent)}.mobile-menu-toggle{background:none;border:none;border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:none;padding:.5rem;transition:all .2s ease}.mobile-menu-toggle:hover{background-color:var(--bg-secondary);color:var(--text-accent)}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.nav{align-items:stretch;background-color:var(--card-bg);border-top:1px solid var(--border-color);flex-direction:column;gap:0;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-bottom:1px solid var(--border-color);padding:1rem}.dropdown-menu{background-color:var(--bg-secondary);border:none;border-radius:0;box-shadow:none;opacity:1;position:static;transform:none;visibility:visible}.dropdown:hover .dropdown-menu{display:block}}.detector-nav{color:#8b5cf6!important}.detector-nav:hover{color:#7c3aed!important}.detector-item{background:linear-gradient(90deg,#8b5cf61a,#0000);border-left:3px solid #8b5cf6}.detector-item:hover{background:linear-gradient(90deg,#8b5cf633,#0000);color:#8b5cf6!important}.generator-nav{color:#fbbf24!important}.generator-nav:hover{color:#f59e0b!important}.generator-item{background:linear-gradient(90deg,#fbbf241a,#0000);border-left:3px solid #fbbf24}.generator-item:hover{background:linear-gradient(90deg,#fbbf2433,#0000);color:#fbbf24!important}.code-nav{align-items:center;border-radius:8px;color:#10b981!important;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .3s}.code-nav:hover{background:#10b9811a;transform:translateY(-2px)}.code-icon{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.new-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.15rem .4rem}[data-theme=dark] .code-nav{color:#34d399!important}[data-theme=dark] .code-nav:hover{background:#34d3991a}.footer{background:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-top:1px solid var(--border-color);margin-top:4rem;padding:4rem 0 1.5rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,var(--text-accent),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{font-size:1.25rem}.footer-section h3,.footer-section h4{color:var(--text-primary);margin-bottom:1rem}.footer-section h4{font-size:1rem}.footer-section p{color:var(--text-secondary);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--text-accent)}.footer-bottom{border-top:1px solid var(--border-color);padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}}.home{min-height:calc(100vh - 80px)}.hero{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:6rem 0;position:relative;text-align:center}.hero:before{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff26 0,#0000 50%);bottom:0;left:0;right:0;top:0}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 10px #0000001a}.text-accent{color:var(--text-accent)}.hero-description{color:#fffffff2;font-size:1.25rem;line-height:1.8;margin-bottom:3rem;text-shadow:0 1px 3px #0000001a}.hero-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(135deg,#667eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card:hover{background:linear-gradient(135deg,#fff,#fffffffa);border-color:#667eea66;box-shadow:0 16px 48px #667eea40;transform:translateY(-12px) scale(1.02)}.feature-card:hover:before{opacity:1}.feature-icon{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:1rem;color:#667eea;display:inline-block;margin-bottom:1.5rem;padding:1rem;position:relative;transition:all .4s ease;z-index:1}.feature-card:hover .feature-icon{background:linear-gradient(135deg,#667eea33,#764ba233);transform:scale(1.1) rotate(5deg)}.feature-title{color:#1e293b!important;font-size:1.35rem;font-weight:700;margin-bottom:.75rem;position:relative;z-index:1}.feature-description{color:#475569!important;font-size:1rem;line-height:1.6;position:relative;z-index:1}.tools-section{padding:4rem 0}.category-section{margin-bottom:4rem}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.category-icon{align-items:center;border-radius:.75rem;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.category-title{color:var(--text-primary);font-size:1.75rem;font-weight:600}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 8px #0000000a;color:var(--text-primary);display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.tool-card:before{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.4,0,.2,1);width:4px}.tool-card:after,.tool-card:before{content:"";left:0;position:absolute;top:0}.tool-card:after{background:linear-gradient(135deg,#667eea08,#764ba208);bottom:0;opacity:0;right:0;transition:opacity .4s ease}.tool-card:hover{border-color:#667eea66;box-shadow:0 12px 28px #667eea26;transform:translateX(8px) scale(1.01)}.tool-card:hover:before{transform:scaleY(1)}.tool-icon{color:var(--text-accent);flex-shrink:0}.tool-name{font-size:1rem;font-weight:500}.cta-section{background-color:var(--bg-secondary);padding:4rem 0}.cta-content{text-align:center}.cta-content h2{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin-bottom:3rem}.cta-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.cta-item{text-align:left}.cta-item h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.cta-item p{color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.125rem}.hero-features{grid-template-columns:1fr}.category-header{align-items:flex-start;flex-direction:column;gap:.5rem}.tools-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-grid{grid-template-columns:1fr}}.seo-content-section{background:var(--card-bg);border-top:1px solid var(--border-color);padding:4rem 0}.seo-content{margin:0 auto;max-width:900px;text-align:left}.seo-content h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.seo-content p{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.seo-content strong{color:var(--primary-color);font-weight:600}.seo-content em{background:var(--bg-primary);border-left:3px solid var(--primary-color);border-radius:.5rem;color:var(--text-secondary);display:block;font-size:.9rem;margin-top:1rem;padding:1rem}@media (max-width:768px){.seo-content-section{padding:2rem 0}.seo-content h2{font-size:1.5rem}.seo-content p{font-size:.95rem}}.keyword-highlight{background:#fbbf241a;color:#fbbf24;font-weight:600;padding:0 .25rem;transition:all .2s ease}.hero .keyword-highlight{background:#fde04726;color:#fde047;text-shadow:0 1px 2px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:fadeInUp .6s ease-out}.hero-description{animation:fadeInUp .6s ease-out .1s backwards}.feature-card{animation:fadeInUp .6s ease-out backwards}.feature-card:first-child{animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.3s}.feature-card:nth-child(3){animation-delay:.4s}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e3a8a,#312e81)}[data-theme=dark] .hero:before{background:radial-gradient(circle at 20% 50%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%)}[data-theme=dark] .feature-card{background:linear-gradient(135deg,#1e293bf2,#1e293be6);border-color:#4755694d}[data-theme=dark] .feature-card:hover{background:linear-gradient(135deg,#1e293b,#1e293bfa);border-color:#3b82f666;box-shadow:0 16px 48px #3b82f633}[data-theme=dark] .feature-card:before{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}[data-theme=dark] .feature-icon{background:linear-gradient(135deg,#3b82f626,#8b5cf626);color:#60a5fa}[data-theme=dark] .feature-card:hover .feature-icon{background:linear-gradient(135deg,#3b82f640,#8b5cf640)}[data-theme=dark] .feature-title{color:#f8fafc!important}[data-theme=dark] .feature-description{color:#cbd5e1!important}.announcement-banner{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);color:#fff;overflow:hidden;padding:1rem 2rem;position:relative}.announcement-banner:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{to{left:100%}}.announcement-content{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px;position:relative;z-index:1}.announcement-icon{animation:bounce 2s infinite;font-size:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.announcement-text{font-size:1rem;text-align:center}.announcement-text strong{font-weight:700;margin-right:.5rem}.announcement-text a{color:#fff;font-weight:600;margin-left:.5rem;text-decoration:underline;transition:opacity .2s}.announcement-text a:hover{opacity:.8}.announcement-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;transition:background .2s;width:30px}.announcement-close:hover{background:#ffffff4d}@media (max-width:768px){.announcement-banner{padding:.75rem 1rem}.announcement-content{flex-wrap:wrap;gap:.5rem}.announcement-text{font-size:.9rem}.announcement-close{position:static}.calculator-container{gap:1.5rem;grid-template-columns:1fr}.page-header h1{font-size:2rem}}.adsense-container{margin:1.5rem 0}.adsense-container,.adsense-placeholder{align-items:center;display:flex;justify-content:center}.adsense-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed #9ca3af;border-radius:.5rem;flex-direction:column;min-height:250px;padding:2rem;position:relative}[data-theme=dark] .adsense-placeholder{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.ad-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.ad-size,[data-theme=dark] .ad-label{color:#9ca3af}.ad-size{font-size:1.5rem;font-weight:700}[data-theme=dark] .ad-size{color:#6b7280}.ad-inline{margin:2rem auto;max-width:100%}.ad-header{margin:1rem auto;text-align:center}@media (max-width:768px){.adsense-placeholder{min-height:150px;padding:1rem}.ad-size{font-size:1rem}}.calculator-page{min-height:calc(100vh - 80px);padding:2rem 0}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.page-header p{color:var(--text-secondary);font-size:1.125rem}.calculator-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 300px;margin:0 auto;max-width:1000px}.calculator-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.currency-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-bottom:2rem}.swap-button{align-items:center;background-color:var(--text-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:.5rem;transition:all .2s ease;width:40px}.swap-button:hover{opacity:.9;transform:rotate(180deg)}.result-section{margin-top:2rem}.result-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.conversion-display{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.from-amount,.to-amount{color:var(--text-primary);font-size:1.25rem;font-weight:600}.to-amount{color:var(--text-accent);font-size:1.5rem}.equals{color:var(--text-secondary);font-size:1.125rem;font-weight:500}.rate-info{border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.rate-info p{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0}.last-updated{font-size:.75rem!important;opacity:.8}.info-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow);height:-webkit-fit-content;height:fit-content;padding:1.5rem}.info-card h3{color:var(--text-primary);font-size:1.125rem;margin-bottom:1rem}.info-card ul{list-style:none;padding:0}.info-card li{color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;padding-left:1rem;position:relative}.info-card li:before{color:var(--text-accent);content:"•";left:0;position:absolute}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin-top:1rem;padding:1rem}[data-theme=dark] .error-message{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.spinning{animation:spin 1s linear infinite}.grid-2-col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.grid-3-col{grid-template-columns:1fr 1fr 1fr}.grid-3-col,.result-grid{grid-gap:1rem;display:grid;gap:1rem}.result-grid{margin-top:1rem}.result-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.result-item label{color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:.25rem}.result-item .value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.result-item .highlight{color:var(--text-accent);font-size:1.25rem}@media (max-width:768px){.calculator-container{gap:1.5rem;grid-template-columns:1fr}.currency-row{gap:1rem;grid-template-columns:1fr}.swap-button{justify-self:center;margin:.5rem 0}.conversion-display{flex-direction:column;gap:.5rem;text-align:center}.grid-2-col,.grid-3-col{grid-template-columns:1fr}.page-header h1{font-size:2rem}}.bmi-categories{margin-bottom:1.5rem}.bmi-category{border-radius:.375rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.bmi-category,.textarea{background-color:var(--bg-secondary);padding:.75rem}.textarea{border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:120px;resize:vertical;width:100%}.textarea:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.stat-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;text-align:center}.stat-number{color:var(--text-accent);display:block;font-size:1.5rem;font-weight:600}.stat-label{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.qr-display{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;text-align:center}.qr-code{background-color:#fff;border-radius:.5rem;display:inline-block;margin-bottom:1rem;padding:1rem}.download-btn{margin-top:1rem}.json-editor{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.json-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#ef4444;font-size:.875rem;margin-top:.5rem;padding:.5rem}[data-theme=dark] .json-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}.format-buttons{display:flex;gap:.5rem;margin-bottom:1rem}.btn-small{font-size:.875rem;padding:.5rem 1rem}.calculator-buttons{grid-gap:.5rem;display:grid;gap:.5rem;margin:1rem 0}.button-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.calc-button{border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;font-size:1.125rem;font-weight:500;padding:1rem;transition:all .2s ease}.btn-number{background-color:var(--card-bg);color:var(--text-primary)}.btn-number:hover{background-color:var(--bg-secondary)}.btn-operator{background-color:var(--text-accent);color:#fff}.btn-operator:hover{opacity:.9}.history-list{max-height:300px;overflow-y:auto}.history-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;margin-bottom:.5rem;padding:.75rem}.history-expression{color:var(--text-secondary);font-size:.875rem}.history-result{color:var(--text-primary);font-weight:600;margin:.25rem 0}.history-time{color:var(--text-secondary);font-size:.75rem;opacity:.8}.course-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.courses-section h3{color:var(--text-primary);margin-bottom:1rem}.related-tools{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.related-link{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);display:block;font-size:.875rem;padding:.75rem;text-decoration:none;transition:all .2s ease}.related-link:hover{background-color:var(--bg-tertiary);border-color:var(--text-accent);transform:translateY(-1px)}.page-breadcrumb{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.page-breadcrumb a{color:var(--text-accent);text-decoration:none}.page-breadcrumb a:hover{text-decoration:underline}.keyword-highlight{background-color:#3b82f61a;border-radius:.25rem;font-weight:500;padding:.125rem .25rem}.blog-grid{grid-gap:2rem;display:grid;margin-bottom:2rem}.blog-card{border-radius:.75rem;box-shadow:var(--shadow);transition:all .2s ease}.blog-card:hover{box-shadow:var(--shadow-lg)}.blog-title a{font-size:1.25rem;font-weight:600}.blog-title a:hover{color:var(--text-accent)}.blog-meta{color:var(--text-secondary);font-size:.875rem}.read-more{color:var(--text-accent)}.read-more:hover{text-decoration:underline}[data-theme=dark-generator] .calculator-page{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}[data-theme=dark-generator] .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}[data-theme=dark-generator] .btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;font-weight:600}[data-theme=dark-generator] .btn-primary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px)}[data-theme=dark-generator] .highlight,[data-theme=dark-generator] .text-accent{color:#fbbf24!important}[data-theme=dark-generator] .keyword-highlight{background-color:#fbbf2433;color:#fbbf24}[data-theme=dark-generator] .related-link:hover{background-color:#fbbf241a;border-color:#fbbf24}.slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text-accent);border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:var(--text-accent);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.range-labels{color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem}.checkbox-group{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem}.checkbox-label input[type=checkbox]{accent-color:var(--text-accent);height:18px;width:18px}.password-display{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.password-text{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.125rem;padding:1rem;word-break:break-all}.copy-btn{background-color:var(--text-accent);border:none;border-radius:.5rem;color:#fff;font-weight:500;gap:.5rem;padding:.75rem 1rem}.copy-btn:hover{opacity:.9;transform:translateY(-1px)}.password-strength{font-size:.95rem;text-align:center}.color-input-group{align-items:center;display:flex;gap:.75rem}.color-picker{background:none;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;height:40px;width:60px}.palette-display{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.color-swatch{text-align:center}.color-box{border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;height:80px;transition:all .2s ease;width:100%}.color-box:hover{border-color:var(--text-accent);transform:scale(1.05)}.color-info{align-items:center;background-color:var(--bg-secondary);border-radius:.375rem;display:flex;justify-content:space-between;margin-top:.5rem;padding:.5rem}.color-hex{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:500}.copy-small-btn{background:none;border:none;border-radius:.25rem;color:var(--text-accent);cursor:pointer;padding:.25rem;transition:all .2s ease}.copy-small-btn:hover{background-color:var(--bg-tertiary)}.lorem-display{width:100%}.lorem-text{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.6;min-height:200px;padding:1rem;resize:vertical;width:100%}.lorem-text:focus{border-color:var(--text-accent);outline:none}.text-stats{border-top:1px solid var(--border-color);display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem}.presets-section{margin-bottom:2rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.shadow-control{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.shadow-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.shadow-header h4{color:var(--text-primary);margin:0}.shadow-controls{display:flex;flex-direction:column;gap:1rem}.control-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.preview-section{margin-bottom:2rem}.shadow-preview{align-items:center;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:.5rem;display:flex;justify-content:center;min-height:200px}[data-theme=dark-creator] .shadow-preview,[data-theme=dark] .shadow-preview{background-color:#2d3748}.preview-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;height:120px;width:120px}.css-output{margin-top:1rem}.css-code{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;gap:1rem;padding:1rem}.css-code code{color:var(--text-primary);flex:1 1;font-size:.875rem;word-break:break-all}.username-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.username-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.username-item:hover{border-color:var(--text-accent);transform:translateY(-1px)}.username-text{align-items:center;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;gap:.5rem}.availability{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .375rem}.availability.available{background-color:#dcfce7;color:#166534}.availability.taken{background-color:#fef2f2;color:#dc2626}[data-theme=dark-creator] .availability.available,[data-theme=dark] .availability.available{background-color:#166534;color:#dcfce7}[data-theme=dark-creator] .availability.taken,[data-theme=dark] .availability.taken{background-color:#dc2626;color:#fef2f2}.variations-section{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.variations-section h4{color:var(--text-primary);margin-bottom:.5rem}.variations-section p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.variation-examples{grid-gap:.5rem;display:grid;gap:.5rem}.variation-item{background-color:var(--bg-tertiary);border-radius:.375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.5rem}.variation-item strong{color:var(--text-primary)}@media (max-width:768px){.control-row,.username-grid{grid-template-columns:1fr}.css-code{align-items:stretch;flex-direction:column}.preset-buttons{justify-content:center}}.detector-theme{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.detector-theme .page-header h1{-webkit-text-fill-color:unset;background:none;color:#fff!important;text-shadow:2px 2px 4px #0000004d}.detector-theme .page-header p{color:#fff!important;opacity:.9;text-shadow:1px 1px 2px #0000004d}.ai-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.ai-result-header h3{color:var(--text-primary);margin:0}.probability-display{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.probability-item{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.75rem;gap:1rem;padding:1.5rem}.prob-icon,.probability-item{align-items:center;display:flex}.prob-icon{border-radius:50%;height:48px;justify-content:center;width:48px}.ai-prob .prob-icon{background-color:#ef44441a;color:#ef4444}.human-prob .prob-icon{background-color:#22c55e1a;color:#22c55e}.prob-content{flex:1 1}.prob-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.prob-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.prob-bar{background-color:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.prob-fill{border-radius:4px;height:100%;transition:width .5s ease}.ai-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.human-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.analysis-details{margin-bottom:2rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.detail-item{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.detail-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.confidence-high{color:#22c55e!important}.confidence-medium{color:#f59e0b!important}.confidence-low{color:#ef4444!important}.indicators-section{margin-top:2rem}.indicators-section h4{color:var(--text-primary);margin-bottom:1rem}.indicators-list{display:flex;flex-direction:column;gap:.75rem}.indicator-item{border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.indicator-item.ai{background-color:#ef44440d;border-color:#ef444433}.indicator-item.human{background-color:#22c55e0d;border-color:#22c55e33}.indicator-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.ai-icon{color:#ef4444}.human-icon{color:#22c55e}.indicator-desc{color:var(--text-primary);flex:1 1;font-weight:500}.indicator-count{color:var(--text-secondary);font-size:.875rem}.indicator-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.example-code{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.25rem .5rem}.inline-icon{display:inline;margin-right:.5rem;vertical-align:middle}.language-result{margin-bottom:2rem}.detected-language{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:2px solid var(--border-color);border-radius:1rem;display:flex;gap:1.5rem;padding:2rem}.lang-flag{font-size:3rem;line-height:1}.lang-info{flex:1 1}.lang-name{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.lang-confidence{color:var(--text-secondary);font-size:.875rem}.lang-percentage{color:var(--text-accent);font-size:2rem;font-weight:700}.language-breakdown{margin-top:2rem}.language-breakdown h4{color:var(--text-primary);margin-bottom:1rem}.language-list{display:flex;flex-direction:column;gap:.75rem}.language-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;gap:1rem;padding:.75rem}.lang-item-info,.language-item{align-items:center;display:flex}.lang-item-info{gap:.5rem;min-width:120px}.lang-item-info .lang-flag{font-size:1.25rem}.lang-item-info .lang-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.lang-bar{background-color:var(--bg-secondary);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.lang-fill{background:linear-gradient(90deg,var(--text-accent) 0,var(--text-accent) 100%);border-radius:4px;height:100%;transition:width .5s ease}.lang-percent{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:40px;text-align:right}@media (max-width:768px){.probability-item{flex-direction:column;gap:.75rem;text-align:center}.detail-grid{grid-template-columns:repeat(2,1fr)}.indicator-header{flex-wrap:wrap}.detected-language{flex-direction:column;gap:1rem;text-align:center}.language-item{flex-direction:column;gap:.5rem}.lang-bar{width:100%}}.plagiarism-scores{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.score-item{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.75rem;gap:1rem;padding:1.5rem}.score-icon,.score-item{align-items:center;display:flex}.score-icon{border-radius:50%;height:48px;justify-content:center;width:48px}.plagiarism-risk .score-icon{background-color:#ef44441a;color:#ef4444}.originality-score .score-icon{background-color:#22c55e1a;color:#22c55e}.score-content{flex:1 1}.score-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.score-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.score-bar{background-color:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.score-fill{border-radius:4px;height:100%;transition:width .5s ease}.risk-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.original-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.risk-assessment{display:flex;justify-content:center;margin-bottom:2rem}.risk-badge{border:2px solid;border-radius:2rem;font-weight:600;padding:.75rem 1.5rem;text-align:center}.risk-low{background-color:#22c55e1a;border-color:#22c55e;color:#22c55e}.risk-medium{background-color:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.risk-high{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.risk-label{font-weight:500}.risk-value{font-weight:700}.suspicious-patterns{margin-bottom:2rem}.suspicious-patterns h4{color:var(--text-primary);margin-bottom:1rem}.patterns-list{display:flex;flex-direction:column;gap:.75rem}.severity-low{background-color:#f59e0b0d;border-color:#f59e0b33}.severity-medium{background-color:#ef44440d;border-color:#ef444433}.severity-high{background-color:#dc26261a;border-color:#dc26264d}.pattern-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.pattern-icon{color:#ef4444}.pattern-desc{color:var(--text-primary);flex:1 1;font-weight:500}.pattern-count{color:var(--text-secondary);font-size:.875rem}.severity-badge{border-radius:.25rem;font-size:.75rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.severity-badge.severity-low{background-color:#f59e0b;color:#fff}.severity-badge.severity-medium{background-color:#ef4444;color:#fff}.severity-badge.severity-high{background-color:#dc2626;color:#fff}.pattern-examples{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.potential-sources{margin-top:2rem}.potential-sources h4{color:var(--text-primary);margin-bottom:1rem}.sources-list{display:flex;flex-direction:column;gap:.75rem}.source-item{align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.source-info{flex:1 1}.source-title{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.source-url{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.25rem}.source-similarity{min-width:60px;text-align:center}.similarity-value{color:var(--text-accent);font-size:1.125rem;font-weight:700}.similarity-label{color:var(--text-secondary);font-size:.75rem}.source-type{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.type-academic{background-color:#3b82f61a;color:#3b82f6}.type-reference{background-color:#22c55e1a;color:#22c55e}.type-educational{background-color:#f59e0b1a;color:#f59e0b}.type-news{background-color:#8b5cf61a;color:#8b5cf6}@media (max-width:768px){.score-item{flex-direction:column;gap:.75rem;text-align:center}.pattern-header{align-items:flex-start;flex-direction:column;gap:.25rem}.source-item{flex-direction:column;gap:.75rem;text-align:center}.risk-badge{padding:.5rem 1rem}}.gradient-preview{margin-bottom:2rem}.gradient-display{background-color:#f8f9fa;border:2px solid var(--border-color);border-radius:.75rem;height:200px;width:100%}.gradient-controls{display:flex;flex-direction:column;gap:2rem}.colors-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.colors-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.color-stop{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.color-stop-controls{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr 2fr auto}.color-hex-input{max-width:100px}.position-control{display:flex;flex-direction:column;gap:.5rem}.position-control label{color:var(--text-secondary);font-size:.875rem}.preset-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.preset-item{align-items:center;border:2px solid var(--border-color);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;height:60px;justify-content:center;text-shadow:1px 1px 2px #00000080;transition:all .2s ease}.preset-item:hover{border-color:var(--text-accent);transform:scale(1.05)}.mode-selector{display:flex;justify-content:center;margin-bottom:2rem}.mode-buttons{align-items:center;display:flex;gap:.5rem}.swap-btn{padding:.75rem!important}.conversion-area{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.input-section,.output-section{display:flex;flex-direction:column}.input-header,.output-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.base64-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;resize:vertical}.examples-section{margin-bottom:2rem}.examples-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;padding:1rem;text-align:left;transition:all .2s ease}.example-item:hover{background-color:var(--bg-tertiary);border-color:var(--text-accent)}.example-item strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.example-item code{color:var(--text-secondary);font-size:.75rem;word-break:break-all}.formatter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.indent-control{align-items:center;display:flex;gap:.5rem}.indent-control label{color:var(--text-primary);font-size:.875rem}.html-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical}.regex-input-section{margin-bottom:2rem}.regex-input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.status-valid{color:#10b981}.status-invalid,.status-valid{align-items:center;display:flex;font-size:.875rem;gap:.25rem}.status-invalid{color:#ef4444}.regex-input-wrapper{align-items:center;display:flex;gap:.25rem}.regex-delimiter{color:var(--text-accent);font-size:1.125rem;font-weight:700}.regex-delimiter,.regex-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.regex-input{flex:1 1}.flags-section{margin-top:1.5rem}.flags-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.75rem}.flag-checkbox{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;transition:all .2s ease}.flag-checkbox:hover{border-color:var(--text-accent)}.flag-checkbox input[type=checkbox]{margin-right:.5rem}.flag-label{color:var(--text-primary);font-weight:500}.flag-description{color:var(--text-secondary);font-size:.75rem}.test-string-section{margin-bottom:2rem}.regex-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.common-patterns-section{margin-bottom:2rem}.patterns-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pattern-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;padding:1rem;text-align:left;transition:all .2s ease}.pattern-item:hover{background-color:var(--bg-tertiary);border-color:var(--text-accent)}.pattern-item strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.pattern-item code{color:var(--text-secondary);font-size:.75rem;word-break:break-all}.matches-summary{margin-bottom:1.5rem}.matches-found{color:#10b981}.matches-found,.no-matches{align-items:center;display:flex;gap:.5rem}.no-matches{color:#ef4444}.highlighted-text{margin-bottom:2rem}.highlight-display{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;padding:1rem;white-space:pre-wrap;word-break:break-word}.regex-match{background-color:#fbbf24;border-radius:.25rem;color:#1a1a1a;font-weight:600;padding:.125rem .25rem}.matches-details{margin-top:1.5rem}.match-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.match-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.match-index{color:var(--text-accent);font-weight:600}.match-details{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.match-details code{background-color:var(--bg-secondary);border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:.25rem .5rem}.groups-list{margin:.5rem 0 0 1rem;padding:0}.groups-list li{margin-bottom:.25rem}@media (max-width:768px){.conversion-area{grid-template-columns:1fr}.formatter-controls{align-items:stretch;flex-direction:column}.color-stop-controls{gap:.75rem}.color-stop-controls,.flags-grid,.patterns-grid{grid-template-columns:1fr}}.quick-tip-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.people-controls{gap:1.5rem;margin-top:.75rem}.btn-icon,.people-controls{align-items:center;display:flex;justify-content:center}.btn-icon{border-radius:50%;height:40px;padding:0;width:40px}.people-count{color:var(--text-primary);font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.bill-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{align-items:center;background-color:var(--bg-secondary);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.breakdown-item.total{background-color:var(--bg-tertiary);border:2px solid var(--text-accent);font-weight:600}.breakdown-label{color:var(--text-secondary);font-size:.95rem}.breakdown-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.breakdown-item.total .breakdown-label,.breakdown-item.total .breakdown-value{color:var(--text-accent);font-size:1.125rem}.per-person-result{background:linear-gradient(135deg,var(--text-accent) 0,var(--text-accent) 100%);border-radius:1rem;color:#fff;margin-top:1.5rem;padding:2rem;text-align:center}.per-person-label{font-size:.875rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.per-person-amount{font-size:2.5rem;font-weight:700;margin-bottom:.25rem}.per-person-note{font-size:.875rem;opacity:.9}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.result-header h3{color:var(--text-primary);margin:0}.mortgage-result{margin-bottom:2rem}.total-payment{background:linear-gradient(135deg,var(--text-accent) 0,var(--text-accent) 100%);border-radius:1rem;color:#fff;margin-bottom:1.5rem;padding:2rem;text-align:center}.payment-label{font-size:.875rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.payment-amount{font-size:3rem;font-weight:700}.payment-breakdown{display:flex;flex-direction:column;gap:.75rem}.loan-summary{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.loan-summary h4{color:var(--text-primary);margin-bottom:1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.summary-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;padding:1rem}.summary-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.summary-value{color:var(--text-primary);font-size:1.125rem;font-weight:600}.faq-section{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.faq-section h3{color:var(--text-primary);margin-bottom:1.5rem}.faq-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.faq-item h4{color:var(--text-accent);font-size:1.125rem;margin-bottom:.75rem}.faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.testimonials-section{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:2rem}.testimonials-section h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.testimonial-item{background-color:var(--bg-secondary);border-left:4px solid var(--text-accent);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;position:relative}.testimonial-item p{color:var(--text-primary);font-style:italic;line-height:1.6;margin-bottom:.75rem}.testimonial-author{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width:768px){.payment-amount{font-size:2rem}.summary-grid{grid-template-columns:1fr}}.discount-result{margin-bottom:2rem}.final-price-display{background:linear-gradient(135deg,#10b981,#059669);border-radius:1rem;color:#fff;margin-bottom:1.5rem;padding:2rem;text-align:center}.price-label{font-size:.875rem;letter-spacing:1px;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.price-amount{font-size:3rem;font-weight:700;margin-bottom:.25rem}.price-note{font-size:1rem;font-weight:600;opacity:.9}.breakdown-item.savings{background-color:#10b9811a;border-left:4px solid #10b981}.breakdown-item.savings span:last-child{color:#10b981;font-weight:700}@media (max-width:768px){.price-amount{font-size:2rem}}.dice-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;margin:2rem 0;padding:1.5rem}.dice-section h4{color:var(--text-primary);margin-bottom:1rem;text-align:center}.dice-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.random-numbers-display{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:1rem}.random-number-item{align-items:center;background:linear-gradient(135deg,var(--text-accent) 0,var(--text-accent) 100%);border-radius:.75rem;box-shadow:var(--shadow);color:#fff;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;padding:1.5rem;transition:transform .2s ease}.random-number-item:hover{transform:scale(1.05)}@media (max-width:768px){.random-numbers-display{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.random-number-item{font-size:1.25rem;padding:1rem}}.sidebar-section{display:flex;flex-direction:column;gap:0}.ad-sidebar{margin-bottom:2rem;position:-webkit-sticky;position:sticky;top:100px}.ad-between-content{border-bottom:1px solid var(--border-color);margin:3rem 0;padding:2rem 0}.ad-after-result,.ad-between-content{border-top:1px solid var(--border-color)}.ad-after-result{margin-top:2rem;padding-top:2rem}@media (max-width:1024px){.calculator-container{grid-template-columns:1fr}.sidebar-section{margin-top:2rem;order:2}.ad-sidebar{position:relative;top:0}}@media (max-width:768px){.ad-after-result,.ad-between-content{margin:2rem 0;padding:1rem 0}}.keyword-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.keyword-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.keyword-item:hover{border-color:var(--primary-color);transform:translateX(4px)}.keyword-word{color:var(--text-color);font-weight:600}.keyword-stats{color:var(--primary-color);font-size:.9rem;font-weight:500}.icon-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.icon-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.ip-header{justify-content:space-between;margin-bottom:1.5rem}.ip-display,.ip-header{align-items:center;display:flex}.ip-display{gap:1rem;padding:2rem}.ip-details{margin-top:2rem}.ip-details h3{color:var(--text-color);margin-bottom:1rem}.copy-btn{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;padding:.5rem;transition:all .2s ease}.copy-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;color:#ef4444;color:var(--error-color,#ef4444);padding:2rem;text-align:center}.case-results,.error-message{display:flex;flex-direction:column;gap:1rem}.case-results{margin-top:1rem}.case-result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .2s ease}.case-result-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.case-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.case-label{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.25rem}.case-description{color:var(--text-secondary);font-size:.85rem}.case-output{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;padding:1rem;word-break:break-word}.blog-grid{display:flex;flex-direction:column;gap:2rem}.blog-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-lg);padding:2rem;transition:all .3s ease}.blog-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.blog-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.blog-title a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.blog-title a:hover{color:var(--primary-color)}.blog-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.blog-meta{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.blog-date{color:var(--text-secondary);font-size:.875rem}.blog-keywords{color:var(--primary-color);font-size:.875rem;font-style:italic}.blog-full-content{animation:slideDown .3s ease-out;border-top:2px solid var(--border-color);color:var(--text-primary);line-height:1.8;margin-top:1.5rem;padding-top:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blog-full-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:1.5rem}.blog-full-content p{color:var(--text-secondary);margin-bottom:1rem}.blog-full-content ul{margin-bottom:1rem;padding-left:1.5rem}.blog-full-content li{color:var(--text-secondary);margin-bottom:.5rem}.blog-full-content strong{color:var(--text-primary);font-weight:600}.read-more{background-color:initial;border-radius:.5rem;color:var(--primary-color);display:inline-block;font-weight:500;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.read-more:hover{background-color:var(--primary-color);color:#fff;transform:translateX(4px)}@media (max-width:768px){.blog-card{padding:1.5rem}.blog-title{font-size:1.25rem}.blog-meta{flex-direction:column;gap:.5rem}}.tool-keywords-section{border-top:2px solid var(--border-color);margin-top:3rem;padding-top:2rem}.keywords-container,.related-searches-container{margin-bottom:2rem}.keywords-container h4,.related-searches-container h4{color:var(--text-primary);font-size:1.125rem;margin-bottom:1rem}.keywords-list,.related-searches-list{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:linear-gradient(135deg,var(--text-accent) 0,var(--text-accent) 100%);border-radius:.5rem;color:#fff;cursor:default;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.keyword-tag:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.related-search-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);cursor:default;display:inline-block;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.related-search-item:hover{background-color:var(--bg-tertiary);border-color:var(--text-accent);color:var(--text-primary)}@media (max-width:768px){.keywords-list,.related-searches-list{justify-content:center}}