/* ── Shared base ── rules that every page used to repeat in its own <head> <style> blocks.
   Moved here in the Phase 2 clean-up, in their original order (they used to load just before this file). */
.mode-row{transition:opacity .32s ease,transform .36s cubic-bezier(.4,0,.2,1),max-height .38s cubic-bezier(.4,0,.2,1)!important}

#side{position:fixed;}
#sovl{position:fixed;}

#vt-toast{left:50%;pointer-events:none;white-space:nowrap}
.ad-zone::before{content:attr(data-ad-label);left:50%;white-space:nowrap;pointer-events:none;}
.ad-zone ins,.ad-zone iframe{display:block;width:100%;height:100%}
#gb{display:flex;align-items:center;justify-content:center;box-sizing:border-box;box-shadow:none;}

.ptab i{font-size:13px}
.btn-refresh-right::after{content:'';position:absolute;right:-3px;top:50%;transform:translateY(-50%) rotate(45deg);width:4px;height:4px;border-radius:0 0 1px 0}
.sym-nc{content-visibility:auto;contain-intrinsic-size:auto 52px}

#prev-lab::before{content:'';position:absolute;inset:0;pointer-events:none;}
.pc.pc.bg-ff.pc.bg-pubg.pc.bg-cod.pc.bg-roblox.pc.bg-fortnite.pc.bg-tiktok.pc.bg-insta.pc.bg-twitter.pc.bg-facebook.pc.bg-telegram.pc.bg-snapchat.pc.bg-symbols.pc.bg-styles.pc.bg-social.pc.bg-borders.pc.bg0{background:rgba(0,0,0,.42);background-image:none}
.pav-clip{width:64px;height:64px;}
.pav.pav-twitter img,.pav.pav-twitter .pav-clip img,.pav.pav-symbols img,.pav.pav-symbols .pav-clip img{width:76px !important;height:76px !important;max-width:76px;max-height:76px}
.seo-item-rich .seo-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-card::before{content:'';position:absolute;inset:0;pointer-events:none;}
.blog-card:hover{border-color:rgba(251,104,1,.22);}
.stat-pill.or{border-color:rgba(251,104,1,.22)}
.cv h1{font-family:'Poppins',sans-serif;color:var(--ivory);margin-bottom:12px;}
.cv h2{font-family:'Poppins',sans-serif;font-weight:700;color:var(--teal);margin:24px 0 8px;letter-spacing:.4px}
.cv p{margin-bottom:12px;}
.cv blockquote{border-left:1.5px solid var(--orange);padding:12px 16px;background:var(--gog);border-radius:0 10px 10px 0;font-family:'Space Grotesk',monospace;font-size:12.5px;color:#7A6A5F;margin:18px 0}
#foot{position:relative;overflow-x:hidden}
.ft-grid>*{min-width:0}
.ft-desc a{color:#A84000;text-decoration:none;border-bottom:1px solid rgba(251,104,1,.3);transition:color .17s,border-color .17s}
.ft-desc a:hover{color:var(--teal);border-color:var(--teal)}
.ft-social a{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:0;margin:0;line-height:0;color:var(--teal);background:none;border:none;border-radius:0;transition:color .2s,transform .2s;flex-shrink:0}
.ft-social a:hover{color:#1D1D21;transform:translateY(-2px)}
.ft-col h4{letter-spacing:2px;text-transform:uppercase;font-family:'Tajawal',sans-serif;font-weight:700;padding-bottom:7px;border-bottom:1px solid var(--dim)}
.ft-copy{margin-top:24px;padding:22px 0 40px;text-align:center;border-top:1px solid var(--dim)}
.ft-copy p{font-family:'Space Grotesk',monospace;font-size:10px;color:rgba(29,29,33,.52);letter-spacing:.4px;line-height:1.6}
.ft-extra{margin-top:14px;padding-top:12px;border-top:1px solid var(--dim);text-align:center}
.ft-extra p{font-family:'Tajawal',sans-serif;font-size:10.5px;color:rgba(29,29,33,.55);line-height:1.6;margin-bottom:4px}
.ft-extra a{display:inline;padding:0;margin:0;white-space:normal;color:rgba(29,29,33,.55);text-decoration:none}
.ft-extra a:hover{color:var(--teal)}

#ck.ck-hidden{pointer-events:none}
.rp{pointer-events:none}
.mode-row,#styles-cat-strip,#styles-panel{transition:opacity .32s ease,transform .36s cubic-bezier(.4,0,.2,1),max-height .38s cubic-bezier(.4,0,.2,1) !important}
header.global-nav,.global-nav{isolation:isolate !important;display:flex !important;flex-direction:row !important;align-items:center !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:52px !important;width:100% !important;z-index:10000 !important;margin:0 !important;padding:0 6px !important;box-sizing:border-box !important;background:rgba(29,29,33,.95) !important;border-bottom:1px solid rgba(251,104,1,.2) !important}
.global-nav .nav-burger{display:flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:52px !important;flex-shrink:0 !important;flex-grow:0 !important;margin:0 !important;padding:0 !important}

.global-nav .nav-links{display:flex !important;flex-direction:row !important;flex:1 1 0% !important;justify-content:center !important;align-items:center !important;overflow:hidden !important;min-width:0 !important;margin:0 !important;padding:0 !important;gap:0 !important}
.global-nav .nav-links .nav-btn{display:inline-flex !important;align-items:center !important;white-space:nowrap !important;flex:0 0 auto !important;padding:0 5px !important;margin:0 !important;height:52px !important}

.seo-faq-q:hover{color:var(--teal)}
.seo-faq-item.open .seo-faq-q{color:var(--teal)}
.seo-trust-card p{font-family:'Tajawal',sans-serif;font-size:13.5px;}
.seo-cat-sub{font-family:'Tajawal',sans-serif;}
.seo-cat-body{font-family:'Tajawal',sans-serif;}
.seo-preset-more:hover{color:var(--ivory);gap:7px}
.seo-preset-more:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.cp-toast{position:fixed;z-index:9000;left:0;top:0;transform:translate(-50%,-100%) translateY(-4px) scale(.92);background:var(--teal);color:var(--ink);font-family:'Tajawal',sans-serif;font-weight:700;font-size:11px;letter-spacing:.4px;padding:4px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity 140ms ease,transform 140ms ease;white-space:nowrap;will-change:transform,opacity}
/* ── end shared base ── */

@keyframes votedScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lfsp-flash{0%{background:rgba(221,51,1,.18);border-color:rgba(221,51,1,.6)}to{background:rgba(29,29,33,.033);border-color:rgba(29,29,33,.07)}}
@keyframes spin-once{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@keyframes ii-fresh-fade{0%{background:rgba(251,194,38,.18);border-color:rgba(251,194,38,.7);box-shadow:none}to{background:rgba(29,29,33,.04);border-color:var(--bs);box-shadow:none}}
@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:.9}}

@keyframes rpl{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}
@keyframes bulb-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(251,104,1,.35)) drop-shadow(0 0 8px rgba(251,104,1,.15));color:rgba(251,104,1,.65)}50%{filter:drop-shadow(0 0 8px rgba(251,104,1,.7)) drop-shadow(0 0 18px rgba(251,104,1,.35));color:rgba(251,104,1,.9)}}

@keyframes prevLabPing{0%{box-shadow:none}60%{box-shadow:none}to{box-shadow:none}}
@keyframes nf-shimmer{0%{background-position:-680px 0}to{background-position:680px 0}}
@keyframes nf-skel-out{to{opacity:0;visibility:hidden}}

:root{--nf-primary:#FB6801;--nf-secondary:#DD3301;--nf-accent:#FBC226;--nf-dark:#1D1D21;--nf-light:#FBF7ED;--nf-ink:#A84000;--nf-muted:#7A6A5F;--nf-muted-lt:#9C8C7F;--nf-sand:#C9BBA9;--nf-gold-lt:#FCD36A;--nf-gold-ink:#8A5A00;--ink:#FBF7ED;--surf:#ffffff;--raised:#ffffff;--orange:#A84000;--teal:#7A6A5F;--soft:#7A6A5F;--ivory:#1D1D21;--muted:#7A6A5F;--muted-lt:#7A6A5F;--dim:#C9BBA9;--bo:rgba(168,64,0,.28);--bt:rgba(122,106,95,.22);--bs:rgba(29,29,33,.08);--go:rgba(168,64,0,.45);--gt:rgba(122,106,95,.4);--gog:rgba(168,64,0,.11);--gtg:rgba(122,106,95,.09);--nav-h:48px;--tick-h:0px;--subnav-h:36px;--voted-h:30px;--cta:#A8480F;--cta-tint:rgba(168,72,15,.09);--cta-tint-strong:rgba(168,72,15,.18);--cta-border:rgba(168,72,15,.32);--navy-title:#1D1D21;--peach:#FAA57F;--peach-tint:rgba(250,165,127,.16);--peach-deep:#70380F}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
body,input,textarea,select,button{font-weight:700}
body,html{overflow-x:hidden;max-width:100vw}

body{background:radial-gradient(ellipse 120% 80%at 50%0,#ffffff 0,#FBF7ED 70%),radial-gradient(ellipse 80% 60%at 80% 100%,#ffffff 0,#FBF7ED 70%);background-color:#FBF7ED;background-attachment:fixed;color:var(--ivory);font-family:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
::selection{background:rgba(251,104,1,.3);color:#fff}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:var(--teal);border-radius:2px}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
#nav{position:fixed;top:0;left:0;right:0;z-index:99990;height:var(--nav-h);min-height:48px;background:rgba(29,29,33,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bs);display:flex;justify-content:space-between;width:100%;padding:0 12px;gap:0;overflow:visible!important}
#nav,#nav-center{flex-direction:row;align-items:center}

#styles-cat-strip{max-width:680px;margin:0 auto 12px}
#nd-tools-wrap{position:relative;display:inline-flex;align-items:center;overflow:visible;z-index:999998}
#nd-tools{display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);background:rgba(29,29,33,.98);border:1.5px solid var(--bo);border-radius:11px;min-width:240px;box-shadow:none;z-index:999998;overflow:hidden;padding:6px 0 8px}
#nd-tools.open{display:block}
.aa-sub-btn{background:rgba(251,194,38,.07)!important;border-color:rgba(251,194,38,.16)!important}
.aa-sub-btn:hover{background:rgba(251,194,38,.16)!important;border-color:rgba(251,194,38,.42)!important;color:#8A5A00!important}
.aa-sub-btn.active,.aa-sub-btn.on{background:rgba(251,194,38,.22)!important;border-color:rgba(251,194,38,.6)!important;box-shadow:none;color:#8A5A00!important}
#sym-left-panel{margin-top:2px;display:block!important;width:100%}
.sym-cat-grid,.sym-row1{display:grid!important;gap:3px;width:100%}
.sym-row1{grid-template-columns:1fr 1fr 20px;margin-bottom:3px;align-items:center}
.sym-cat-grid{grid-template-columns:repeat(3,1fr);margin-bottom:5px}
.sym-r1-refresh{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:0 0;border:0;padding:0;cursor:pointer;justify-self:center}
.sym-r1-refresh:hover .btn-refresh-1{border-color:var(--teal);border-right-color:transparent;transform:rotate(360deg)}
.sym-r1-refresh:hover .btn-refresh-1::after{border-color:var(--teal)}
.sym-grid-btn,.sym-r1-btn{width:100%;justify-content:center;padding:2px 0;font-size:9px}
.sym-grid-btn{letter-spacing:0}
.sym-left-cat-btn{font-family:"Tajawal",sans-serif;font-weight:700;font-size:9px;padding:2px 0;border-radius:8px;border:1px solid rgba(29,29,33,.1);background:rgba(29,29,33,.04);color:rgba(29,29,33,.5);cursor:pointer;transition:border-color .13s,color .13s,background .13s;letter-spacing:0;display:flex;align-items:center;gap:2px;white-space:nowrap}
.sym-left-cat-btn:hover{border-color:rgba(251,194,38,.4);color:rgba(29,29,33,.85);background:rgba(251,194,38,.07)}
.sym-left-cat-btn.on{border-color:rgba(251,194,38,.65);color:#7A6A5F;background:rgba(251,194,38,.14);box-shadow:none}
.sym-left-cat-btn .scat-icon{font-size:11px;line-height:1}
.sym-left-grid{display:flex;flex-direction:column;gap:3px}
.sym-left-card{background:rgba(29,29,33,.04);border:1px solid rgba(29,29,33,.07);border-radius:7px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden}
.sym-left-card:hover{border-color:rgba(251,194,38,.4);background:rgba(251,194,38,.06);box-shadow:none}

.sym-left-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Space Grotesk",monospace;font-size:10.5px;color:var(--ivory);flex:1;min-width:0;line-height:1.4}
.snav-results{background:rgba(29,29,33,.04);border:1px solid rgba(29,29,33,.08);border-radius:8px;padding:6px 0;margin-bottom:12px;max-height:260px;overflow-y:auto}
.snav-result-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-family:"Tajawal",sans-serif;color:var(--muted);cursor:pointer;transition:background .12s,color .12s}
.snav-result-item:hover{background:rgba(29,29,33,.06);color:#fff}
.snav-no-result,.snav-result-cat{color:rgba(29,29,33,.25);font-family:"Tajawal",sans-serif}
.snav-result-cat{font-size:9px;text-transform:uppercase;letter-spacing:.8px;padding:4px 12px 2px}
.snav-no-result{padding:10px 12px;font-size:12px;text-align:center}
.snav-block{margin-top:18px}
.side-acc-body{display:none;flex-direction:column;padding-left:10px;margin-bottom:4px}
.side-acc-body.open{display:flex}
#side-style-btns{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;padding:4px 0 6px!important}
#logo{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:0;padding:0;margin:0;cursor:pointer;flex-shrink:0;user-select:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}
#logo:hover{transform:scale(1.08)}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.opacity-40{opacity:.4}
.nl{font-weight:600;font-size:13px;padding:5px 11px;border-radius:6px;border:0;letter-spacing:.7px;text-transform:uppercase;transition:color .15s,background .15s;flex-shrink:0;display:inline-flex;justify-content:center;line-height:1;text-decoration:none}
#lb:hover,.nl.on,.nl:hover{color:var(--orange);background:var(--gog)}
#lw{position:relative!important;overflow:visible!important;z-index:999999!important}
#lb,.nl{background:0 0;color:var(--muted);cursor:pointer;font-family:"Tajawal",sans-serif;align-items:center;box-sizing:border-box;white-space:nowrap}
#lb{border:1.5px solid var(--bs);border-radius:20px;padding:5px 13px;font-weight:700;font-size:12px;display:flex;gap:6px;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;height:30px}
#lb:hover{border-color:rgba(251,104,1,.38);color:var(--ivory);box-shadow:none}
#ld{left:auto;max-width:calc(100vw - 16px);display:none;position:absolute!important;top:calc(100% + 6px);right:0;background:rgba(29,29,33,.99);border:1.5px solid var(--bo);border-radius:10px;min-width:150px;overflow:visible!important;box-shadow:none;z-index:999999!important}
#ld .lo:first-child{border-radius:10px 10px 0 0}
#ld .lo:last-child{border-radius:0 0 10px 10px}
#hbg span,#ld.open{display:block}
.lo,.ss{font-family:"Tajawal",sans-serif}
#hbg,.lo{background:0 0;border:0;cursor:pointer;display:flex}
.lo{align-items:center;gap:9px;padding:10px 14px;font-size:13px;color:var(--ivory);transition:background .14s;width:100%;text-align:left}
.lo:hover{background:var(--gog)}
.lo.on{color:var(--orange)}
#hbg{padding:5px;flex-direction:column;gap:4.5px;flex-shrink:0}

#side,#sovl{position:fixed}
#side{top:0;left:-280px;width:265px;height:100vh;z-index:100000;background:rgba(29,29,33,.97);backdrop-filter:blur(14px);border-right:1.5px solid var(--bo);padding:68px 18px 36px;transition:left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}
#side.open{left:0}
#sovl{display:none;inset:0;z-index:99999;background:rgba(0,0,0,.6);pointer-events:none}
#sovl.on{pointer-events:all;display:block}
.ss{font-size:10px;letter-spacing:2.5px;color:var(--dim);text-transform:uppercase;margin:18px 0 8px;padding-left:2px}

#subnav{display:flex;width:100%;position:fixed;top:var(--nav-h);left:0;right:0;z-index:99989;height:var(--subnav-h);background:rgba(29,29,33,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(29,29,33,.06);align-items:stretch;padding:0;overflow:hidden 8px;gap:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}
#subnav::-webkit-scrollbar{display:none}
@media (min-width:768px){#subnav{height:0!important;overflow:hidden!important;border:0!important;padding:0!important}#voted-ticker{top:var(--nav-h)!important}#app{padding-top:calc(var(--nav-h) + var(--voted-h))!important}}
.snav-btn{font-family:"Tajawal",sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:#7A6A5F;background:0 0;border:0;padding:0 9px;height:36px;cursor:pointer;white-space:nowrap;flex-shrink:1;flex-grow:1;min-width:0;border-bottom:2px solid transparent;transition:color .18s,border-color .18s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;box-sizing:border-box;vertical-align:middle}
.snav-btn:hover{color:#7A6A5F}
.snav-btn.on{border-bottom-color:#FBC226}
#voted-ticker{position:fixed;top:calc(var(--nav-h) + var(--subnav-h));left:0;right:0;z-index:99988;height:var(--voted-h);background:rgba(29,29,33,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,.05);overflow:hidden;display:flex;align-items:center;transform:translateZ(0);will-change:transform}
#app{position:relative;z-index:1;padding-top:calc(var(--nav-h) + var(--subnav-h) + var(--voted-h));max-width:100%;overflow-x:hidden}
#voted-track{display:flex;align-items:center;gap:0;white-space:nowrap;animation:votedScroll 32s linear infinite;will-change:transform}
#voted-track:hover{animation-play-state:paused}
.vt-sep{color:rgba(180,130,20,.7);font-size:14px;padding:0 8px;flex-shrink:0;font-family:"Space Grotesk",monospace}
.vt-name{font-family:"Tajawal",sans-serif;font-size:12.5px;letter-spacing:.4px;color:#fff;cursor:pointer;user-select:none;transition:color .15s}
.snav-btn.on,.vt-name:hover{color:#FBC226}
.vt-name,.vt-rank{font-weight:700;flex-shrink:0}

#vt-toast,.ad-zone::before{left:50%;white-space:nowrap;pointer-events:none}
#vt-toast{position:fixed;bottom:72px;transform:translateX(-50%) translateY(8px);background:rgba(251,194,38,.12);border:1px solid rgba(251,194,38,.3);color:#FBC226;font-family:"Tajawal",sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;padding:6px 18px;border-radius:20px;z-index:99999;opacity:0;transition:opacity .15s,transform .15s}
#vt-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.view.on{display:block}
.ad-zone{display:none;contain:layout style;position:relative;z-index:1;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.ad-zone::before{content:attr(data-ad-label);position:absolute;top:50%;transform:translate(-50%,-50%);font-family:"Poppins",monospace;font-size:9px;letter-spacing:2.5px;color:rgba(251,104,1,.35);text-transform:uppercase;user-select:none}
.ad-zone iframe,.ad-zone ins{display:block;width:100%;height:100%}
.ad-top{width:100%;max-width:320px;height:50px;margin:0 auto 10px}
@media (min-width:769px){.ad-top{max-width:728px;height:90px;margin:0 auto 12px}}
@media (min-width:1100px){.ad-top{max-width:970px;height:90px}}
.ad-mid{width:100%;max-width:300px;height:250px;margin:20px auto}
@media (min-width:769px){.ad-mid{max-width:728px;height:90px;margin:24px auto}}
.ad-ingrid{grid-column:1/-1;margin:8px auto}
.ad-bottom{position:fixed;bottom:0;left:0;right:0;height:60px;z-index:1;background:rgba(10,10,12,.96);border-top:1px solid rgba(251,104,1,.18);border-radius:0;align-items:center;justify-content:center;margin:0}
@media (min-width:769px){.ad-bottom{height:70px}}
#gv{padding:0 16px 110px;max-width:1200px;margin:0 auto}

.gen-row{max-width:680px;margin:20px auto 16px;display:flex;gap:8px}
#ni{flex:1;min-width:0;background:rgba(29,29,33,.04);border:1.5px solid var(--bs);border-radius:12px;padding:13px 17px;color:var(--ivory);font-family:"Tajawal",sans-serif;font-size:15px;font-weight:500;outline:0;transition:border-color .18s}
#ni:focus{border-color:#A84000;box-shadow:none}
#ni::placeholder{color:var(--dim)}
#gb{background:#FB6801;border:0;border-radius:12px;padding:13px 22px;color:#000;font-family:"Poppins",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:1px;cursor:pointer;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}
#gb:hover{background:#DD3301;color:#000;transform:translateY(-1px) scale(1.02)}
#gb.gen-flash{box-shadow:none;background:#FBC226!important;color:#A84000!important;transition:none!important}
#gb.gen-active{box-shadow:none;background:#FBC226;color:#A84000}
#gb.gen-active:hover{background:#FBC226;color:#A84000}
.tab-wrap{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:0 auto 14px;max-width:870px}
.ptab,.style-card{background:rgba(29,29,33,.04);border:1.5px solid var(--bs);cursor:pointer;display:flex}
.ptab{border-radius:10px;padding:8px 14px;align-items:center;gap:7px;font-family:"Tajawal",sans-serif;font-weight:700;color:var(--muted);letter-spacing:.3px}
.ptab:hover{border-color:rgba(29,29,33,.15);color:#000}
.ptab.ff.on{border-color:#A84000;color:#000;background:rgba(251,104,1,.12);box-shadow:none}
.ptab.ff:hover{border-color:rgba(251,104,1,.5);color:#000;box-shadow:none}
.ptab.pubg.on{border-color:#f5d020;color:#000;background:rgba(245,208,32,.1);box-shadow:none}
.ptab.pubg:hover{border-color:rgba(245,208,32,.45);color:#000;box-shadow:none}
.ptab.roblox.on{border-color:#e22222;color:#000;background:rgba(226,34,34,.1);box-shadow:none}
.ptab.roblox:hover{border-color:rgba(226,34,34,.45);color:#000;box-shadow:none}
.ptab.cod.on{border-color:#e05a1e;color:#000;background:rgba(224,90,30,.1);box-shadow:none}
.ptab.cod:hover{border-color:rgba(224,90,30,.45);color:#000;box-shadow:none}
.ptab.fortnite.on{border-color:#7b5cf5;color:#000;background:rgba(123,92,245,.1);box-shadow:none}
.ptab.fortnite:hover{border-color:rgba(123,92,245,.45);color:#000;box-shadow:none}
.ptab.tiktok.on{border-color:#6a5aff;color:#000;background:linear-gradient(135deg,rgba(105,201,208,.1),rgba(106,90,255,.12));box-shadow:none}
.ptab.tiktok:hover{border-color:rgba(106,90,255,.45);color:#000;box-shadow:none}
.ptab.insta.on{border-color:#e1306c;color:#000;background:rgba(225,48,108,.1);box-shadow:none}
.ptab.insta:hover{border-color:rgba(225,48,108,.45);color:#000;box-shadow:none}
.ptab.other.on{border-color:rgba(29,29,33,.4);color:#000;background:rgba(29,29,33,.07);box-shadow:none}
.ptab.other:hover{border-color:rgba(251,104,1,.4);box-shadow:none}
.ptab,.ptab i{font-size:13px}
.sym-cat-btn.on{border-color:var(--soft);color:var(--soft);background:rgba(251,194,38,.12);box-shadow:none}
.sym-cat-btn:hover{border-color:rgba(251,194,38,.4);color:var(--soft)}
.ptab.styles.on{border-color:#FBC226;color:#8A5A00;background:rgba(251,194,38,.1);box-shadow:none}
.ptab.styles:hover{border-color:rgba(251,194,38,.45);color:#8A5A00;box-shadow:none}
.style-card{border-radius:11px;padding:12px 14px;transition:border-color .16s,background .16s,box-shadow .16s;flex-direction:column;gap:6px}
.style-card:hover{border-color:rgba(251,194,38,.5);background:rgba(251,194,38,.07);box-shadow:none}
.style-card.selected{border-color:#FBC226;background:rgba(251,194,38,.12);box-shadow:none}
.style-name{font-size:9px;letter-spacing:2px;color:var(--dim);text-transform:uppercase;font-family:"Tajawal",sans-serif}
.style-preview{font-size:17px;color:var(--ivory);word-break:break-all;line-height:1.4;min-height:26px}
.style-actions{display:flex;gap:6px;margin-top:4px}
.style-apply{font-size:10px;padding:3px 10px;border-radius:6px;border:1px solid rgba(251,194,38,.5);color:#8A5A00;background:rgba(251,194,38,.1);cursor:pointer;transition:border-color .15s,background .15s;font-family:"Tajawal",sans-serif;font-weight:700;letter-spacing:.5px}
.style-apply:hover{background:rgba(251,194,38,.22);border-color:#FBC226}
.styles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-width:1200px;margin:0 auto;padding:0 16px 16px}
@media (max-width:500px){.styles-grid{grid-template-columns:1fr 1fr}}
.ii-tabs{display:flex;gap:5px;flex-wrap:wrap}
.ii-tab{background:rgba(29,29,33,.04);border:1.5px solid var(--bs);cursor:pointer;transition:border-color .14s,color .14s,background .14s,box-shadow .14s;font-family:"Tajawal",sans-serif;font-weight:700;color:var(--muted);white-space:nowrap}
.ii-tab.on{border-color:var(--orange);color:var(--orange);background:rgba(251,104,1,.1);box-shadow:none}
.ii-mood-btn{border-radius:10px!important;transition:border-color .15s,color .15s,background .15s,box-shadow .15s!important}
.ii-mood-btn:hover{border-color:rgba(251,104,1,.38)!important;background:var(--gog)!important;color:var(--ivory)!important}
.ii-mood-on{border-color:var(--orange)!important;color:var(--orange)!important;background:var(--gog)!important;box-shadow:none}
.ii-grid{display:flex;flex-direction:column;gap:7px}
#style-converter-input{width:100%;background:rgba(221,51,1,.04);border:1.5px solid rgba(221,51,1,.2);border-radius:9px;padding:9px 13px;color:var(--ivory);font-family:"Space Grotesk",monospace;font-size:12px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s;caret-color:#A84000;box-sizing:border-box}
#style-converter-input::placeholder{color:rgba(122,106,95,.6);font-family:"Tajawal",sans-serif;font-size:12px}
#style-converter-input:focus{border-color:rgba(221,51,1,.55);background:rgba(221,51,1,.07);box-shadow:none}
#lfsp-slots{gap:5px;margin-top:10px}
.lfsp-slot{background:rgba(29,29,33,.033);border:1.5px solid rgba(29,29,33,.07);border-radius:9px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .18s,background .18s,box-shadow .18s;cursor:pointer}
.lfsp-slot:hover{border-color:rgba(221,51,1,.35);background:rgba(221,51,1,.05);box-shadow:none}
#lfsp-slots,.lfsp-slot-inner{display:flex;flex-direction:column}
.lfsp-slot-inner{gap:2px;flex:1;min-width:0}
.lfsp-tag{color:rgba(168,64,0,.45);line-height:1}
.lfsp-text{font-size:13px;color:var(--ivory);word-break:break-all;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lfsp-slot.flash{animation:lfsp-flash .55s ease-out forwards}
#side-style-btns .ssb.on .sl{color:#FBC226}

.btn-refresh-1:hover,.reroll-shell:hover .btn-refresh-1{border-color:var(--teal);border-right-color:transparent;transform:rotate(360deg)}
.btn-refresh-1,.reroll-shell{flex-shrink:0;border-radius:50%;cursor:pointer;padding:0}
.btn-refresh-1{width:14px;height:14px;background:0 0;border:2px solid var(--muted);border-right-color:transparent;position:relative;display:inline-block;vertical-align:middle;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .2s}
.btn-refresh-1::after,.btn-refresh-right::after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%) rotate(45deg);width:4px;height:4px;border-radius:0 0 1px 0}
.btn-refresh-1::after{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transition:border-color .2s}
.btn-refresh-1:hover::after,.reroll-shell:hover .btn-refresh-1::after{border-color:var(--teal)}
.btn-refresh-1.spinning{border-right-color:transparent!important;animation:spin-once .45s cubic-bezier(.4,0,.2,1) forwards}
.btn-refresh-1.spinning,.btn-refresh-1.spinning::after{border-color:var(--teal)!important}
.reroll-shell{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:rgba(29,29,33,.04);border:1px solid rgba(29,29,33,.1);transition:border-color .2s,background .2s}
.reroll-shell:hover{border-color:rgba(251,104,1,.5);background:rgba(251,104,1,.07)}
.btn-refresh-right{flex-shrink:0;display:inline-block;width:16px;height:16px;background:0 0;border:2px solid #DD3301;border-right-color:transparent;border-radius:50%;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .2s}
.btn-refresh-right::after{border-right:2px solid #DD3301;border-bottom:2px solid #DD3301}
.btn-refresh-right.spinning{border-color:#DD3301!important;border-right-color:transparent!important;animation:spin-once .45s cubic-bezier(.4,0,.2,1) forwards}
.lfsp-tag,.sub-label{font-size:9px!important;text-transform:uppercase!important;letter-spacing:1.8px;display:block;margin-top:2px;font-family:"Tajawal",sans-serif;font-weight:700}
.ii-slot-list{display:flex;flex-direction:column;gap:7px}
@media (max-width:768px){.nc{padding:5px 6px!important;margin-bottom:5px!important;gap:4px!important;overflow:hidden!important}.nt{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp{font-size:11px!important;padding:0!important;min-width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;background:rgba(29,29,33,.04)!important;color:#A84000!important;flex-shrink:0!important}}
#ii-reroll-btn{background:0 0;border:0;padding:0}
.sym-load-sentinel{grid-column:1/-1;font-family:"Tajawal",sans-serif;letter-spacing:1px;animation:pulse-opacity 1.2s ease-in-out infinite}
#ng,.sym-nc{content-visibility:auto;contain-intrinsic-size:auto 600px}
.sym-nc{contain-intrinsic-size:auto 52px}
.mb,.mode-row{display:flex;gap:5px}
.mode-row{flex-wrap:wrap;justify-content:center;margin:0 auto 14px;max-width:820px}
.mb{border:1.5px solid var(--bs);border-radius:20px;padding:5px 13px;font-family:"Tajawal",sans-serif;font-weight:700;font-size:12px;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;background:0 0;align-items:center;letter-spacing:.3px}
.mb.on,.mb:hover{background:var(--gog)}
.mb:hover{color:var(--ivory);border-color:rgba(251,104,1,.38)}
.mb.on{border-color:var(--orange);color:var(--orange);box-shadow:none}
.mb.sniper-m.on{border-color:#f50;color:#f50;background:rgba(255,85,0,.09);box-shadow:none}
.mb.pro-m.on{border-color:var(--teal);color:var(--teal);background:var(--gtg);box-shadow:none}
.mb-social{text-transform:none;font-size:11.5px;letter-spacing:.2px;border-radius:16px}
.mb-social:hover{color:var(--ivory);border-color:rgba(251,104,1,.38);background:var(--gog)}
.mb-social.on{border-color:var(--orange);color:var(--orange);background:var(--gog);box-shadow:none}
.social-refresh-divider{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;padding:0;width:100%}
.srd-label{font-family:"Tajawal",sans-serif;font-size:10px;font-weight:700;letter-spacing:.8px;color:#A84000;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.social-refresh-divider:hover .srd-label{color:#A84000}
#prev-lab{margin:0 auto 14px;opacity:1!important;visibility:visible!important;transform:none!important;max-width:1200px;margin:0 auto 14px;padding:15px 32px;border:1.5px solid var(--bo);border-radius:14px;box-sizing:border-box;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(14,14,16,.9);background-image:url(/images/frcover.webp);min-height:130px;contain:layout style}
#prev-lab::before,.blog-card::before{content:"";position:absolute;inset:0;pointer-events:none}
#prev-lab::before{background:rgba(0,0,0,.45);z-index:0}
#prev-lab>*{position:relative;z-index:1}
.pl-hdr{margin-bottom:11px}
.pc,.pl-hdr,.pl-lbl{display:flex;align-items:center}
.pl-lbl{font-size:9.5px;letter-spacing:2px;color:var(--orange);text-transform:uppercase;gap:7px;font-family:"Tajawal",sans-serif}
.pc{border-radius:11px;padding:14px 15px;gap:14px;position:relative;overflow:visible;min-height:90px;background:0 0;background-image:none!important}
.pc .pc.bg-ff .pc.bg-pubg .pc.bg-cod .pc.bg-roblox .pc.bg-fortnite .pc.bg-tiktok .pc.bg-insta .pc.bg-twitter .pc.bg-facebook .pc.bg-telegram .pc.bg-snapchat .pc.bg-symbols .pc.bg-styles .pc.bg-social .pc.bg-borders .pc.bg0{background:rgba(0,0,0,.42);background-image:none}
.pc.bg1,.pc.bg2{background-image:none}
.pc.bg1{background:linear-gradient(135deg,rgba(10,10,12,.95),rgba(16,16,18,.9))}
.pc.bg1::before{background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(251,104,1,.028) 28px,rgba(251,104,1,.028) 29px)}
.pc.bg2{background:linear-gradient(135deg,rgba(0,2,16,.97),rgba(0,6,22,.92))}
.pc.bg2::before{background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(251,104,1,.065) 24px,rgba(251,104,1,.065) 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(251,104,1,.065) 24px,rgba(251,104,1,.065) 25px)}
.pav,.pav-clip{width:64px;height:64px}
.pav{flex-shrink:0;background:0 0;position:relative;z-index:2;overflow:visible}
.pav-clip{border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pav img,.pav-clip img{width:64px!important;height:64px!important;max-width:64px;max-height:64px;object-fit:contain;object-position:center;display:block;flex-shrink:0;transition:opacity .12s ease}
.pav.pav-symbols .pav-clip img,.pav.pav-symbols img,.pav.pav-twitter .pav-clip img,.pav.pav-twitter img{width:76px!important;height:76px!important;max-width:76px;max-height:76px}
.pav.pav-logo img{object-fit:contain}
.pmeta,.pname{z-index:1;position:relative}
.pname{font-family:"Space Grotesk",monospace;font-size:clamp(12px,3vw,15px);color:#fff;word-break:break-all;text-shadow:none}
.pmeta{font-size:11px;color:rgba(255,255,255,.82);margin-top:3px;font-family:"Tajawal",sans-serif;text-shadow:none}
.rl{font-size:9.5px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;text-align:center;margin:14px 0 10px;font-family:"Poppins",sans-serif}
#ng,.nc{display:flex}
#ng{flex-direction:column;gap:0;min-height:200px}
.nc{background:rgba(29,29,33,.045);border:1px solid var(--bs);border-radius:10px;padding:10px 12px;align-items:center;justify-content:space-between;gap:8px;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;margin-bottom:4px}
.nc:hover{border-color:rgba(251,104,1,.3);box-shadow:none;transform:translateY(-1px)}
.nc.selected{border-color:rgba(251,104,1,.45);box-shadow:none}
.nc.selected .nt{color:#A84000;text-shadow:none}
.nt{font-family:"Space Grotesk",monospace;font-size:clamp(10px,2vw,12.5px);color:#7A6A5F;word-break:break-all;flex:1;line-height:1.4;transition:color .2s,text-shadow .2s}

.ii-card:hover{border-color:rgba(251,104,1,.4);background:rgba(251,104,1,.06)}
.ii-card.fresh{animation:ii-fresh-fade 5s ease-out forwards}
.ii-name,.seo-item-rich .seo-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ii-name{font-family:"Space Grotesk",monospace;font-size:12px;color:var(--ivory);flex:1 1 0%;word-break:normal;line-height:1.4}

.seo-item-rich{gap:6px;flex-wrap:nowrap;overflow:hidden}
.seo-item-rich .seo-name{flex:1}
.seo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:7px}
.seo-item{background:rgba(29,29,33,.03);border:1px solid var(--bs);border-radius:8px;padding:8px 12px;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;align-items:center;justify-content:space-between;gap:8px}
.seo-item:hover,.sym-cell:hover{border-color:rgba(251,104,1,.32);background:var(--gog);box-shadow:none}
.seo-name{font-family:"Space Grotesk",monospace;font-size:11px;color:#7A6A5F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.seo-tag{font-size:9px;color:var(--dim);flex-shrink:0;letter-spacing:.5px;font-family:"Tajawal",sans-serif}
.sym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:7px}
#foot,.sym-cell{position:relative}
.sym-cell{background:rgba(29,29,33,.04);border:1px solid var(--bs);border-radius:9px;padding:10px 5px;text-align:center;cursor:pointer;transition:border-color .13s,background .13s,box-shadow .13s;font-family:"Space Grotesk",monospace;font-size:14px;color:var(--ivory);overflow:hidden}
.sym-cell:hover{border-color:rgba(251,104,1,.42);box-shadow:none;transform:scale(1.06)}
.sym-cell:active{transform:scale(.94)}
.sym-lbl{display:block;font-size:8px;color:var(--dim);margin-top:4px;letter-spacing:.4px;font-family:"Tajawal",sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-blog-home .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}
.blog-card{background:#ffffff;border:1px solid var(--bs);border-radius:14px;padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s;cursor:pointer;position:relative;overflow:hidden}
.blog-card::before{background:radial-gradient(ellipse at 0 0,rgba(251,104,1,.04),transparent 60%);opacity:0;transition:opacity .3s}
.blog-card:hover,.stat-pill.or{border-color:rgba(251,104,1,.22)}
.blog-card:hover{box-shadow:none;transform:translateY(-2px)}
.blog-card:hover::before{opacity:1}
.bc-cat{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-family:"Tajawal",sans-serif;margin-bottom:9px;display:flex;align-items:center;gap:6px;font-weight:700}
.bc-cat i{font-size:11px}
.bc-title{font-family:"Poppins",sans-serif;font-size:clamp(14px,2vw,17px);font-weight:700;color:var(--ivory);margin-bottom:10px;line-height:1.3}
.bc-snippet{font-family:"Tajawal",sans-serif;font-size:13px;line-height:1.7;color:rgba(29,29,33,.68);margin-bottom:14px}
.bc-stats{display:flex;gap:7px;flex-wrap:wrap}
.bc-cta,.stat-pill{align-items:center;font-family:"Tajawal",sans-serif}
.stat-pill{background:rgba(29,29,33,.04);border:1px solid var(--bs);border-radius:20px;padding:4px 11px;font-size:11px;font-weight:600;display:flex;gap:5px}
.stat-pill.or{color:var(--orange)}
.stat-pill.te{color:var(--teal);border-color:rgba(251,104,1,.22)}
.stat-pill.pu{color:#9b7eff;border-color:rgba(155,126,255,.22)}
.bc-cta{display:inline-flex;gap:6px;font-size:12px;font-weight:700;color:var(--orange);letter-spacing:.5px;margin-top:14px;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s,transform .15s;background:0 0;border:0;padding:0;text-transform:uppercase}
.bc-cta:hover{color:#7A6A5F;gap:9px}
.bc-cta i{font-size:10px;transition:transform .2s}
.bc-cta:hover i{transform:translateX(3px)}
.art-wrap{max-width:760px;margin:0 auto;padding:32px 18px 100px}
.art-body strong{color:var(--orange)}
.art-cat,.ft-col h4{letter-spacing:2px;text-transform:uppercase}
.art-cat{font-size:9px;font-family:"Tajawal",sans-serif;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:7px}
.art-title{font-family:"Poppins",sans-serif;font-size:clamp(20px,5vw,30px);font-weight:900;color:var(--ivory);margin-bottom:14px;line-height:1.2}
.art-meta{font-size:11px;color:var(--muted);font-family:"Space Grotesk",monospace;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap}
.art-body h2,.cv h2{font-weight:700;color:var(--teal);margin:24px 0 8px;letter-spacing:.4px}
.art-body h2{font-family:"Poppins",sans-serif;font-size:clamp(14px,3vw,18px)}
.art-body h3,.art-body p{font-family:"Tajawal",sans-serif}
.art-body h3{font-size:15px;font-weight:700;color:var(--orange);margin:18px 0 6px;letter-spacing:.3px}
.art-body p{font-size:14px;line-height:1.8;color:rgba(29,29,33,.8)}
.art-body em{color:#A84000;font-style:normal}
.art-body blockquote,.cv blockquote,.nex{font-family:"Space Grotesk",monospace;font-size:12.5px}
.art-body blockquote,.cv blockquote{border-left:1.5px solid var(--orange);padding:12px 16px;background:var(--gog);border-radius:0 10px 10px 0;color:#7A6A5F;margin:18px 0}
.nex{background:rgba(29,29,33,.04);border:1px solid var(--bs);border-radius:9px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;color:var(--ivory);cursor:pointer;transition:border-color .15s,color .15s,background .15s;margin:4px 3px}
.nex:hover{border-color:var(--bo);box-shadow:none}
.cv{max-width:760px;margin:0 auto;padding:34px 18px 110px}
.art-body p,.cv h1,.cv p{margin-bottom:12px}
.cv h1{font-size:clamp(19px,5vw,30px);font-weight:900;line-height:1.2}
.cv h2{font-size:clamp(14px,3vw,17px)}
.cv p{font-size:14px;line-height:1.8;color:rgba(29,29,33,.8);font-family:"Tajawal",sans-serif}
#foot{background:#ffffff;padding:30px 16px 56px;z-index:1}
.ft-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.cv h1,.cv h2,.ft-brand{font-family:"Poppins",sans-serif}
.ft-brand{font-size:17px;font-weight:900;text-shadow:none}
.cv h1,.ft-brand .ln{color:var(--ivory)}
.fla:hover,.ft-brand .d{color:var(--orange)}
.ft-desc{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6;font-family:"Tajawal",sans-serif}
.ft-col h4{font-size:9.5px;color:var(--muted);margin-bottom:11px}
.ft-links{display:flex;flex-direction:column;gap:5px}
.fla,.ft-col h4{font-family:"Tajawal",sans-serif}
.fla{color:var(--muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:color .17s;background:0 0;border:0;text-align:left;letter-spacing:.2px;padding:2px 0}

#bk{box-shadow:none;letter-spacing:1px;cursor:pointer;transition:border-color .15s,color .15s,background .15s;position:fixed;bottom:60px;right:14px;z-index:95;background:var(--orange);border:0;border-radius:40px;padding:9px 16px;color:#ffffff;font-family:"Poppins",sans-serif;font-size:9.5px;font-weight:700;display:none;align-items:center;gap:6px}
#bk:hover{transform:scale(1.06);box-shadow:none}
#bk.on{display:flex}
@media (min-width:769px){#bk{bottom:22px}}

#toast{box-shadow:none;position:fixed;bottom:66px;left:50%;z-index:300;transform:translateX(-50%) translateY(20px);background:var(--orange);color:#ffffff;font-family:"Poppins",sans-serif;font-size:10.5px;font-weight:700;letter-spacing:1px;padding:9px 22px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;white-space:nowrap}
#toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
@media (min-width:769px){#toast{bottom:30px}}
#ck{position:fixed;bottom:60px;left:12px;right:12px;z-index:999990;background:#ffffff;border:1.5px solid var(--bo);border-radius:13px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(10px);max-width:460px;box-shadow:none;transition:opacity .2s ease,visibility .2s ease}
@media (min-width:769px){#ck{bottom:18px;left:18px;right:auto}}
#ck.ck-hidden,.rp{pointer-events:none}
#ck.ck-hidden{opacity:0;visibility:hidden}
.rp{position:absolute;border-radius:50%;background:rgba(251,104,1,.3);width:18px;height:18px;animation:rpl .5s linear}

@media (max-width:480px){.gen-row{flex-direction:column}#gb{width:100%}}
#cb-filter-row,.ii-filter-row{display:flex;flex-wrap:wrap;margin-bottom:10px}
.ii-filter-row{align-items:center;gap:5px}
[data-pmode=styles] #ii-filter-row-main,[data-pmode=symbols] #ii-filter-row-main{display:none!important}
.ii-filter-row .ii-tabs{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.ii-tab{padding:3px 9px!important;font-size:10px!important;border-radius:20px!important}
#cb-filter-row{gap:4px}
.batch-header,.cb-filter-btn{font-weight:700;cursor:pointer;font-family:"Tajawal",sans-serif}
.cb-filter-btn{background:rgba(29,29,33,.04);border:1.5px solid rgba(29,29,33,.09);border-radius:20px;padding:3px 10px;font-size:10px;color:var(--muted);transition:color .14s,border-color .14s,background .14s;white-space:nowrap;letter-spacing:.3px}
.cb-filter-btn:hover{border-color:rgba(221,51,1,.4);color:#A84000}
.cb-filter-btn.on{border-color:#DD3301;color:#A84000;background:rgba(221,51,1,.1);box-shadow:none}
.batch-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#A84000;padding:10px 12px;background:rgba(29,29,33,.03);border-radius:6px;margin-top:12px;user-select:none;letter-spacing:.4px;transition:background .18s}
.batch-header:hover{background:rgba(221,51,1,.06)}
.batch-header .arrow-indicator{font-size:10px;color:rgba(168,64,0,.55);transition:transform .22s ease;flex-shrink:0}
.symbols-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:0;border-top:1px solid rgba(29,29,33,.1);border-left:1px solid rgba(29,29,33,.1);margin-top:6px;border-radius:4px;overflow:hidden}
.symbol-cell{display:flex;justify-content:center;align-items:center;height:42px;font-size:16px;color:#1D1D21;background:rgba(29,29,33,.01);border-right:1px solid rgba(29,29,33,.08);border-bottom:1px solid rgba(29,29,33,.08);cursor:pointer;transition:background .2s,color .2s;user-select:none;position:relative}
.symbol-cell:hover{background:rgba(221,51,1,.15);color:#A84000}
.symbol-cell:active{background:rgba(221,51,1,.28)}
.grid-collapsed{display:none!important}
.sdp-empty{padding:48px 24px;text-align:center;color:rgba(29,29,33,.25);font-family:"Tajawal",sans-serif;font-size:14px;letter-spacing:.4px}
.sdp-empty-heart{font-size:32px;display:block;margin-bottom:12px;color:rgba(232,41,58,.2)}
.sdp-list{overflow-y:auto;flex:1;padding:4px 0}
.sdp-list::-webkit-scrollbar{width:3px}
.sdp-list::-webkit-scrollbar-track{background:0 0}
.sdp-list::-webkit-scrollbar-thumb{background:rgba(232,41,58,.3);border-radius:2px}
.sdp-item{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(29,29,33,.05);cursor:pointer;transition:background .15s}
.sdp-item:last-child{border-bottom:none}
.sdp-item:hover{background:rgba(29,29,33,.04)}
.sdp-item-sym,.sdp-item-text{font-family:"Space Grotesk",monospace}
.sdp-item-sym{font-size:18px;color:#fff;min-width:28px;text-align:center;flex-shrink:0;line-height:1.2}
.sdp-item-text{font-size:11.5px;color:rgba(29,29,33,.8);flex:1;word-break:break-all;line-height:1.3}
.sdp-item-acts{display:flex;align-items:center;gap:4px;flex-shrink:0}

.sdp-remove-btn{align-items:center;background:0 0;cursor:pointer;width:26px;height:26px;border-radius:7px;border:1px solid rgba(255,80,80,.15);color:rgba(255,100,100,.35);font-size:13px;display:flex;justify-content:center;transition:color .14s,border-color .14s,background .14s,box-shadow .14s;line-height:1}
.sdp-remove-btn:hover{color:rgba(255,80,80,.85);border-color:rgba(255,80,80,.4);background:rgba(255,50,50,.07)}
@media (max-width:400px){#auth-btn-label{display:none}}
@media (max-width:479px){#nav{padding:0 8px;gap:0;width:100%;max-width:100vw}#auth-btn-label{display:none}#lb{padding:5px 8px;gap:4px;min-width:0}#lcd{display:none}#ld{right:0;left:auto;max-width:calc(100vw - 16px);min-width:130px}}

.ii-cat19-btn{font-family:"Tajawal",sans-serif;border:1px solid rgba(251,194,38,.2);background:rgba(251,194,38,.05);color:rgba(29,29,33,.55);border-radius:20px;cursor:pointer;transition:color .14s,border-color .14s,background .14s;white-space:nowrap}
.ii-cat19-btn:hover{border-color:rgba(251,194,38,.5);color:#8A5A00;background:rgba(251,194,38,.1)}
.ii-cat19-btn.ii-mood-on{border-color:rgba(251,194,38,.8)!important;color:#8A5A00!important;background:rgba(251,194,38,.14)!important;box-shadow:none}
#side-style-btns .ssb,#side-style-btns .ssb-all{display:flex;align-items:center;border-radius:7px;cursor:pointer;color:#fff;transition:background .15s,border-color .15s,box-shadow .15s}
#side-style-btns .ssb-all{display:none!important;grid-column:1/-1;width:100%;gap:8px;background:rgba(29,29,33,.05);border:1px solid rgba(29,29,33,.1);padding:6px 10px;font-size:13px}
#side-style-btns .ssb-all:hover{background:rgba(251,194,38,.09);border-color:rgba(251,194,38,.4)}
#side-style-btns .ssb-all.on{background:rgba(251,194,38,.14);border-color:rgba(251,194,38,.7);box-shadow:none;color:#FBC226}
#side-style-btns .ssb{flex-direction:column;gap:2px;background:rgba(251,194,38,.06);border:1px solid rgba(251,194,38,.14);padding:7px 2px 5px;font-size:16px;line-height:1;min-width:0;overflow:hidden}
#side-style-btns .ssb .sl{font-size:7px;color:rgba(29,29,33,.5);font-family:"Tajawal",sans-serif;font-weight:700;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;margin-top:1px;display:block}
#side-style-btns .ssb:hover{background:rgba(251,194,38,.14);border-color:rgba(251,194,38,.45)}
#side-style-btns .ssb.on{background:rgba(251,194,38,.2);border-color:rgba(251,194,38,.7);box-shadow:none;color:#FBC226}
.ptab{transition:border-color .22s ease,color .22s ease,background .22s ease,box-shadow .22s ease,transform .12s ease!important}
.ptab:active{transform:scale(.95)}
#styles-cat-strip,#styles-panel,.mode-row{transition:opacity .32s ease,transform .36s cubic-bezier(.4,0,.2,1),max-height .38s cubic-bezier(.4,0,.2,1)!important}
#gb{transition:transform .12s ease!important}
#gb:active{background:#DD3301;color:#000;transform:scale(.96)}
.prev-lab-ping{animation:prevLabPing .7s ease-out forwards}
#view-names{display:none}
#view-names.on{display:block}
#subnav .snav-btn[data-snav=names].on{background:rgba(251,104,1,.12);border-color:#7A6A5F}
.seo-block{margin-bottom:44px}
.seo-block-hd{font-family:"Poppins",sans-serif;font-size:clamp(13px,3vw,18px);font-weight:900;color:var(--ivory);letter-spacing:1.5px;margin-bottom:8px;line-height:1.35;font-display:optional}
.seo-block-desc{font-family:"Tajawal",sans-serif;font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:16px}
.seo-kw-grid{display:flex;flex-wrap:wrap;gap:7px;min-height:32px}
.seo-kw{font-family:"Tajawal",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.5px;color:var(--teal);background:rgba(251,104,1,.08);border:1px solid rgba(251,104,1,.22);border-radius:20px;padding:5px 13px;cursor:pointer;white-space:nowrap;transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 140ms ease;transform:translateZ(0);will-change:transform;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.seo-kw:hover{background:rgba(251,104,1,.18);border-color:rgba(251,104,1,.6);color:var(--ivory);transform:translateY(-2px) scale(1.04) translateZ(0);box-shadow:none}
.seo-kw:active{transform:scale(.93) translateZ(0);box-shadow:none;transition-duration:70ms}
.seo-kw:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.seo-faq-item{border:1px solid var(--bs);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color 200ms ease}
.seo-faq-item.open{border-color:rgba(251,104,1,.35)}
.seo-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--raised);border:0;cursor:pointer;font-family:"Tajawal",sans-serif;font-size:14.5px;font-weight:700;color:var(--ivory);text-align:left;letter-spacing:.3px;transition:background-color 180ms ease,color 180ms ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.seo-faq-q:hover{background:rgba(251,104,1,.07)}
.seo-faq-item.open .seo-faq-q,.seo-faq-q:hover{color:var(--teal)}
.seo-faq-q:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}
.seo-faq-chevron{font-size:12px;color:var(--dim);flex-shrink:0;transition:transform 240ms cubic-bezier(.34,1.2,.64,1),color 180ms ease}
.seo-faq-item.open .seo-faq-chevron{transform:rotate(180deg);color:var(--teal)}
.seo-faq-a,.seo-trust-card p{font-family:"Tajawal",sans-serif;font-size:13.5px}
.seo-faq-a{display:none;padding:0 16px 14px;color:rgba(29,29,33,.72);line-height:1.75;background:var(--raised)}
.seo-faq-item.open .seo-faq-a{display:block}
.seo-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.seo-trust-card{background:var(--raised);border:1px solid var(--bs);border-radius:12px;padding:18px 16px;transition:border-color 200ms ease}
.seo-trust-card:hover{border-color:rgba(251,104,1,.25)}
.seo-trust-card-hd{font-family:"Poppins",sans-serif;font-size:clamp(14px,2.4vw,16px);font-weight:800;letter-spacing:.2px;color:var(--navy-title);margin-bottom:10px}
.seo-trust-card p{color:rgba(29,29,33,.85);line-height:1.7;font-weight:400}
.seo-trust-steps{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.seo-trust-step{display:flex;align-items:flex-start;gap:10px;font-family:"Tajawal",sans-serif;font-size:13.5px;color:rgba(29,29,33,.85);line-height:1.55;font-weight:600}
.seo-step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:rgba(250,165,127,.16);border:1px solid rgba(168,72,15,.30);color:var(--navy-title);font-size:10px;font-weight:700;font-family:"Poppins",sans-serif;display:flex;align-items:center;justify-content:center}
.seo-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-auto-rows:1fr;gap:14px;margin-bottom:0;align-items:stretch}
.seo-cat-card{background:var(--raised);border:1px solid var(--bs);border-radius:13px;padding:20px 16px 16px;display:flex;flex-direction:column;transition:border-color 200ms ease,box-shadow 200ms ease;contain:paint}
.seo-cat-card:hover{box-shadow:none}
.seo-cat--gaming{border-top:2px solid #A84000}
.seo-cat--social{border-top:2px solid #e1306c}
.seo-cat--symbols{border-top:2px solid #7A6A5F}
.seo-cat-icon{height:38px;line-height:38px;font-size:26px;margin-bottom:10px;display:block}
.seo-cat-title{font-family:"Poppins",sans-serif;font-size:clamp(12px,2.5vw,15px);font-weight:900;color:var(--navy-title);letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;line-height:1.3}
.seo-cat-body,.seo-cat-sub{font-family:"Tajawal",sans-serif}
.seo-cat-sub{font-size:11px;color:var(--teal);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px;font-weight:700;line-height:1.4}
.seo-cat-body{font-size:13.5px;color:rgba(29,29,33,.82);line-height:1.72;margin-bottom:14px;min-height:5.5em;flex-grow:1}
.seo-preset-section{margin-bottom:22px}
.seo-preset-label{font-family:"Poppins",sans-serif;font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:8px}
.seo-preset-grid{display:flex;flex-wrap:wrap;gap:7px;min-height:36px}
.seo-preset-chip{font-family:"Space Grotesk",monospace,ui-monospace;font-size:12px;color:var(--ivory);background:rgba(29,29,33,.05);border:1px solid var(--bs);border-radius:8px;padding:6px 12px;cursor:pointer;white-space:nowrap;transition:color 170ms ease,background-color 170ms ease,border-color 170ms ease,box-shadow 170ms ease,transform 140ms ease;transform:translateZ(0);will-change:transform;touch-action:manipulation;user-select:none;-webkit-user-select:none;letter-spacing:.5px}
.seo-preset-chip:hover{background:rgba(251,104,1,.13);border-color:rgba(251,104,1,.45);color:var(--teal);transform:translateY(-2px) scale(1.05) translateZ(0);box-shadow:none}
.seo-preset-chip:active{transform:scale(.91) translateZ(0);box-shadow:none;background:rgba(251,104,1,.22);transition-duration:65ms}
.seo-preset-chip:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.seo-preset-more{flex-basis:100%;max-width:max-content;width:auto;font-family:'Poppins',sans-serif;font-size:12px;font-weight:800;color:var(--cta);background:var(--cta-tint);border:1.5px solid var(--cta-border);border-radius:20px;padding:7px 14px;text-decoration:none;margin-top:8px;display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;min-height:32px;transition:background 150ms ease,border-color 150ms ease,gap 150ms ease}
.seo-preset-more:hover,.seo-preset-more:focus-visible{background:var(--cta-tint-strong);border-color:var(--cta);gap:6px}
.seo-lenny-grid .seo-preset-chip{font-size:13.5px;padding:8px 14px;letter-spacing:1px;min-height:38px}
[dir=rtl] .seo-faq-q{text-align:right}
[dir=rtl] .seo-trust-step{flex-direction:row-reverse}
[dir=rtl] .seo-kw-grid,[dir=rtl] .seo-preset-grid{direction:rtl}

.snav-block{
  padding: 0 0 6px !important;
  border-bottom: 1px solid rgba(29,29,33,.07) !important;
}
.snav-block:last-of-type{
  border-bottom: none !important;
}
#nav,#nav-center,#lw,#ld,#nd-tools,.nl,#lb{
  color: #ffffff !important;
}
#nav *:not(.nl.on):not(.nl:hover):not(.lo.on){ color: #ffffff !important; }
#hbg span{ width:20px;height:1.5px;border-radius:1px;transition:transform .25s,opacity .25s;background: #ffffff !important; }
#nav a,#nav button{ color: #ffffff !important; }
.global-nav .nav-btn{ color: #ffffff !important; }
.global-nav .nav-btn:hover,.global-nav .nav-btn.active,.global-nav .nav-btn.on{
  color: #FBC226 !important; border-bottom-color: #FBC226 !important;
}
.global-nav .nav-burger span{ display:block !important;width:18px !important;height:2px !important;border-radius:2px !important;margin:0 !important;background: #ffffff !important; }
.global-nav .nav-logo{ justify-content:center;text-decoration:none;display:inline-flex !important;align-items:center !important;flex-shrink:0 !important;flex-grow:0 !important;margin:0 !important;padding:0 !important;color: #ffffff !important; }
[style*="B3FF31" i]{ color: #A84000 !important; }
[style*="179,255,49"],[style*="179,255,49"]{ color: #A84000 !important; }
.ft-h{font-family:"Tajawal",sans-serif;font-size:9.5px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#1D1D21;margin-bottom:13px;padding-bottom:7px;border-bottom:1px solid var(--dim)}
@media (min-width:900px){.global-nav .nav-btn{font-size:15px!important;letter-spacing:1.6px!important;padding:0 26px!important}.global-nav .nav-links{gap:4px!important}}
#smartScroll{
  position:fixed;top:52px;right:6px;bottom:0;width:22px;z-index:2147483647!important;
  opacity:0;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:6px 0;
  transition:opacity .2s ease;
}
#smartScroll.show{opacity:1;pointer-events:auto}
#smartScrollUp,#smartScrollDown{
  width:20px;height:18px;flex-shrink:0;border:none;border-radius:6px;
  background:#1D1D21;color:#FBF7ED;
  font-size:9px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,transform .12s ease;
}
#smartScrollUp:hover,#smartScrollDown:hover{background:#A84000}
#smartScrollUp:active,#smartScrollDown:active{transform:scale(.88)}
#smartScrollRail{position:relative;flex:1;width:100%;min-height:0}
#smartScrollThumb{
  position:absolute;left:50%;transform:translateX(-50%);
  width:6px;min-height:30px;border-radius:20px;
  background:#1D1D21;
  cursor:pointer;
  transition:background .18s ease,width .15s ease;
}
#smartScrollThumb:hover{background:#A84000;width:8px}
@media (max-width:768px){#smartScroll{display:none}}
#length-row{margin-top:-6px}
.len-btn{min-width:52px;text-align:center}
#uci-input:focus{outline:none;border-color:var(--teal)}
@media (max-width:480px){#length-row span{width:100%;text-align:center;padding-bottom:2px}}
.v2-sec-heading{font-family:'Poppins',sans-serif;font-size:clamp(15px,2.6vw,19px);font-weight:800;color:var(--ivory);margin:0 0 4px}
.v2-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:9px;width:100%;box-sizing:border-box}
@media (min-width:375px){.v2-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.v2-grid{grid-template-columns:repeat(3,1fr)}}
.v2-card{
  display:flex;flex-direction:column;justify-content:space-between;
  min-width:0;width:100%;min-height:82px;box-sizing:border-box;
  padding:12px 14px;border-radius:12px;border:1px solid var(--bs);
  background:var(--raised);text-decoration:none;color:var(--ivory);
  overflow:hidden;transition:border-color .15s ease,transform .1s ease;
}
.v2-card:hover,.v2-card:focus-visible{border-color:var(--teal);outline:none}
.v2-card:active{transform:scale(.98)}

.v2-card-sub{
  font-family:'Tajawal',sans-serif;font-size:11.5px;line-height:1.35;color:var(--muted);
  margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.v2-card-cta{
  font-family:'Poppins',sans-serif;font-weight:800;font-size:11px;color:var(--cta);margin-top:8px;
}
.v2-card:hover .v2-card-cta,.v2-card:focus-visible .v2-card-cta{text-decoration:underline;text-underline-offset:2px}
.v2-feature-card{
  padding:14px 16px;border-radius:14px;border:1px solid var(--bs);background:var(--raised);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
}
.v2-feature-card p{font-family:'Tajawal',sans-serif;font-size:13px;color:var(--muted);margin:0;max-width:520px}
.v2-feature-cta{
  flex-shrink:0;padding:9px 18px;border-radius:10px;background:var(--cta);color:#fff;
  text-decoration:none;font-family:'Poppins',sans-serif;font-weight:800;font-size:12.5px;white-space:nowrap;
  transition:filter .15s ease,transform .1s ease;
}
.v2-feature-cta:hover,.v2-feature-cta:focus-visible{filter:brightness(1.12)}
.v2-feature-cta:active{transform:scale(.98)}
.inline-cta{
  display:inline-flex;align-items:center;gap:3px;padding:1px 10px;border-radius:20px;
  background:var(--cta-tint);color:var(--cta)!important;text-decoration:none!important;
  font-family:'Poppins',sans-serif;font-weight:800;font-size:12.5px;white-space:nowrap;
  border:1.5px solid var(--cta-border);
  transition:background .15s ease,border-color .15s ease;
}
.inline-cta:hover,.inline-cta:focus-visible{background:var(--cta-tint-strong);border-color:var(--cta)}
.gd-card{border-top:3px solid var(--bs);position:relative}
.gd-card .gd-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle;background:currentColor}

.gd-ff .gd-dot{color:#A84000}

.gd-pubg .gd-dot{color:#f5d020}

.gd-roblox .gd-dot{color:#e22222}

.gd-cod .gd-dot{color:#e05a1e}

.gd-fortnite .gd-dot{color:#7b5cf5}

.gd-tiktok .gd-dot{color:#FBC226}
.img-card{
  position:relative;overflow:hidden;isolation:isolate;
  background-color:var(--raised);
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.img-card::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,247,240,.74) 0%,rgba(255,244,235,.46) 55%,rgba(255,241,230,.20) 100%);
}
.img-card>*{position:relative;z-index:1}
.gd-ff{border-top-color:#A84000;background-image:url(/images/home/free-fire.webp)}
.gd-pubg{border-top-color:#f5d020;background-image:url(/images/home/pubg.webp)}
.gd-roblox{border-top-color:#e22222;background-image:url(/images/home/roblox.webp)}
.gd-cod{border-top-color:#e05a1e;background-image:url(/images/home/call-of-duty.webp)}
.gd-fortnite{border-top-color:#7b5cf5;background-image:url(/images/home/fortnite.webp)}
.gd-tiktok{border-top-color:#FBC226;background-image:url(/images/home/tiktok.webp)}
.fd-database{background-image:url(/images/home/name-database.webp)}
.seo-cat-body{font-weight:400}
.v2-card-title{display:block;font-family:'Poppins',sans-serif;font-weight:800;font-size:13.5px;line-height:1.25;white-space:normal;overflow-wrap:break-word;word-break:break-word;color:var(--navy-title)}
.v2-feature-card .v2-sec-heading{color:var(--navy-title)}
.why-namefonts-card{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:14px;border:1px solid rgba(112,56,15,.20);
  box-shadow:0 4px 18px rgba(112,56,15,.08);
  background-color:var(--raised);
  background-image:url(/images/home/why-namefonts.webp);
  background-size:cover;background-position:center;background-repeat:no-repeat;
  transition:box-shadow .18s ease,border-color .18s ease;
}
.why-namefonts-card::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,
    rgba(255,247,240,.94) 0%,
    rgba(255,247,240,.88) 42%,
    rgba(255,247,240,.60) 68%,
    rgba(250,165,127,.24) 100%);
}
.why-namefonts-card-content{position:relative;z-index:1;padding:22px 26px}
.why-namefonts-title{
  font-family:'Poppins',sans-serif;font-size:clamp(16px,2.8vw,20px);font-weight:800;
  color:var(--navy-title);letter-spacing:.2px;margin:0 0 10px;
}
.why-namefonts-body{
  font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:400;
  color:rgba(29,29,33,.84);margin:0;max-width:680px;line-height:1.72;
}
.why-namefonts-cta{
  color:var(--cta);font-weight:800;text-decoration:none;
  transition:opacity .15s ease,text-decoration-color .15s ease;
}
.why-namefonts-cta:hover{opacity:.72;text-decoration:underline;text-underline-offset:2px}
.why-namefonts-cta:focus-visible{outline:2px solid var(--cta);outline-offset:3px;border-radius:3px;opacity:.72}
@media (max-width:680px){.why-namefonts-card-content{padding:16px 18px}.why-namefonts-title{margin-bottom:8px}.why-namefonts-body{line-height:1.65;max-width:none}.why-namefonts-card{background-position:top right}.why-namefonts-card::before{
    background:linear-gradient(155deg,
      rgba(255,247,240,.92) 0%,
      rgba(255,247,240,.90) 55%,
      rgba(250,165,127,.30) 100%);
  }}
@media (prefers-reduced-motion:reduce){.why-namefonts-card{transition:none}}
.ptab .nf-ic{width:16px;height:16px}
#mode-row .mb .nf-ic,.ii-mood-btn .nf-ic{width:14px;height:14px;color:var(--nf-mode-ic,#E8501C);transition:color .2s}
.ii-mood-btn .nf-ic{width:15px;height:15px;margin:0!important}
body{--nf-mode-ic:#E8501C}
body[data-pmode="ff"]{--nf-mode-ic:#E8501C}
body[data-pmode="pubg"]{--nf-mode-ic:#C88A00}
body[data-pmode="roblox"]{--nf-mode-ic:#E2231A}
body[data-pmode="cod"]{--nf-mode-ic:#4C9A1A}
body[data-pmode="fortnite"]{--nf-mode-ic:#7B5CF5}
body[data-pmode="facebook"]{--nf-mode-ic:#1877F2}
body[data-pmode="tiktok"]{--nf-mode-ic:#FE2C55}
body[data-pmode="insta"]{--nf-mode-ic:#D62976}
body[data-pmode="twitter"]{--nf-mode-ic:#111111}
body[data-pmode="snapchat"]{--nf-mode-ic:#B89A00}
body[data-pmode="telegram"]{--nf-mode-ic:#229ED9}
.nf-ic.nf-glitch{filter:drop-shadow(-.7px -.5px 0 #25F4EE) drop-shadow(.7px .5px 0 #FE2C55)}
.nf-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:640px;margin:0 auto 12px;width:100%}
.nf-cat{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 10px;border-radius:12px;border:1.5px solid var(--bs);background:rgba(29,29,33,.03);font-family:'Tajawal',sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.3px;color:var(--ivory);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .12s;-webkit-tap-highlight-color:transparent}
.nf-cat:hover{border-color:rgba(251,104,1,.45);background:rgba(251,104,1,.05)}
.nf-cat:active{transform:scale(.97)}
.nf-cat:focus-visible{outline:2px solid #FB6801;outline-offset:2px}
.nf-cat.on{border-color:#FB6801;background:linear-gradient(180deg,rgba(251,194,38,.12),rgba(251,104,1,.10));box-shadow:0 2px 10px rgba(251,104,1,.14)}
.nf-cat-ic{flex-shrink:0;width:22px;height:22px}
.nf-cat-lbl{white-space:nowrap}
.nf-cat-chev{flex-shrink:0;color:#A84000;transition:transform .25s}
.nf-cat[aria-expanded="true"] .nf-cat-chev{transform:rotate(180deg)}
.nf-sub{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .32s ease,opacity .25s ease,margin .32s ease;margin:0}
.nf-sub.open{grid-template-rows:1fr;opacity:1;margin:2px 0 6px}
.nf-sub-inner{overflow:hidden;min-height:0}
.nf-sub:not(.open) .nf-sub-inner{visibility:hidden}
.nf-sub.open .nf-sub-inner{padding-top:4px}
.nf-sub[data-group="games"] .ptab[data-group="social"],.nf-sub[data-group="social"] .ptab[data-group="games"]{display:none}
@media (max-width:560px){.nf-cats{gap:6px}.nf-cat-lbl{white-space:normal;text-align:center}.nf-cat-chev{position:absolute;opacity:0}.nf-cat{flex-direction:column;gap:4px;min-height:62px;padding:8px 4px;font-size:11.5px;line-height:1.15;position:relative}.nf-cat[aria-expanded] .nf-cat-chev{position:static;opacity:1;width:9px;height:9px;margin-top:-2px}}
html body header.global-nav{top:0 !important;left:0 !important;right:0 !important;width:100% !important;height:52px !important;border-radius:0 !important;background:rgba(255,255,255,.96) !important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:0 !important;border-bottom:1px solid rgba(255,140,40,.16) !important;box-shadow:0 2px 14px rgba(160,70,0,.07) !important;padding:0 14px 0 8px !important}
html body header.global-nav #hbg.nav-burger{width:40px !important;height:52px !important}
html body header.global-nav #hbg.nav-burger span{background:#16213A !important;width:22px !important;height:2.5px !important;border-radius:3px !important}
html body header.global-nav .nav-links .nav-btn{height:52px !important;font-family:'Poppins',sans-serif !important;font-weight:600 !important;color:#16213A !important;border-bottom:2.5px solid transparent !important;letter-spacing:.2px !important}
html body header.global-nav .nav-links .nav-btn:hover{color:#FF6500 !important}
html body header.global-nav .nav-links .nav-btn.active,html body header.global-nav .nav-links .nav-btn.on{color:#FF6500 !important;border-bottom-color:#FF6500 !important}
html body header.global-nav .nav-logo img{width:auto !important;height:38px !important;border-radius:0 !important;object-fit:contain !important}
html body header.global-nav .nav-logo{color:#16213A !important}
html body #voted-ticker{top:52px !important;left:0 !important;right:0 !important;width:100% !important;height:34px !important;border-radius:0 !important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0 !important;margin:0 !important}

html body #voted-ticker .vt-sep{color:#FFECD3 !important;opacity:1 !important;}
/* S20 ticker: dark premium band, gold names, gold diamond separators, seamless two-group loop */
html body #voted-ticker{background:linear-gradient(180deg,#1F0E03 0%,#140800 55%,#0F0600 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,166,64,.55),inset 0 -1px 0 rgba(255,140,30,.75),0 6px 16px -4px rgba(255,110,0,.30) !important}
html body #voted-ticker::before,html body #voted-ticker::after{content:"";position:absolute;top:1px;bottom:1px;width:22px;z-index:2;pointer-events:none}
html body #voted-ticker::before{left:0;background:linear-gradient(90deg,#140800,rgba(20,8,0,0))}
html body #voted-ticker::after{right:0;background:linear-gradient(270deg,#140800,rgba(20,8,0,0))}
html body #voted-track{animation:votedScroll 46s linear infinite !important;gap:0 !important}
html body #voted-ticker .vt-group{display:flex;align-items:center;flex-shrink:0}
html body #voted-ticker.vt-people #voted-track{animation-duration:140s !important} /* same reading speed as the shorter list */
html body #voted-ticker .vt-name{font-family:'Poppins',sans-serif !important;text-shadow:none !important;transition:color .2s,text-shadow .2s;background:linear-gradient(180deg,#FFF0B8 0%,#FFD25C 48%,#F0A12E 100%);-webkit-background-clip:text;background-clip:text;
  color:transparent !important;-webkit-text-fill-color:transparent;font-weight:700 !important;font-size:13px !important;letter-spacing:.35px;filter:drop-shadow(0 0 3px rgba(255,170,40,.28))}
html body #voted-ticker .vt-name:hover{color:#FFB65C !important;filter:drop-shadow(0 0 6px rgba(255,190,60,.6))}
html body #voted-ticker .vt-name.nf-copied{color:#FFECD3 !important;text-shadow:0 0 10px rgba(255,156,28,.75) !important;-webkit-text-fill-color:#FFF4D6;filter:drop-shadow(0 0 8px rgba(255,170,40,.85))}
html body #voted-ticker .vt-sep{display:inline-flex;align-items:center;justify-content:center;padding:0 !important;margin:0 14px;font-size:0 !important}
html body #voted-ticker .vt-sep::before{content:"";width:7px;height:7px;border:1.5px solid #F4C15A;transform:rotate(45deg);box-shadow:0 0 5px rgba(255,180,60,.45)}
html body #voted-ticker .vt-sep-star{font-size:12px !important;color:#F4C15A !important;text-shadow:0 0 6px rgba(255,180,60,.6)}
html body #voted-ticker .vt-sep-star::before{content:none}
html body #voted-ticker .vt-person{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
html body #voted-ticker .vt-flag{font-size:14px;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
html body #voted-ticker .vt-origin{font:600 10px/1 'Poppins',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#FFB45C;border:1px solid rgba(255,170,70,.45);border-radius:999px;padding:3px 7px;background:rgba(255,140,30,.10)}
@media (prefers-reduced-motion:reduce){html body #voted-track{animation-duration:140s !important}}

html body,html body #app,html body main#app{padding-top:86px !important}
/* S22: in-page anchors land 10px below the fixed header + ticker (86px mobile / 92px desktop) on every page */
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (min-width:900px){html{scroll-padding-top:102px}}
html body.nf-in .art-content :is(h2,h3){scroll-margin-top:0}
html body #app,html body main#app{padding-top:0 !important}
@media (min-width:900px){html body header.global-nav{height:56px !important;padding:0 28px 0 18px !important}html body header.global-nav #hbg.nav-burger,html body header.global-nav .nav-links .nav-btn{height:56px !important}html body header.global-nav .nav-logo img{height:36px !important}html body #voted-ticker{top:56px !important;height:36px !important}html body,html body #app,html body main#app{padding-top:92px !important}html body #app,html body main#app{padding-top:0 !important}}
.nf-tick-toast{position:fixed;left:50%;bottom:76px;transform:translate(-50%,8px);z-index:100001;background:#160900;color:#FFECD3;border:1px solid rgba(255,156,28,.55);font:600 13px/1 'Poppins',sans-serif;padding:9px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(22,9,0,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.nf-tick-toast.show{opacity:1;transform:translate(-50%,0)}
html body.nf-home{background:#FDF9F3 url("/images/home/hero-bg-mobile.webp") no-repeat center top/100% auto !important}
@media (min-width:700px){html body.nf-home{background-image:url("/images/home/hero-bg-desktop.webp") !important;background-size:100% auto !important}}
@media (min-width:1700px){html body.nf-home{background-size:1700px auto !important}}
.nf-home .nf-intro{max-width:640px;margin:10px auto 18px;text-align:center;font-family:'Poppins',sans-serif;font-size:clamp(15px,3.9vw,19px);font-weight:500;line-height:1.5;color:#2B3650}
.nf-home .nf-intro .nf-hl{font-weight:700;-webkit-background-clip:text;}
.nf-home .gen-row{max-width:760px !important;gap:14px !important}
.nf-home #ni{height:60px !important;min-height:60px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316213A' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.2' r='3.9'/%3E%3Cpath d='M4.5 20.2c1.3-3.7 4.3-5.4 7.5-5.4s6.2 1.7 7.5 5.4'/%3E%3C/svg%3E") no-repeat 18px 50%/24px 24px !important;border:1px solid rgba(255,138,31,.25) !important;border-radius:18px !important;box-shadow:0 10px 30px rgba(190,90,10,.10),0 1px 2px rgba(16,24,40,.04) !important;padding:0 18px 0 56px !important;font-family:'Poppins',sans-serif !important;font-size:16px !important;font-weight:500;color:#16213A !important}
.nf-home #ni::placeholder{color:#9AA3B5}
.nf-home #ni:focus{outline:none;border-color:#FFA94D !important;box-shadow:0 0 0 4px rgba(255,138,31,.18),0 10px 30px rgba(190,90,10,.12) !important}
.nf-home #gb{height:58px !important;border-radius:22px !important;background:linear-gradient(180deg,#FF9A3C 0%,#FF7410 45%,#FF5A00 100%) !important;color:#FFFFFF !important;font-family:'Poppins',sans-serif !important;font-size:19px !important;font-weight:600 !important;letter-spacing:.2px !important;text-transform:none;gap:10px;border:2px solid rgba(255,214,170,.85) !important;box-shadow:0 10px 26px rgba(255,100,0,.32),inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 8px rgba(190,60,0,.25) !important;text-shadow:0 1px 2px rgba(150,50,0,.35)}
.nf-home #gb svg{width:20px !important;height:20px !important;margin-right:4px !important;filter:drop-shadow(0 1px 1px rgba(150,50,0,.35))}
.nf-home #gb:hover{filter:brightness(1.05);transform:translateY(-1px)}
.nf-home #gb:active{transform:translateY(1px) scale(.99)}
.nf-home #gb.gen-active,.nf-home #gb.gen-flash{background:linear-gradient(180deg,#FFB25C 0%,#FF8A1F 100%) !important;color:#FFFFFF !important}
@media (min-width:481px){.nf-home #gb{width:220px !important;padding:0 26px !important}}
.nf-home .nf-cats{max-width:760px;gap:8px;margin:6px auto 12px;perspective:600px}
.nf-home .nf-cat{flex-direction:column !important;height:auto;min-height:88px !important;padding:12px 4px 10px !important;gap:8px !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:'Poppins',sans-serif;font-size:12.5px !important;font-weight:600;color:#16213A;line-height:1.15;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s,background .25s}
.nf-home .nf-cat .nf-cat-lbl{white-space:nowrap}
.nf-home .nf-cat .nf-cat-chev{display:none !important}
.nf-tile{position:relative;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#FFFFFF;flex-shrink:0;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
  box-shadow:0 8px 16px var(--nf-tile-glow),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,0,.18)}
.nf-tile::before{content:"";position:absolute;inset:2px 2px 50% 2px;border-radius:12px 12px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.nf-tile::after{content:"";position:absolute;left:6px;right:6px;bottom:-6px;height:10px;border-radius:50%;background:var(--nf-tile-glow);filter:blur(6px);opacity:.55;z-index:-1}
.nf-tile .nf-cat-ic{position:relative;width:24px;height:24px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))}
.nf-tile .nf-cat-ic [stroke]:not([stroke="none"]){stroke:#FFFFFF}
.nf-tile .nf-cat-ic [fill]:not([fill="none"]){fill:#FFFFFF}

.nf-home .nf-cat:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(190,90,10,.16)}
.nf-home .nf-cat:hover .nf-tile{transform:rotateX(14deg) rotateY(-10deg) translateZ(6px) scale(1.06)}
.nf-home .nf-cat:active .nf-tile{transform:scale(.94)}

.nf-home .nf-cat.on .nf-tile{transform:translateY(-2px) scale(1.04)}
@media (max-width:360px){.nf-home .nf-cats{gap:6px}.nf-home .nf-cat{min-height:80px !important;font-size:11.5px !important}.nf-tile{width:40px;height:40px;border-radius:12px}.nf-tile .nf-cat-ic{width:22px;height:22px}}
@media (min-width:561px){.nf-home .nf-cats{gap:14px}.nf-home .nf-cat[aria-expanded] .nf-cat-chev{display:inline-block !important;position:static !important;opacity:1 !important;width:12px;height:12px;margin-left:auto;color:#B84A00}}
@media (prefers-reduced-motion:reduce){.nf-home .nf-cat,.nf-tile{transition:none}.nf-home .nf-cat:hover .nf-tile{transform:none}}
.nf-home .nf-sub{max-width:760px;margin-left:auto;margin-right:auto}
.nf-home .nf-sub.open{margin:0 auto 10px}
.nf-home .nf-sub-inner{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 10px 28px rgba(190,90,10,.10)}
.nf-home .nf-sub.open .nf-sub-inner{padding:14px 12px}
.nf-home .nf-sub .tab-wrap{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:8px !important;margin:0 !important;padding:0 !important}
.nf-home .nf-sub .ptab{width:calc((100% - 16px) / 3);height:44px;padding:0 6px !important;box-sizing:border-box;justify-content:center;gap:7px !important;border-radius:14px !important;border:1px solid #F0E2D2 !important;background:#FFFFFF !important;color:#16213A !important;font-family:'Poppins',sans-serif !important;font-size:12.5px !important;font-weight:600 !important;letter-spacing:0 !important;white-space:nowrap;box-shadow:0 2px 6px rgba(16,24,40,.04) !important}
.nf-home .nf-sub .ptab .nf-ic{width:17px !important;height:17px !important}
.nf-home .nf-sub .ptab.on{background:linear-gradient(180deg,#FFF6EC,#FFE8D2) !important;border:1.5px solid #FFA94D !important;box-shadow:0 4px 12px rgba(255,138,31,.18) !important}
.nf-home .nf-sub #mode-row{margin:12px 0 0 !important;padding-top:12px !important;border-top:1px solid #F3E6D8;gap:6px !important;justify-content:center;flex-wrap:wrap}
.nf-home .nf-sub #mode-row .mb{height:33px;padding:0 12px !important;border-radius:999px !important;border:1px solid #F0E2D2 !important;background:#FFFFFF !important;color:#3B3F4E !important;font-family:'Poppins',sans-serif !important;font-size:12px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;gap:5px !important;box-shadow:none !important}
.nf-home .nf-sub #mode-row .mb .nf-ic{width:13px !important;height:13px !important}
.nf-home .nf-sub #mode-row .mb:hover{border-color:#FFA94D !important}
.nf-home .nf-sub #mode-row .mb.on{background:linear-gradient(180deg,#FF9A3C,#FF6A00) !important;border-color:#FF6A00 !important;color:#FFFFFF !important;text-shadow:0 1px 1px rgba(150,50,0,.3);box-shadow:0 4px 12px rgba(255,100,0,.25) !important}
.nf-home .nf-sub #mode-row .mb.on .nf-ic{color:#FFFFFF !important}
.nf-home .nf-sub #length-row{margin:12px 0 0 !important;flex-direction:column !important;align-items:center !important;gap:6px !important}
.nf-home .nf-sub #length-row>span{font-family:'Poppins',sans-serif !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:1.2px;text-transform:uppercase;color:#6B625C !important}
.nf-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;width:100%;max-width:420px;box-sizing:border-box;background:#FFF1E4;border:1px solid #F3E2CF;border-radius:12px}
.nf-home .nf-seg .len-btn{height:32px;border:0 !important;border-radius:9px !important;background:transparent !important;color:#6B625C !important;font-family:'Poppins',sans-serif !important;font-size:12.5px !important;font-weight:600 !important;padding:0 !important;justify-content:center;box-shadow:none !important}
.nf-home .nf-seg .len-btn.on{background:#FFFFFF !important;color:#C24E00 !important;box-shadow:0 1px 4px rgba(16,24,40,.10) !important}
@media (min-width:561px){.nf-home .nf-sub.open .nf-sub-inner{padding:18px 20px}.nf-home .nf-sub .ptab{width:auto;padding:0 18px !important;font-size:14px !important;gap:9px !important}.nf-home .nf-sub #mode-row .mb{height:34px;font-size:12.5px !important}.nf-home .nf-sub #length-row{flex-direction:row !important;justify-content:center !important;gap:12px !important}.nf-seg{width:auto;display:flex}.nf-home .nf-seg .len-btn{padding:0 16px !important;height:30px}}
@media (max-width:360px){.nf-home .nf-sub .ptab{font-size:11px !important;gap:4px !important;padding:0 3px !important}.nf-home .nf-sub .ptab .nf-ic{width:14px !important;height:14px !important}}
@media (max-width:899px){html body header.global-nav{padding:0 12px 0 6px !important;gap:0 !important}html body header.global-nav #hbg.nav-burger{width:36px !important}html body header.global-nav #hbg.nav-burger span{width:19px !important;height:2.2px !important}html body header.global-nav .nav-links{gap:0 !important}html body header.global-nav .nav-links .nav-btn{font-size:10px !important;padding:0 4px !important;letter-spacing:0 !important;font-weight:600 !important}html body header.global-nav .nav-logo img{height:30px !important}}
@media (max-width:380px){html body header.global-nav .nav-links .nav-btn{font-size:9.4px !important;padding:0 3px !important}html body header.global-nav .nav-logo img{height:30px !important}}
@media (max-width:360px){html body header.global-nav .nav-logo img{height:26px !important}}
@media (max-width:340px){html body header.global-nav .nav-links .nav-btn{font-size:8.4px !important;padding:0 2.5px !important}html body header.global-nav #hbg.nav-burger{width:30px !important}html body header.global-nav .nav-logo img{height:26px !important}}
@media (min-width:600px) and (max-width:899px){html body header.global-nav .nav-links .nav-btn{font-size:12px !important;padding:0 8px !important}}
.nf-home .nf-intro{position:relative;padding:10px 12px;border-radius:24px;background:radial-gradient(closest-side,rgba(255,251,246,.92) 0%,rgba(255,251,246,.78) 60%,rgba(255,251,246,0) 100%)}
@media (min-width:561px){.nf-home .nf-cat{flex-direction:row !important;min-height:64px !important;justify-content:flex-start;gap:10px !important;padding:10px 12px !important;font-size:14px !important}.nf-home .nf-cat .nf-tile{width:40px;height:40px;border-radius:13px}.nf-home .nf-cat .nf-tile .nf-cat-ic{width:22px;height:22px}.nf-home .nf-cat .nf-cat-lbl{min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media (min-width:900px){.nf-home .gen-row,.nf-home .nf-cats,.nf-home .nf-sub{max-width:840px !important}.nf-home .nf-cats{gap:12px}.nf-home .nf-cat{font-size:14px !important;gap:9px !important}.nf-home .nf-cat[aria-expanded] .nf-cat-chev{margin-left:2px}}
@media (min-width:561px) and (max-width:899px){.nf-home .nf-cat{flex-direction:column !important;justify-content:center !important;min-height:96px !important;padding:12px 6px !important;gap:8px !important;font-size:14px !important}.nf-home .nf-cat[aria-expanded] .nf-cat-chev{display:none !important}}
.nf-home #prev-lab .pl-lbl{color:#FFDD00 !important;font-family:'Poppins',sans-serif !important;font-weight:700 !important;letter-spacing:2px !important;gap:7px !important}
.nf-home #prev-lab .pl-lbl .nf-pl-flask{color:#FFDD00 !important;width:16px;height:16px}
.nfc-stack{--ink:#0F1B3D;--or:#FF6A00;--or2:#FF5A00;--or-d:#D9480F;--mut:#5B6170;--cardbd:rgba(255,140,40,.30);
  display:flex;flex-direction:column;gap:22px;margin:18px auto 8px;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;color:var(--ink)}
.nfc-stack *,.nfc-stack *::before,.nfc-stack *::after{box-sizing:border-box}
.nfc-seo{display:flex;flex-direction:column;gap:22px}
.nfc{position:relative;min-width:0;padding:14px;border-radius:26px;background:linear-gradient(180deg,rgba(255,251,246,.94) 0%,rgba(255,243,231,.94) 100%);border:1px solid rgba(255,150,60,.22);
  box-shadow:0 22px 44px -22px rgba(255,110,0,.30),0 2px 8px rgba(255,120,20,.06),inset 0 1px 0 rgba(255,255,255,.9)}
.nfc-hd{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 12px 12px 16px;margin:0 0 14px;border-radius:20px;background:linear-gradient(180deg,#FFF7EE 0%,#FFE9D5 100%);
  border:1px solid rgba(255,140,40,.38);box-shadow:0 10px 22px -12px rgba(255,110,0,.40),inset 0 1px 0 #fff}
.nfc-hd-plain{background:none;border:0;box-shadow:none;padding:6px 4px;min-height:0;flex-wrap:wrap}
.nfc-hd-lg{padding:16px}
.nfc-bar{display:flex;align-items:center;justify-content:center;width:8px;flex-shrink:0;align-self:stretch}
.nfc-bar svg{width:40px !important;height:40px !important;max-height:100%;flex-shrink:0}
.nfc-hd-lg .nfc-bar svg{width:56px !important;height:56px !important}
.nfc-tt{flex:1 1 auto;min-width:0}
.nfc-title{margin:0;font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(22px,5.6vw,32px);line-height:1.15;letter-spacing:-.4px;color:var(--ink)}
.nfc-sub{margin:4px 0 0;font-family:'Poppins',sans-serif;font-size:clamp(13px,3.4vw,16px);font-weight:500;line-height:1.45;color:#E2590B}
.nfc-sub-muted{color:#6B7280;font-weight:400}
.nfc-ic{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.nfc-ic svg{width:34px;height:34px}
.nfc-ic-idea svg{filter:drop-shadow(0 3px 4px rgba(255,180,0,.35))}
.nfc-ic-sparks svg{filter:drop-shadow(0 3px 4px rgba(255,150,20,.35))}
.nfc-tile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;border-radius:16px;background:linear-gradient(180deg,#FFF5EA 0%,#FFE6D0 100%);
  border:1px solid rgba(255,150,60,.25);box-shadow:0 8px 16px -8px rgba(255,110,0,.35),inset 0 1px 0 #fff}
.nfc-tile svg{width:26px;height:26px}
.nfc-tile-lg{width:72px;height:72px;border-radius:20px}
.nfc-tile-lg svg{width:36px;height:36px}
.nfc-ic-tile svg{width:30px;height:30px}
.nfc-regen{margin-left:auto;flex-shrink:0;width:54px;height:54px;padding:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:#FFFFFF;border:1px solid rgba(255,140,40,.22);box-shadow:0 10px 20px -8px rgba(255,100,0,.40),inset 0 -2px 0 rgba(255,140,40,.10);transition:transform .15s,box-shadow .15s}
.nfc-regen:hover{transform:translateY(-1px);box-shadow:0 14px 24px -8px rgba(255,100,0,.45)}
.nfc-regen:active{transform:scale(.96)}
.nfc-regen:focus-visible,.nfc-more:focus-visible,.nf-cp:focus-visible,.nfc-pill:focus-visible{outline:3px solid rgba(255,106,0,.45);outline-offset:2px}
.nfc-regen-ic{display:inline-flex;line-height:0}
.nfc-regen-ic svg{width:28px;height:28px}
html body .nfc-regen .btn-refresh-right,html body .nfc-regen .btn-refresh-1{width:auto !important;height:auto !important;border:0 !important;background:none !important;border-radius:0 !important;padding:0 !important;transform:none;display:inline-flex !important;vertical-align:middle}
html body .nfc-regen .btn-refresh-right::after,html body .nfc-regen .btn-refresh-1::after{display:none !important;content:none !important}
@keyframes nfspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
html body .nfc-regen.nf-spin .nfc-regen-ic,html body .nfc-regen .nfc-regen-ic.spinning{animation:nfspin .6s cubic-bezier(.4,0,.2,1) !important}
html body .nfc-stack .nfc-grid-names{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex-direction:initial;min-height:0;content-visibility:visible;contain-intrinsic-size:none;margin:0}
html body .nfc-stack .nfc-grid-names .nc,html body .nfc-stack .nfc-grid-names .ii-card{position:relative;display:flex !important;align-items:center;justify-content:center;min-height:56px;margin:0 !important;padding:10px 42px 10px 12px !important;
  border-radius:16px;background:linear-gradient(180deg,#FFFAF5 0%,#FFF0E2 100%) !important;border:1px solid var(--cardbd) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important;cursor:pointer;overflow:hidden !important;gap:0 !important;transition:transform .15s,box-shadow .15s,border-color .15s;animation:none}
html body .nfc-stack .nfc-grid-names .nc:hover,html body .nfc-stack .nfc-grid-names .ii-card:hover{transform:translateY(-1px);border-color:rgba(255,106,0,.55) !important}
html body .nfc-stack .nfc-grid-names .nc.selected{border-color:#FF6A00 !important;box-shadow:0 0 0 2px rgba(255,106,0,.22),0 8px 16px -10px rgba(255,110,0,.45) !important}
html body .nfc-stack .nfc-grid-names .nt,html body .nfc-stack .nfc-grid-names .ii-name{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans','Noto Sans Symbols 2',sans-serif !important;font-size:15.5px !important;font-weight:600 !important;color:#141A2E !important;letter-spacing:0 !important;text-shadow:none !important;background:none !important;-webkit-text-fill-color:#141A2E}
.nfc-empty,html body .nfc-stack .no-res{grid-column:1/-1;padding:18px;text-align:center;font:500 14px 'Poppins',sans-serif;color:#6B7280}
.nf-cp{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:#FF6A00;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}
.nf-cp svg{width:20px;height:20px;filter:drop-shadow(0 2px 3px rgba(255,106,0,.25))}
.nf-cp:hover{background:rgba(255,106,0,.10)}
.nf-cp.done{color:#16A34A}
.nfc-results::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(120% 90% at 50% 40%,rgba(187,247,208,.85) 0%,rgba(134,239,172,.55) 55%,rgba(134,239,172,.25) 100%);box-shadow:0 0 0 2px rgba(74,222,128,.45),0 0 34px rgba(74,222,128,.35)}
.nfc-results.nf-flash::after{animation:nfGreen 1.15s ease-out}
@keyframes nfGreen{0%{opacity:.9}20%{opacity:.75}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.nfc-results.nf-flash::after{animation-duration:.6s}html body .nfc-regen.nf-spin .nfc-regen-ic{animation:none !important}}
html body .nfc-ideas .ii-filter-row{display:block;margin:0 0 14px;padding:0}
html body .nfc-ideas .ii-tabs{display:flex !important;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 4px;-webkit-overflow-scrolling:touch}
html body .nfc-ideas .ii-tabs::-webkit-scrollbar{display:none}
html body .nfc-ideas .ii-tab{flex:0 0 auto;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;height:42px;min-width:0;padding:0 18px !important;border-radius:999px !important;
  border:1.5px solid #E9E1D8 !important;background:linear-gradient(180deg,#FBF8F5,#F3EEE8) !important;color:#3B3F4E !important;font-family:'Poppins',sans-serif !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.2px !important;text-transform:uppercase;box-shadow:inset 0 1px 0 #fff !important;cursor:pointer;white-space:nowrap}
html body .nfc-ideas .ii-tab .nf-ic{width:18px !important;height:18px !important}
html body .nfc-ideas .ii-tab.on,html body .nfc-ideas .ii-tab.ii-mood-on{border:2px solid #FF6A00 !important;color:#FF5A00 !important;background:#FFF5EC !important;box-shadow:0 0 0 3px rgba(255,106,0,.10),0 6px 14px -8px rgba(255,106,0,.45) !important}
.nfc-search{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px;margin:0 0 14px;border-radius:999px;background:#FFF9F3;border:1.5px solid rgba(255,140,40,.38);box-shadow:inset 0 1px 2px rgba(255,120,20,.08);cursor:text}
.nfc-search:focus-within{border-color:#FF8A1F;box-shadow:0 0 0 4px rgba(255,138,31,.15)}
.nfc-search .nfc-search-ic{width:22px;height:22px;flex-shrink:0}
html body .nfc-search input{flex:1 1 auto;min-width:0;width:auto !important;height:100% !important;padding:0 !important;margin:0 !important;border:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;
  font-family:'Poppins',sans-serif !important;font-size:15.5px !important;font-weight:500 !important;color:#141A2E !important}
html body .nfc-search input::placeholder{color:#8A8F9C !important;font-family:'Poppins',sans-serif !important;font-size:15px !important}
html body .nfc-stack .nfc-grid-styles{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;flex-direction:initial}
html body .nfc-stack .nfc-grid-styles.nf-collapsed>.lfsp-slot:nth-child(n+15){display:none !important}
html body .nfc-stack .nfc-grid-styles.nf-flash>.lfsp-slot{animation:nfFadeIn .5s ease-out}
@keyframes nfFadeIn{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
html body .nfc-stack .lfsp-slot{position:relative;display:flex;align-items:center;min-height:60px;margin:0;padding:9px 44px 9px 14px !important;border-radius:15px !important;background:linear-gradient(180deg,#FFFAF5 0%,#FFF0E2 100%) !important;
  border:1px solid var(--cardbd) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important;cursor:pointer;transition:transform .15s,border-color .15s}
html body .nfc-stack .lfsp-slot:hover{transform:translateY(-1px);border-color:rgba(255,106,0,.55) !important}
html body .nfc-stack .lfsp-slot-inner{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .nfc-stack .lfsp-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px !important;font-weight:700 !important;color:#141A2E !important;line-height:1.2}
html body .nfc-stack .lfsp-tag{font-family:'Poppins',sans-serif !important;font-size:9.5px !important;font-weight:700 !important;letter-spacing:1.9px !important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nfc-more{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:360px;height:50px;margin:14px auto 0;padding:0 24px;border-radius:999px;cursor:pointer;border:1.5px solid rgba(255,106,0,.45);font:700 15px 'Poppins',sans-serif;}
.nfc-more svg{width:20px;height:20px}
.nfc-more[aria-expanded="true"] svg{transform:scaleX(-1)}
html body .nfc-symbols #cultural-batches-panel{margin:0;padding:0;background:none;border:0}
html body .nfc-symbols #cb-filter-row{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;justify-content:flex-start}
html body .nfc-symbols .cb-filter-btn{width:48px;height:48px;min-width:0;padding:0;border-radius:50% !important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(180deg,#FFFAF5,#FFEFE2) !important;border:1.5px solid #EFE2D4 !important;color:#1F2433 !important;font-size:20px !important;line-height:1;box-shadow:0 4px 10px -6px rgba(255,110,0,.35),inset 0 1px 0 #fff !important;transition:transform .15s}
html body .nfc-symbols .cb-filter-btn:hover{transform:translateY(-1px)}
html body .nfc-symbols .cb-filter-btn.on{border:2px solid #FF6A00 !important;color:#FF5A00 !important;background:#FFFFFF !important;box-shadow:0 0 0 3px rgba(255,106,0,.12),0 6px 12px -6px rgba(255,106,0,.5) !important}
html body .nfc-symbols .batch-header{display:flex !important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:14px 18px !important;border-radius:16px;cursor:pointer;
  background:linear-gradient(180deg,#FFF6EC,#FFEBDA) !important;border:1px solid rgba(255,140,40,.30) !important;color:#C2410C !important;font:700 17px 'Poppins',sans-serif !important;box-shadow:inset 0 1px 0 #fff}
html body .nfc-symbols .batch-header .cb-range{color:#C2410C;opacity:.8;font-size:14px;font-weight:500}
html body .nfc-symbols .batch-header .arrow-indicator{color:#E8590C !important;font-size:14px}
html body .nfc-symbols .symbols-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;margin:0;border:0 !important;border-radius:0;overflow:visible}
html body .nfc-symbols .symbols-grid.grid-collapsed{display:none !important}
html body .nfc-symbols .symbol-cell{aspect-ratio:1/1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:14px !important;cursor:pointer;
  background:linear-gradient(180deg,#FFF8F1,#FFEBD9) !important;border:1px solid rgba(255,140,40,.22) !important;box-shadow:0 6px 12px -8px rgba(255,110,0,.45),inset 0 1px 0 #fff;font-size:22px !important;color:#111 !important;transition:transform .12s}
html body .nfc-symbols .symbol-cell:hover{transform:translateY(-1px);border-color:rgba(255,106,0,.5) !important}
html body .nfc-stack .nfc-grid-list{display:grid !important;grid-template-columns:1fr;gap:10px;margin:0}
html body .nfc-stack .nfc-grid-list .seo-item{position:relative;display:flex !important;align-items:center;gap:10px;min-height:56px;margin:0;padding:10px 12px 10px 16px !important;border-radius:16px !important;cursor:pointer;
  background:linear-gradient(180deg,#FFFAF5 0%,#FFF0E2 100%) !important;border:1px solid var(--cardbd) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important;transition:transform .15s,border-color .15s}
html body .nfc-stack .nfc-grid-list .seo-item:hover{transform:translateY(-1px);border-color:rgba(255,106,0,.55) !important}
html body .nfc-stack .seo-item .seo-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif !important;font-size:15.5px !important;font-weight:600 !important;color:#141A2E !important;letter-spacing:0 !important}
html body .nfc-stack .seo-item .seo-tag{flex-shrink:0;margin-left:auto;padding:6px 12px !important;border-radius:10px !important;background:#FFE9D6 !important;border:0 !important;color:#F26B00 !important;font:700 12px/1 'Poppins',sans-serif !important;letter-spacing:.3px !important}
html body .nfc-stack .seo-item .uni-controls{display:none !important}
html body .nfc-rare .nfc-grid-rare{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;margin:0}
html body .nfc-rare .sym-cell{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:86px;padding:10px 4px !important;border-radius:15px !important;cursor:pointer;text-align:center;
  background:linear-gradient(180deg,#FFFAF5,#FFEFE0) !important;border:1px solid rgba(255,140,40,.25) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important;font-size:22px !important;color:#111 !important;line-height:1.1;overflow:hidden;transition:transform .15s}
html body .nfc-rare .sym-cell:hover{transform:translateY(-1px);border-color:rgba(255,106,0,.5) !important}
html body .nfc-rare .sym-lbl{display:block;font:500 11.5px/1.2 'Poppins',sans-serif !important;color:#5B4636 !important;letter-spacing:0 !important;text-transform:none !important;opacity:1 !important}
.nfc-inspector{margin-top:16px;padding:16px;border-radius:20px;background:linear-gradient(180deg,#FFFAF5,#FFF2E6);border:1px solid rgba(255,140,40,.25);box-shadow:inset 0 1px 0 #fff}
.nfc-inspector-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.nfc-inspector-t{font:800 16px 'Poppins',sans-serif;color:var(--ink)}
.nfc-inspector-p{margin:0 0 12px;font:400 13.5px/1.55 'Poppins',sans-serif;color:#6B7280}
.nfc-inspector .nfc-search{margin:0}
#uci-output{margin-top:10px;min-height:16px;font:500 13px/1.5 'Poppins',sans-serif;color:#5B6170;word-break:break-all}
.nfc-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#FFF6EC,#FFE7D2);border:1.5px solid rgba(255,106,0,.40);
  color:#E8590C !important;font:700 13.5px/1.1 'Poppins',sans-serif;text-decoration:none !important;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(255,100,0,.45),inset 0 1px 0 #fff}
.nfc-pill:hover{background:#FFE3CA}
.nfc-pill-lg{margin-left:auto;padding:12px 22px;font-size:15px}
.nfc-step-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative}
.nfc-step-list::before{content:"";position:absolute;left:21px;top:34px;bottom:34px;border-left:2px dashed rgba(255,106,0,.45);z-index:0}
.nfc-step{position:relative;z-index:1;display:flex;align-items:center;gap:14px;margin-left:22px;padding:18px 16px 18px 34px;border-radius:20px;background:linear-gradient(180deg,#FFFBF7,#FFF2E6);
  border:1px solid rgba(255,140,40,.22);box-shadow:0 12px 24px -16px rgba(255,110,0,.45),inset 0 1px 0 #fff}
.nfc-step-num{position:absolute;left:-22px;top:16px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 20px 'Poppins',sans-serif;color:#fff;
  background:radial-gradient(circle at 35% 30%,#FFB061 0%,#FF7A1A 45%,#F05200 100%);box-shadow:0 0 0 4px #FFF4EA,0 8px 16px -4px rgba(255,90,0,.55);text-shadow:0 1px 2px rgba(150,50,0,.35)}
.nfc-vbar{flex-shrink:0;align-self:stretch;width:3px;min-height:44px;border-radius:3px;background:linear-gradient(180deg,#FF7A1A,#FF5A00)}
.nfc-vbar-soft{width:2px;background:rgba(255,106,0,.35)}
.nfc-step-tx{flex:1 1 auto;min-width:0}
.nfc-step-tx h3{margin:0 0 4px;font:800 clamp(16.5px,4.3vw,20px)/1.25 'Poppins',sans-serif;color:var(--ink)}
.nfc-step-tx p{margin:0;font:400 14.5px/1.65 'Poppins',sans-serif;color:var(--mut)}
html body .nfc-stack a.inline-cta{display:inline;padding:0;margin:0;border-radius:0;background:none !important;border:0 !important;box-shadow:none;white-space:normal;
  color:#C2410C !important;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:600;
  text-decoration:underline !important;text-underline-offset:3px}
html body .nfc-stack a.inline-cta:hover{background:none !important;color:#9A3412 !important;text-decoration-color:currentColor}
html body .nfc-stack a.inline-cta:focus-visible{outline:2px solid rgba(255,106,0,.55);outline-offset:2px;border-radius:2px}
.nfc-note{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#FFFBF7,#FFF0E2);border:1px solid rgba(255,140,40,.22);box-shadow:0 12px 24px -16px rgba(255,110,0,.40)}
.nfc-note>svg{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 3px 5px rgba(255,140,0,.4))}
.nfc-note p{margin:0;font:400 14.5px/1.65 'Poppins',sans-serif;color:var(--mut)}
.nfc-num{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFEBDC,#FFDCC4);color:#F26B00;font:800 16px 'Poppins',sans-serif;box-shadow:inset 0 1px 0 #fff}

.nfc-guides .nfc-tile{width:64px;height:64px;border-radius:18px}
.nfc-guides .nfc-tile svg{width:32px;height:32px}
.nfc-guide-grid{display:grid;grid-template-columns:1fr;gap:18px}
a.nfc-guide{display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;text-decoration:none !important;color:inherit;background:#FFFCF9;border:1px solid rgba(255,140,40,.28);
  box-shadow:0 18px 32px -20px rgba(255,110,0,.45),inset 0 1px 0 #fff;transition:transform .2s,box-shadow .2s}
a.nfc-guide:hover{transform:translateY(-2px);box-shadow:0 22px 38px -20px rgba(255,110,0,.55)}
.nfc-guide-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#FFE9D6;border-bottom:2px solid rgba(255,140,40,.45)}
.nfc-guide-img img{display:block;width:100%;height:100%;object-fit:cover}
.nfc-guide-cat{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,249,243,.96);border:1.5px solid rgba(255,140,40,.55);
  color:#E8590C;font:700 12px 'Poppins',sans-serif;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 6px 14px -6px rgba(0,0,0,.25)}
.nfc-guide-cat svg{width:26px !important;height:26px !important;padding:5px;border-radius:50%;background:#FFE6D2}
.nfc-guide-date{position:absolute;right:12px;top:12px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:#4B5563;font:600 12px 'Poppins',sans-serif;box-shadow:0 6px 14px -6px rgba(0,0,0,.25)}
.nfc-guide-body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:16px 18px 18px}
.nfc-guide-t{font:800 clamp(17px,4.6vw,21px)/1.25 'Poppins',sans-serif;color:var(--ink)}
.nfc-guide-d{font:400 14.5px/1.55 'Poppins',sans-serif;color:#6B7280}
.nfc-guide-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #F2E6DA}
.nfc-guide-go{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#FFF0E2;border:1px solid rgba(255,140,40,.35);color:#E8590C;font:700 18px 'Poppins',sans-serif}
html body .nfc-faq .seo-faq-item{margin:0 0 12px !important;border-radius:20px !important;overflow:hidden;background:linear-gradient(180deg,#FFFBF7,#FFF3E8) !important;border:1px solid rgba(255,140,40,.22) !important;box-shadow:0 12px 24px -16px rgba(255,110,0,.45),inset 0 1px 0 #fff !important}
html body .nfc-faq .seo-faq-item:last-child{margin-bottom:0 !important}
html body .nfc-faq .seo-faq-item.open{border-color:rgba(255,106,0,.45) !important}
html body .nfc-faq .seo-faq-q{display:flex !important;align-items:center;gap:12px;width:100%;margin:0;padding:14px !important;border:0 !important;background:transparent !important;cursor:pointer;text-align:left;
  font:700 clamp(14.5px,3.9vw,17px)/1.35 'Poppins',sans-serif !important;color:var(--ink) !important}
html body .nfc-faq .seo-faq-q>span[data-seo-i18n]{flex:1 1 auto;min-width:0}
html body .nfc-faq .seo-faq-q .nfc-num{border-radius:14px;width:50px;height:50px;font-size:17px}
html body .nfc-faq .seo-faq-q .nfc-vbar{align-self:center;height:34px;min-height:0}
html body .nfc-faq .seo-faq-q .nfc-tile{width:54px;height:54px}
html body .nfc-faq .seo-faq-chevron{position:relative;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#FFF0E3,#FFE3CC);transform:none !important;font-size:0 !important}
html body .nfc-faq .seo-faq-chevron::before{content:"";position:absolute;left:50%;top:44%;width:9px;height:9px;border-right:2.5px solid #E8590C;border-bottom:2.5px solid #E8590C;transform:translate(-50%,-50%) rotate(45deg);transition:transform .25s}
html body .nfc-faq .seo-faq-item.open .seo-faq-chevron::before{top:56%;transform:translate(-50%,-50%) rotate(-135deg)}
html body .nfc-faq .seo-faq-a{padding:0 18px 18px 18px !important;background:transparent !important;font:400 14.5px/1.7 'Poppins',sans-serif !important;color:var(--mut) !important}

@media (max-width:480px){.nfc{padding:10px;border-radius:22px}.nfc-hd{min-height:68px;padding:10px 10px 10px 12px;gap:10px;border-radius:18px}.nfc-regen{width:48px;height:48px;border-radius:14px}.nfc-regen-ic svg{width:25px;height:25px}.nfc-tile{width:48px;height:48px;border-radius:14px}.nfc-tile svg{width:23px;height:23px}.nfc-tile-lg{width:58px;height:58px;border-radius:16px}.nfc-tile-lg svg{width:30px;height:30px}.nfc-step{gap:10px;padding:16px 12px 16px 30px}.nfc-step .nfc-vbar{display:none}html body .nfc-faq .seo-faq-q{gap:9px;padding:12px !important}html body .nfc-faq .seo-faq-q .nfc-vbar{display:none}html body .nfc-faq .seo-faq-q .nfc-num{width:40px;height:40px;font-size:15px;border-radius:12px}html body .nfc-faq .seo-faq-q .nfc-tile{width:44px;height:44px;border-radius:13px}html body .nfc-faq .seo-faq-q .nfc-tile svg{width:21px;height:21px}html body .nfc-faq .seo-faq-chevron{width:34px;height:34px}html body .nfc-symbols .cb-filter-btn{width:44px;height:44px;font-size:18px !important}html body .nfc-symbols .symbols-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px}html body .nfc-rare .nfc-grid-rare{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.nfc-guides .nfc-tile{width:52px;height:52px}.nfc-pill-lg{margin-left:0;padding:10px 18px;font-size:14px}}
@media (max-width:360px){html body .nfc-stack .nfc-grid-names .nt,html body .nfc-stack .nfc-grid-names .ii-name{font-size:14px !important}html body .nfc-stack .nfc-grid-names .nc,html body .nfc-stack .nfc-grid-names .ii-card{padding:9px 36px 9px 8px !important}html body .nfc-stack .lfsp-text{font-size:15px !important}.nfc-regen{width:44px;height:44px}.nfc-search{height:50px;padding:0 14px}}
@media (min-width:600px){html body .nfc-stack .nfc-grid-names{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html body .nfc-stack .nfc-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nfc-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .nfc-symbols .symbols-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}
@media (min-width:900px){.nfc-stack{gap:26px;margin-top:22px}.nfc-seo{gap:26px}.nfc{padding:18px}.nfc-hd{min-height:84px;padding:14px 16px 14px 20px}html body .nfc-stack .nfc-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nfc-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}html body .nfc-symbols .symbols-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px}html body .nfc-symbols .symbol-cell{font-size:26px !important}html body .nfc-rare .nfc-grid-rare{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.nfc-step-list{gap:16px}}
html body .nfc-results #ng>.nc:nth-child(n+21){display:none !important}
@media (min-width:600px){html body .nfc-results #ng>.nc:nth-child(n+21){display:flex !important}html body .nfc-results #ng>.nc:nth-child(n+22){display:none !important}}

.nfc-guides .nfc-tt,.nfc-faq .nfc-tt{flex:1 1 0;min-width:0}
.nfc-faq .nfc-hd-plain{position:relative;margin-bottom:16px;flex-wrap:nowrap}
.nfc-guides .nfc-hd-plain{align-items:flex-start;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.nfc-guides .nfc-hd-plain .nfc-tt{min-width:200px}
@media (max-width:599px){a.nfc-guide:nth-child(n+4){display:none}}
@media (max-width:480px){html body .nfc-stack .nfc-grid-names .nt,html body .nfc-stack .nfc-grid-names .ii-name{font-size:14px !important}html body .nfc-stack .nfc-grid-names .nc,html body .nfc-stack .nfc-grid-names .ii-card{padding:9px 34px 9px 9px !important;min-height:52px}.nf-cp{right:4px;width:28px;height:28px}.nf-cp svg{width:18px;height:18px}.nfc-faq .nfc-hd-plain .nfc-bar{display:none}.nfc-guides .nfc-hd-plain .nfc-pill-lg{margin-left:66px}}
html body .nfc-results .nfc-title .srd-label{display:inline !important;font:inherit !important;letter-spacing:inherit !important;text-transform:none !important;color:inherit !important;white-space:nowrap}
.nfc-stack{max-width:none}
html body .nfc-symbols .symbol-cell{white-space:nowrap;overflow:hidden;width:auto !important;height:auto !important}
html body .nfc-ideas #ii-grid>#sym-left-panel,html body .nfc-ideas #ii-grid>#styles-cat-grid-left{grid-column:1/-1}
html body .nfc-ideas #sym-left-panel{display:flex;flex-direction:column;gap:10px}
html body .nfc-ideas #sym-left-panel .sym-row1,html body .nfc-ideas #sym-left-panel .sym-cat-grid{display:flex !important;flex-wrap:wrap;gap:8px;grid-template-columns:none}
html body .nfc-ideas #sym-left-panel .sym-r1-refresh{display:none !important}
html body .nfc-ideas .sym-left-cat-btn{width:auto !important;display:inline-flex !important;align-items:center;gap:6px;height:38px;padding:0 14px !important;border-radius:999px !important;
  border:1.5px solid #E9E1D8 !important;background:linear-gradient(180deg,#FBF8F5,#F3EEE8) !important;color:#3B3F4E !important;font:600 12.5px 'Poppins',sans-serif !important;letter-spacing:0 !important;cursor:pointer;box-shadow:inset 0 1px 0 #fff !important}
html body .nfc-ideas .sym-left-cat-btn .scat-icon{color:#FF6A00 !important;font-size:15px}
html body .nfc-ideas .sym-left-cat-btn.on{border:2px solid #FF6A00 !important;color:#FF5A00 !important;background:#FFF5EC !important;box-shadow:0 0 0 3px rgba(255,106,0,.10) !important}
html body .nfc-ideas .sym-left-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .nfc-ideas .sym-left-card{position:relative;display:flex !important;align-items:center;justify-content:center;min-height:54px;padding:9px 38px 9px 10px !important;border-radius:16px !important;cursor:pointer;overflow:hidden;
  background:linear-gradient(180deg,#FFFAF5 0%,#FFF0E2 100%) !important;border:1px solid var(--cardbd) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important}
html body .nfc-ideas .sym-left-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 15px system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans',sans-serif !important;color:#141A2E !important}
@media (min-width:600px){html body .nfc-ideas .sym-left-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
html body .nfc-ideas #styles-cat-grid-left{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;padding:0 !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:4px !important;min-height:64px;padding:8px 4px !important;border-radius:14px !important;cursor:pointer;
  background:linear-gradient(180deg,#FFFAF5 0%,#FFF0E2 100%) !important;border:1px solid var(--cardbd) !important;box-shadow:0 8px 16px -10px rgba(255,110,0,.40),inset 0 1px 0 #fff !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat span:first-child{font-size:20px !important;color:#141A2E !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat span:last-child{font:700 10px 'Poppins',sans-serif !important;letter-spacing:.4px !important;color:#6B5A4E !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat:hover{border-color:rgba(255,106,0,.55) !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat.on{border:2px solid #FF6A00 !important;background:#FFF5EC !important;box-shadow:0 0 0 3px rgba(255,106,0,.10) !important}
html body .nfc-ideas #styles-cat-grid-left .nf-scat.on span{color:#FF5A00 !important}
@media (min-width:600px){html body .nfc-ideas #styles-cat-grid-left{grid-template-columns:repeat(7,minmax(0,1fr)) !important}}

@media (min-width:900px){html body header.global-nav .nav-links .nav-btn{padding:0 7px !important}html body header.global-nav .nav-links{gap:0 !important}}
.nf-home .nf-intro .nf-hl{background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#893900 !important;-webkit-text-fill-color:#893900 !important}
html body.nf-home #ni{border:1.5px solid #893900 !important}
html body.nf-home #ni:focus{border-color:#893900 !important;box-shadow:0 0 0 4px rgba(137,57,0,.14),0 10px 30px rgba(190,90,10,.12) !important}
.nf-home .nf-cat[data-cat="games"]{--nfk:#C86A2D;--nfk-soft:rgba(223,155,109,.16);--nf-tile-glow:rgba(200,106,45,.38)}
.nf-home .nf-cat[data-cat="social"]{--nfk:#AF1B3F;--nfk-soft:rgba(240,100,125,.14);--nf-tile-glow:rgba(175,27,63,.34)}
.nf-home .nf-cat[data-cat="symbols"]{--nfk:#473144;--nfk-soft:rgba(118,84,109,.14);--nf-tile-glow:rgba(71,49,68,.34)}
.nf-home .nf-cat[data-cat="styles"]{--nfk:#B95829;--nfk-soft:rgba(233,163,120,.18);--nf-tile-glow:rgba(185,88,41,.36)}
.nf-tile-games{--nf-tile-glow:rgba(255,110,0,.40);background:linear-gradient(145deg,#EFC69B,#DF9B6D,#C86A2D) !important}
.nf-tile-social{--nf-tile-glow:rgba(240,80,100,.38);background:linear-gradient(145deg,#F0647D,#AF1B3F,#8F1737) !important}
.nf-tile-symbols{--nf-tile-glow:rgba(255,160,20,.40);background:linear-gradient(145deg,#76546D,#473144,#342332) !important}
.nf-tile-styles{--nf-tile-glow:rgba(255,120,50,.40);background:linear-gradient(145deg,#E9A378,#DF9B6D,#B95829) !important}
.nf-home .nf-cat{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,242,.88)) !important;border:1px solid rgba(255,255,255,.95) !important;border-radius:22px !important;
  box-shadow:0 10px 24px -10px rgba(140,60,10,.22),inset 0 1px 0 #fff !important}
.nf-home .nf-cat .nf-cat-lbl{position:relative;padding-bottom:10px;color:#1C2236;font-weight:600}
.nf-home .nf-cat .nf-cat-lbl::after{content:"";position:absolute;left:50%;bottom:0;width:38px;height:4px;border-radius:4px;transform:translateX(-50%);background:var(--nfk);opacity:.85}
.nf-home .nf-cat.on{background:linear-gradient(180deg,#FFFFFF 0%,var(--nfk-soft) 100%) !important;border:1.5px solid color-mix(in srgb,var(--nfk) 35%,transparent) !important;box-shadow:0 14px 28px -12px var(--nf-tile-glow),inset 0 1px 0 #fff !important}
.nf-home .nf-tile{width:50px;height:50px;border-radius:16px}
@media (min-width:561px) and (max-width:899px){.nf-home .nf-cat .nf-tile{width:54px;height:54px}}
@media (min-width:900px){.nf-home .nf-cat .nf-cat-lbl{padding-bottom:8px}.nf-home .nf-cat .nf-cat-lbl::after{left:0;transform:none;width:30px;height:3px}}
#nfc-stack .symbol-cell,#nfc-stack .sym-cell,#nfc-stack .nc,#nfc-stack .ii-card,#nfc-stack .sym-left-card,#nfc-stack .lfsp-slot,#nfc-stack .seo-item,#nfc-stack .seo-preset-chip{position:relative}
.nf-cflash{animation:nfCopyFlash 1.1s ease-out}
@keyframes nfCopyFlash{0%{box-shadow:0 0 0 3px rgba(74,222,128,.55),inset 0 0 0 999px rgba(187,247,208,.75)}35%{box-shadow:0 0 0 3px rgba(74,222,128,.35),inset 0 0 0 999px rgba(187,247,208,.45)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0),inset 0 0 0 999px rgba(187,247,208,0)}}
.nf-ctip{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);z-index:3;pointer-events:none;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.88);
  color:#9AA0A6;font:500 9.5px/1.4 'Poppins',sans-serif !important;letter-spacing:.3px;white-space:nowrap;animation:nfTip 1.1s ease-out forwards;text-transform:none !important;-webkit-text-fill-color:#9AA0A6}
@keyframes nfTip{0%{opacity:0;transform:translate(-50%,3px)}15%{opacity:1;transform:translate(-50%,0)}75%{opacity:1}100%{opacity:0}}
body.nf-cflash-on #toast,body.nf-cflash-on .cp-toast{display:none !important}
@media (prefers-reduced-motion:reduce){.nf-cflash{animation-duration:.5s}.nf-ctip{animation-duration:.8s}}
html body .nfc-regen .nf-ic-regenerate,html body .nfc-regen .nf-ic-regenerate path{color:#009E07 !important}
html body .nfc-regen{box-shadow:0 10px 20px -10px rgba(0,120,10,.35),inset 0 -2px 0 rgba(0,158,7,.10) !important;border-color:rgba(0,158,7,.18) !important}
.nfc-ic-idea svg,.nfc-ic-sparks svg{filter:none !important}
.nfc-ic-idea svg{width:38px !important;height:38px !important;color:#FFC400 !important}
.nfc-ic-idea svg *{stroke-width:1.9}
.nfc-ic-sparks svg{width:36px !important;height:36px !important;color:#D99A00 !important}
html body .nfc-ideas .ii-tab svg{width:18px !important;height:18px !important;flex-shrink:0}
html body .nfc-ideas .ii-tab span{line-height:1}
.nfc-more{color:#473144 !important;border-color:rgba(71,49,68,.40) !important;background:linear-gradient(180deg,#FBF7FA,#F1E7EE) !important;box-shadow:0 10px 20px -12px rgba(71,49,68,.40),inset 0 1px 0 #fff !important}
.nfc-more svg,.nfc-more svg *{color:#473144 !important}
html body #foot{background:#FCF8F3 !important;border-top:1px solid rgba(255,156,27,.25);padding:34px 18px 70px !important;font-family:'Poppins',sans-serif}
html body #foot .ft-grid{display:grid !important;grid-template-columns:1fr;gap:26px;max-width:1180px;margin:0 auto}
html body #foot .ft-brand-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
html body #foot .ft-brand{font-family:'Poppins',sans-serif !important;font-size:clamp(26px,7vw,34px) !important;font-weight:800 !important;letter-spacing:.5px;line-height:1.1;
  background:linear-gradient(180deg,#E26A0E 0%,#CE5600 60%,#B04800 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;-webkit-text-fill-color:transparent;text-shadow:none !important}
html body #foot .ft-brand-bar{display:block;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,#FFB872,#FF9C1B)}
html body #foot .ft-desc{font-size:16px !important;line-height:1.6 !important;color:#5F6670 !important;max-width:420px;font-weight:400 !important}
html body #foot .ft-desc a{color:#CE5600 !important}

/* S20 footer social buttons — Normal: #FFF3A6→#FFD83D / icon #CE5600 · Hover-touch: #FFE56A→#FFBE1B / #B84300 · Active: #FF9C1B→#CE5600 / #FFF9ED + #FFDD00 ring + glow */
html body #foot .ft-social a{border-radius:50% !important;display:inline-flex !important;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#FFF3A6 0%,#FFD83D 100%) !important;border:1px solid rgba(206,86,0,.16) !important;
  box-shadow:0 5px 12px -5px rgba(232,150,0,.65),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 4px rgba(230,140,0,.18) !important;
  color:#CE5600 !important;opacity:1 !important;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}
html body #foot .ft-social a:hover,html body #foot .ft-social a:focus-visible{background:linear-gradient(180deg,#FFE56A 0%,#FFBE1B 100%) !important;color:#B84300 !important;transform:translateY(-2px);
  box-shadow:0 8px 16px -6px rgba(232,130,0,.7),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 4px rgba(220,120,0,.22) !important}
html body #foot .ft-social a:focus-visible{outline:2px solid #CE5600;outline-offset:3px}
html body #foot .ft-social a:active{background:linear-gradient(180deg,#FF9C1B 0%,#CE5600 100%) !important;color:#FFF9ED !important;transform:translateY(0) scale(.96);
  box-shadow:0 0 0 1.5px #FFDD00,0 0 14px 2px rgba(255,140,0,.55),inset 0 1px 0 rgba(255,255,255,.3) !important}

html body #foot .ft-social svg [style*="stroke"]{stroke:currentColor !important;stroke-width:2.2 !important}
html body #foot .ft-h{margin:0 0 6px !important;padding:0 0 12px !important;border-bottom:1.5px solid rgba(255,156,27,.55) !important;font-family:'Poppins',sans-serif !important;font-size:15px !important;font-weight:700 !important;
  letter-spacing:.24em !important;text-transform:uppercase;color:#FF9C1B !important;background:none !important}
html body #foot .ft-links{display:flex !important;flex-direction:column;gap:0 !important}
html body #foot .ft-links .fla{position:relative;display:flex !important;align-items:center;width:100%;min-height:48px;padding:10px 30px 10px 4px !important;margin:0 !important;background:none !important;border:0 !important;text-align:left;cursor:pointer;
  font-family:'Poppins',sans-serif !important;font-size:17px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:#141A2E !important;text-decoration:none !important}
html body #foot .ft-links .fla::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:1.6px solid #A3A7AE;border-top:1.6px solid #A3A7AE;transform:translateY(-50%) rotate(45deg)}
html body #foot .ft-links .fla:hover{color:#CE5600 !important}
html body #foot .ft-col:nth-of-type(n+4) .ft-links .fla{border-bottom:1px solid #EFE6DC !important}
html body #foot .ft-copy{max-width:1180px;margin:30px auto 0 !important;padding:22px 0 0 !important;border-top:1.5px solid rgba(255,156,27,.45) !important;text-align:center}

html body #foot .ft-extra{max-width:1180px;margin:22px auto 0 !important;padding:20px 0 0 !important;border-top:1.5px solid rgba(255,156,27,.45) !important;text-align:center}
html body #foot .ft-extra-h{margin:0 0 10px !important;font-family:'Poppins',sans-serif !important;font-size:17px !important;font-weight:700 !important;letter-spacing:.14em;text-transform:uppercase;color:#FF6A00 !important}
html body #foot .ft-extra-links{margin:0 !important;font-family:'Poppins',sans-serif !important;font-size:14px !important;line-height:2 !important;color:#3C4252 !important}
html body #foot .ft-extra-links a{color:#3C4252 !important;text-decoration:none !important;font-weight:400 !important;white-space:nowrap}
html body #foot .ft-extra-links a:hover{color:#CE5600 !important}
html body #foot .ft-dot{color:#FF6A00;margin:0 8px;font-size:12px}
@media (min-width:900px){html body #foot .ft-grid{grid-template-columns:1.3fr repeat(4,1fr);gap:36px}html body #foot .ft-links .fla{font-size:15.5px !important;min-height:42px}}
html body #foot .ft-social{display:flex !important;margin-top:4px;justify-content:flex-start !important;flex-wrap:nowrap;gap:9px}
html body #foot .ft-social a{width:40px !important;height:40px !important;flex-shrink:0}
html body #foot .ft-social svg{fill:currentColor !important;width:20px !important;height:20px !important}
html body #foot .ft-brand{white-space:nowrap}
html body #foot .ft-copy p{margin:0 auto !important;max-width:520px;font-family:'Poppins',sans-serif !important;font-size:14.5px !important;line-height:1.7 !important;letter-spacing:0 !important;color:#5F6670 !important;text-transform:none !important;font-weight:400 !important}
@media (max-width:359px){html body #foot .ft-social{gap:6px}html body #foot .ft-social a{width:36px !important;height:36px !important}}
@media (min-width:900px){html body #foot .ft-brand{font-size:24px !important}html body #foot .ft-social{flex-wrap:wrap}}
html.nfm-lock,html.nfm-lock body{overflow:hidden !important}
html body #sovl{display:block !important;position:fixed !important;inset:0 !important;z-index:100002 !important;background:rgba(10,6,4,.55) !important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none !important;transition:opacity .28s ease}
html body #sovl.on{opacity:1;pointer-events:auto !important}
html body #side.nfm{position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;height:100% !important;width:min(430px,94vw) !important;z-index:100003 !important;padding:16px 14px 28px !important;margin:0 !important;
  background:#FBF7F2 !important;border:0 !important;border-radius:0 24px 24px 0;box-shadow:12px 0 40px rgba(0,0,0,.28) !important;overflow-y:auto !important;overscroll-behavior:contain;
  transform:translateX(-105%);transition:transform .32s cubic-bezier(.4,0,.2,1) !important;font-family:'Poppins',sans-serif;color:#1C2236;-webkit-backdrop-filter:none;backdrop-filter:none}
html body #side.nfm.open{transform:translateX(0)}
.nfm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 14px}
.nfm-brand{display:flex;align-items:center;gap:10px;text-decoration:none !important}
.nfm-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(200,90,0,.30))}
.nfm-name{display:flex;flex-direction:column;line-height:1}
.nfm-name b{font:800 24px/1 'Poppins',sans-serif;letter-spacing:.6px;color:#141A2E}
.nfm-name small{margin-top:5px;font:600 13px/1 'Poppins',sans-serif;letter-spacing:.45em;color:#E8590C}
.nfm-close{width:52px;height:52px;flex-shrink:0;border-radius:16px;border:1px solid #F0DCC8;background:linear-gradient(180deg,#FFFFFF,#FFF2E6);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px -8px rgba(160,70,0,.4)}
.nfm-search{display:flex;align-items:center;gap:10px;height:50px;margin:0 2px 16px;padding:0 18px;border-radius:999px;background:#F4EDE5;border:1px solid #EFE2D4;box-shadow:inset 0 2px 4px rgba(120,60,10,.06)}
.nfm-search input{flex:1;min-width:0;border:0 !important;outline:0 !important;background:transparent !important;font:400 15.5px 'Poppins',sans-serif !important;color:#1C2236 !important;padding:0 !important;box-shadow:none !important;height:100%}
.nfm-search input::placeholder{color:#7C7F88}
.nfm-search input::-webkit-search-cancel-button{display:none}
.nfm-empty{margin:4px 8px 14px;font:500 14px 'Poppins',sans-serif;color:#7C7F88}
.nfm-secs{display:flex;flex-direction:column;gap:14px}
.nfm-sec{display:flex;align-items:stretch;min-height:0;border-radius:18px;overflow:hidden;background:#FFFCF9;border:1px solid #F0E3D6;box-shadow:0 10px 22px -16px rgba(120,60,10,.40)}
.nfm-sec[hidden]{display:none}
.nfm-img{flex:0 0 96px;position:relative;background:#140C06;overflow:hidden}
.nfm-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.nfm-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.nfm-hd{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;cursor:pointer;text-align:left;background:linear-gradient(180deg,#FFF6EC,#FFEFE2);border-bottom:1px solid #F5E6D8}
.nfm-sec-names .nfm-hd{background:linear-gradient(180deg,#F6F1FF,#EEE6FF);border-bottom-color:#E7DDFB}
.nfm-hd-ic{display:inline-flex;flex-shrink:0}
.nfm-hd-ic svg{width:26px !important;height:26px !important}
.nfm-hd-t{flex:1;min-width:0;font:700 15.5px/1.2 'Poppins',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#141A2E}
.nfm-ct{min-width:26px;height:26px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:700 13px 'Poppins',sans-serif;color:#C2410C;background:#FFD9B8}
.nfm-sec-names .nfm-ct{color:#5B32D6;background:#E3D8FF}
.nfm-chev{width:10px;height:10px;margin:0 4px 4px 2px;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);transform:rotate(45deg);transition:transform .2s}
.nfm-collapsed .nfm-chev{transform:rotate(-45deg);margin-bottom:0}
.nfm-list{list-style:none;margin:0;padding:6px 6px 8px}
.nfm-collapsed .nfm-list{display:none}
.nfm-list li[hidden]{display:none}
.nfm-item{position:relative;display:flex;align-items:center;gap:14px;min-height:40px;padding:6px 30px 6px 10px;border-radius:10px;text-decoration:none !important;color:#1C2236 !important;font:400 15.5px 'Poppins',sans-serif;transition:background .15s}
.nfm-item:hover,.nfm-item:focus-visible{background:#FFF1E4}
.nfm-item::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.6px solid #9EA2AA;border-top:1.6px solid #9EA2AA;transform:translateY(-50%) rotate(45deg)}
.nfm-ic{width:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
.nfm-ic svg{width:22px !important;height:22px !important}
.nfm-glyph{font-size:20px;line-height:1;font-weight:700}
.nfm-close:focus-visible,.nfm-hd:focus-visible{outline:3px solid rgba(255,106,0,.45);outline-offset:2px}
@media (max-width:360px){.nfm-img{flex-basis:76px}.nfm-name b{font-size:20px}.nfm-item{font-size:14.5px;gap:10px}.nfm-hd-t{font-size:14px;letter-spacing:.06em}}
@media (prefers-reduced-motion:reduce){html body #side.nfm{transition:none !important}}
html body #side.nfm a,html body #side.nfm li,html body #side.nfm ul,html body #side.nfm nav,html body #side.nfm section{background-color:transparent;box-shadow:none}
html body #side.nfm .nfm-brand{background:none !important;padding:0 !important;margin:0 !important;border:0 !important;box-shadow:none !important}
html body #side.nfm .nfm-list li{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;list-style:none !important}
html body #side.nfm .nfm-list li::before,html body #side.nfm .nfm-list li::marker{content:none !important;display:none !important}
html body #side.nfm .nfm-item{min-height:38px !important;padding:5px 30px 5px 10px !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:15px !important;line-height:1.3 !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;width:auto !important}
html body #side.nfm .nfm-item:hover{background:#FFF1E4 !important}

html body #side.nfm .nfm-img{flex-basis:88px}
html body #side.nfm .nfm-hd{gap:10px;padding:12px 12px}
@media (max-width:380px){html body #side.nfm .nfm-img{flex-basis:70px}}
html body #side.nfm .nfm-hd-t{text-overflow:ellipsis;font-size:13.5px;letter-spacing:.05em;white-space:normal;overflow:visible;line-height:1.2}
html body .nfc-explore .nfc-explore-games{margin:0 0 14px}
html body .nfc-explore .nfc-explore-db{margin:0 0 14px}
html body .nfc-explore .nfc-explore-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
html body .nfc-explore .nfc-explore-links{display:flex;flex-wrap:wrap;gap:8px;margin:0}
/* S17 a11y: visible focus for keyboard-activatable cards */
[data-nf-kb]:focus-visible{outline:3px solid rgba(255,106,0,.55) !important;outline-offset:2px}
/* >>> S18b design system >>> */
/* ═══════════════════════════════════════════════════════════════════════════
   S18b — NameFonts Design System, internal pages
   Source of truth: the approved homepage (S17). Every value below is taken from
   the homepage containers (.nfc / .nfc-hd / .nfc-pill / FAQ cards / #gb / #ni).
   Scope: body.nf-in only (all 51 internal pages). The homepage body is
   body.nf-home and never matches anything in this layer.
   Header, ticker, side menu and footer are the shared chrome: this layer pins
   the legacy tokens back on them so they render exactly as on the homepage.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Tokens ─────────────────────────────────────────────────────────────── */
html body.nf-in{
  --ds-bg:#FDF9F3;
  --ds-ink:#0F1B3D;
  --ds-text:#2E3448;
  --ds-muted:#5B6170;
  --ds-muted-2:#6B7280;
  --ds-acc:#FF6A00;
  --ds-acc-2:#E8590C;
  --ds-acc-ink:#C2410C;
  --ds-acc-deep:#9A3412;
  --ds-line:rgba(255,140,40,.24);
  --ds-line-2:rgba(255,140,40,.38);
  --ds-line-hi:rgba(255,106,0,.48);
  --ds-panel-bg:linear-gradient(180deg,rgba(255,251,246,.96) 0%,rgba(255,243,231,.96) 100%);
  --ds-panel-bd:rgba(255,150,60,.22);
  --ds-panel-sh:0 22px 44px -22px rgba(255,110,0,.30),0 2px 8px rgba(255,120,20,.06),inset 0 1px 0 rgba(255,255,255,.9);
  --ds-hd-bg:linear-gradient(180deg,#FFF7EE 0%,#FFE9D5 100%);
  --ds-hd-sh:0 10px 22px -12px rgba(255,110,0,.40),inset 0 1px 0 #fff;
  --ds-card-bg:linear-gradient(180deg,#FFFBF7 0%,#FFF3E8 100%);
  --ds-card-sh:0 12px 24px -16px rgba(255,110,0,.45),inset 0 1px 0 #fff;
  --ds-card-sh-hi:0 18px 34px -16px rgba(255,110,0,.55),inset 0 1px 0 #fff;
  --ds-pill-bg:linear-gradient(180deg,#FFF6EC,#FFE7D2);
  --ds-pill-sh:0 6px 14px -8px rgba(255,100,0,.45),inset 0 1px 0 #fff;
  --ds-tag-bg:#FFEEDD;
  --ds-tile-bg:linear-gradient(180deg,#FFF5EA 0%,#FFE6D0 100%);
  --ds-btn-bg:linear-gradient(180deg,#FF9A3C 0%,#FF7410 45%,#FF5A00 100%);
  --ds-btn-sh:0 10px 24px -8px rgba(255,100,0,.45),inset 0 1px 0 rgba(255,255,255,.45);
  --ds-r-xl:26px;--ds-r-lg:20px;--ds-r-md:16px;--ds-r-sm:12px;
  --ds-font:'Poppins','Tajawal',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  background:#FDF9F3 radial-gradient(ellipse 120% 560px at 50% 0,#FFF1E1 0,rgba(253,249,243,0) 72%) no-repeat !important;
  background-attachment:scroll !important;
}
/* legacy tokens used by the per-page CSS, re-pointed at the homepage palette — content regions only;
   header, ticker, side menu and footer keep the exact values they have on the homepage */
html body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root){
  --ink:#FDF9F3;--surf:#FFFBF7;--raised:#FFF8F1;
  --orange:#C2410C;--teal:#C2410C;--soft:#6B7280;--muted:#5B6170;--muted-lt:#6B7280;
  --ivory:#141A2E;--navy-title:#0F1B3D;
  --bo:rgba(255,140,40,.32);--bt:rgba(255,150,60,.24);--bs:rgba(255,120,20,.14);
  --go:rgba(255,106,0,.45);--gt:rgba(255,150,60,.35);--gog:rgba(255,106,0,.10);--gtg:rgba(255,150,60,.08);
  --cta:#E8590C;--cta-tint:rgba(255,106,0,.09);--cta-tint-strong:rgba(255,106,0,.18);--cta-border:rgba(255,106,0,.35);
  color:#141A2E;
}

/* Shared chrome: the symbols and names pages carry extra legacy CSS (bare footer{margin-top:40px},
   .ft-links margin, a self-contained footer block on /names/) that made their footer differ from
   every other page. Pin those few values to what the homepage computes. */
html body.nf-in .global-nav{color:#1D1D21;font-family:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html body.nf-in .global-nav .logo{gap:normal !important}
html body.nf-in #foot{margin-top:0;color:#1D1D21}
html body.nf-in #foot .ft-links{margin-bottom:0}
html body.nf-in #foot .ft-desc{margin-top:6px}
html body.nf-in #foot .fla{line-height:1.3}

/* ── 2. Typography (content regions only) ───────────────────────────────────── */
html body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root),
html body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root) :not(svg):not(svg *):not(code):not(pre):not(kbd){
  font-family:var(--ds-font) !important;
}
:where(body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root)) :where(p,li,td,dd,figcaption,blockquote){font-weight:400}
:where(body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root)) :where(h1,h2,h3,h4){color:var(--ds-ink)}
:where(body.nf-in > :not(.global-nav):not(#voted-ticker):not(#sovl):not(#side):not(#foot):not(#toast):not(#vt-toast):not(#nf-consent-banner-root)) a:not([class]){color:var(--ds-acc-ink)}

/* The legacy inline stylesheet on the internal pages contains several selector-less
   "a{…}" rules (left over from an old minifier pass): every link inherited
   display:block, uppercase 12px text, letter-spacing and stray margins
   (14px 0 24px 8px) — including the footer links, which is why the footer did not
   match the homepage. Reset them to the homepage state (user-agent defaults +
   colour inherit, no underline) at the same specificity, so every class-based
   rule still wins. */
:where(body.nf-in) a{
  display:revert;margin:0;padding:0;gap:normal;align-items:normal;background:none;border:0;
  font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;
  text-align:inherit;white-space:inherit;color:inherit;text-decoration:none;cursor:pointer
}

/* Page titles */
html body.nf-in :is(.cats-hero h1,.hero-h1,.nx-hero h1,.lib-header__title,.profile-name,.page-title,.legal-title,.page-h1,.art-h1),
html body.nf-pg-blog > div:not([id]):not([class]) h1{
  font-family:var(--ds-font) !important;font-weight:800 !important;color:var(--ds-ink) !important;
  font-size:clamp(28px,7.4vw,46px) !important;line-height:1.12 !important;letter-spacing:-.6px !important;
  text-transform:none !important;-webkit-text-fill-color:currentColor;background:none !important;text-shadow:none !important
}
html body.nf-in .page-title span{color:var(--ds-acc-2) !important;-webkit-text-fill-color:var(--ds-acc-2)}
/* Kicker / eyebrow labels */
html body.nf-in :is(.hero-kicker,.lib-header__eyebrow,.eyebrow,.page-kicker,.art-kicker),
html body.nf-pg-blog > div:not([id]):not([class]) > p:first-child{
  display:inline-flex !important;align-items:center;gap:6px;width:auto !important;max-width:100%;margin-left:auto;margin-right:auto;
  padding:6px 14px !important;border-radius:999px !important;background:var(--ds-pill-bg) !important;
  border:1px solid rgba(255,106,0,.30) !important;box-shadow:var(--ds-pill-sh);
  color:var(--ds-acc-ink) !important;font:700 12px/1.3 var(--ds-font) !important;letter-spacing:.06em !important;text-transform:uppercase
}
html body.nf-in .art-kicker{margin-left:0}
html body.nf-in .art-kicker::before,html body.nf-in .lib-header__eyebrow::before,html body.nf-in .lib-header__eyebrow::after{display:none !important}
/* Lead paragraphs */
html body.nf-in :is(.cats-hero p,.hero-lead,.nx-hero > p,.lib-header__desc,.page-desc,.profile-tagline,.page-meta,.legal-meta){
  font:400 clamp(14.5px,3.8vw,17px)/1.6 var(--ds-font) !important;color:var(--ds-muted) !important;text-transform:none !important;letter-spacing:0 !important
}
html body.nf-in .art-desc{font:400 clamp(16px,4.2vw,18px)/1.65 var(--ds-font) !important;color:var(--ds-muted) !important;border-left:3px solid var(--ds-acc) !important;padding-left:14px !important}
html body.nf-in .art-meta{font:500 13px/1.5 var(--ds-font) !important;color:var(--ds-muted-2) !important;letter-spacing:0 !important}
html body.nf-in .art-meta svg{color:var(--ds-acc) !important}

/* Breadcrumbs */
html body.nf-in :is(.breadcrumb,.nx-breadcrumb),html body.nf-in:not(.nf-pg-blog) nav.bc{
  font:500 13px/1.4 var(--ds-font) !important;color:var(--ds-muted-2) !important;text-transform:none !important;letter-spacing:0 !important
}
html body.nf-in :is(.breadcrumb,.nx-breadcrumb,nav.bc) a{color:var(--ds-acc-ink) !important;font-weight:600 !important;text-decoration:none !important;background:none !important;border:0 !important;padding:0 !important}
html body.nf-in .breadcrumb > span:last-child,html body.nf-in .bc-current{color:var(--ds-ink) !important;font-weight:600 !important}

/* Section headings: the homepage header-bar (.nfc-hd) */
html body.nf-in :is(.sec-h,.seo-block-hd,.lib-faq__heading,.lib-footer__heading,.related-title,.faq-title,.grid-label,.pillars-label,.social-strip-title,.nx-langsec > .st){
  display:flex !important;align-items:center;gap:10px;min-height:56px;margin:0 0 16px !important;padding:12px 16px !important;
  border-radius:18px !important;background:var(--ds-hd-bg) !important;border:1px solid var(--ds-line-2) !important;box-shadow:var(--ds-hd-sh) !important;
  font:800 clamp(18px,4.8vw,24px)/1.2 var(--ds-font) !important;color:var(--ds-ink) !important;letter-spacing:-.3px !important;text-transform:none !important;text-align:left
}
html body.nf-in :is(.sec-h,.grid-label,.pillars-label,.related-title,.faq-title) :is(svg,.nf-ic){color:var(--ds-acc) !important;width:22px;height:22px;flex:0 0 auto}
html body.nf-in :is(.sec-h,.grid-label,.pillars-label)::before,html body.nf-in :is(.sec-h,.grid-label,.pillars-label,.related-title,.faq-title)::after{display:none !important}
/* Editorial sub-headings (about, legal) */
html body.nf-in :is(.about-content .section-title,.legal-content .section-title,.legal-body h2){
  position:relative;display:block;margin:2rem 0 .8rem !important;padding:0 0 0 14px !important;border:0 !important;background:none !important;
  font:800 clamp(18px,4.6vw,22px)/1.3 var(--ds-font) !important;color:var(--ds-ink) !important;letter-spacing:-.2px !important;text-transform:none !important
}
html body.nf-in :is(.about-content .section-title,.legal-content .section-title,.legal-body h2)::before{
  content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:4px;background:linear-gradient(180deg,#FF9A3C,#FF5A00)
}
html body.nf-in :is(.about-content .section-title,.legal-content .section-title,.legal-body h2)::after{display:none !important}

/* ── 3. Panels (= homepage .nfc container) ─────────────────────────────────── */
html body.nf-in :is(.converter-section,.nx-ctrl-card,.glass-card,.toc,.legal-content,.legal-body,.lib-section,.seo-trust-card,.nx-vibe-strip){
  background:var(--ds-panel-bg) !important;border:1px solid var(--ds-panel-bd) !important;border-radius:var(--ds-r-xl) !important;
  box-shadow:var(--ds-panel-sh) !important;backdrop-filter:none !important
}
html body.nf-in :is(.converter-section,.glass-card,.legal-content,.legal-body,.lib-section,.seo-trust-card){padding:clamp(16px,4vw,26px) !important}
html body.nf-in .nx-ctrl-card{padding:clamp(14px,3.6vw,22px) !important}
html body.nf-in .nx-vibe-strip{border-radius:var(--ds-r-lg) !important;padding:10px 12px !important}
html body.nf-in .toc{padding:clamp(16px,4vw,24px) !important}
html body.nf-in .legal-content,html body.nf-in .legal-body{max-width:860px;margin-left:auto !important;margin-right:auto !important}
/* accent panels */
html body.nf-in :is(.mission-box,.notice,.hl,.art-callout,.art-next,.cta-mid,.cta-end){
  background:var(--ds-hd-bg) !important;border:1px solid var(--ds-line-2) !important;border-radius:var(--ds-r-lg) !important;box-shadow:var(--ds-hd-sh) !important
}
html body.nf-in :is(.hl,.art-callout,.notice){border-left:4px solid var(--ds-acc) !important}
html body.nf-in .mission-box::before,html body.nf-in .mission-box::after{opacity:.35}
html body.nf-in :is(.mission-title,.toc-title,.art-callout-lbl,.art-next-lbl,.cta-label,.converter-section__label){
  font:700 12px/1.3 var(--ds-font) !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--ds-acc-ink) !important
}
html body.nf-in .cta-title{font:800 clamp(18px,4.8vw,24px)/1.25 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:-.2px !important}
html body.nf-in .cta-sub{font:400 14.5px/1.55 var(--ds-font) !important;color:var(--ds-muted) !important}

/* ── 4. Cards ───────────────────────────────────────────────────────────────── */
html body.nf-in :is(.seo-cat-card,.plat-card,.tool-card,.art-card,.pillar-grid-card,.spotlight,.exp-card,.soc-card,.lcard,.stat-card,
  .rel-card,.relc-card,.sid-card,.lib-footer__link,.nx-card,.nx-qa-item),
html body.nf-pg-blog article.bc{
  background:var(--ds-card-bg) !important;border:1px solid var(--ds-line) !important;border-radius:var(--ds-r-lg) !important;
  box-shadow:var(--ds-card-sh) !important;backdrop-filter:none !important;text-transform:none !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
/* coloured top edge = per-section identity (same idea as the homepage platform cards) */
html body.nf-in .seo-cat-card.seo-cat--gaming{border-top:3px solid #FF6A00 !important}
html body.nf-in .seo-cat-card.seo-cat--social{border-top:3px solid #E8455B !important}
html body.nf-in .seo-cat-card.seo-cat--symbols{border-top:3px solid #7C5CFF !important}
html body.nf-in .seo-cat-card[style*="#FBC226"]{border-top:3px solid #FBC226 !important}
html body.nf-in .seo-cat-card[style*="#A84000"]{border-top:3px solid #7C4DFF !important}
html body.nf-in .seo-cat-card[style*="#7A6A5F"]{border-top:3px solid #E8590C !important}
html body.nf-in .seo-cat-card[style*="#C9BBA9"]{border-top:3px solid #F59E0B !important}
html body.nf-in .seo-cat-card::before,html body.nf-in .seo-cat-card::after{display:none !important}
/* hover / focus for linked cards */
@media (hover:hover){
  html body.nf-in :is(a.plat-card,a.tool-card,a.art-card,a.rel-card,a.relc-card,a.lcard,a.lib-footer__link,a.soc-card,.pillar-grid-card,article.bc,.spotlight):hover{
    transform:translateY(-2px);border-color:var(--ds-line-hi) !important;box-shadow:var(--ds-card-sh-hi) !important
  }
}
html body.nf-in :is(a.plat-card,a.tool-card,a.art-card,a.rel-card,a.relc-card,a.lcard,a.lib-footer__link,a.soc-card):focus-visible{outline:3px solid rgba(255,106,0,.45);outline-offset:3px}
html body.nf-in :is(a.plat-card,a.tool-card,a.art-card,a.rel-card,a.relc-card,a.lcard,a.lib-footer__link,.nx-card):active{transform:translateY(0) scale(.99)}
@media (prefers-reduced-motion:reduce){html body.nf-in *{transition:none !important}}
/* card text */
html body.nf-in :is(.seo-cat-title,.plat-name,.tool-name,.gc-title,.exp-title,.rel-title,.relc-title,.pgc-title,.bc-title,.lib-footer__title,.sid-title,.spotlight-title){
  font-family:var(--ds-font) !important;font-weight:800 !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:-.2px !important
}
html body.nf-in :is(.seo-cat-title,.plat-name,.tool-name,.exp-title,.sid-title){font-size:clamp(16px,4.2vw,18px) !important;line-height:1.3 !important}
html body.nf-in :is(.gc-title,.rel-title,.relc-title,.pgc-title,.bc-title,.lib-footer__title){font-size:clamp(15.5px,4vw,18px) !important;line-height:1.35 !important}
html body.nf-in :is(.spotlight-title){font-size:clamp(20px,5.4vw,28px) !important;line-height:1.25 !important}
html body.nf-in :is(.gc-title,.rel-title,.relc-title,.pgc-title,.bc-title,.spotlight-title) a{color:inherit !important;text-decoration:none !important}
html body.nf-in :is(.seo-cat-sub,.plat-count){font:600 12.5px/1.45 var(--ds-font) !important;color:var(--ds-acc-2) !important;text-transform:none !important;letter-spacing:0 !important}
html body.nf-in :is(.seo-cat-body,.plat-desc,.tool-desc,.exp-desc,.bc-snippet,.spotlight-desc,.lib-footer__desc,.soc-val,.lcc){
  font:400 14px/1.6 var(--ds-font) !important;color:var(--ds-muted) !important;text-transform:none !important;letter-spacing:0 !important
}
html body.nf-in .tool-desc strong{color:var(--ds-ink) !important;font-weight:700}
/* icon tiles (= homepage .nfc-tile) */
html body.nf-in :is(.seo-cat-icon,.tool-icon,.exp-icon,.lib-footer__icon,.soc-ring,.soc-icon,.faq-icon,.fii,.nx-empty-icon){
  display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 auto;
  background:var(--ds-tile-bg) !important;border:1px solid rgba(255,150,60,.25) !important;
  box-shadow:0 8px 16px -8px rgba(255,110,0,.35),inset 0 1px 0 #fff !important
}
html body.nf-in :is(.seo-cat-icon,.tool-icon,.lib-footer__icon){width:52px !important;height:52px !important;border-radius:16px !important;font-size:26px !important;line-height:1 !important;margin-bottom:12px}
html body.nf-in .exp-icon{width:44px !important;height:44px !important;border-radius:14px !important;margin-bottom:10px}
html body.nf-in :is(.seo-cat-icon,.tool-icon,.exp-icon) svg{width:26px;height:26px}
html body.nf-in .lib-footer__icon{margin-bottom:0}
html body.nf-in :is(.faq-icon,.fii){width:32px !important;height:32px !important;border-radius:10px !important;color:var(--ds-acc) !important;font-weight:800 !important}

/* ── 5. Pills, chips, tags ──────────────────────────────────────────────────── */
/* interactive pill (= homepage .nfc-pill) */
html body.nf-in :is(.seo-kw,.related-doc-chip,.plat-btn,.tool-btn,.pgc-cta,.bc-cta,.art-read,.relc-cta,.cta-secondary,.art-next-btn.alt,.sym-more > summary,.lib-section .sym-more summary){
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 16px !important;
  border-radius:999px !important;background:var(--ds-pill-bg) !important;border:1.5px solid rgba(255,106,0,.40) !important;
  box-shadow:var(--ds-pill-sh) !important;color:var(--ds-acc-2) !important;
  font:700 13.5px/1.1 var(--ds-font) !important;letter-spacing:0 !important;text-transform:none !important;text-decoration:none !important;
  white-space:nowrap;max-width:100%;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease
}
/* S19: links inside running text are editorial text links (same treatment as .art-content a), not pills;
   !important only where the legacy per-article rule uses it (color, text-decoration) */
html body.nf-in a.art-inline-link{display:inline;padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:normal;font-size:inherit;font-weight:600;
  color:var(--ds-acc-ink) !important;text-decoration:underline !important;text-decoration-color:rgba(194,65,12,.4) !important;text-underline-offset:3px}
html body.nf-in a.art-inline-link:hover{background:none;color:var(--ds-acc-deep) !important;text-decoration-color:currentColor !important}
html body.nf-in a.art-inline-link:focus-visible{outline:2px solid rgba(255,106,0,.55);outline-offset:2px;border-radius:2px}
html body.nf-in :is(.plat-btn,.tool-btn,.pgc-cta,.bc-cta,.art-read,.relc-cta){width:auto !important;align-self:flex-start;margin-top:auto}
@media (hover:hover){
  html body.nf-in :is(.seo-kw,.related-doc-chip,.plat-btn,.tool-btn,.pgc-cta,.bc-cta,.cta-secondary,.sym-more > summary):hover{border-color:rgba(255,106,0,.7) !important;transform:translateY(-1px)}
}
html body.nf-in :is(.seo-kw,.related-doc-chip,.cta-secondary,.sym-more > summary):focus-visible{outline:3px solid rgba(255,106,0,.40);outline-offset:2px}
html body.nf-in .seo-kw-grid{display:flex !important;flex-wrap:wrap;gap:8px !important}
/* static tag */
html body.nf-in :is(.badge,.game-tag,.spotlight-badge,.bc-cat,.rel-cat,.relc-cat,.art-tag,.pill,.nx-article-lang,.lib-section__count,.sp,.pc-cat,.sym-more__count,.style-tag){
  display:inline-flex !important;align-items:center;gap:5px;width:auto !important;padding:4px 11px !important;border-radius:999px !important;
  background:var(--ds-tag-bg) !important;border:1px solid rgba(255,106,0,.22) !important;box-shadow:none !important;
  color:var(--ds-acc-ink) !important;font:700 11.5px/1.35 var(--ds-font) !important;letter-spacing:.03em !important;text-transform:uppercase !important
}
html body.nf-in .style-tag{display:table-cell !important;border-radius:0 !important;background:none !important;border:0 !important;text-transform:none !important;font-size:13px !important}
html body.nf-in :is(.sp,.sym-more__count){text-transform:none !important;letter-spacing:0 !important}

html body.nf-in .bc-date,html body.nf-in .pc-meta{font:600 12px/1.4 var(--ds-font) !important;color:#4B5563 !important}
html body.nf-in .plat-badge{border-radius:999px !important;font:800 11px/1 var(--ds-font) !important;letter-spacing:.05em !important;padding:6px 11px !important;
  backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.6) !important;color:#0F1B3D !important;background-color:rgba(255,255,255,.88) !important}

/* ── 6. Buttons and controls ────────────────────────────────────────────────── */
html body.nf-in :is(.converter-section__btn,.nx-gen-btn,.cta-btn,.spotlight-cta,.art-next-btn:not(.alt),.cta-primary){
  display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px !important;
  border-radius:16px !important;background:var(--ds-btn-bg) !important;border:1.5px solid rgba(255,214,170,.85) !important;
  box-shadow:var(--ds-btn-sh) !important;color:#fff !important;-webkit-text-fill-color:#fff;
  font:700 15px/1.1 var(--ds-font) !important;letter-spacing:.1px !important;text-transform:none !important;text-decoration:none !important;
  cursor:pointer;transition:transform .15s ease,filter .15s ease
}
html body.nf-in .nx-gen-btn{width:100%;min-height:54px;border-radius:18px !important;font-size:16.5px !important}
@media (hover:hover){html body.nf-in :is(.converter-section__btn,.nx-gen-btn,.cta-btn,.spotlight-cta,.art-next-btn:not(.alt),.cta-primary):hover{filter:brightness(1.05);transform:translateY(-1px)}}
html body.nf-in :is(.converter-section__btn,.nx-gen-btn,.cta-btn,.spotlight-cta,.cta-primary):active{transform:translateY(1px)}
html body.nf-in :is(.converter-section__btn,.nx-gen-btn,.cta-btn,.spotlight-cta,.cta-primary):focus-visible{outline:3px solid rgba(255,106,0,.45);outline-offset:3px}
/* text inputs and selects (= homepage #ni) */
html body.nf-in :is(.converter-section__input,.nx-sel){
  background:#fff !important;border:1px solid #893900 !important;color:#16213A !important;
  font:500 15.5px/1.2 var(--ds-font) !important;box-shadow:0 10px 30px rgba(190,90,10,.10),0 1px 2px rgba(16,24,40,.04) !important
}
html body.nf-in .converter-section__input{min-height:52px;border-radius:16px !important;padding:0 16px !important}
html body.nf-in .nx-sel{min-height:46px;border-radius:14px !important;padding:0 36px 0 14px !important}
html body.nf-in :is(.converter-section__input,.nx-sel):focus{outline:none !important;border-color:#FF6A00 !important;box-shadow:0 0 0 3px rgba(255,106,0,.18),0 10px 30px rgba(190,90,10,.10) !important}
html body.nf-in .converter-section__input::placeholder{color:#9CA3AF}
html body.nf-in .nx-label{font:700 11.5px/1.3 var(--ds-font) !important;letter-spacing:.06em !important;text-transform:uppercase;color:var(--ds-muted) !important}
/* segmented tabs / toggles */
html body.nf-in :is(.nx-tab,.nx-vibe){
  min-height:40px;border-radius:999px !important;background:var(--ds-pill-bg) !important;border:1.5px solid rgba(255,106,0,.32) !important;
  box-shadow:var(--ds-pill-sh) !important;color:var(--ds-acc-2) !important;font:700 13.5px/1.1 var(--ds-font) !important;text-transform:none !important
}
html body.nf-in :is(.nx-tab,.nx-vibe).on,html body.nf-in :is(.nx-tab,.nx-vibe)[aria-pressed="true"]{
  background:var(--ds-btn-bg) !important;border-color:rgba(255,214,170,.85) !important;color:#fff !important;box-shadow:var(--ds-btn-sh) !important
}
html body.nf-in .nx-vibe svg{color:currentColor}
html body.nf-in .nx-vibe-label{font:700 11.5px/1.3 var(--ds-font) !important;letter-spacing:.06em !important;color:var(--ds-muted) !important}

/* ── 7. FAQ / accordions (= homepage FAQ cards) ─────────────────────────────── */
html body.nf-in :is(.seo-faq-item,.fi,.faq-item,.faq-card,.nx-art-faq-item,.article-faq-item),
html body.nf-pg-article .art-content details{
  margin:0 0 12px !important;border-radius:var(--ds-r-lg) !important;overflow:hidden;
  background:var(--ds-card-bg) !important;border:1px solid rgba(255,140,40,.22) !important;box-shadow:var(--ds-card-sh) !important;padding:0 !important
}
html body.nf-in :is(.seo-faq-item.open,.fi.open,.faq-item.open,.faq-card[open],.nx-art-faq-item.open),html body.nf-pg-article .art-content details[open]{border-color:rgba(255,106,0,.45) !important}
html body.nf-in :is(.seo-faq-q,.fq,.faq-q,.nx-art-faq-q,.article-faq-q),html body.nf-in .faq-card > summary,html body.nf-pg-article .art-content details > summary{
  display:flex !important;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 !important;padding:14px 16px !important;
  background:transparent !important;border:0 !important;text-align:left;cursor:pointer;
  font:700 clamp(14.5px,3.9vw,16.5px)/1.4 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:0 !important
}
html body.nf-in .faq-card{padding:0 !important}
html body.nf-in :is(.seo-faq-a,.fa,.faq-a,.nx-art-faq-a,.article-faq-a,.faq-answer),html body.nf-pg-article .art-content details > :not(summary){
  font:400 14.5px/1.7 var(--ds-font) !important;color:var(--ds-muted) !important
}
html body.nf-in :is(.seo-faq-a,.fa,.faq-a,.nx-art-faq-a,.faq-answer){padding-left:16px !important;padding-right:16px !important}
html body.nf-in :is(.seo-faq-item.open .seo-faq-a,.fi.open .fa,.faq-item.open .faq-a,.faq-card[open] .faq-answer,.nx-art-faq-item.open .nx-art-faq-a){padding-bottom:16px !important}
html body.nf-in .article-faq-item{padding:0 !important}
html body.nf-in .article-faq-a{padding:0 16px 16px !important}
html body.nf-in .seo-faq-chevron{color:var(--ds-acc) !important}
html body.nf-in .nx-qa-q{font:700 15px/1.4 var(--ds-font) !important;color:var(--ds-ink) !important}
html body.nf-in .nx-qa-a{font:400 14.5px/1.65 var(--ds-font) !important;color:var(--ds-muted) !important}

/* ── 8. Templates ──────────────────────────────────────────────────────────── */
/* 8a Categories */
html body.nf-pg-cats .cats-hero{margin-top:clamp(18px,4vw,32px) !important}
html body.nf-pg-cats .cats-grid{gap:clamp(14px,2.4vw,20px) !important}
html body.nf-in .seo-cat-card{padding:clamp(16px,4vw,22px) !important}

/* 8b Gaming Names */
html body.nf-pg-gaming > :is(.sec,.hero,nav.bc){max-width:1232px !important;margin-left:auto !important;margin-right:auto !important}
html body.nf-pg-gaming .hero{text-align:center}
html body.nf-pg-gaming .hero-img-wrap{border-radius:var(--ds-r-xl) !important;overflow:hidden;box-shadow:var(--ds-panel-sh) !important;border:1px solid var(--ds-panel-bd) !important}
html body.nf-pg-gaming :is(.plat-grid,.art-grid,.tools-grid){display:grid !important;grid-template-columns:1fr !important;gap:16px !important}
@media (min-width:600px){html body.nf-pg-gaming :is(.plat-grid,.art-grid,.tools-grid){grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (min-width:1024px){html body.nf-pg-gaming :is(.plat-grid,.art-grid,.tools-grid){grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
html body.nf-pg-gaming :is(.plat-card,.art-card,.tool-card){overflow:hidden;display:flex !important;flex-direction:column}
html body.nf-pg-gaming :is(.plat-body,.art-card-body,.tool-body){display:flex;flex-direction:column;gap:6px;flex:1 1 auto;padding:16px !important}
html body.nf-pg-gaming .tool-card{padding:16px !important}
html body.nf-pg-gaming .tool-body{padding:0 !important}
html body.nf-pg-gaming .plat-card-img-wrap{border-radius:0 !important}
html body.nf-pg-gaming .plat-name{display:flex;align-items:center;gap:8px}
html body.nf-pg-gaming .tool-examples span{background:#fff !important;border:1px solid var(--ds-line) !important;border-radius:10px !important;color:var(--ds-ink) !important}
html body.nf-pg-gaming .art-tag{align-self:flex-start}
html body.nf-pg-gaming .art-card-img{border-radius:0 !important}

/* 8c Names Engine */
html body.nf-pg-names .nx-hero h1{margin-bottom:8px}
html body.nf-pg-names .nx-tabs{gap:8px !important;max-width:560px}
html body.nf-pg-names .nx-tab{flex:1 1 auto !important;white-space:nowrap;padding:0 10px !important;font-size:clamp(12px,3.3vw,14px) !important;min-width:0;overflow:hidden;text-overflow:ellipsis}
html body.nf-pg-names .lgrid{gap:12px !important}
html body.nf-pg-names .lcard{padding:14px 16px !important;border-left-width:4px !important}
html body.nf-pg-names .lcn{color:var(--ds-ink) !important;font:800 15px/1.3 var(--ds-font) !important;margin-bottom:2px}
html body.nf-pg-names .lcc{font-size:13px !important}
html body.nf-pg-names .nx-article{max-width:860px;margin-left:auto;margin-right:auto}
html body.nf-pg-names .nx-article h2{font:800 clamp(20px,5vw,26px)/1.25 var(--ds-font) !important;color:var(--ds-ink) !important}
html body.nf-pg-names .nx-article h3{font:800 16px/1.35 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:0 !important}
html body.nf-pg-names .nx-article > p{font:400 15.5px/1.75 var(--ds-font) !important;color:var(--ds-text) !important}
html body.nf-pg-names .nx-results{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;gap:12px !important}
html body.nf-pg-names .nx-card{padding:14px !important}
html body.nf-pg-names .nx-card-actions{gap:6px;flex-wrap:wrap}
html body.nf-pg-names .nx-card-name{font:800 17px/1.25 var(--ds-font) !important;color:var(--ds-ink) !important}
html body.nf-pg-names .nx-card-meta{font:500 13px/1.4 var(--ds-font) !important;color:var(--ds-muted) !important}
html body.nf-pg-names .nx-card-origin{font:600 12px/1.4 var(--ds-font) !important;color:var(--ds-acc-ink) !important}
html body.nf-pg-names :is(.nx-card-copy,.nx-card-save){min-height:36px;border-radius:999px !important;background:var(--ds-pill-bg) !important;border:1.5px solid rgba(255,106,0,.35) !important;color:var(--ds-acc-2) !important;font:700 12.5px/1 var(--ds-font) !important}
html body.nf-pg-names .nx-card-save.saved{background:#FFE4E6 !important;border-color:rgba(225,29,72,.35) !important;color:#BE123C !important}
html body.nf-pg-names .nx-empty-txt{font:600 14.5px/1.5 var(--ds-font) !important;color:var(--ds-muted) !important}
html body.nf-pg-names .nx-empty-icon{width:56px !important;height:56px !important;border-radius:18px !important;font-size:26px !important}

/* 8d Symbols Library */
html body.nf-pg-symbols .lib-header{text-align:center}
html body.nf-pg-symbols .lib-header__badges{gap:8px !important;justify-content:center}
html body.nf-pg-symbols .stat-card{padding:14px 10px !important;text-align:center}
html body.nf-pg-symbols .stat-card__val{font:800 clamp(24px,6.4vw,32px)/1.1 var(--ds-font) !important;color:var(--ds-acc-2) !important;-webkit-text-fill-color:var(--ds-acc-2);background:none !important}
html body.nf-pg-symbols .stat-card__lbl{font:600 11.5px/1.35 var(--ds-font) !important;color:var(--ds-muted) !important;letter-spacing:.04em !important}
html body.nf-pg-symbols .lib-section{margin-bottom:18px !important}
html body.nf-pg-symbols .lib-section__header{gap:10px;align-items:center}
html body.nf-pg-symbols .lib-section__title{font:800 clamp(17px,4.6vw,21px)/1.25 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:-.2px !important}
html body.nf-pg-symbols .lib-section__meta{font:500 13px/1.45 var(--ds-font) !important;color:var(--ds-muted-2) !important;letter-spacing:0 !important}
html body.nf-pg-symbols .lib-divider{border:0 !important;height:1px !important;background:linear-gradient(90deg,transparent,rgba(255,140,40,.35),transparent) !important}
html body.nf-in :is(.symbol-chip,.seo-preset-chip,.nex){
  background:linear-gradient(180deg,#FFFDFB,#FFF4EA) !important;border:1px solid rgba(255,140,40,.24) !important;border-radius:12px !important;
  box-shadow:0 6px 12px -10px rgba(255,110,0,.55),inset 0 1px 0 #fff !important;color:var(--ds-ink) !important;
  font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;transition:transform .12s ease,border-color .12s ease
}
@media (hover:hover){html body.nf-in :is(.symbol-chip,.seo-preset-chip,.nex):hover{border-color:var(--ds-line-hi) !important;transform:translateY(-1px)}}
html body.nf-in :is(.symbol-chip,.seo-preset-chip):focus-visible{outline:3px solid rgba(255,106,0,.40);outline-offset:2px}
html body.nf-pg-symbols .lib-footer__link{display:flex !important;align-items:center;gap:12px;padding:12px 14px !important}
html body.nf-pg-symbols .converter-section__hint{font:400 13px/1.5 var(--ds-font) !important;color:var(--ds-muted-2) !important}

/* 8e Blog index */
html body.nf-pg-blog > :is(div:not([id]):not([class]),.pillars-label,.spotlight,.pillars-subgrid,.grid-label,.blog-grid){
  width:calc(100% - 32px) !important;max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
html body.nf-pg-blog > :is(.pillars-label,.grid-label){margin-top:28px !important}
html body.nf-pg-blog > .blog-grid{margin-bottom:48px !important}
html body.nf-pg-blog > .pillars-subgrid{margin-top:18px !important}
html body.nf-pg-blog > .grid-label{margin-top:36px !important}
@media (min-width:900px){
  html body.nf-pg-blog .spotlight{display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
  html body.nf-pg-blog .spotlight-media{position:relative;height:100% !important;min-height:340px;max-height:none !important}
  html body.nf-pg-blog .spotlight-media img{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover}
  html body.nf-pg-blog .spotlight-body{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px !important}
  html body.nf-pg-blog .spotlight-cta{align-self:flex-start}
}
html body.nf-pg-blog .spotlight{overflow:hidden}
html body.nf-pg-blog .spotlight-media-fade{opacity:.55}
html body.nf-pg-blog :is(.pillar-grid-card,article.bc){overflow:hidden;display:flex !important;flex-direction:column}
html body.nf-pg-blog :is(.pgc-body,.bc-content){display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:16px !important}
html body.nf-pg-blog :is(.bc-img,.pgc-img){border-radius:0 !important;background:var(--ds-tile-bg)}
html body.nf-pg-blog .blog-grid{gap:18px !important}
html body.nf-pg-blog :is(.pgc-body,.bc-content,.spotlight-body) > :is(.spotlight-badge,.bc-cat,.pc-cat){align-self:flex-start}
html body.nf-pg-blog :is(.pgc-body,.bc-content) > .spotlight-badge{margin-bottom:0 !important}
@media (max-width:599px){html body.nf-pg-blog .blog-grid,html body.nf-pg-blog .pillars-subgrid{grid-template-columns:1fr !important}}
html body.nf-pg-blog .bc-stats{font:600 12.5px/1.4 var(--ds-font) !important;color:var(--ds-muted-2) !important}

/* 8f Articles (editorial) */
html body.nf-pg-article .art-content p{font-family:var(--ds-font) !important;color:var(--ds-text) !important}
html body.nf-pg-article .art-content li{color:var(--ds-text) !important}
html body.nf-pg-article .art-content :is(h2,h3){font-family:var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:-.2px !important}
html body.nf-pg-article .art-content h2{font-weight:800 !important;padding-bottom:10px !important;border-bottom:0 !important;background:linear-gradient(90deg,#FF9A3C,#FF5A00) left bottom/56px 3px no-repeat !important}
html body.nf-pg-article .art-content h3{font-weight:700 !important}
html body.nf-pg-article .art-content strong{color:var(--ds-ink)}
html body.nf-pg-article .art-content a:not([class]):not(.toc a){color:var(--ds-acc-ink) !important;text-decoration:underline;text-decoration-color:rgba(194,65,12,.35);text-underline-offset:3px}
html body.nf-pg-article .art-content :is(img,picture img,.article-image img){border-radius:18px !important;border:1px solid var(--ds-line) !important;box-shadow:0 18px 36px -22px rgba(255,110,0,.45) !important}
html body.nf-pg-article .img-cap,html body.nf-pg-article .article-image figcaption{font:400 13px/1.5 var(--ds-font) !important;color:var(--ds-muted-2) !important;font-style:normal !important}
html body.nf-pg-article .toc ol li a{font:600 14.5px/1.4 var(--ds-font) !important;color:var(--ds-ink) !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important}
html body.nf-pg-article .toc ol li::before,html body.nf-pg-article .toc ol li a::before{background:var(--ds-tile-bg) !important;color:var(--ds-acc-ink) !important;border:1px solid rgba(255,150,60,.3) !important}
html body.nf-pg-article :is(.name-table,.article-table-wrap table){background:#fff}
/* wide tables scroll inside the reading column instead of being cut by .art-content{overflow:hidden} */
html body.nf-pg-article .art-content table{max-width:100%;overflow-x:auto !important;-webkit-overflow-scrolling:touch}
@media (max-width:767px){html body.nf-pg-article .art-content table:not(.name-table):not(.article-table-wrap table){display:block}}
html body.nf-pg-article :is(.name-table,.article-table-wrap table) th{background:#FFF1E3 !important;color:var(--ds-acc-deep) !important;font:700 12.5px/1.35 var(--ds-font) !important;letter-spacing:.03em !important;text-transform:uppercase}
html body.nf-pg-article :is(.name-table,.article-table-wrap table) td{border-bottom:1px solid rgba(255,140,40,.14) !important;color:var(--ds-text)}
html body.nf-pg-article :is(.name-table,.article-table-wrap table) tr:last-child td{border-bottom:0 !important}
html body.nf-pg-article .article-table-wrap{border:0 !important}
html body.nf-pg-article .article-checklist li{background:var(--ds-card-bg) !important;border:1px solid var(--ds-line) !important;border-radius:14px !important}
html body.nf-pg-article .article-checklist li::before{color:var(--ds-acc) !important}
html body.nf-pg-article .sid-card{padding:16px !important}
html body.nf-pg-article .sid-name{color:var(--ds-ink) !important}
html body.nf-pg-article .sid-stat-val{color:var(--ds-acc-2) !important;font-weight:800 !important}
html body.nf-pg-article :is(.cta-mid,.cta-end){padding:clamp(18px,4.4vw,26px) !important;text-align:center}
html body.nf-pg-article .related-sec,html body.nf-pg-article .faq-section{max-width:860px;margin-left:auto;margin-right:auto}
html body.nf-pg-article .relc-thumb-wrap{background:var(--ds-tile-bg) !important}
html body.nf-pg-article .rel-card{padding:16px !important}

/* 8g About */
html body.nf-pg-about .profile-hero{text-align:center}
html body.nf-pg-about .avatar{border:3px solid #fff !important;box-shadow:0 0 0 2px rgba(255,106,0,.55),0 18px 36px -18px rgba(255,110,0,.55) !important;background:var(--ds-tile-bg) !important}
html body.nf-pg-about .profile-title{font:600 13.5px/1.5 var(--ds-font) !important;color:var(--ds-acc-2) !important;letter-spacing:0 !important;text-transform:none !important}
html body.nf-pg-about .prose,html body.nf-pg-about .mission-text{font:400 16px/1.75 var(--ds-font) !important;color:var(--ds-text) !important}
html body.nf-pg-about .mission-box{padding:clamp(16px,4vw,24px) !important}
html body.nf-pg-about .mission-box::before,html body.nf-pg-about .mission-box::after{display:none !important}
html body.nf-pg-about .exp-card{padding:16px !important}
html body.nf-pg-about .tl-dot{background:var(--ds-btn-bg) !important;color:#fff !important;border:2px solid #fff !important;box-shadow:0 0 0 1px rgba(255,106,0,.45),0 6px 14px -6px rgba(255,100,0,.55) !important}
html body.nf-pg-about .timeline::before,html body.nf-pg-about .tl-item::before{background:rgba(255,140,40,.32) !important}
html body.nf-pg-about .tl-year{font:700 12px/1.4 var(--ds-font) !important;color:var(--ds-acc-ink) !important;letter-spacing:.04em !important}
html body.nf-pg-about .tl-desc{font:400 15px/1.65 var(--ds-font) !important;color:var(--ds-text) !important}
html body.nf-pg-about .soc-card{padding:14px !important}
@media (max-width:374px){html body.nf-pg-about .soc-card{padding:10px !important}} /* S20: 5 follow cards fit at 320 */
html body.nf-pg-about .cta-row{gap:12px !important;flex-wrap:wrap;justify-content:center}
html body.nf-pg-about .cta-row a.cta-btn.cta-secondary{color:var(--ds-acc-deep) !important;-webkit-text-fill-color:currentColor} /* S19 */

/* 8h Contact */
html body.nf-pg-contact .contact-wrap{text-align:center}

html body.nf-pg-contact .soc-val{font-size:12.5px !important}
html body.nf-pg-contact .soc-ring{width:56px !important;height:56px !important;border-radius:18px !important}
html body.nf-pg-contact .divider{background:linear-gradient(90deg,transparent,rgba(255,140,40,.35),transparent) !important;border:0 !important;height:1px !important}
html body.nf-pg-contact .status-row{font:500 14px/1.5 var(--ds-font) !important;color:var(--ds-muted) !important}
html body.nf-pg-contact .pills{gap:8px !important;justify-content:center}
html body.nf-pg-contact :is(.icons-row,.icons-row-2){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:14px 8px !important}
@media (min-width:600px){html body.nf-pg-contact .icons-row-2{grid-template-columns:repeat(5,minmax(0,1fr)) !important}}
html body.nf-pg-contact .soc{min-width:0;justify-content:center;text-align:center}
html body.nf-pg-contact .soc-name{font:700 14px/1.3 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:0 !important;overflow-wrap:anywhere}

/* 8i Legal pages */
html body.nf-pg-legal :is(.legal-content,.legal-body) :is(p,li,.prose){font:400 15.5px/1.75 var(--ds-font) !important;color:var(--ds-text) !important}
html body.nf-pg-legal :is(.legal-content,.legal-body) a{color:var(--ds-acc-ink) !important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(194,65,12,.35)}
html body.nf-pg-legal .legal-body h3{font:700 16.5px/1.4 var(--ds-font) !important;color:var(--ds-ink) !important}
html body.nf-pg-legal .page .page{padding-left:0 !important;padding-right:0 !important}
html body.nf-pg-legal .page-meta{white-space:normal !important;overflow:visible !important}
html body.nf-pg-legal .notice{padding:16px 18px !important;color:var(--ds-text) !important}
html body.nf-pg-legal :is(.page-hero,.legal-content > .legal-title){text-align:left}

/* shared seo-nucleus block on internal pages (content-visibility removed, as on the homepage: no jump when it scrolls in) */
html body.nf-in #seo-nucleus{content-visibility:visible !important;contain-intrinsic-size:none !important}
html body.nf-in #seo-nucleus .seo-cat-grid{gap:16px !important}
html body.nf-in #seo-nucleus .seo-preset-label{font:800 15px/1.3 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:0 !important}
html body.nf-in #seo-nucleus .seo-block-desc{font:400 14px/1.6 var(--ds-font) !important;color:var(--ds-muted) !important}
html body.nf-in .seo-trust-card-hd{font:800 17px/1.3 var(--ds-font) !important;color:var(--ds-ink) !important;text-transform:none !important;letter-spacing:0 !important}
html body.nf-in .seo-trust-card p{font:400 14.5px/1.65 var(--ds-font) !important;color:var(--ds-muted) !important}
html body.nf-in .seo-step-num{background:linear-gradient(180deg,#FFEBDC,#FFDCC4) !important;color:#F26B00 !important;border:0 !important;border-radius:12px !important;font:800 14px/1 var(--ds-font) !important;box-shadow:inset 0 1px 0 #fff !important}
html body.nf-in .seo-trust-step{font:500 14px/1.5 var(--ds-font) !important;color:var(--ds-text) !important}

/* ── 9. Mobile safety ──────────────────────────────────────────────────────── */
html body.nf-in :is(.seo-cat-card,.plat-card,.tool-card,.art-card,.exp-card,.rel-card,.relc-card,.lcard,.nx-card,.stat-card,article.bc,.pillar-grid-card){min-width:0;overflow-wrap:anywhere}
html body.nf-in :is(.plat-btn,.tool-btn,.pgc-cta,.bc-cta,.seo-kw,.related-doc-chip){white-space:normal;text-align:center;line-height:1.25 !important}
@media (max-width:420px){
  html body.nf-in :is(.converter-section__row){flex-direction:column !important;align-items:stretch !important}
  html body.nf-in .converter-section__btn{width:100%}
  html body.nf-in :is(.sec-h,.seo-block-hd,.lib-faq__heading,.lib-footer__heading,.related-title,.faq-title,.grid-label,.pillars-label,.social-strip-title,.nx-langsec > .st){min-height:52px;padding:10px 14px !important;border-radius:16px !important}
  html body.nf-in :is(.converter-section,.glass-card,.legal-content,.legal-body,.lib-section,.seo-trust-card,.toc){border-radius:22px !important}
}

/* S18e — missing-asset hardening: a missing hero image must not render its long alt text as a
   temporary text block (it collapsed after the 404 and pushed the page up = layout shift). */
html body.nf-pg-gaming .hero-img-wrap img{font-size:0;line-height:0;color:transparent}
html body.nf-in [data-nf-pending-asset]:not(.is-loaded){display:none !important}
html body.nf-in .art-body img + .img-cap.nf-cap-orphan,html body.nf-in .img-cap.nf-cap-orphan{display:none !important}
/* <<< S18b design system <<< */