.nss-app{--nss-primary:#8b3dff;--nss-bg:#06111f;--nss-panel:#111d2d;--nss-panel2:#162437;--nss-text:#edf3ff;--nss-muted:#98a8bd;--nss-border:#27364a;max-width:1480px;margin:28px auto;background:radial-gradient(circle at 50% -10%,rgba(139,61,255,.22),transparent 34%),var(--nss-bg);color:var(--nss-text);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28);font-family:Inter,"Hind Siliguri",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nss-app *{box-sizing:border-box}.nss-topbar{height:72px;padding:0 24px;border-bottom:1px solid var(--nss-border);display:flex;align-items:center;justify-content:space-between;background:rgba(5,15,28,.9);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nss-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:24px;font-weight:800}.nss-brand span:last-child{background:linear-gradient(90deg,#fff,var(--nss-primary));-webkit-background-clip:text;background-clip:text;color:transparent}.nss-crown{color:#ffc83d}.nss-nav{display:flex;align-items:center;gap:24px}.nss-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:14px}.nss-favourite-nav{border:0;border-radius:9px;background:var(--nss-primary);color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.nss-hero{text-align:center;padding:36px 20px 10px}.nss-hero h1{font-size:clamp(31px,4vw,50px);line-height:1.1;margin:0 0 10px;font-weight:900}.nss-hero p{margin:0;color:#c6d1df;font-size:17px}.nss-generator-card{max-width:860px;margin:24px auto 0;padding:24px;background:linear-gradient(180deg,rgba(24,38,58,.98),rgba(16,28,44,.98));border:1px solid var(--nss-border);border-radius:16px;text-align:left;box-shadow:0 16px 42px rgba(0,0,0,.25)}.nss-generator-card label{display:block;font-weight:750;margin-bottom:10px}.nss-input-wrap{position:relative}.nss-input-wrap input{width:100%;height:48px;border:2px solid color-mix(in srgb,var(--nss-primary) 68%,#586579);border-radius:10px;background:#0a1422;color:#fff;padding:0 46px 0 14px;font-size:17px;font-weight:600;outline:none}.nss-input-wrap input:focus{border-color:var(--nss-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--nss-primary) 20%,transparent)}.nss-input-clear{position:absolute;right:11px;top:8px;width:32px;height:32px;border:0;background:transparent;color:#dce7f5;font-size:28px;cursor:pointer}.nss-actions{display:grid;grid-template-columns:1.25fr 1fr .72fr;gap:12px;margin-top:16px}.nss-btn{min-height:44px;border:1px solid #3a4a60;border-radius:9px;background:#111d2d;color:#fff;padding:10px 14px;font-weight:750;cursor:pointer}.nss-btn:hover{border-color:var(--nss-primary)}.nss-btn-primary{border-color:transparent;background:linear-gradient(90deg,var(--nss-primary),color-mix(in srgb,var(--nss-primary) 70%,#e329ff));box-shadow:0 8px 24px color-mix(in srgb,var(--nss-primary) 22%,transparent)}.nss-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 255px;gap:16px;padding:0 16px 20px;align-items:start}.nss-panel,.nss-results-panel{background:linear-gradient(180deg,var(--nss-panel),#0e1928);border:1px solid var(--nss-border);border-radius:14px}.nss-left{padding:10px;position:sticky;top:88px}.nss-left h3{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#9fb0c5;padding:8px 10px 4px;margin:7px 0}.nss-category{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:8px;background:transparent;color:#e8eff8;padding:10px 11px;text-align:left;cursor:pointer;font-weight:650}.nss-category:hover,.nss-category.is-active{background:linear-gradient(90deg,var(--nss-primary),color-mix(in srgb,var(--nss-primary) 72%,#e629ff));color:#fff}.nss-category b{font-size:11px}.nss-mini-card{margin-top:12px;padding:16px 12px;text-align:center;border-top:1px solid var(--nss-border)}.nss-mini-card p{font-size:12px;line-height:1.55;color:#a9b8ca}.nss-mini-card .nss-btn{width:100%}.nss-results-panel{background:#f6f8fc;color:#152033;overflow:hidden;min-height:620px}.nss-results-head{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe5ee;background:#fff}.nss-result-summary{margin:0;color:#4a586c;font-size:14px}.nss-sort{height:38px;border:1px solid #d2d9e4;border-radius:8px;background:#fff;padding:0 34px 0 11px;color:#263347}.nss-result-list{padding:14px}.nss-result-item{display:grid;grid-template-columns:38px minmax(0,1fr) 38px 84px;align-items:center;gap:10px;background:#fff;border:1px solid #ebeff5;border-radius:9px;padding:11px 12px;margin-bottom:10px;box-shadow:0 4px 14px rgba(15,31,50,.04);transition:.2s ease}.nss-result-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,31,50,.09)}.nss-result-item.is-random{outline:3px solid color-mix(in srgb,var(--nss-primary) 35%,transparent)}.nss-number{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:#f0ebff;color:var(--nss-primary);font-weight:800;font-size:12px}.nss-style-text{font-size:23px;line-height:1.25;overflow-wrap:anywhere}.nss-heart{border:0;background:transparent;font-size:22px;color:#78879a;cursor:pointer}.nss-heart.is-active{color:#f04479}.nss-copy{border:0;border-radius:8px;background:var(--nss-primary);color:#fff;padding:10px 12px;font-weight:750;cursor:pointer}.nss-load-more{display:block;margin:6px auto 18px;border:1px solid var(--nss-primary);border-radius:8px;background:#fff;color:var(--nss-primary);padding:11px 22px;font-weight:750;cursor:pointer}.nss-load-more[hidden]{display:none}.nss-empty{padding:50px 20px;text-align:center;color:#67758a}.nss-right{display:grid;gap:14px;position:sticky;top:88px}.nss-right .nss-panel{padding:16px}.nss-right h3{margin:0 0 12px;font-size:16px}.nss-right p,.nss-right li{font-size:13px;line-height:1.65;color:#c1ccda}.nss-right ul{list-style:none;padding:0;margin:12px 0 0}.nss-right ul li{margin:5px 0}.nss-popular-list{padding-left:20px;margin:0}.nss-popular-list li{margin:8px 0;color:#dbe5f1;cursor:pointer}.nss-stats div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--nss-border)}.nss-stats div:last-child{border-bottom:0}.nss-stats span{color:#a7b7c9;font-size:12px}.nss-stats b{font-size:16px}.nss-live-dot{display:inline-block;width:8px;height:8px;background:#2dd96f;border-radius:50%;box-shadow:0 0 0 4px rgba(45,217,111,.13);margin-right:7px}.nss-loading{padding:50px;text-align:center;color:#66758a}.nss-toast{position:fixed;right:20px;bottom:20px;background:#101b2a;color:#fff;padding:12px 16px;border-radius:10px;border:1px solid #2f4057;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:1100px){.nss-layout{grid-template-columns:210px minmax(0,1fr)}.nss-right{grid-column:1/-1;grid-template-columns:repeat(3,1fr);position:static}.nss-nav a{display:none}}
@media(max-width:760px){.nss-app{margin:0;border-radius:0}.nss-topbar{height:62px;padding:0 14px}.nss-brand{font-size:20px}.nss-nav{gap:8px}.nss-hero{padding:26px 12px 8px}.nss-generator-card{padding:16px}.nss-actions{grid-template-columns:1fr}.nss-layout{grid-template-columns:1fr;padding:0 10px 16px}.nss-left,.nss-right{position:static}.nss-left{display:flex;overflow:auto;gap:7px;padding:8px}.nss-left h3,.nss-mini-card{display:none}.nss-category{min-width:max-content;width:auto}.nss-right{grid-template-columns:1fr}.nss-results-head{height:auto;min-height:64px;gap:10px;align-items:flex-start;padding:13px;flex-direction:column}.nss-sort{width:100%}.nss-result-list{padding:10px}.nss-result-item{grid-template-columns:30px minmax(0,1fr) 32px;padding:10px}.nss-style-text{font-size:19px}.nss-copy{grid-column:2/4;width:100%}.nss-favourite-nav{padding:9px 11px;font-size:12px}}

/* v1.1 standalone full-page layout */
html:has(body.nss-standalone-template){margin-top:0!important;background:#06111f}
body.nss-standalone-template{margin:0!important;padding:0!important;background:#06111f;overflow-x:hidden}
body.nss-standalone-template.admin-bar{padding-top:32px!important}
.nss-standalone-main{width:100%;min-height:100vh;margin:0;padding:0}
.nss-standalone-template .nss-app{width:100%;max-width:none;min-height:100vh;margin:0;border-radius:0;box-shadow:none}
.nss-standalone-template .nss-layout{width:100%;max-width:1600px;margin:0 auto;grid-template-columns:245px minmax(0,1fr) 275px;gap:18px;padding:0 20px 28px}
.nss-standalone-template .nss-hero{padding-top:42px}
body.admin-bar .nss-topbar{top:32px}
.nss-mobile-tools{display:none;max-width:900px;margin:0 auto 12px;padding:0 12px;gap:10px}
.nss-mobile-panel-btn{flex:1;border:1px solid var(--nss-border);border-radius:9px;background:#111d2d;color:#fff;padding:11px 13px;font-weight:750;cursor:pointer}
@media(max-width:1100px){
 .nss-standalone-template .nss-layout{grid-template-columns:220px minmax(0,1fr);max-width:1050px}
 .nss-standalone-template .nss-right{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));position:static}
}
@media(max-width:782px){body.nss-standalone-template.admin-bar{padding-top:46px!important}body.admin-bar .nss-topbar{top:46px}}
@media(max-width:760px){
 .nss-mobile-tools{display:flex}
 .nss-standalone-template .nss-layout{display:flex;flex-direction:column;padding:0 10px 20px}
 .nss-standalone-template .nss-results-panel{order:1;width:100%}
 .nss-standalone-template .nss-left{order:0;display:none;width:100%;overflow:visible;flex-direction:column;max-height:420px;overflow-y:auto}
 .nss-standalone-template .nss-right{order:2;display:none;width:100%;grid-template-columns:1fr}
 .nss-standalone-template .nss-left.is-mobile-open{display:flex}
 .nss-standalone-template .nss-right.is-mobile-open{display:grid}
 .nss-standalone-template .nss-left h3,.nss-standalone-template .nss-mini-card{display:block}
 .nss-standalone-template .nss-category{width:100%}
}

/* v1.2 visual parity fixes */
.nss-hero h1{color:#fff!important;text-shadow:0 6px 28px rgba(0,0,0,.28)}
.nss-hero h1 .nss-title-text{color:#fff!important;-webkit-text-fill-color:#fff}
.nss-hero h1 .nss-title-text em{font-style:normal;color:var(--nss-primary)!important;-webkit-text-fill-color:var(--nss-primary)}
.nss-brand .nss-crown{font-family:"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;font-size:22px;line-height:1}
body.nss-standalone-template.admin-bar{padding-top:0!important}
@media(max-width:782px){body.nss-standalone-template.admin-bar{padding-top:0!important}}

/* Keep the mockup's real three-column layout in desktop/tablet desktop view. */
@media (min-width:901px) and (max-width:1100px){
 .nss-app .nss-layout,
 .nss-standalone-template .nss-layout{grid-template-columns:200px minmax(0,1fr) 225px;gap:14px;max-width:1100px;padding-left:14px;padding-right:14px}
 .nss-app .nss-right,
 .nss-standalone-template .nss-right{grid-column:auto;grid-template-columns:1fr;position:sticky;top:88px}
 .nss-app .nss-nav{gap:12px}
 .nss-app .nss-nav a{display:block;font-size:12px;white-space:nowrap}
 .nss-app .nss-favourite-nav{padding:9px 11px;font-size:12px;white-space:nowrap}
 .nss-app .nss-brand{font-size:20px}
 .nss-app .nss-topbar{padding-left:18px;padding-right:18px}
 .nss-app .nss-result-item{grid-template-columns:34px minmax(0,1fr) 34px 72px;gap:7px;padding:10px}
 .nss-app .nss-style-text{font-size:20px}
 .nss-app .nss-copy{padding-left:8px;padding-right:8px}
}

/* v1.2.1 mobile hero title spacing fix only */
@media (max-width:760px){
 .nss-standalone-template .nss-hero,
 .nss-app .nss-hero{padding-top:44px}
 .nss-hero h1{margin-top:12px;line-height:1.22}
}

/* v2.0 advanced customization, ads and shortcode layouts */
.nss-app{max-width:var(--nss-max-width,1480px);background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--nss-primary) 22%,transparent),transparent 34%),var(--nss-bg);color:var(--nss-text);border-radius:var(--nss-radius,24px)}
.nss-results-panel{background:var(--nss-results-bg,#f6f8fc)}
.nss-brand img{display:block;width:32px;height:32px;object-fit:contain;border-radius:8px}
.nss-language-switch{border:1px solid var(--nss-border);border-radius:8px;background:transparent;color:#fff;padding:8px 10px;font-weight:700;cursor:pointer}
.nss-language-switch:hover{border-color:var(--nss-primary)}
.nss-ad{width:100%;overflow:hidden;text-align:center}
.nss-ad-header,.nss-ad-footer{padding:12px 18px;background:color-mix(in srgb,var(--nss-panel) 88%,transparent)}
.nss-ad-results-top{padding:12px;border-bottom:1px solid #dfe5ee;background:#fff}
.nss-ad-inline{margin:10px 0;padding:12px;border:1px dashed #c8d0dd;border-radius:9px;background:#fff}
.nss-ad-sidebar{padding:12px!important}
.nss-no-left .nss-layout{grid-template-columns:minmax(0,1fr) 255px}
.nss-no-right .nss-layout{grid-template-columns:230px minmax(0,1fr)}
.nss-no-left.nss-no-right .nss-layout{grid-template-columns:minmax(0,1fr);max-width:1050px;margin:0 auto}
.nss-layout-compact .nss-hero{padding-bottom:12px}.nss-layout-compact .nss-generator-card{max-width:740px;padding:17px}.nss-layout-compact .nss-result-item{padding-top:8px;padding-bottom:8px}.nss-layout-compact .nss-style-text{font-size:20px}
.nss-layout-minimal .nss-topbar,.nss-layout-minimal .nss-left,.nss-layout-minimal .nss-right,.nss-layout-minimal .nss-mobile-tools{display:none!important}.nss-layout-minimal .nss-layout{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto}.nss-layout-minimal .nss-hero{padding-top:22px}.nss-layout-minimal .nss-hero>p{display:none}
.nss-standalone-template .nss-app{max-width:var(--nss-max-width,1480px);margin:0 auto;min-height:100vh;border-radius:0}
.nss-standalone-template .nss-layout{max-width:var(--nss-max-width,1600px)}
@media(max-width:1100px){.nss-no-left .nss-layout,.nss-no-right .nss-layout{grid-template-columns:minmax(0,1fr)}.nss-no-left .nss-right,.nss-no-right .nss-left{grid-column:auto}}
@media(max-width:760px){.nss-language-switch{padding:8px;font-size:12px}.nss-nav{margin-left:auto}.nss-brand img{width:28px;height:28px}.nss-ad-header,.nss-ad-footer{padding:8px}}

/* v2.1 responsive footer and bundled SVG interface icons */
.nss-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.nss-brand-icon{display:grid;place-items:center;width:32px;height:32px;color:#ffc83d}
.nss-brand-icon .nss-icon{width:27px;height:27px;fill:currentColor;stroke:currentColor;stroke-width:1.2}
.nss-favourite-nav,.nss-btn,.nss-mobile-panel-btn,.nss-mini-card strong,.nss-mini-card .nss-btn,.nss-right h3,.nss-right li,.nss-copy{display:flex;align-items:center;justify-content:center;gap:8px}
.nss-right h3{justify-content:flex-start}.nss-right h3 .nss-icon{color:#41a4ff}.nss-right li{justify-content:flex-start}.nss-right li .nss-icon{color:#22c77a;width:14px;height:14px}
.nss-title-icon{display:inline-grid;place-items:center;color:#ffc53d;margin-right:10px}.nss-title-icon-right{color:#d877ff;margin-right:0;margin-left:10px}.nss-title-icon .nss-icon{width:36px;height:36px;fill:currentColor;stroke-width:1.1}
.nss-category>span{display:flex;align-items:center;gap:9px;min-width:0}.nss-category>span>span{overflow:hidden;text-overflow:ellipsis}.nss-category .nss-icon{width:17px;height:17px}
.nss-mini-card strong{justify-content:flex-start}.nss-mini-card strong .nss-icon{color:#ffc83d;fill:currentColor;stroke-width:1.2}
.nss-heart{display:grid;place-items:center}.nss-heart .nss-icon{width:21px;height:21px}.nss-heart.is-active .nss-icon{fill:currentColor}
.nss-copy .nss-icon{width:16px;height:16px}
.nss-input-clear{font-family:Arial,sans-serif}

.nss-site-footer{position:relative;margin:0 8px 0;border:1px solid var(--nss-border);border-radius:16px 16px 0 0;background:linear-gradient(145deg,color-mix(in srgb,var(--nss-panel) 96%,#000),color-mix(in srgb,var(--nss-bg) 96%,#000));overflow:hidden;box-shadow:0 -14px 42px rgba(0,0,0,.08)}
.nss-footer-grid{display:grid;grid-template-columns:minmax(210px,1.25fr) repeat(3,minmax(155px,.82fr));gap:0;max-width:var(--nss-max-width,1480px);margin:0 auto;padding:22px 24px 18px}
.nss-footer-grid.has-ad{grid-template-columns:minmax(210px,1.18fr) minmax(145px,.72fr) minmax(180px,.88fr) minmax(155px,.78fr) minmax(250px,1.18fr)}
.nss-footer-grid>section{min-width:0;padding:0 22px;border-right:1px solid var(--nss-border)}
.nss-footer-grid>section:first-child{padding-left:6px}.nss-footer-grid>section:last-child{border-right:0;padding-right:6px}
.nss-footer-logo{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:24px;font-weight:850;letter-spacing:-.4px}.nss-footer-logo>span:last-child{background:linear-gradient(90deg,#fff 20%,#c16aff 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.nss-footer-logo img{width:34px;height:34px;object-fit:contain;border-radius:8px}
.nss-footer-brand p{max-width:300px;margin:14px 0;color:var(--nss-muted);font-size:13px;line-height:1.65}
.nss-social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.nss-social{width:35px;height:35px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .18s ease,filter .18s ease}.nss-social:hover{transform:translateY(-2px);filter:brightness(1.12)}.nss-social .nss-icon{width:18px;height:18px}.nss-social-facebook{background:#1877f2}.nss-social-instagram{background:linear-gradient(145deg,#7c3cff,#e1306c,#ff9f2d)}.nss-social-youtube{background:#ff1738}.nss-social-twitter{background:#1d9bf0}.nss-social-discord{background:#5865f2}
.nss-footer-column h3,.nss-footer-ad h3{display:flex;align-items:center;gap:8px;margin:3px 0 13px;color:#fff;font-size:14px}.nss-footer-column h3 .nss-icon{color:#6e7fff}.nss-footer-column ul{list-style:none;margin:0;padding:0}.nss-footer-column li{margin:8px 0}.nss-footer-column a,.nss-footer-column button{border:0;background:none;padding:0;color:#c8d3e1;text-decoration:none;font:inherit;font-size:13px;cursor:pointer;text-align:left}.nss-footer-column a:hover,.nss-footer-column button:hover{color:#c177ff}
.nss-footer-categories{display:grid;grid-template-columns:1fr;gap:6px}.nss-footer-category{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:2px 0;color:#c8d3e1;font-size:13px;cursor:pointer;text-align:left}.nss-footer-category:hover{color:#c177ff}.nss-footer-category .nss-icon{width:15px;height:15px}.nss-footer-view-all{display:inline-flex!important;align-items:center;gap:7px;margin-top:11px;color:#b44dff!important}.nss-footer-view-all .nss-icon{width:14px;height:14px;transform:rotate(90deg)}
.nss-footer-ad{display:flex;flex-direction:column}.nss-footer-ad h3{color:#c177ff}.nss-footer-ad .nss-ad-footer{display:flex;align-items:center;justify-content:center;min-height:108px;height:100%;padding:10px;border:1px dashed #8639e8;border-radius:10px;background:rgba(83,34,134,.08)}
.nss-footer-bottom{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 65px;border-top:1px solid var(--nss-border);box-shadow:inset 0 2px 0 color-mix(in srgb,var(--nss-primary) 50%,transparent)}.nss-footer-bottom p{margin:0;color:#b8c5d5;font-size:13px;text-align:center}.nss-back-to-top{position:absolute;right:18px;bottom:8px;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#a638ff,#6d24e8);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(125,46,240,.38)}.nss-back-to-top:hover{transform:translateY(-2px)}.nss-back-to-top .nss-icon{width:19px;height:19px}

@media(max-width:1180px){
 .nss-footer-grid,.nss-footer-grid.has-ad{grid-template-columns:1.15fr repeat(2,minmax(165px,.85fr));row-gap:22px}
 .nss-footer-grid>section{border-right:1px solid var(--nss-border)}
 .nss-footer-grid>section:nth-child(3n){border-right:0}
 .nss-footer-ad{grid-column:1/-1;border-right:0!important;border-top:1px solid var(--nss-border);padding-top:20px!important}
}
@media(max-width:760px){
 .nss-title-icon .nss-icon{width:27px;height:27px}.nss-title-icon{margin-right:6px}.nss-title-icon-right{margin-left:6px;margin-right:0}
 .nss-site-footer{margin:0 10px;border-radius:13px 13px 0 0}
 .nss-footer-grid,.nss-footer-grid.has-ad{display:flex;flex-direction:column;padding:14px 12px 12px;gap:10px}
 .nss-footer-grid>section{width:100%;padding:16px!important;border:1px solid var(--nss-border)!important;border-radius:11px;background:rgba(14,28,44,.48)}
 .nss-footer-logo{font-size:22px}.nss-footer-brand p{max-width:none;margin-bottom:12px}
 .nss-social-links{margin-top:12px}
 .nss-footer-column h3,.nss-footer-ad h3{margin-bottom:11px;font-size:14px}
 .nss-footer-column ul{display:flex;flex-wrap:wrap;gap:8px 0}.nss-footer-column li{margin:0;display:flex;align-items:center}.nss-footer-column li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:50%;background:#9b3cff;margin:0 10px}
 .nss-footer-categories{display:flex;flex-wrap:wrap;gap:8px}.nss-footer-category{border:1px solid var(--nss-border);border-radius:7px;padding:7px 9px;background:rgba(8,18,31,.45)}
 .nss-footer-ad .nss-ad-footer{min-height:96px}
 .nss-footer-bottom{min-height:52px;padding:10px 58px 10px 12px;justify-content:flex-start}.nss-footer-bottom p{text-align:left;font-size:12px}
 .nss-back-to-top{right:10px;bottom:8px;width:38px;height:38px}
}
@media(max-width:420px){
 .nss-title-icon-right{display:none}.nss-title-icon .nss-icon{width:24px;height:24px}.nss-hero h1{font-size:clamp(27px,8.4vw,36px)}
 .nss-footer-column li:not(:last-child)::after{margin:0 7px}
}

/* v2.2 mobile density, overflow protection and compact complete footer */
@media(max-width:760px){
 .nss-results-head{display:grid;grid-template-columns:minmax(0,1fr) 128px;align-items:center;min-height:50px;height:auto;padding:8px 10px;gap:8px;flex-direction:initial}
 .nss-result-summary{min-width:0;margin:0;font-size:12.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .nss-sort{width:128px;height:34px;padding:0 28px 0 9px;border-radius:7px;font-size:13px;line-height:1}
 .nss-result-list{padding:8px}
 .nss-result-item{grid-template-columns:26px minmax(0,1fr) 30px 72px;min-height:52px;gap:5px;padding:7px 8px;margin-bottom:7px;border-radius:8px}
 .nss-number{width:25px;height:25px;border-radius:6px;font-size:11px}
 .nss-style-text{min-width:0;padding:3px 1px;font-size:17.5px;line-height:1.25;white-space:nowrap;overflow-x:auto;overflow-y:hidden;overflow-wrap:normal;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .nss-style-text::-webkit-scrollbar{display:none}
 .nss-heart{width:30px;height:34px;padding:0;align-self:center}
 .nss-heart .nss-icon{width:20px;height:20px}
 .nss-copy{grid-column:auto!important;width:72px;min-height:34px;padding:7px 7px;border-radius:7px;gap:5px;font-size:12.5px;line-height:1;align-self:center}
 .nss-copy .nss-icon{width:14px;height:14px}
 .nss-load-more{margin:7px auto 14px;padding:9px 18px;font-size:13px}

 .nss-site-footer{margin:0 10px;border-radius:12px 12px 0 0}
 .nss-footer-grid,.nss-footer-grid.has-ad{display:flex;flex-direction:column;padding:10px;gap:8px}
 .nss-footer-grid>section{width:100%;padding:12px!important;border:1px solid var(--nss-border)!important;border-radius:10px;background:rgba(14,28,44,.42)}
 .nss-footer-logo{font-size:21px}.nss-footer-logo img{width:30px;height:30px}.nss-brand-icon{width:29px;height:29px}.nss-brand-icon .nss-icon{width:25px;height:25px}
 .nss-footer-brand p{max-width:none;margin:9px 0 10px;font-size:12.5px;line-height:1.5}
 .nss-social-links{gap:8px;margin-top:8px}.nss-social{width:33px;height:33px}.nss-social .nss-icon{width:17px;height:17px}
 .nss-social.is-disabled{opacity:1;filter:none;cursor:default}.nss-social.is-disabled:hover{transform:none;filter:none}
 .nss-footer-column h3,.nss-footer-ad h3{margin:0 0 9px;font-size:13.5px}
 .nss-footer-column ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
 .nss-footer-column li{min-width:0;margin:0;display:block}.nss-footer-column li:not(:last-child)::after{display:none}
 .nss-footer-column a,.nss-footer-column button{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
 .nss-footer-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .nss-footer-category{width:100%;min-width:0;min-height:34px;border:1px solid var(--nss-border);border-radius:7px;padding:7px 8px;background:rgba(8,18,31,.5);font-size:12.5px}
 .nss-footer-category span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nss-footer-category .nss-icon{width:14px;height:14px}
 .nss-footer-view-all{margin-top:9px!important;font-size:12.5px!important}
 .nss-footer-ad .nss-ad-footer{min-height:76px;padding:8px;border-radius:8px}
 .nss-footer-bottom{min-height:58px;padding:10px 68px 10px 12px;justify-content:flex-start}
 .nss-footer-bottom p{text-align:left;font-size:11.5px;line-height:1.35}
 .nss-back-to-top{right:13px;bottom:10px;width:40px;height:40px}
}
@media(max-width:420px){
 .nss-results-head{grid-template-columns:minmax(0,1fr) 116px;padding:8px}.nss-sort{width:116px;font-size:12px}
 .nss-result-item{grid-template-columns:24px minmax(0,1fr) 28px 64px;gap:4px;padding:6px 7px;min-height:49px}
 .nss-number{width:23px;height:23px;font-size:10.5px}.nss-style-text{font-size:16.5px}.nss-heart{width:28px;height:32px}.nss-heart .nss-icon{width:19px;height:19px}
 .nss-copy{width:64px;min-height:32px;padding:6px 5px;font-size:11.5px;gap:4px}.nss-copy .nss-icon{width:13px;height:13px}
 .nss-footer-grid,.nss-footer-grid.has-ad{padding:8px;gap:7px}.nss-footer-grid>section{padding:11px!important}
 .nss-footer-column ul,.nss-footer-categories{gap:6px 8px}
}

/* Keep unconfigured social icons vivid while leaving them non-clickable. */
.nss-social.is-disabled{opacity:1;filter:none;cursor:default}.nss-social.is-disabled:hover{transform:none;filter:none}


/* v2.2.2: viewport-safe Back to Top button; hidden until the visitor scrolls. */
.nss-back-to-top{
 position:fixed!important;
 right:max(18px,env(safe-area-inset-right))!important;
 bottom:max(20px,calc(env(safe-area-inset-bottom) + 20px))!important;
 width:44px!important;
 height:44px!important;
 z-index:9990;
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transform:translateY(10px);
 box-shadow:0 6px 18px rgba(112,42,220,.28)!important;
 transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.nss-back-to-top.is-visible{
 opacity:1;
 visibility:visible;
 pointer-events:auto;
 transform:translateY(0);
}
.nss-back-to-top.is-visible:hover{transform:translateY(-2px)}
.nss-back-to-top:focus-visible{outline:3px solid rgba(255,255,255,.82);outline-offset:3px}
.nss-back-to-top .nss-icon{width:18px!important;height:18px!important}
@media(max-width:760px){
 .nss-back-to-top{
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px))!important;
  width:44px!important;
  height:44px!important;
 }
}
@media(prefers-reduced-motion:reduce){.nss-back-to-top{transition:none!important}.nss-back-to-top.is-visible:hover{transform:none}}

/* v2.2.3: optically center the Back to Top SVG without changing the button. */
.nss-back-to-top{
 padding:0!important;
 line-height:0!important;
}
.nss-back-to-top .nss-icon{
 position:absolute!important;
 left:50%!important;
 top:50%!important;
 display:block!important;
 margin:0!important;
 vertical-align:0!important;
 transform:translate(-50%,-50%)!important;
}


/* v2.3.0 — Footer Control Center variables and responsive controls */
.nss-site-footer{background:var(--nss-footer-bg,#071727);border-color:var(--nss-footer-border,var(--nss-border));border-radius:var(--nss-footer-radius,16px) var(--nss-footer-radius,16px) 0 0}
.nss-footer-grid{padding:var(--nss-footer-padding,22px);font-size:var(--nss-footer-font-size,13px)}
.nss-footer-grid.nss-footer-cols-3{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(0,1fr))}
.nss-footer-grid.nss-footer-cols-4{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(0,1fr))}
.nss-footer-grid.nss-footer-cols-5{grid-template-columns:minmax(210px,1.15fr) repeat(4,minmax(0,1fr))}
.nss-footer-grid>section{border-color:var(--nss-footer-border,var(--nss-border))}
.nss-footer-logo,.nss-footer-column h3,.nss-footer-ad h3{color:var(--nss-footer-heading,#fff)}
.nss-footer-brand p,.nss-footer-bottom p{color:var(--nss-footer-text,#b8c5d5);font-size:var(--nss-footer-font-size,13px)}
.nss-footer-column a,.nss-footer-column button,.nss-footer-category{color:var(--nss-footer-link,#c8d3e1);font-size:var(--nss-footer-font-size,13px)}
.nss-social{width:var(--nss-footer-social-size,35px);height:var(--nss-footer-social-size,35px)}
.nss-social-tiktok{background:#111}.nss-social-linkedin{background:#0a66c2}.nss-social-telegram{background:#229ed9}.nss-social-whatsapp{background:#25d366}
.nss-footer-ad{grid-column:1/-1;border-right:0!important;border-top:1px solid var(--nss-footer-border,var(--nss-border));padding-top:18px!important}
.nss-ad-footer-mobile{display:none!important}
.nss-back-to-top{width:var(--nss-btt-size,44px)!important;height:var(--nss-btt-size,44px)!important;right:var(--nss-btt-right,18px)!important;bottom:var(--nss-btt-bottom,20px)!important;background:var(--nss-btt-color,#8b2cff)!important}
.nss-footer-hide-desktop .nss-site-footer{display:none!important}
@media(max-width:720px){
 .nss-footer-hide-desktop .nss-site-footer{display:block!important}
 .nss-footer-hide-mobile .nss-site-footer{display:none!important}
 .nss-footer-grid.nss-footer-mobile-cols-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
 .nss-footer-grid.nss-footer-mobile-cols-2>section{height:100%}
 .nss-footer-grid.nss-footer-mobile-cols-2 .nss-footer-brand,.nss-footer-grid.nss-footer-mobile-cols-2 .nss-footer-ad{grid-column:1/-1}
 .nss-footer-grid:not(.nss-footer-card-style)>section{border:0!important;background:transparent!important;border-radius:0!important;padding:10px 6px!important}
 .nss-ad-footer-desktop{display:none!important}.nss-ad-footer-mobile{display:block!important}
 .nss-back-to-top{right:var(--nss-btt-mobile-right,13px)!important;bottom:var(--nss-btt-mobile-bottom,18px)!important}
}
@media(min-width:721px){.nss-footer-hide-mobile .nss-site-footer{display:block!important}.nss-footer-hide-desktop .nss-site-footer{display:none!important}.nss-ad-footer-mobile{display:none!important}}

.nss-site-footer:not(.nss-footer-card-style) .nss-footer-grid>section{background:transparent!important;border-right:0!important}

/* v2.4 How to Use modal and full guide entry */
body.nss-modal-open{overflow:hidden!important}
.nss-nav .nss-nav-link{appearance:none;border:0;background:transparent;color:#fff;padding:0;text-decoration:none;font:inherit;font-weight:600;font-size:14px;line-height:1;cursor:pointer;white-space:nowrap}
.nss-nav .nss-nav-link:hover,.nss-nav .nss-nav-link:focus-visible{color:color-mix(in srgb,var(--nss-primary) 72%,#fff);outline:none}
.nss-howto-modal[hidden]{display:none!important}
.nss-howto-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.nss-howto-modal.is-open{opacity:1;visibility:visible}
.nss-howto-backdrop{position:absolute;inset:0;background:rgba(2,8,18,.76);backdrop-filter:blur(8px);cursor:pointer}
.nss-howto-dialog{position:relative;z-index:1;width:min(840px,100%);max-height:min(88vh,820px);display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--nss-primary) 35%,var(--nss-border));border-radius:20px;background:linear-gradient(180deg,#132238 0%,#0b1728 100%);color:#eef4ff;box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.035);transform:translateY(18px) scale(.985);transition:transform .18s ease;outline:none}
.nss-howto-modal.is-open .nss-howto-dialog{transform:translateY(0) scale(1)}
.nss-howto-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 26px 20px;border-bottom:1px solid #2a3a50;background:radial-gradient(circle at 15% 0,rgba(139,61,255,.24),transparent 48%)}
.nss-howto-header h2{margin:7px 0 6px;color:#fff;font-size:clamp(25px,3.5vw,36px);line-height:1.12;letter-spacing:-.5px}
.nss-howto-header p{margin:0;color:#b9c6d6;font-size:14px;line-height:1.55}
.nss-howto-kicker{display:inline-flex;align-items:center;gap:7px;color:#c78aff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.nss-howto-kicker .nss-icon{width:16px;height:16px}
.nss-howto-close{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid #3a4a61;border-radius:11px;background:#0b1726;color:#dbe7f5;cursor:pointer;transition:.16s ease}
.nss-howto-close:hover{border-color:var(--nss-primary);background:#17263a;color:#fff}
.nss-howto-close .nss-icon{width:19px;height:19px}
.nss-howto-body{overflow:auto;padding:22px 26px 24px;overscroll-behavior:contain;scrollbar-color:#52627a transparent}
.nss-howto-steps{counter-reset:none;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0}
.nss-howto-steps li{min-width:0;padding:13px 11px;border:1px solid #2c3d54;border-radius:12px;background:rgba(8,18,32,.66);text-align:center}
.nss-howto-steps li>span{width:28px;height:28px;margin:0 auto 9px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--nss-primary),#c23fff);color:#fff;font-size:12px;font-weight:850;box-shadow:0 6px 18px rgba(139,61,255,.25)}
.nss-howto-steps p{margin:0;color:#c5d0df;font-size:12px;line-height:1.42}
.nss-howto-section{margin-top:20px}
.nss-howto-section>h3{margin:0 0 12px;color:#fff;font-size:16px}
.nss-howto-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nss-howto-button-grid article{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #2b3c52;border-radius:11px;background:rgba(13,28,46,.62)}
.nss-howto-button-grid article>.nss-icon{flex:0 0 auto;width:20px;height:20px;margin-top:1px;color:#b770ff}
.nss-howto-button-grid b{display:block;color:#f4f7fc;font-size:13px}
.nss-howto-button-grid p{margin:3px 0 0;color:#9fafc2;font-size:12px;line-height:1.4}
.nss-howto-note{display:flex;gap:12px;margin-top:20px;padding:14px 15px;border:1px solid rgba(139,61,255,.42);border-radius:12px;background:rgba(107,44,179,.12)}
.nss-howto-note>.nss-icon{flex:0 0 auto;width:21px;height:21px;color:#c985ff}
.nss-howto-note b{display:block;color:#f3e8ff;font-size:13px}
.nss-howto-note p{margin:4px 0 0;color:#c7b9d8;font-size:12.5px;line-height:1.5}
.nss-howto-faq details{border-top:1px solid #2b3b50;padding:11px 0}
.nss-howto-faq details:last-child{border-bottom:1px solid #2b3b50}
.nss-howto-faq summary{color:#e8eff8;font-size:13px;font-weight:700;cursor:pointer}
.nss-howto-faq details p{margin:8px 0 0;color:#a9b8ca;font-size:12.5px;line-height:1.55}
.nss-howto-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;border-top:1px solid #2a3a50;background:#091523}
.nss-howto-actions .nss-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:190px}
.nss-howto-actions .nss-icon{width:17px;height:17px}
.nss-howto-actions>a{color:#c27bff;text-decoration:none;font-size:13px;font-weight:750}
.nss-howto-actions>a:hover{text-decoration:underline}
@media(max-width:1100px){.nss-nav .nss-nav-link{display:none}}
@media(max-width:760px){
 .nss-howto-modal{padding:0;place-items:end center}
 .nss-howto-dialog{width:100%;max-height:calc(100dvh - 10px);border-radius:20px 20px 0 0;border-bottom:0;transform:translateY(28px)}
 .nss-howto-header{padding:19px 16px 15px;gap:12px}.nss-howto-header h2{font-size:25px}.nss-howto-header p{font-size:13px}
 .nss-howto-close{width:38px;height:38px;border-radius:10px}
 .nss-howto-body{padding:16px}
 .nss-howto-steps{grid-template-columns:1fr;gap:7px;margin-bottom:17px}
 .nss-howto-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;text-align:left}
 .nss-howto-steps li>span{width:27px;height:27px;margin:0}.nss-howto-steps p{font-size:12.5px}
 .nss-howto-button-grid{grid-template-columns:1fr;gap:7px}.nss-howto-button-grid article{padding:11px}
 .nss-howto-note{margin-top:16px;padding:12px}
 .nss-howto-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:10px}
 .nss-howto-actions .nss-btn{width:100%;min-width:0}.nss-howto-actions>a{text-align:center;padding:4px}
}
@media(max-width:420px){.nss-howto-kicker{font-size:11px}.nss-howto-header h2{font-size:23px}.nss-howto-dialog{max-height:100dvh;border-radius:0}.nss-howto-modal{place-items:stretch}}
@media(prefers-reduced-motion:reduce){.nss-howto-modal,.nss-howto-dialog{transition:none}}

/* v2.4.1 mobile utility buttons: two compact controls + full-width guide */
@media (max-width:760px){
 .nss-mobile-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
 }
 .nss-mobile-panel-btn{
  width:100%;
  min-width:0;
  min-height:54px;
  padding:10px 12px;
  margin:0;
  font-size:15px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
 }
 .nss-mobile-panel-btn span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
 }
 .nss-mobile-panel-btn .nss-icon{
  width:19px;
  height:19px;
 }
 .nss-mobile-panel-btn[data-action="open-how-to"]{
  grid-column:1/-1;
 }
}
@media (max-width:380px){
 .nss-mobile-tools{gap:8px}
 .nss-mobile-panel-btn{min-height:50px;padding:9px 8px;font-size:14px;gap:6px}
 .nss-mobile-panel-btn .nss-icon{width:18px;height:18px}
}


/* v2.4.3: precise centering for the two close controls */
.nss-input-clear,
.nss-howto-close{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.nss-input-clear{
  top:50%!important;
  right:10px!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  margin:0!important;
}
.nss-input-clear .nss-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  transform:none!important;
}
.nss-howto-close{
  margin:0!important;
}
.nss-howto-close .nss-icon{
  display:block!important;
  width:19px!important;
  height:19px!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:760px){
  .nss-howto-close .nss-icon{width:18px!important;height:18px!important}
}

/* v2.4.4: remove stray tap/click/selection highlight box on icon buttons
   (heart, copy, category, social, close, sort etc.) and replace it with a
   clean, deliberate focus ring for keyboard users only. */
.nss-app button,
.nss-app a,
.nss-app input[type="search"],
.nss-app select{
  -webkit-tap-highlight-color:transparent;
}
.nss-heart,
.nss-copy,
.nss-category,
.nss-btn,
.nss-favourite-nav,
.nss-load-more,
.nss-social,
.nss-footer-category,
.nss-footer-column a,
.nss-footer-column button,
.nss-mobile-panel-btn,
.nss-language-switch,
.nss-input-clear,
.nss-howto-close,
.nss-back-to-top,
.nss-nav .nss-nav-link{
  -webkit-user-select:none;
  user-select:none;
  outline:none;
}
.nss-heart:focus-visible,
.nss-copy:focus-visible,
.nss-category:focus-visible,
.nss-btn:focus-visible,
.nss-favourite-nav:focus-visible,
.nss-load-more:focus-visible,
.nss-social:focus-visible,
.nss-footer-category:focus-visible,
.nss-footer-column a:focus-visible,
.nss-footer-column button:focus-visible,
.nss-mobile-panel-btn:focus-visible,
.nss-language-switch:focus-visible,
.nss-input-clear:focus-visible,
.nss-howto-close:focus-visible{
  outline:2px solid var(--nss-primary)!important;
  outline-offset:2px;
}