.container,.nav-container{max-width:1200px;margin:0 auto}.nav-glass,.page-wrapper{display:flex;width:100%;position:relative}.nav-glass,.page-wrapper,body{position:relative}.hero h1,.hero h2{margin-bottom:1rem}.hero h1,.input-group label,.logo{font-family:var(--font-heading)}:root{--bg-color:#faf9f6;--bg-gradient:radial-gradient(circle at 10% 20%, #fef2f4 0%, #f5eefb 45%, #eff6ff 90%);--surface:rgba(255, 255, 255, 0.7);--surface-solid:#ffffff;--text-main:#1c1520;--text-muted:#6e6175;--primary:#db2777;--primary-gradient:linear-gradient(135deg, #ec4899 0%, #d946ef 50%, #8b5cf6 100%);--primary-hover:#be185d;--accent:#8b5cf6;--accent-gradient:linear-gradient(135deg, #a78bfa 0%, #7c3aed 100%);--border:rgba(219, 39, 119, 0.08);--glass-border:rgba(255, 255, 255, 0.5);--shadow:0 10px 40px -10px rgba(219, 39, 119, 0.06),0 2px 12px rgba(27, 21, 32, 0.02);--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-sans:'Plus Jakarta Sans',sans-serif;--font-heading:'Space Grotesk',sans-serif;--transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1)}[data-theme=dark]{--bg-color:#08050d;--bg-gradient:radial-gradient(circle at 80% 20%, #1e0926 0%, #0d0716 50%, #040207 100%);--surface:rgba(22, 14, 32, 0.65);--surface-solid:#150e1f;--text-main:#f5eff7;--text-muted:#a69bb0;--primary:#f472b6;--primary-gradient:linear-gradient(135deg, #f472b6 0%, #db2777 50%, #a78bfa 100%);--primary-hover:#db2777;--accent:#a78bfa;--accent-gradient:linear-gradient(135deg, #c084fc 0%, #8b5cf6 100%);--border:rgba(244, 114, 182, 0.1);--glass-border:rgba(255, 255, 255, 0.03);--shadow:0 15px 50px -15px rgba(0, 0, 0, 0.6),0 4px 20px rgba(244, 114, 182, 0.03)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-sans)}body,html{overflow-x:hidden;max-width:100%}body{background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);min-height:100vh;line-height:1.6;transition:var(--transition)}.page-wrapper{overflow-x:hidden;min-height:100vh;flex-direction:column}.page-wrapper::after,.page-wrapper::before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.12) 0,rgba(139,92,246,0) 70%);filter:blur(40px);z-index:-1;pointer-events:none;animation:25s ease-in-out infinite alternate floatBlob;transform:translate3d(0,0,0);will-change:transform}.page-wrapper::before{top:15%;left:-100px}.page-wrapper::after{bottom:15%;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.1) 0,rgba(236,72,153,0) 70%);animation-delay:-12s}@keyframes floatBlob{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.15)}}.container{padding:1.5rem 1.5rem 4rem}nav{position:sticky;top:0;z-index:100;padding:1.25rem 0}.nav-container{padding:0 1.5rem}.app-grid,.hero{margin-bottom:3.5rem}.nav-glass{background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:100px;padding:.6rem 1.5rem;border:1px solid var(--glass-border);box-shadow:var(--shadow);align-items:center;transition:var(--transition)}.logo,.theme-toggle{color:var(--text-main);display:flex;align-items:center;transition:var(--transition)}.logo{font-weight:700;font-size:1.25rem;text-decoration:none;gap:.5rem;letter-spacing:-.02em}.logo svg{color:var(--primary);transition:transform .6s cubic-bezier(.34, 1.56, .64, 1)}.logo:hover svg{transform:scale(1.2) rotate(15deg)}.theme-toggle{background:var(--surface-solid);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;border-radius:50%;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}.mobile-nav-link,.nav-link{color:var(--text-muted);font-weight:600;text-decoration:none}.theme-toggle:hover{background:var(--primary-gradient);color:#fff;border-color:transparent;transform:scale(1.08) rotate(15deg);box-shadow:0 4px 12px rgba(219,39,119,.2)}.hidden{display:none!important}.nav-links-pc{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:1rem}.nav-link{font-size:.9rem;padding:.5rem 1.1rem;border-radius:100px;transition:var(--transition);border:1px solid transparent}.nav-link.active,.nav-link:hover{color:var(--text-main);background:var(--surface-solid);box-shadow:0 2px 8px rgba(0,0,0,.04);border-color:var(--border)}.nav-link.active{color:var(--primary);border-color:rgba(219,39,119,.2)}.hamburger-toggle{display:none;flex-direction:column;justify-content:space-between;width:20px;height:14px;background:0 0;border:none;cursor:pointer;padding:0;z-index:110}.hamburger-bar{width:100%;height:2px;background-color:var(--text-main);border-radius:4px;transition:var(--transition)}.glass-panel,.nav-links-mobile{background:var(--surface);box-shadow:var(--shadow)}.hamburger-toggle.active .hamburger-bar:first-child{transform:translateY(6px) rotate(45deg)}.hamburger-toggle.active .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-toggle.active .hamburger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links-mobile{display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;flex-direction:column;gap:.5rem;z-index:99;opacity:0;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.16, 1, .3, 1),transform .3s cubic-bezier(.16, 1, .3, 1);pointer-events:none}.nav-links-mobile.active{display:flex;opacity:1;transform:translateY(0);pointer-events:auto}.mobile-nav-link{font-size:1rem;padding:.75rem;width:100%;text-align:center;border-radius:12px;transition:var(--transition);border:1px solid transparent}.mobile-nav-link.active,.mobile-nav-link:hover{color:var(--primary);background:var(--surface-solid);border-color:var(--border)}.chip.active,.hero h1,input:checked+.slider{background:var(--primary-gradient)}.hero{text-align:center;padding:2.5rem 1rem 0}.hero h1{font-size:clamp(2rem, 5.5vw, 3.5rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h2{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.chip,.hero p,.microcopy{color:var(--text-muted)}.hero p{font-size:1.1rem;max-width:650px;margin:0 auto;line-height:1.7}.input-group label,textarea.main-input{color:var(--text-main);font-size:.95rem}.glass-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition)}.chip,textarea.main-input{background:var(--surface-solid);transition:var(--transition)}.glass-panel:hover{box-shadow:0 20px 45px -10px rgba(219,39,119,.09),0 4px 16px rgba(27,21,32,.03)}.app-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width:992px){.app-grid{grid-template-columns:420px 1fr}}.controls-panel{display:flex;flex-direction:column;gap:2rem;padding:2.25rem 2rem}.input-group{display:flex;flex-direction:column;gap:.75rem}.input-group label{font-weight:700;display:flex;justify-content:space-between;align-items:baseline;letter-spacing:-.01em}.microcopy{font-family:var(--font-sans);font-size:.75rem;font-weight:500}.chip,.toggle-label{font-weight:600;cursor:pointer}textarea.main-input{width:100%;padding:1.1rem;border-radius:var(--radius-md);border:1.5px solid var(--border);resize:vertical;min-height:110px;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}textarea.main-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(219,39,119,.1),inset 0 2px 4px rgba(0,0,0,.01)}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.55rem 1.1rem;border-radius:100px;border:1px solid var(--border);font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.chip:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--text-main);box-shadow:0 4px 12px rgba(219,39,119,.08)}.chip.active{color:#fff;border-color:transparent;box-shadow:0 4px 15px rgba(219,39,119,.25);transform:translateY(-1px)}.btn-secondary:hover,.footer-links a:hover,.history-title svg,.stat-item span{color:var(--primary)}.options-group{background:rgba(219,39,119,.02);padding:1.25rem;border-radius:var(--radius-md);border:1px dashed var(--border)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-row:first-child{padding-top:0}.toggle-label{font-size:.9rem;color:var(--text-main)}.switch{position:relative;display:inline-block;width:46px;height:24px}.slider,.slider:before{position:absolute;transition:var(--transition)}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);border-radius:100px}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}input:checked+.slider:before{transform:translateX(22px)}.output-panel{display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative;border-radius:var(--radius-lg);border:4px solid var(--border);background:var(--surface-solid)}.output-header,.output-panel::before{border-bottom:1px solid var(--border)}.output-panel::before{content:"";display:block;height:24px;background:rgba(219,39,119,.05);position:relative}.output-panel-status{position:absolute;top:5px;left:0;right:0;display:flex;justify-content:space-between;padding:0 1.5rem;font-size:.7rem;font-weight:700;color:var(--text-muted);z-index:2}.output-panel-status-icons{display:flex;gap:.35rem}.output-header{padding:1.25rem 1.5rem;background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.live-indicator{display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:var(--text-main);font-weight:700}.btn,.stats{gap:.5rem}.live-indicator::before{content:"🥺";display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(219,39,119,.1);font-size:1.1rem}.pulse{width:7px;height:7px;background:#10b981;border-radius:50%;display:inline-block;margin-left:.25rem;box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:2s infinite pulseGlow}.btn,.history-list,.stats{display:flex}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.stat-item{background:var(--bg-color);padding:.4rem .8rem;border-radius:100px;border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text-muted)}.stat-item span{font-weight:700}.output-textarea{flex-grow:1;width:100%;min-height:360px;padding:1.5rem;border:none;background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)),radial-gradient(#ec4899 .5px,transparent .5px),radial-gradient(#8b5cf6 .5px,#fbf7fc .5px);background-size:100% 100%,20px 20px,20px 20px;background-position:0 0,0 0,10px 10px;color:var(--text-main);font-size:.95rem;line-height:1.8;font-family:monospace;resize:none;outline:0;transition:var(--transition);overflow-y:auto}[data-theme=dark] .output-textarea{background:linear-gradient(rgba(21,14,31,.96),rgba(21,14,31,.96)),radial-gradient(#f472b6 .5px,transparent .5px),radial-gradient(#a78bfa .5px,#150d1d .5px);background-size:100% 100%,20px 20px,20px 20px;background-position:0 0,0 0,10px 10px}.output-textarea::-webkit-scrollbar{width:6px}.output-textarea::-webkit-scrollbar-track{background:0 0}.output-textarea::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.output-textarea::-webkit-scrollbar-thumb:hover{background:var(--primary)}.output-panel .btn-group{background:var(--surface);border-top:1px solid var(--border);padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.btn{padding:.85rem 1.25rem;border-radius:var(--radius-md);font-weight:700;font-family:var(--font-heading);font-size:.9rem;cursor:pointer;align-items:center;justify-content:center;border:none;transition:var(--transition);letter-spacing:-.01em}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(219,39,119,.2)}.btn-secondary,.history-card{background:var(--surface-solid)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(219,39,119,.35)}.btn-secondary{color:var(--text-main);border:1.5px solid var(--border);box-shadow:0 2px 6px rgba(0,0,0,.02)}.btn-secondary:hover{border-color:var(--primary);transform:translateY(-1px)}.history-section{margin-top:2rem;margin-bottom:4rem}.history-title,.info-card h2{margin-bottom:1.25rem;letter-spacing:-.02em;font-family:var(--font-heading)}.history-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.history-list{gap:.75rem;overflow-x:auto;padding-bottom:.75rem;scrollbar-width:thin;width:100%;max-width:100%}.history-card{min-width:220px;max-width:260px;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:var(--transition);position:relative}.history-card::after{content:"";position:absolute;bottom:-1px;left:20px;border-width:8px 8px 0;border-style:solid;border-color:var(--border) transparent;display:none}.history-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 15px rgba(219,39,119,.06)}.history-card-text{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.35rem;font-size:.9rem}.history-card-meta{font-size:.75rem;color:var(--text-muted);font-weight:500}.internal-link{background:rgba(219,39,119,.05);border-left:4px solid var(--primary);border-radius:8px;padding:1.1rem 1.5rem;font-size:.95rem;margin:2rem 0;color:var(--text-main);line-height:1.5}.faq-question::after,.icon-box{background:rgba(219,39,119,.08)}.internal-link a{color:var(--primary);text-decoration:none;transition:var(--transition)}.internal-link a:hover{text-decoration:underline}.content-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:4rem}@media (min-width:768px){.content-grid{grid-template-columns:1fr 1fr}}.info-card{padding:2.5rem 2.25rem;border-radius:var(--radius-lg)}.info-card h2{font-size:1.75rem;font-weight:800;color:var(--text-main)}.info-card p{color:var(--text-muted);margin-bottom:2rem;font-size:1rem}.info-card ul{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.info-card li{display:flex;align-items:flex-start;gap:1.1rem;color:var(--text-muted)}.info-card li strong{color:var(--text-main);display:block;margin-bottom:.15rem;font-size:.95rem}.icon-box{color:var(--primary);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;font-weight:700}.faq-item,footer{background:var(--surface-solid)}.article-sec h2,.article-sec h3,.faq-question{color:var(--text-main)}.article-sec{max-width:850px;margin:0 auto 5rem;padding:0 1rem}.article-sec h2{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-top:3.5rem;margin-bottom:1.25rem;letter-spacing:-.02em;line-height:1.3}.article-sec h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.01em}.article-sec p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.75}.article-sec hr{border:none;border-top:1.5px solid var(--border);margin:3rem 0}.article-sec ol,.article-sec ul{margin-bottom:2rem;padding-left:1.5rem;color:var(--text-muted)}.article-sec li{margin-bottom:.75rem;line-height:1.6}.article-sec table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin:2rem 0!important;background:var(--surface-solid)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;overflow:hidden!important;box-shadow:var(--shadow)!important}.article-sec td,.article-sec th{padding:1rem 1.25rem!important;text-align:left!important;font-size:.95rem!important;border-bottom:1px solid var(--border)!important}.article-sec th{background:rgba(219,39,119,.04)!important;font-family:var(--font-heading)!important;font-weight:700!important;color:var(--text-main)!important;border-bottom:2px solid var(--border)!important}.article-sec td{color:var(--text-muted)!important}.article-sec tr:last-child td{border-bottom:none!important}.article-sec tr:hover td{background:rgba(219,39,119,.01)}.faq-section{max-width:800px;margin:0 auto 5rem}.faq-section h2{font-family:var(--font-heading);text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:2.5rem;letter-spacing:-.02em}.backlinks-container h3,.faq-question{font-family:var(--font-heading);font-weight:700}.faq-item{margin-bottom:1rem;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--border);transition:var(--transition)}.faq-item:hover{border-color:var(--primary);box-shadow:0 4px 15px rgba(219,39,119,.04)}.faq-item.active{border-color:var(--primary);box-shadow:0 6px 20px rgba(219,39,119,.06)}.faq-question{width:100%;text-align:left;padding:1.35rem 1.75rem;background:0 0;border:none;font-size:1.05rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question::after{content:"+";font-size:1.4rem;font-family:var(--font-sans);transition:transform .4s cubic-bezier(.16, 1, .3, 1);color:var(--primary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.faq-item.active .faq-question::after{transform:rotate(45deg);background:var(--primary);color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16, 1, .3, 1)}.faq-answer-inner{padding:0 1.75rem 1.5rem;color:var(--text-muted);font-size:.98rem;line-height:1.65}footer{border-top:1.5px solid var(--border);padding:4.5rem 1.5rem 2.5rem;text-align:center;position:relative}.footer-logo{font-family:var(--font-heading);font-weight:800;font-size:1.6rem;margin-bottom:.85rem;color:var(--text-main);letter-spacing:-.02em}.backlinks-container h3,.copyright,.footer-desc,.footer-links a{color:var(--text-muted)}.footer-desc{max-width:450px;margin:0 auto 2.5rem;font-size:.95rem}.backlinks-container{width:100%;overflow:hidden;display:flex;flex-direction:column;gap:20px;padding:24px 0;margin:2.5rem 0 3.5rem;background:rgba(219,39,119,.02);border-radius:var(--radius-md);border:1px solid var(--border)}.backlinks-container h3{font-size:1rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.marquee-track{display:flex;width:max-content}.marquee-track.left{animation:35s linear infinite scroll-left}.marquee-track.right{animation:35s linear infinite scroll-right}.backlinks-container:hover .marquee-track{animation-play-state:paused}.marquee-content{display:flex;gap:40px;padding-right:40px;align-items:center}.marquee-content a{display:flex;align-items:center;justify-content:center;transition:var(--transition)}.marquee-content img{border-radius:8px;object-fit:contain;filter:grayscale(1) opacity(.5);transition:var(--transition)}.marquee-content a:hover img{filter:grayscale(0) opacity(1);transform:scale(1.05)}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes scroll-right{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.footer-links{display:flex;justify-content:center;gap:1.5rem 2.25rem;flex-wrap:wrap;margin-bottom:2.5rem}.footer-links a{text-decoration:none;font-weight:600;font-size:.92rem;transition:var(--transition)}.copyright{font-size:.85rem;padding-top:2rem;border-top:1px solid var(--border)}@media (max-width:768px){.nav-links-pc{display:none}.hamburger-toggle{display:flex}.theme-toggle{margin-left:auto;margin-right:1.25rem}.marquee-track.left,.marquee-track.right{animation-duration:25s}.marquee-content img{height:38px;width:auto}.backlinks-container{gap:15px}.info-card{padding:2rem 1.5rem}}@media (max-width:480px){.glass-panel{padding:1.25rem!important}.controls-panel{padding:1.5rem 1.25rem!important}.container{padding:1rem .75rem 3rem!important}.hero{padding:1.25rem .5rem 0!important;margin-bottom:1.5rem!important}.nav-container{padding:0 .75rem!important}.nav-glass{padding:.5rem 1rem!important}.output-panel{border-width:2px!important}.output-panel-status{padding:0 1rem!important}.output-header,.output-textarea{padding:1rem!important}.output-textarea{min-height:280px!important}.output-panel .btn-group{grid-template-columns:1fr!important;padding:1rem!important;gap:.5rem!important}.btn{padding:.75rem 1rem!important;font-size:.85rem!important}.marquee-content img{height:30px!important}.backlinks-container{padding:15px 0!important;margin:1.5rem 0 2.5rem!important}.article-sec table{min-width:500px!important}}