:root{--ink:#17172f;--muted:#62647a;--purple:#7134f6;--pink:#fa3c8d;--peach:#ff9078;--violet:#f0eaff;--line:#e8e5f1;--bg:#fefdfd;--white:#fff;--shadow:0 24px 65px rgba(73,44,130,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--bg);font:15px/1.57 'DM Sans',system-ui,-apple-system,sans-serif;color:var(--ink);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9767fe;outline-offset:3px}.wrap{width:min(1210px,calc(100% - 52px));margin:auto}.main-header{position:sticky;top:0;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #f0eaf4;z-index:60}.header-in{min-height:76px;display:flex;align-items:center;gap:35px}.logo{font:800 25px/1.1 'Playfair Display',Georgia,serif;letter-spacing:-1.3px;white-space:nowrap;display:inline-flex;gap:10px;align-items:center}.logomark{font:900 24px/1 Manrope,sans-serif;background:linear-gradient(130deg,#ff997c,#fb3d87 50%,#5d24ff);color:white;width:34px;height:34px;border-radius:11px 11px 9px 9px;display:grid;place-items:center;transform:rotate(-8deg)}.nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:13px}.nav a:hover,.nav button:hover{color:var(--purple)}.navgroup{position:relative}.navgroup>button{border:0;background:none;color:inherit;font-weight:700;padding:14px 3px}.dropdown{display:none;position:absolute;top:100%;left:-14px;width:254px;padding:10px;border-radius:18px;border:1px solid var(--line);background:white;box-shadow:var(--shadow);z-index:80}.dropdown a{display:block;border-radius:10px;padding:9px 12px;color:#28233b}.dropdown a:hover{background:#f6f1ff}.navgroup:hover .dropdown,.navgroup:focus-within .dropdown,.navgroup.open .dropdown{display:block}.actions{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:14px;padding:12px 18px;font-size:13px;font-weight:800;border:1px solid var(--line);background:white;color:#29233c;box-shadow:0 4px 13px #3d287112;transition:transform .18s,border-color .18s,box-shadow .18s;white-space:nowrap;line-height:1.2}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #6d50ad21}.btn.gradient{color:white;border:0;background:linear-gradient(110deg,#ff8a6f 0%,#fa438f 45%,#6322ff 100%);box-shadow:0 10px 22px #ee58b338}.btn.purple{background:#712df5;color:white;border:0}.btn.ghost{background:#faf7ff}.btn.small{padding:9px 12px;font-size:12px}.menu-btn{display:none}.mobile-nav{display:none}.site-main{min-height:70vh}.top-hero{position:relative;isolation:isolate;overflow:hidden;padding:47px 0 30px;background:radial-gradient(circle at 97% 1%,#e9e3ff 0,transparent 27%),radial-gradient(circle at 67% 42%,#ffe4ef 0,transparent 40%),radial-gradient(circle at 2% 36%,#ffe9df 0,transparent 22%),#fffdfd}.top-hero:before{content:'';position:absolute;width:480px;height:240px;border-radius:55% 45% 60% 40%;background:linear-gradient(120deg,#aee4ffba,#e8caffb4,#ffacb391);right:-80px;top:80px;transform:rotate(-19deg);filter:blur(1px);z-index:-1}.top-hero:after{content:'';position:absolute;width:310px;height:310px;background:radial-gradient(circle,#ffb58db0,transparent 68%);left:-210px;top:15%;z-index:-1}.hero-heading{position:relative;max-width:575px;padding-bottom:20px}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;text-transform:uppercase;color:#7457a3}.hero-heading h1{font:800 clamp(41px,4.8vw,67px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-2.2px;margin:14px 0 16px}.hero-heading h1 em{font-style:italic;background:linear-gradient(100deg,#ff9165,#f8408c 50%,#6d22fa);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-heading p{font-size:16px;color:#5c5a71;max-width:520px;line-height:1.65;margin:0 0 18px}.platform-icons{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.platform-icons a{width:41px;height:41px;border-radius:13px;background:white;box-shadow:0 5px 16px #24204b12;border:1px solid #eee7f4;display:grid;place-items:center;font-size:22px;transition:transform .15s}.platform-icons a:hover{transform:translateY(-3px)}.hero-workspace{display:grid;grid-template-columns:1.14fr .86fr;align-items:stretch;gap:20px;margin-top:16px}.studio-card,.results-card{border:1px solid #f0e9f3;background:rgba(255,255,255,.94);box-shadow:var(--shadow);border-radius:26px;padding:24px;min-width:0}.studio-card{position:relative}.results-card{background:linear-gradient(125deg,#fbf7ff,#fff9fd 42%,#f2efff);border-color:#fff;box-shadow:0 25px 50px #c879df22}.field-title{font-size:13px;font-weight:800;color:#24213a;margin:0 0 8px;display:block}.namefield{position:relative;display:flex;align-items:center}.namefield input{width:100%;border:1px solid #dedcea;background:white;padding:13px 42px 13px 15px;border-radius:12px;font-size:15px;outline:none;min-height:48px}.namefield input:focus{border-color:#9965fb;box-shadow:0 0 0 3px #9462ff1d}.clear-name{position:absolute;right:11px;border:0;color:#9690aa;background:transparent;font-size:21px}.form-row{margin-top:19px}.chipset{display:flex;gap:7px;flex-wrap:wrap}.choice{border:1px solid #e9e5f1;background:#fff;border-radius:10px;padding:9px 12px;color:#36324d;font-size:12px;font-weight:750;box-shadow:0 2px 8px #3d287009;min-height:37px}.choice:hover{border-color:#b8a2f6}.choice[aria-pressed="true"]{border-color:#f9439b;color:#a31f6f;background:#fff0f7;box-shadow:0 0 0 1px #ff4c9f38}.switches{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toggle{display:flex;align-items:center;gap:8px;background:#fcfbff;border:1px solid var(--line);padding:8px 10px;border-radius:12px;cursor:pointer;font-weight:700;font-size:12px;min-height:40px}.toggle input{position:absolute;opacity:0;width:0;height:0}.switch-visual{width:32px;height:20px;border-radius:50px;background:#d7d9df;position:relative;flex:none;transition:background .15s}.switch-visual:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.toggle input:checked+.switch-visual{background:#7432f7}.toggle input:checked+.switch-visual:before{transform:translateX(12px)}.toggle:focus-within{outline:2px solid #8651fa}.form-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}.form-buttons .btn.gradient{min-width:170px}.text-btn{border:0;background:transparent;color:#6526e8;font-weight:800;font-size:13px;padding:10px 4px}.text-btn:hover{text-decoration:underline}.studio-note{margin:13px 0 0;font-size:11px;line-height:1.5;color:#777286}.results-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.results-top h2{font:800 clamp(19px,2vw,24px)/1.24 'Playfair Display',Georgia,serif;letter-spacing:-.5px;margin:0}.results-top h2 strong{color:#7130ed;font-style:italic}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-item{border-radius:12px;padding:10px 10px 10px 12px;display:flex;align-items:center;gap:8px;background:white;border:1px solid #f0ecf4;min-width:0;min-height:54px}.rank{background:#f9e6f4;color:#e63684;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex:none;font-weight:800;font-size:12px}.result-item:nth-child(4n+2) .rank{background:#ffede1;color:#ef663c}.result-item:nth-child(4n+3) .rank{background:#eee6ff;color:#7b35eb}.result-item:nth-child(4n+4) .rank{background:#e4f3ff;color:#2986c6}.handle{font-size:12px;font-weight:800;overflow-wrap:anywhere;min-width:0;flex:1}.copy-btn{border:1px solid #ede9f3;background:#fdfcff;border-radius:10px;padding:7px 8px;font-size:11px;font-weight:800;color:#393048;flex:none}.copy-btn:hover{background:#f0e9ff}.small-link{font-size:12px;font-weight:800;color:#6d2ced}.results-foot{margin:15px 0 0;color:#776f86;font-size:11px;line-height:1.5}.section{padding:59px 0}.section.alt{background:#fcf9ff}.sectionhead{display:flex;align-items:end;gap:20px;justify-content:space-between;margin-bottom:24px}.sectionhead h2,.block-head{font:800 clamp(29px,3vw,39px)/1.14 'Playfair Display',Georgia,serif;letter-spacing:-.8px;margin:5px 0 0}.sectionhead p{margin:10px 0 0;color:var(--muted);max-width:650px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-card{min-height:108px;border:1px solid #ede8f1;border-radius:17px;padding:15px;display:flex;gap:13px;align-items:center;position:relative;background:#fff7f4;transition:transform .15s,box-shadow .15s}.category-card:nth-child(8n+2){background:#fdf3ff}.category-card:nth-child(8n+3){background:#effaff}.category-card:nth-child(8n+4){background:#fff3fa}.category-card:nth-child(8n+5){background:#f1f4ff}.category-card:nth-child(8n+6){background:#fff5f7}.category-card:nth-child(8n+7){background:#f1f2f8}.category-card:nth-child(8n+8){background:#fff9f1}.category-card:hover{transform:translateY(-4px);box-shadow:0 14px 25px #623ea51c}.card-emblem{height:55px;width:55px;border-radius:14px;display:grid;place-items:center;font-size:29px;flex:none;background:linear-gradient(135deg,#fff,#f4e4ff);border:1px solid #eee6f4}.category-card h3{font:800 13px/1.3 Manrope,sans-serif;margin:0 0 6px}.category-card p{font-size:11px;line-height:1.4;color:#69677b;margin:0}.cardarrow{margin-left:auto;align-self:center;font-size:19px;color:#5e40a0}.compact-categories{grid-template-columns:repeat(4,1fr)}.soft-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.style-tile{border-radius:18px;border:1px solid #eee7f3;background:#f8f4ff;padding:17px;display:flex;gap:15px;align-items:center;min-height:95px}.style-tile:nth-child(2){background:#fff2f6}.style-tile:nth-child(3){background:#252434;color:white}.style-tile:nth-child(4){background:#f8f8f5}.style-tile .card-emblem{width:48px;height:48px;font-size:26px}.style-tile span{display:block;color:#777080;font-size:11px}.style-tile:nth-child(3) span{color:#d6d0e5}.footer{background:#1b1932;color:white;padding:45px 0 25px;margin-top:40px}.footer-in{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer p{max-width:430px;color:#d1ccdd;font-size:13px}.footerlinks{display:flex;gap:12px 26px;flex-wrap:wrap;max-width:600px;font-size:12px;font-weight:700;color:#f5f0fa}.footer-note{border-top:1px solid #474057;padding-top:15px;margin-top:28px;color:#aaa5bb;font-size:11px}.crumb{padding-top:22px;color:#807a8b;font-size:12px}.crumb a{text-decoration:underline;text-decoration-color:#d5cfdf}.detail-hero{padding:26px 0 38px;background:radial-gradient(circle at 93% 13%,#ebe1ff,transparent 32%),radial-gradient(circle at 7% 35%,#ffebe3,transparent 22%),#fffdfe}.detail-intro h1{font:800 clamp(37px,4.8vw,58px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-1.3px;margin:12px 0 9px}.detail-intro p{color:#686176;font-size:15px;max-width:830px;line-height:1.72;margin:0}.detail-hero .hero-workspace{margin-top:24px}.statline{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 0}.statpill{font-size:11px;padding:8px 12px;background:white;border:1px solid #e9e3ef;border-radius:100px;font-weight:800}.split-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.68fr);gap:30px}.idea-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.idea-entry{padding:12px 14px;background:white;border:1px solid #ede7f2;border-radius:13px;display:flex;align-items:center;gap:9px;min-width:0}.idea-entry code{font:700 13px Manrope,sans-serif;overflow-wrap:anywhere;min-width:0;flex:1}.save-btn{border:0;background:#fbf4ff;border-radius:10px;min-width:34px;height:33px;color:#aa3a9a;font-size:18px}.save-btn[aria-pressed="true"]{background:#ffe6f0;color:#d92972}.pager{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.pager button{width:37px;height:37px;border:1px solid #e6e0ee;background:white;border-radius:10px;font-size:12px;font-weight:800}.pager button.current{color:white;background:#7434ec;border-color:#7434ec}.aside-card{padding:22px;background:#f6f2ff;border:1px solid #eee5ff;border-radius:18px;margin-bottom:14px}.aside-card h3{font:800 20px/1.2 'Playfair Display',Georgia,serif;margin:0 0 10px}.aside-card p{color:#6e677d;font-size:12px;line-height:1.7}.related a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e4daef;font-size:12px;font-weight:800}.seo{background:#fcfaff;padding:48px 0 65px}.editorial{max-width:820px;line-height:1.85;color:#504c61}.editorial h2{font:800 29px/1.3 'Playfair Display',Georgia,serif;color:#1c1a33;margin:25px 0 12px}.editorial h3{font:800 19px/1.4 Manrope,sans-serif;color:#221c34;margin:20px 0 12px}.editorial p{margin:0 0 19px}.editorial ul{padding-left:24px}.faq details{padding:14px 0;border-bottom:1px solid #e5e0ef}.faq summary{font-weight:800;cursor:pointer}.faq p{margin:10px 0}.catalog-top{padding:46px 0;background:radial-gradient(circle at 90%,#e9dfff,transparent 39%),#fffcff}.catalog-top h1{font:800 clamp(43px,5vw,63px)/1.1 'Playfair Display',Georgia,serif;margin:12px 0}.catalog-top p{color:#676176;max-width:650px}.searchinput{width:min(670px,100%);border:1px solid #ded5ec;border-radius:15px;background:white;padding:15px 16px;font-size:15px;box-shadow:var(--shadow)}.catalog-tools{display:flex;gap:7px;flex-wrap:wrap;padding-top:20px}.catalog-tools a{border:1px solid #e9dfed;border-radius:100px;background:white;padding:8px 12px;font-size:12px;font-weight:800}.catalog-section{padding-top:20px;padding-bottom:33px;scroll-margin-top:105px}.catalog-section h2{font:800 26px 'Playfair Display',Georgia,serif;margin:0 0 13px}.catalog-section>p{color:#6c687b;margin:-5px 0 19px;font-size:13px}.browsegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.browse-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #eae4f1;background:white;border-radius:14px;min-height:76px}.browse-card:hover{background:#faf5ff;border-color:#c6afff}.browse-card .card-emblem{height:42px;width:42px;font-size:23px}.browse-card strong{font-size:12px;line-height:1.35}.browse-card small{font-size:11px;display:block;color:#726e80}.hide{display:none!important}.empty{padding:38px;background:#fbf8ff;border:1px dashed #d8cfeb;border-radius:18px;color:#736b81;text-align:center}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:11px 18px;background:#241b3b;color:white;border-radius:100px;box-shadow:0 8px 30px #0003;opacity:0;transition:.18s;pointer-events:none;z-index:150;font-size:13px;font-weight:800}.toast.visible{opacity:1;transform:translate(-50%,0)}.nobr{white-space:nowrap}.saved-board{min-height:160px}.explain{font-size:11px;color:#6c667e}.seo-mini{padding:30px 0;background:#fcfaff}.seo-mini p{max-width:900px;color:#5f596c;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.nav{gap:14px}.header-in{gap:21px}.hero-workspace{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.compact-categories,.soft-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:810px){.header-in{min-height:66px}.nav{display:none}.menu-btn{display:inline-flex}.actions .btn.gradient{display:none}.mobile-nav{display:none;padding:9px 0 20px;border-top:1px solid #f3ecf8}.mobile-nav.show{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mobile-nav a{background:#f9f5ff;border-radius:10px;padding:10px;font-size:13px;font-weight:800}.hero-workspace{grid-template-columns:1fr}.hero-heading{max-width:650px}.top-hero{padding-top:37px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}.browsegrid{grid-template-columns:repeat(2,1fr)}.split-detail{grid-template-columns:1fr}.footer-in{flex-wrap:wrap}}@media(max-width:520px){.result-grid{grid-template-columns:1fr}.result-item{min-height:49px}.handle{font-size:12px}.wrap{width:calc(100% - 28px)}.logo{font-size:22px}.logomark{width:30px;height:30px;font-size:21px}.actions .btn.small{padding:9px 10px}.actions{gap:6px}.top-hero{padding:30px 0 24px}.hero-heading h1{font-size:clamp(38px,10.1vw,51px);letter-spacing:-1.7px;line-height:1.11}.hero-heading p{font-size:14px}.studio-card,.results-card{padding:17px;border-radius:21px}.hero-workspace{gap:13px}.result-grid{grid-template-columns:1fr 1fr;gap:7px}.result-item{padding:9px 8px;gap:6px}.rank{width:24px;height:24px;font-size:11px}.handle{font-size:11px}.copy-btn{padding:6px;font-size:10px}.field-title{font-size:12px}.choice{padding:8px 9px}.form-buttons{gap:8px}.form-buttons .btn.gradient{min-width:140px}.section{padding:36px 0}.sectionhead{align-items:start;display:block}.sectionhead .btn{margin-top:15px}.sectionhead h2{font-size:29px}.category-grid{gap:9px}.category-card{padding:10px;gap:9px;min-height:106px}.card-emblem{height:41px;width:41px;font-size:23px;border-radius:10px}.category-card h3{font-size:11px}.category-card p{font-size:10px}.cardarrow{font-size:15px}.soft-tiles{gap:8px}.style-tile{padding:11px;gap:9px;min-height:80px}.style-tile .card-emblem{height:38px;width:38px;font-size:22px}.style-tile strong{font-size:12px}.style-tile span{font-size:10px}.browsegrid{grid-template-columns:1fr}.browse-card{min-height:65px}.detail-hero{padding-bottom:25px}.detail-intro h1{font-size:38px}.detail-intro p{font-size:13px}.idea-list{grid-template-columns:1fr}.editorial h2{font-size:25px}.editorial{font-size:14px}.results-top h2{font-size:19px}}@media(max-width:360px){.result-grid{grid-template-columns:1fr}.switches{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card .card-emblem{display:none}.cardarrow{display:none}.actions .btn.small{font-size:11px}.hero-heading h1{font-size:37px}}

/* REFERENCE-MATCH HOME: desktop/mob structure follows the approved screenshot precisely. */
.home-hero{padding:34px 0 28px;isolation:isolate;min-height:570px;background:radial-gradient(ellipse at 8% 40%,#ffe8df 0,transparent 34%),radial-gradient(ellipse at 97% 42%,#e1d8ff 0,transparent 50%),linear-gradient(#fff,#fffbff)}
.home-hero::before{width:540px;height:345px;right:-90px;top:25px;transform:rotate(-28deg);background:radial-gradient(ellipse at 25% 29%,#ffc3ae 0,#edb5f0 55%,#99b8ff 95%);border-radius:42% 58% 67% 33% / 30% 50% 50% 70%;opacity:.71;filter:blur(.3px)}
.home-hero::after{left:-135px;top:360px;background:linear-gradient(120deg,#68c0ff,#b4a0ff,#ffd8e9);width:310px;height:240px;border-radius:48% 52% 52% 48%;transform:rotate(-20deg);filter:blur(.2px);opacity:.85}
.home-hero .hero-art{position:absolute;z-index:-1;inset:0;pointer-events:none;overflow:hidden}
.home-hero .hero-art:before{content:'';position:absolute;right:6%;top:100px;width:450px;height:390px;border-radius:48% 52% 42% 58%;background:radial-gradient(ellipse at 60% 40%,#f9dcff 4%,#ddc3ff 35%,#9dacf9 71%,transparent 76%);opacity:.77}
.home-hero .hero-art:after{content:'';position:absolute;left:51%;bottom:5%;width:480px;height:115px;border-radius:50%;filter:blur(27px);background:radial-gradient(ellipse,#fda7d4a8,transparent 73%)}
.home-hero .hero-star{position:absolute;left:50.5%;top:45px;font-size:135px;line-height:1;transform:rotate(11deg);filter:drop-shadow(7px 10px 7px #9346ae44);background:linear-gradient(130deg,#fff5d5 5%,#ffc486 32%,#f18ab1 59%,#7a62ff 88%);background-clip:text;-webkit-background-clip:text;color:transparent}
.home-hero .hero-heading{z-index:1;padding-bottom:0;max-width:none}
.home-hero .hero-heading h1{font-size:clamp(48px,4.8vw,73px);margin:10px 0 12px;line-height:1.035;letter-spacing:-2.6px}
.home-hero .hero-heading p{max-width:440px;font-size:15.5px;line-height:1.42;margin:0 0 14px}
.home-hero .platform-icons{align-items:center;margin-top:19px;gap:9px}
.home-hero .platform-icons .brand{border-radius:13px;height:45px;width:45px;color:white;font:bold 26px/1 Manrope,sans-serif;display:grid;place-items:center;border:2px solid white;box-shadow:0 5px 18px #1b103719}
.home-hero .platform-icons .brand-instagram{background:linear-gradient(135deg,#ffbe28 0%,#ff365e 47%,#a520cc 90%)}
.home-hero .platform-icons .brand-tiktok{background:#0b0b11;text-shadow:-2px 0 #00f5e9,2px 0 #fe3787}
.home-hero .platform-icons .brand-discord{background:#5965f2}
.home-hero .platform-icons .brand-youtube{background:#ff1720}
.home-hero .platform-icons .brand-gaming{background:#09090d}
.home-hero .platform-icons .brand-more{background:#e9eaf3;color:#383951;font-size:16px}
.home-hero .platform-note{font-size:12px;font-style:italic;transform:rotate(-6deg);line-height:1.3;color:#24203d;font-weight:800;max-width:127px;margin-left:13px}
.home-hero .studio-card{padding:23px 25px;border-radius:24px;box-shadow:0 15px 42px #b87da52b}
.home-hero .results-card{padding:23px 25px;border-radius:28px;background:linear-gradient(145deg,#fffafff5,#f4effff2 55%,#fff6fbf2);box-shadow:0 17px 40px #e9a9d288;backdrop-filter:blur(14px);border:2px solid #fff}
.home-hero .results-top h2{font-size:21px}
.home-hero .results-top h2 strong{color:#7d25f5;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.home-hero .result-item{background:#ffffffed;min-height:52px;box-shadow:0 6px 15px #e5c7dd22;border-radius:15px}
.home-hero .result-grid{gap:9px}
.home-hero .results-foot{display:none}
.home-hero .form-row{margin-top:14px}
.home-hero .choice{font-size:11px;min-height:37px;padding:8px 9px}
.home-hero .form-buttons{margin-top:17px}
.home-hero .studio-note{font-size:10px}
.home-hero + .section{padding:43px 0 35px}
.home-hero + .section .sectionhead{margin-bottom:14px}
.home-hero + .section .sectionhead h2{font-size:33px}
.home-hero + .section .category-card{min-height:103px;padding:13px;gap:11px}
.home-hero + .section .card-emblem{width:60px;height:60px;font-size:35px;background:transparent;border:0}
.home-hero + .section .category-card h3{font-size:13px;line-height:1.23}
.home-hero + .section .category-card p{font-size:11px;line-height:1.3}
.trend-section{padding-top:28px;padding-bottom:40px;background:#fffbfe}
.trend-section .sectionhead{margin-bottom:13px}
.trend-section .sectionhead h2{font-size:32px}
.trend-section .personal-name{color:#712df5;font-style:italic;text-decoration:underline;text-underline-offset:6px}
.trend-section .style-tile{min-height:88px}
.trend-section .trend-arrow{margin-left:auto;border-radius:50%;background:white;padding:0 11px;font-size:25px;color:#342458}
@media(min-width:811px){
 .home-hero .wrap{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);grid-template-rows:238px auto;column-gap:18px;align-items:start}
 .home-hero .hero-heading{grid-column:1;grid-row:1;align-self:start}
 .home-hero .hero-workspace{display:contents}
 .home-hero .studio-card{grid-column:1;grid-row:2}
 .home-hero .results-card{grid-column:2;grid-row:1/span 2;margin-top:78px;align-self:start}
}
@media(min-width:811px) and (max-width:1100px){
 .home-hero .wrap{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);grid-template-rows:259px auto}
 .home-hero .hero-heading h1{font-size:52px}
 .home-hero .hero-star{left:48%;top:85px;font-size:98px}
 .home-hero .result-grid{grid-template-columns:1fr}
 .home-hero .results-card{margin-top:90px}
}
@media(max-width:810px){
 .home-hero{padding-top:34px;min-height:0}
 .home-hero .hero-star{left:auto;right:4%;top:75px;font-size:83px;opacity:.62}
 .home-hero .hero-heading{max-width:100%;margin-bottom:20px}
 .home-hero .hero-heading h1{font-size:clamp(38px,8.1vw,59px);max-width:680px}
 .home-hero .hero-heading p{max-width:590px}
 .home-hero .hero-workspace{display:grid;grid-template-columns:1fr}
 .home-hero .results-card{margin-top:0}
}
@media(max-width:520px){
 .home-hero{padding-top:23px}
 .home-hero .hero-heading h1{font-size:clamp(36px,9.7vw,51px);letter-spacing:-1.8px}
 .home-hero .hero-heading p{font-size:13px;line-height:1.5}
 .home-hero .hero-star{font-size:61px;right:1%;top:80px;opacity:.35}
 .home-hero .platform-icons{gap:6px}
 .home-hero .platform-icons .brand{height:37px;width:37px;font-size:22px}
 .home-hero .platform-note{max-width:94px;font-size:10px;margin-left:4px}
 .home-hero .studio-card,.home-hero .results-card{padding:16px}
 .home-hero .result-grid{grid-template-columns:1fr}
 .home-hero .result-item{min-height:50px}
 .home-hero + .section .category-card{gap:5px}
 .home-hero + .section .card-emblem{width:39px;height:42px;font-size:28px}
 .home-hero + .section .category-card h3{font-size:11px}
 .home-hero + .section .category-card p{font-size:10px}
 .trend-section .sectionhead h2{font-size:27px}
}

/* Reference-level compact sizing: 8 results elevated, 4 options in one desktop row, 2×4 category tiles. */
.home-hero .hero-heading h1{font-size:clamp(46px,4.4vw,64px);margin:0 0 8px;line-height:1.025}
.home-hero .hero-heading p{margin-bottom:6px}
.home-hero .platform-icons{margin-top:10px}
.home-hero .studio-card{padding:17px 20px}
.home-hero .namefield input{min-height:37px;padding:8px 34px 8px 12px;font-size:13px}
.home-hero .field-title{font-size:11px;line-height:1.25;margin-bottom:5px}
.home-hero .form-row{margin-top:9px}
.home-hero .choice{min-height:31px;padding:6px 9px;font-size:11px}
.home-hero .switches{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.home-hero .toggle{min-height:31px;font-size:10px;padding:4px 7px;gap:6px;white-space:nowrap}
.home-hero .switch-visual{height:18px;width:30px}
.home-hero .switch-visual:before{height:12px;width:12px}
.home-hero .toggle input:checked+.switch-visual:before{transform:translateX(12px)}
.home-hero .form-buttons{margin-top:13px}
.home-hero .form-buttons .btn{padding:9px 14px;font-size:12px}
.home-hero .form-buttons .btn.gradient{min-width:165px}
.home-hero .studio-note{display:none}
.home-hero + .section{padding-top:22px;padding-bottom:21px}
.home-hero + .section .category-card{min-height:83px;padding:10px}
.home-hero + .section .card-emblem{width:51px;height:50px;font-size:31px}
.home-hero + .section .category-grid{row-gap:10px}
.trend-section{padding-top:22px;padding-bottom:23px}
@media (min-width:811px) and (max-width:1250px){.home-hero .switches{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:810px){.home-hero .switches{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .hero-heading h1{font-size:clamp(36px,8.1vw,55px)}}
@media(max-width:520px){.home-hero .switches{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero .hero-heading h1{font-size:clamp(35px,9.5vw,49px)}}

.navgroup>a{display:block;padding:14px 3px;font-weight:700}.navgroup>a:hover{color:#7134f6}.hub-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hub-links a{background:white;border:1px solid #eee2f8;padding:10px 15px;border-radius:13px;font-weight:800;font-size:13px;color:#6d2ced}@media(max-width:520px){.home-hero + .section .category-card{min-height:103px}.home-hero + .section .category-card h3{font-size:12px}.home-hero + .section .category-card p{font-size:11px}}

@media(max-width:360px){.soft-tiles{grid-template-columns:1fr}.style-tile{min-width:0}}

/* usrgen identity & accessible refinements */
.logomark{background:none!important;transform:none!important;border-radius:0!important;width:36px!important;height:36px!important;display:inline-flex!important;place-items:initial!important;overflow:visible!important}
.logomark img{display:block;width:36px;height:36px;max-width:none}
.logo{font-family:'DM Sans',Manrope,system-ui,sans-serif!important;letter-spacing:-1.1px!important;font-weight:900!important}
.platform-note,.hero-star{display:none!important}
.results-foot{font-size:12px;line-height:1.55}
.editorial-links{border-top:1px solid #eee7fa;padding-top:14px}
.editorial-links a{color:#6130d2;font-weight:700}
.editorial .faq-item{background:#fff;border:1px solid #f0e7f4;border-radius:12px;padding:12px 15px;margin-top:11px}
.editorial .faq-item summary{cursor:pointer;font-weight:800}
.editorial .faq-item p{margin:9px 0 0}
.result-item .handle{overflow-wrap:anywhere;min-width:0}
@media(max-width:520px){.result-grid{grid-template-columns:1fr!important}.result-item{min-height:54px!important}.results-card .handle{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.editorial-points{padding-left:25px;margin:10px 0 16px;line-height:1.75}
.editorial-points li{padding-left:3px;margin:7px 0}
.editorial-note{margin:13px 0 17px;padding:12px 16px;border-left:3px solid #a36fff;border-radius:0 12px 12px 0;background:#f8f4ff;color:#463d66;font-size:inherit;line-height:1.75}

/* Generated 10-per-page results, accessible and responsive. */
.generated-page-status{margin:15px 0 8px;color:#5e5676;font-size:12px;font-weight:750;line-height:1.45}
.generation-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:10px 0 12px}
.generation-pager button{appearance:none;cursor:pointer;border:1px solid #e5dbf4;border-radius:11px;background:#fff;color:#3d305d;padding:8px 11px;font:800 12px/1.3 Manrope,system-ui,sans-serif;min-height:36px;min-width:35px;transition:background .15s,border-color .15s}
.generation-pager button[aria-current="page"]{background:#6d35ed;border-color:#6d35ed;color:#fff}
.generation-pager button:disabled{opacity:.4;cursor:not-allowed}
.generation-pager button:not([disabled]):hover{border-color:#9c7af8;background:#f4eeff;color:#28163f}
.generation-pager button[aria-current="page"]:hover{background:#612cda;color:#fff}
.generation-pager button:focus-visible{outline:3px solid #ef62bd;outline-offset:3px}
.results-card{scroll-margin-top:90px}
@media(max-width:360px){.generation-pager{gap:4px}.generation-pager button{min-width:31px;padding:7px 8px;font-size:11px}}

.studio-card{scroll-margin-top:95px}

/* usrgen V4: editorial guide and valuable right column */
.guide-grid{display:grid;grid-template-columns:minmax(0,1.54fr) minmax(260px,.72fr);align-items:start;gap:clamp(25px,4vw,65px)}
.guide-grid .editorial{max-width:none;min-width:0}
.guide-sidebar{background:#f3edff;border:1px solid #e9ddff;border-radius:23px;padding:23px 22px;position:sticky;top:102px;color:#242139}
.guide-sidebar h3{font:800 21px/1.3 'Playfair Display',Georgia,serif;margin:0 0 14px}
.guide-sidebar h3:not(:first-child){margin-top:23px}
.guide-sidebar ul{padding-left:19px;margin:0;color:#5d5871;font-size:13px;line-height:1.8}
.guide-sidebar li{margin-bottom:8px}
.theme-words{display:flex;flex-wrap:wrap;gap:7px}.theme-words span{background:#fff;border:1px solid #e9dff2;border-radius:100px;padding:7px 10px;font-size:12px;font-weight:750}
.guide-cta{display:block;font-size:12px;font-weight:800;color:#7839e6;margin-top:20px}
.guide-grid .editorial h2{font-size:clamp(26px,2.5vw,37px)}
.guide-grid .editorial h3{margin-top:20px}
.guide-grid .editorial .faq-item{margin:9px 0}
.generation-pager button,.pager button{min-width:36px;min-height:37px}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-grid .editorial{max-width:none}}
@media(max-width:520px){.guide-sidebar{padding:19px}.generation-pager{gap:7px}.pager{gap:7px}}