@font-face{font-family:"Jameel Noori Nastaleeq";src:local("Jameel Noori Nastaleeq"),local("Jameel-Noori-Nastaleeq"),url("https://cdn.jsdelivr.net/gh/mrafsarnoori/Urdu-Nastaleeq-Font@main/Jameel-Noori-Nastaleeq-Regular.ttf") format("truetype");font-display:swap}
:root{--ink:#f7f4ff;--muted:#a9a2c4;--bg:#0d0922;--panel:#171131;--panel2:#211842;--violet:#8657ff;--pink:#f65ccb;--lime:#c9ff57;--line:rgba(255,255,255,.1);--shadow:0 24px 70px rgba(5,2,20,.45)}
html[data-theme="day"]{--ink:#0d0d0d;--muted:#333;--bg:#fff;--panel:#f0e7ff;--panel2:#e4d5ff;--violet:#7041db;--pink:#c936a0;--lime:#9bd52f;--line:rgba(92,48,150,.2);--shadow:0 20px 55px rgba(83,43,139,.16)}
html[data-theme="night"]{--ink:#fff;--muted:#d2d2d2;--bg:#000;--panel:#0b0b0b;--panel2:#151515;--violet:#6f6f6f;--pink:#a5a5a5;--lime:#fff;--line:rgba(255,255,255,.18);--shadow:0 24px 70px rgba(0,0,0,.78)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.6;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.16;pointer-events:none;z-index:-1}.ambient-one{width:520px;height:520px;background:#814dff;top:-240px;left:-160px}.ambient-two{width:440px;height:440px;background:#ff4daf;right:-180px;top:390px}
.site-header{width:100%;height:78px;margin:0;padding:0 clamp(16px,3vw,48px);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Syne,sans-serif;font-size:22px;font-weight:800;white-space:nowrap}.brand>span:last-child span{color:var(--pink)}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:#100b28;background:linear-gradient(135deg,var(--lime),#53ffd7);transform:rotate(-7deg);box-shadow:0 6px 20px rgba(201,255,87,.18)}.main-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;color:var(--muted);transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff}.site-language{color:#fff;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800}.theme-toggle{position:relative;display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink);box-shadow:0 7px 20px rgba(0,0,0,.16)}.theme-toggle:hover{border-color:var(--violet);transform:translateY(-1px)}.theme-icon{font-size:18px;line-height:1}.theme-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:22px}
main{max-width:1240px;margin:auto;padding:0 24px}.hero{text-align:center;padding:100px 0 72px}.eyebrow,.kicker{color:var(--lime);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:7px}.hero h1{font-family:Syne,sans-serif;font-size:clamp(48px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62)}.hero>p{max-width:630px;margin:0 auto 40px;color:var(--muted);font-size:17px}.generator-card{max-width:780px;margin:auto;background:linear-gradient(145deg,rgba(35,27,69,.96),rgba(20,15,46,.96));border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:25px;box-shadow:var(--shadow);text-align:left}.field-row label{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:10px}.field-row label small{color:var(--muted);font-weight:600}.field-row input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0d0922;color:#fff;border-radius:13px;padding:17px 18px;font-size:19px;outline:none;transition:.2s}.field-row input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(134,87,255,.12)}.language-picker{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.lang-chip,.symbol-filter{border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.04);padding:8px 13px;border-radius:100px;font-size:12px;font-weight:700}.lang-chip.active,.symbol-filter.active{color:#110b27;background:var(--lime);border-color:var(--lime)}.action-row{display:flex;gap:10px}.primary-btn,.random-btn,.outline-btn{border:0;border-radius:12px;font-weight:800;padding:14px 22px}.primary-btn{background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff;box-shadow:0 10px 30px rgba(134,87,255,.25)}.primary-btn span{margin-left:14px}.action-row .primary-btn{flex:1}.random-btn{background:#fff;color:#17102f}.random-btn span{margin-right:7px}.proof{margin:23px auto 0;color:#756e92;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.proof span{color:#c7c1dd}.proof i{display:inline-block;width:3px;height:3px;background:#625b7e;border-radius:50%;margin:0 10px;vertical-align:middle}
.results-section,.symbols-section,.guide-section{padding:82px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-heading h2,.guide-intro h2,.cta h2,.page-hero h1{font-family:Syne,sans-serif;font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-2px;margin:8px 0 0}.section-heading>p{color:var(--muted);font-size:13px;max-width:330px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.name-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:82px;background:rgba(28,21,58,.8);border:1px solid var(--line);border-radius:15px;padding:17px;transition:.2s}.name-card:hover{border-color:rgba(201,255,87,.5);transform:translateY(-2px)}.name-card .name{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:5px}.icon-btn{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted)}.icon-btn:hover,.icon-btn.liked{color:#160d2c;background:var(--lime)}.outline-btn{display:block;margin:26px auto 0;color:#fff;background:transparent;border:1px solid var(--line)}.outline-btn:hover{border-color:var(--pink)}
.symbol-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.symbols-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.symbol-item{aspect-ratio:1;display:grid;place-items:center;background:var(--panel);color:#eee6ff;border:1px solid var(--line);border-radius:11px;font-size:23px;transition:.18s}.symbol-item:hover{background:var(--violet);transform:scale(1.06)}
.guide-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.guide-intro>p{color:var(--muted);max-width:430px}.text-link{display:inline-block;margin-top:10px;color:var(--lime);font-size:13px;font-weight:800}.steps article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps b{font-family:Syne;font-size:13px;color:var(--pink)}.steps h3{margin:0 0 5px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:13px}.cta{margin:38px 0 100px;border-radius:24px;padding:46px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#26175d,#551e6b 55%,#183f49);border:1px solid rgba(255,255,255,.12)}.cta h2{max-width:670px}.cta .primary-btn{white-space:nowrap;margin-left:20px}
footer{border-top:1px solid var(--line);background:#090618}.footer-main{max-width:1240px;margin:auto;padding:65px 24px 50px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-main h3{font-family:Syne;margin:0 0 16px;font-size:14px}.footer-main a:not(.brand){color:#918aa9;font-size:12px;margin:4px 0}.footer-main a:hover{color:var(--lime)}.footer-brand p{max-width:300px;color:var(--muted);font-size:13px}.socials{display:flex;gap:7px}.socials a{display:grid!important;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px}.footer-bottom{max-width:1240px;margin:auto;padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#68617f;font-size:11px}.footer-bottom div{display:flex;gap:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);z-index:100;background:var(--lime);color:#100b22;font-weight:800;font-size:13px;padding:10px 18px;border-radius:100px;transition:.25s;box-shadow:0 10px 30px #0008}.toast.show{transform:translate(-50%,0)}
footer{border-top:1px solid var(--line);background:#090618}.footer-main{max-width:1240px;margin:auto;padding:65px 24px 38px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-main h3{font-family:Syne;margin:0 0 16px;font-size:14px}.footer-main a:not(.brand){color:#918aa9;font-size:12px;margin:4px 0}.footer-main a:hover{color:var(--lime)}.footer-brand p{max-width:300px;color:var(--muted);font-size:13px}.socials{display:flex;gap:7px}.socials a{display:grid!important;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px}.footer-about{max-width:1192px;margin:0 auto 28px;padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.footer-about h3{font-family:Syne,sans-serif;font-size:16px;margin:0 0 7px}.footer-about p{max-width:590px;margin:0;color:#817a99;font-size:12px;line-height:1.75}.footer-tags{display:flex;align-content:flex-start;justify-content:flex-end;gap:7px;flex-wrap:wrap}.footer-tags a{padding:6px 10px;border:1px solid var(--line);border-radius:100px;color:#918aa9;font-size:10px}.footer-tags a:hover{color:var(--lime);border-color:rgba(201,255,87,.45)}.footer-bottom{max-width:1240px;margin:auto;padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#68617f;font-size:11px}.footer-bottom div{display:flex;gap:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);z-index:100;background:var(--lime);color:#100b22;font-weight:800;font-size:13px;padding:10px 18px;border-radius:100px;transition:.25s;box-shadow:0 10px 30px #0008}.toast.show{transform:translate(-50%,0)}
.page-content{min-height:65vh}.page-hero{text-align:center;padding:100px 20px 64px;border-bottom:1px solid var(--line)}.page-hero p{max-width:700px;margin:20px auto;color:var(--muted)}.page-body{max-width:880px;margin:60px auto 100px}.page-body h2{font-family:Syne;font-size:30px;margin:45px 0 10px}.page-body h3{margin-top:30px}.page-body p,.page-body li{color:var(--muted)}.name-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.content-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between}.content-card button{border:0;background:var(--lime);border-radius:7px;padding:6px 10px;font-weight:800}.faq-card{border:1px solid var(--line);border-radius:13px;margin:10px 0;padding:0 20px;background:var(--panel)}.faq-card summary{cursor:pointer;padding:18px 0;font-weight:800}.faq-card p{padding-bottom:15px;margin-top:0}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#fff}.contact-form textarea{min-height:130px}
@media(max-width:1250px){.site-header{height:68px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:16px;right:16px;padding:18px;flex-direction:column;align-items:stretch;background:#171131;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.site-language{order:2}.hero{padding-top:70px}.hero h1{letter-spacing:-2px}.results-grid{grid-template-columns:repeat(2,1fr)}.symbols-grid{grid-template-columns:repeat(7,1fr)}.guide-section{grid-template-columns:1fr;gap:45px}.cta{align-items:flex-start;flex-direction:column;gap:25px}.cta .primary-btn{margin-left:0}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:540px){main{padding:0 16px}.hero{padding-top:56px}.hero h1{font-size:43px}.hero>p{font-size:14px}.generator-card{padding:17px}.language-picker{gap:5px}.lang-chip{padding:7px 9px}.action-row{flex-direction:column}.proof{line-height:2}.section-heading{align-items:flex-start;flex-direction:column}.results-grid{grid-template-columns:1fr}.symbols-grid{grid-template-columns:repeat(5,1fr)}.symbols-section,.results-section,.guide-section{padding:58px 0}.cta{padding:29px;margin-bottom:70px}.footer-main{grid-template-columns:1fr;gap:40px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.name-list{grid-template-columns:1fr}.page-hero{padding:70px 0 50px}}

.brand img{width:40px;height:40px;filter:drop-shadow(0 7px 15px rgba(134,87,255,.28))}.main-nav a{font-weight:800}.site-language{max-width:132px}.name-builder{display:grid;grid-template-columns:78px 1fr 78px;gap:8px}.name-builder select{min-width:0;border:1px solid rgba(255,255,255,.12);background:#0d0922;color:#fff;border-radius:13px;padding:0 10px;font-size:18px;text-align:center;outline:none}.language-picker{max-height:104px;overflow:auto;padding-right:4px}.language-picker::-webkit-scrollbar{width:5px}.language-picker::-webkit-scrollbar-thumb{background:var(--violet);border-radius:10px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.category-tab{border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:9px 14px;border-radius:100px;font-size:12px;font-weight:800}.category-tab.active{color:#100b22;background:var(--lime);border-color:var(--lime)}.favorite-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:35px}.inner-generator{padding:24px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;margin:28px 0}.clan-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.clan-fields label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:800}.clan-fields input{width:100%;padding:14px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:#fff;outline:none}.inner-generator .primary-btn{margin-top:14px}.favorite-btn.liked{background:var(--pink);color:#fff}
.generator-card{max-width:980px}.generator-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.decoration-table{border:1px solid var(--line);background:#0d0922;border-radius:15px;padding:14px}.decoration-title{font-size:13px;font-weight:800;margin-bottom:10px}.decoration-preview{display:grid;place-items:center;min-height:58px;margin-bottom:10px;border:1px solid rgba(201,255,87,.28);border-radius:11px;background:rgba(201,255,87,.07);color:var(--lime);font-size:20px;font-weight:800}.decoration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:169px;overflow:auto;padding-right:3px}.decoration-option{min-width:0;padding:8px 5px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:13px;white-space:nowrap}.decoration-option:hover,.decoration-option.active{border-color:var(--lime);background:var(--lime);color:#100b22}.decoration-grid::-webkit-scrollbar{width:4px}.decoration-grid::-webkit-scrollbar-thumb{background:var(--violet);border-radius:10px}
.symbols-section{padding:55px 0}.symbols-grid{max-height:220px;overflow:auto;padding-right:5px}.symbol-item{aspect-ratio:auto;height:42px;font-size:18px}.symbols-grid::-webkit-scrollbar{width:5px}.symbols-grid::-webkit-scrollbar-thumb{background:var(--violet);border-radius:10px}
.results-section{padding:52px 0}.results-section .results-grid{max-height:205px;overflow:auto;padding-right:5px}.side-ideas{display:grid;gap:7px;margin-bottom:10px}.side-idea-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:39px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);text-align:left}.side-idea-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-idea-row b{color:var(--lime);font-size:10px;text-transform:uppercase}.home-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:70px 0;border-top:1px solid var(--line)}.home-info-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.home-info-grid h2{font-family:Syne,sans-serif;font-size:28px;line-height:1.15}.home-info-grid p{color:var(--muted);font-size:13px}.home-info-grid details{border-bottom:1px solid var(--line);padding:10px 0}.home-info-grid summary{cursor:pointer;font-size:13px;font-weight:800}.whatsapp-float{position:fixed;left:22px;right:auto;bottom:22px;z-index:90;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;font-size:23px;box-shadow:0 12px 30px #0007}.brand{font-size:18px}
@media(max-width:760px){.generator-main{grid-template-columns:1fr}.decoration-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:155px}}
@media(max-width:760px){.home-info-grid{grid-template-columns:1fr}}
@media(max-width:540px){.name-builder{grid-template-columns:60px 1fr 60px}.clan-fields{grid-template-columns:1fr}.site-language{max-width:92px}.brand img{width:36px;height:36px}.brand{font-size:14px}.home-info-grid{padding:50px 0}}
.main-nav a{font-size:15px}.results-section{padding:36px 0}.results-section .section-heading{margin-bottom:18px}.results-section .name-card{min-height:64px;padding:12px}.results-section .results-grid{max-height:82px}.quick-symbols{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;max-width:760px;margin:14px auto 0}.quick-symbols button{min-width:42px;height:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:14px}.quick-symbols button:hover{border-color:var(--lime);color:var(--lime)}.whatsapp-float svg{width:30px;height:30px}

/* Expandable collections append below the current cards instead of scrolling inside a box. */
.generator-main{align-items:start}
.decoration-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.decoration-title span{color:var(--lime);font-size:10px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.decoration-grid,.results-section .results-grid,.symbols-grid{max-height:none;overflow:visible;padding-right:0}
.mini-more{display:block;width:100%;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:8px;background:rgba(134,87,255,.1);color:var(--lime);font-size:11px;font-weight:800}
.mini-more:hover{border-color:var(--lime)}
.outline-btn[hidden],.mini-more[hidden]{display:none}
.results-section,.symbols-section{transition:background .25s,border-color .25s,padding .25s}
.results-section.is-expanded,.symbols-section.is-expanded{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;background:linear-gradient(180deg,rgba(134,87,255,.08),rgba(246,92,203,.025));border-top-color:rgba(201,255,87,.35);border-radius:20px}
.results-section.is-expanded .results-grid,.symbols-section.is-expanded .symbols-grid{animation:collectionReveal .28s ease-out}
@keyframes collectionReveal{from{opacity:.45;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:540px){.results-section.is-expanded,.symbols-section.is-expanded{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}}
.builder-symbol-panel{margin-top:16px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(13,9,34,.62)}
.builder-symbol-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:12px;font-weight:800}
.builder-symbol-title small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.builder-symbol-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-height:255px;overflow-y:auto;padding-right:4px}
.builder-symbol-grid::-webkit-scrollbar{width:4px}.builder-symbol-grid::-webkit-scrollbar-thumb{background:var(--violet);border-radius:10px}
.builder-symbol-grid button{min-width:0;height:35px;padding:0 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:14px;white-space:nowrap;transition:.18s}
.builder-symbol-grid button:hover,.builder-symbol-grid button.active{border-color:var(--lime);background:var(--lime);color:#100b22;transform:translateY(-1px)}
@media(max-width:420px){.builder-symbol-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.decoration-grid{max-height:255px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.decoration-grid::-webkit-scrollbar{width:5px}.decoration-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:10px}.decoration-grid::-webkit-scrollbar-thumb{background:var(--violet);border-radius:10px}
.symbol-table-wrap{width:100%;max-width:620px;margin-left:auto;margin-right:auto;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.symbol-table{width:100%;border-collapse:collapse;min-width:480px}.symbol-table th,.symbol-table td{padding:14px 18px;border:1px solid rgba(255,255,255,.18);text-align:left}
.symbol-table th{position:sticky;top:0;background:#211842;color:var(--lime);font-size:11px;text-transform:uppercase;letter-spacing:.7px;z-index:1}
.symbol-table td{color:var(--muted);font-size:13px}.symbol-table tr:hover td{background:rgba(134,87,255,.07)}.symbol-table .table-symbol{width:100px;color:var(--ink);font-size:26px}.symbol-table .table-code{font-family:monospace;color:#c8c1dc}
.symbol-table td:nth-child(2){color:var(--ink);font-weight:800}.symbol-table th:last-child,.symbol-table td:last-child{width:72px;padding-left:9px;padding-right:9px;text-align:center}
.symbol-table button{border:0;border-radius:6px;padding:5px 9px;background:var(--lime);color:#100b22;font-size:10px;font-weight:800}
.content-card{min-width:0;align-items:center;gap:12px;overflow:hidden}.content-card>span{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.content-card>button{flex:0 0 auto}
.results-section .results-grid{width:100%;max-width:1050px;margin-left:auto;margin-right:auto}
.icon-btn.copy{display:grid;width:31px;min-width:31px;padding:0;color:var(--muted);background:rgba(255,255,255,.04);border-color:var(--line);font-size:14px}.icon-btn.copy:hover{color:#160d2c;background:var(--lime);border-color:var(--lime);transform:none}
.content-card>button,.symbol-table button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:30px;color:#100b22;background:var(--lime);white-space:nowrap;line-height:1;opacity:1;visibility:visible}.content-card>button:hover,.symbol-table button:hover{background:#fff;transform:translateY(-1px)}
.page-body .results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.page-body .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.page-body .results-grid{grid-template-columns:1fr}}
@media(max-width:540px){.content-card{padding:15px}.content-card>span{font-size:13px}}
.about-intro{text-align:center;max-width:720px;margin:0 auto 42px}.about-intro h2{font-size:38px}.about-intro p{font-size:16px;line-height:1.8}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:50px}.about-features article{padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.about-features b{color:var(--lime);font-family:Syne,sans-serif;font-size:28px}.about-features h3{margin:7px 0}.about-features p{margin:0}.about-copy{max-width:760px;margin:auto}.about-copy h2{font-size:27px}.about-copy p{font-size:15px;line-height:1.85}.about-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:48px;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#26175d,#551e6b 55%,#183f49)}.about-cta h2{margin:5px 0 0;font-size:27px}.about-cta .primary-btn{flex:0 0 auto}@media(max-width:600px){.about-features{grid-template-columns:1fr}.about-intro h2{font-size:30px}.about-cta{align-items:flex-start;flex-direction:column}.about-cta .primary-btn{width:100%;text-align:center}}
.contact-intro{text-align:center;max-width:700px;margin:0 auto 40px}.contact-intro h2{font-size:38px}.contact-intro p{font-size:15px;line-height:1.8}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.contact-details{display:grid;gap:12px}.contact-details article{display:flex;gap:15px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.contact-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:rgba(201,255,87,.12);color:var(--lime);font-size:18px}.contact-details h3{margin:0 0 5px}.contact-details p{margin:0;font-size:13px}.contact-details a{display:inline-block;margin-top:8px;color:var(--lime);font-size:13px;font-weight:800}.contact-form-card{padding:27px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.contact-form-card h2{margin:0 0 4px}.contact-form-card>p{margin-top:0}.contact-form label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:800}.contact-form select{padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#fff}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 3px rgba(134,87,255,.12)}.contact-form small{color:var(--muted);font-size:10px;text-align:center}@media(max-width:720px){.contact-layout{grid-template-columns:1fr}.contact-intro h2{font-size:30px}.contact-form-card{padding:20px}}
@media(max-width:1240px){.footer-about{margin-left:24px;margin-right:24px}}@media(max-width:700px){.footer-about{grid-template-columns:1fr;gap:20px}.footer-tags{justify-content:flex-start}}@media(max-width:540px){.footer-about{margin-left:16px;margin-right:16px}}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.blog-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.2s}.blog-card:hover{border-color:rgba(201,255,87,.5);transform:translateY(-3px)}.blog-card h2{font-size:22px;margin:9px 0}.blog-card p{flex:1}.blog-card a,.blog-back{color:var(--lime);font-size:12px;font-weight:800}.blog-date{display:block;color:var(--pink);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.blog-article{max-width:760px;margin:auto}.blog-article>.blog-date{margin:18px 0}.blog-article h2{font-size:28px}.blog-article p{font-size:15px;line-height:1.85}.related-posts{margin-top:60px;padding-top:15px;border-top:1px solid var(--line)}.related-posts .blog-grid{grid-template-columns:1fr 1fr}.related-posts .blog-card h2{font-size:18px}.related-posts .blog-card{padding:18px}
@media(max-width:650px){.blog-grid,.related-posts .blog-grid{grid-template-columns:1fr}}
.how-intro{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(134,87,255,.18),rgba(246,92,203,.08));margin-bottom:34px}.how-intro h2{margin-top:0}.how-intro .primary-btn{display:inline-block;margin-top:12px}.how-steps{display:grid;gap:12px}.how-steps article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.how-steps b{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--lime);color:#100b22;font-family:Syne,sans-serif}.how-steps h2{font-size:22px;margin:0 0 5px}.how-steps p{margin:0}.game-change-guide{margin-top:45px;padding:30px;border:1px solid rgba(201,255,87,.24);border-radius:18px;background:#13102b}.game-change-guide h2{margin-top:8px}.game-change-guide ol{display:grid;gap:10px;padding-left:22px}.how-tips>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.how-tips article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.how-tips h3{margin:0 0 6px}.how-tips p{margin:0}.how-final{text-align:center;margin-top:45px;padding:38px 25px;border-radius:20px;background:linear-gradient(115deg,#26175d,#551e6b 55%,#183f49)}.how-final h2{margin-top:0}.how-final .primary-btn{display:inline-block;margin-top:12px}@media(max-width:600px){.how-tips>div{grid-template-columns:1fr}.how-steps article{grid-template-columns:42px 1fr;padding:17px}.how-steps b{width:40px;height:40px}.how-intro,.game-change-guide{padding:22px}}
.free-style-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid rgba(134,87,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(134,87,255,.2),rgba(246,92,203,.09))}.free-style-intro h2{margin:6px 0 4px}.free-style-intro p{margin:0}.free-style-count{flex:0 0 auto;display:grid;place-items:center;min-width:126px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(13,9,34,.65)}.free-style-count strong{color:var(--lime);font-family:Syne,sans-serif;font-size:30px;line-height:1}.free-style-count span{margin-top:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.free-style-search{display:grid;gap:7px;margin:24px 0 0;color:var(--ink);font-size:12px;font-weight:800}.free-style-search input{width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:#fff;outline:0}.free-style-search input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(134,87,255,.12)}.free-style-grid{margin-top:16px}.free-style-grid .content-card{min-height:66px;padding:14px 16px}.free-style-grid .content-card>span{font-size:14px}.free-style-grid+.favorite-empty{margin:24px 0 0}.symbol-table th,.symbol-table td{padding:8px 12px}.symbol-table .table-symbol{width:82px;font-size:21px}.symbol-table button{min-height:26px;padding:4px 8px}
.symbol-table th:nth-child(2),.symbol-table td:nth-child(2){width:260px}
@media(max-width:600px){.free-style-intro{align-items:flex-start;flex-direction:column;padding:21px}.free-style-count{width:100%}.free-style-grid{grid-template-columns:1fr}}
.relevant-content{margin-top:64px;padding-top:38px;border-top:1px solid var(--line)}.relevant-content h2{margin:8px 0 12px}.relevant-content>p{max-width:760px;font-size:14px;line-height:1.8}.relevant-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.relevant-content-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.relevant-content-grid h3{margin:0 0 7px;font-size:15px}.relevant-content-grid p{margin:0;font-size:12px;line-height:1.7}
@media(max-width:700px){.relevant-content{margin-top:48px;padding-top:30px}.relevant-content-grid{grid-template-columns:1fr}}

/* Responsive Symbols page: full table on desktop/tablet, compact rows on phones. */
@media(min-width:701px) and (max-width:1000px){.symbol-table-wrap{max-width:100%}.symbol-table{min-width:0;table-layout:fixed}.symbol-table .table-symbol{width:90px}.symbol-table th:nth-child(2),.symbol-table td:nth-child(2){width:auto}.symbol-table th:last-child,.symbol-table td:last-child{width:78px}}
@media(max-width:700px){.symbol-table-wrap{max-width:100%;overflow:visible;border:0;background:transparent}.symbol-table{display:block;width:100%;min-width:0}.symbol-table thead{display:none}.symbol-table tbody{display:grid;gap:9px}.symbol-table tr{display:grid;grid-template-columns:58px minmax(0,1fr) 62px;align-items:center;min-height:58px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.symbol-table td{display:flex;align-items:center;min-width:0;height:100%;padding:9px 10px;border:0;border-right:1px solid var(--line)}.symbol-table td:nth-child(2){width:auto;overflow-wrap:anywhere;word-break:break-word;font-size:12px}.symbol-table td:last-child{width:auto;padding:8px;border-right:0}.symbol-table .table-symbol{justify-content:center;width:auto;font-size:20px}.symbol-table button{width:100%;min-width:0;min-height:30px;padding:5px;font-size:9px}}
@media(max-width:420px){.symbol-table tr{grid-template-columns:50px minmax(0,1fr) 58px}.symbol-table td{padding:8px}.symbol-table .table-symbol{font-size:18px}}

html,body,.site-header,footer,.generator-card,.name-card,.content-card,.inner-generator,.symbol-table-wrap,.relevant-content-grid article{transition:background-color .25s ease,color .25s ease,border-color .25s ease}
html[data-theme="day"] .site-header{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}html[data-theme="day"] .main-nav a:hover,html[data-theme="day"] .main-nav a.active,html[data-theme="day"] .menu-toggle{color:var(--violet)}html[data-theme="day"] .site-language{color:var(--ink)}html[data-theme="day"] .hero h1 em{color:transparent;-webkit-text-stroke-color:rgba(79,37,128,.62)}html[data-theme="day"] .generator-card{background:linear-gradient(145deg,#f7f1ff,#e6d8ff)}html[data-theme="day"] .field-row input,html[data-theme="day"] .name-builder select,html[data-theme="day"] .clan-fields input{background:#fbf8ff;color:var(--ink)}html[data-theme="day"] .name-card{background:var(--panel)}html[data-theme="day"] footer{background:#e9ddfb}html[data-theme="day"] .game-change-guide{background:#eee3ff}html[data-theme="day"] .free-style-count{background:#f8f3ff}html[data-theme="day"] .symbol-table th{background:#ddcbff}html[data-theme="day"] .contact-form input,html[data-theme="day"] .contact-form textarea,html[data-theme="day"] .contact-form select{color:var(--ink)}
html[data-theme="night"] .site-header{background:rgba(0,0,0,.96);backdrop-filter:blur(14px)}html[data-theme="night"] footer{background:#000}html[data-theme="night"] .generator-card{background:linear-gradient(145deg,#171717,#050505)}html[data-theme="night"] .field-row input,html[data-theme="night"] .name-builder select,html[data-theme="night"] .clan-fields input{background:#050505;color:#fff}html[data-theme="night"] .name-card{background:#0b0b0b}html[data-theme="night"] .game-change-guide{background:#0b0b0b}html[data-theme="night"] .free-style-count{background:#050505}html[data-theme="night"] .symbol-table th{background:#151515}
@media(max-width:1250px){.theme-toggle{order:3}.site-language{order:2}html[data-theme="day"] .main-nav{background:#f0e7ff}html[data-theme="night"] .main-nav{background:#0b0b0b}}
@media(max-width:600px){.site-header{gap:8px;padding-left:12px;padding-right:12px}.theme-toggle{flex-basis:38px;width:38px;height:38px}.site-language{max-width:78px;padding-left:6px;padding-right:6px}}
@media(max-width:420px){.site-header .brand>span{display:none}}
html[data-theme="day"] .symbol-item,html[data-theme="day"] .symbol-table td,html[data-theme="day"] .symbol-table td:nth-child(2),html[data-theme="day"] .symbol-table .table-symbol,html[data-theme="day"] .main-nav a,html[data-theme="day"] .main-nav a:hover,html[data-theme="day"] .main-nav a.active,html[data-theme="day"] .brand>span:last-child span,html[data-theme="day"] .page-body p,html[data-theme="day"] .page-body li,html[data-theme="day"] .hero>p,html[data-theme="day"] .section-heading>p,html[data-theme="day"] .guide-intro>p,html[data-theme="day"] .steps p,html[data-theme="day"] .home-info-grid p,html[data-theme="day"] .footer-main a:not(.brand),html[data-theme="day"] .footer-brand p,html[data-theme="day"] .proof,html[data-theme="day"] .proof span,html[data-theme="day"] .eyebrow,html[data-theme="day"] .kicker,html[data-theme="day"] .text-link,html[data-theme="day"] .side-idea-row b,html[data-theme="day"] .quick-symbols button,html[data-theme="day"] .outline-btn,html[data-theme="day"] .free-style-count strong,html[data-theme="day"] .free-style-count span,html[data-theme="day"] .icon-btn,html[data-theme="day"] .primary-btn,html[data-theme="day"] .random-btn,html[data-theme="day"] .site-language,html[data-theme="day"] .theme-toggle,html[data-theme="day"] .menu-toggle{color:#000}
html[data-theme="day"] input,html[data-theme="day"] textarea,html[data-theme="day"] select{color:#000}html[data-theme="day"] input::placeholder,html[data-theme="day"] textarea::placeholder{color:#4a4a4a;opacity:1}html[data-theme="day"] .cta,html[data-theme="day"] .about-cta,html[data-theme="day"] .how-final{background:linear-gradient(115deg,#eadcff,#f5eaff 55%,#e1d2fa)}
html[data-theme="day"] body :where(h1,h2,h3,h4,p,li,span,a,label,summary,small,strong,em,button,input,textarea,select,option,td,th){color:#000!important}
html[data-theme="night"] .ambient{display:none}html[data-theme="night"] body :where(h1,h2,h3,h4,p,li,span,a,label,summary,small,strong,em,input,textarea,select,option,td,th){color:#fff!important}html[data-theme="night"] .brand img{filter:grayscale(1) brightness(1.45)}html[data-theme="night"] .decoration-table{background:#050505}html[data-theme="night"] .cta,html[data-theme="night"] .about-cta,html[data-theme="night"] .how-final,html[data-theme="night"] .free-style-intro,html[data-theme="night"] .how-intro{background:linear-gradient(135deg,#181818,#070707)}html[data-theme="night"] .primary-btn,html[data-theme="night"] .random-btn,html[data-theme="night"] .content-card>button,html[data-theme="night"] .symbol-table button,html[data-theme="night"] .lang-chip.active,html[data-theme="night"] .symbol-filter.active,html[data-theme="night"] .category-tab.active,html[data-theme="night"] .icon-btn:hover,html[data-theme="night"] .icon-btn.liked,html[data-theme="night"] .decoration-option:hover,html[data-theme="night"] .decoration-option.active{background:#1c1c1c;color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none}html[data-theme="night"] .symbol-item:hover,html[data-theme="night"] .symbol-table tr:hover td{background:#202020}html[data-theme="night"] input:focus,html[data-theme="night"] textarea:focus,html[data-theme="night"] select:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
html[data-name-language="urdu"] #resultsGrid .name,html[data-name-language="urdu"] #decorationPreview span{font-family:"Jameel Noori Nastaleeq","Noto Nastaliq Urdu",serif;font-size:23px;font-weight:400;line-height:1.9;direction:rtl;unicode-bidi:plaintext}html[data-name-language="urdu"] #resultsGrid .name-card{min-height:96px}
