@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:#fcbb00;--color-amber-600:#dd7400;--color-yellow-400:#fac800;--color-yellow-500:#edb200;--color-teal-400:#00d3bd;--color-cyan-400:#00d2ef;--color-blue-500:#3080ff;--color-purple-300:#d9b3ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-pink-400:#fb64b6;--color-pink-500:#f6339a;--color-rose-400:#ff667f;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--spacing:.25rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-cyan-400:lab(76.6045% -40.9406 -29.6231);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-10{top:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.fill-rose-400{fill:var(--color-rose-400)}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-cyan-400{color:var(--color-cyan-400)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-pink-400{color:var(--color-pink-400)}.text-pink-500{color:var(--color-pink-500)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-rose-400{color:var(--color-rose-400)}.text-teal-400{color:var(--color-teal-400)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--pink:#ff6b9d;--purple:#c084fc;--blue:#60a5fa;--mint:#34d399;--yellow:#fbbf24;--orange:#fb923c;--coral:#f87171;--bg:#fef7ff;--bg-card:#fff;--text:#3b1f5e;--text-light:#5e4a80;--border:#f0e4f7;--shadow:#c084fc1f}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:system-ui,-apple-system,Arial,sans-serif;overflow-x:hidden}.page-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:3px solid var(--border);z-index:999;background:#ffffffd9;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.logo img{object-fit:contain;width:auto;height:90px;margin:-20px 0}.logo-icon{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid;box-shadow:0 4px 12px #ff6b9d4d}.nav-links{align-self:stretch;align-items:center;gap:6px;margin-left:auto;list-style:none;display:flex}.nav-links a{color:var(--text-light);-webkit-tap-highlight-color:transparent;border-radius:100px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .25s,opacity .25s,box-shadow .25s}@media (hover:hover){.nav-links a:hover{color:#fff;background:linear-gradient(135deg, var(--pink), var(--purple));box-shadow:0 4px 14px #ff6b9d40}}.nav-links a.active{color:#fff;background:linear-gradient(135deg, var(--pink), var(--purple));box-shadow:0 4px 14px #ff6b9d40}.nav-dropdown{align-self:stretch;align-items:center;display:flex;position:relative}.nav-dropdown>a{cursor:pointer}.nav-dropdown-menu{border:2px solid var(--border);opacity:0;visibility:hidden;z-index:200;background:#fffffff7;border-top:none;border-radius:0 0 16px 16px;flex-direction:column;gap:2px;min-width:220px;padding:8px;list-style:none;transition:transform .25s,opacity .25s,box-shadow .25s;display:flex;position:absolute;top:calc(100% + 18px);left:auto;right:-20px;box-shadow:0 12px 40px #0000001a}.nav-dropdown-menu:before{content:"";height:4px;position:absolute;top:-4px;left:0;right:0}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible}.nav-dropdown-menu a{white-space:nowrap;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;color:var(--text-light)!important;box-shadow:none!important;background:0 0!important;border-radius:12px!important;padding:10px 16px!important;font-size:.85rem!important}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:linear-gradient(135deg, var(--pink), var(--purple))!important;color:#fff!important;box-shadow:0 4px 14px #ff6b9d40!important}.mobile-menu{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.mobile-menu span{background:var(--purple);border-radius:3px;width:24px;height:3px}.footer{border-top:3px solid var(--border);-webkit-backdrop-filter:blur(16px);color:var(--text-light);background:#ffffffb8;margin-top:auto;padding:48px 0 0;font-size:.88rem;font-weight:500}.footer-container{grid-template-columns:2fr 1fr 1.2fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px 40px;display:grid}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-brand-col{max-width:320px}.footer-logo{color:var(--text);align-items:center;gap:2px;font-size:1.6rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-logo .logo-accent{background:linear-gradient(135deg, var(--purple), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-tagline{color:var(--text-light);margin:0;font-size:.86rem;line-height:1.6}.footer-safety-badge{color:var(--purple);background:#c084fc14;border:1px solid #c084fc26;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.footer-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text);border-bottom:2px solid var(--border);margin:0;padding-bottom:8px;font-size:.82rem;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list li{margin:0;padding:0}.footer-links-list a{color:var(--text-light);font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.footer-links-list a:hover{color:var(--pink);transform:translate(4px)}.footer-all-tools-li{margin-top:8px}.footer-all-tools-link{align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.footer-all-tools-link .tool-icon{font-size:1.1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.footer-all-tools-link .link-text{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:2px;font-weight:800;position:relative}.footer-all-tools-link .link-text:after{content:"";background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-all-tools-link .link-arrow{color:var(--pink);font-weight:800;transition:transform .3s}.footer-all-tools-link:hover{transform:scale(1.02)!important}.footer-all-tools-link:hover .tool-icon{transform:rotate(15deg)scale(1.15)}.footer-all-tools-link:hover .link-text:after{width:100%}.footer-all-tools-link:hover .link-arrow{transform:translate(4px)}.tools-directory-section{padding:20px 24px 80px}.tools-directory-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-top:40px;display:grid}.tool-directory-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #fff9;border-radius:24px;flex-direction:column;gap:16px;padding:32px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26870a}.tool-directory-card:before{content:"";opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 80% 20%,#c084fc26 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.tool-directory-card:hover{border-color:#c084fc66;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #7877c61f,0 1px 3px #00000005}.tool-directory-card:hover:before{opacity:1}.tool-card-badge{text-transform:uppercase;letter-spacing:.05em;z-index:2;border-radius:50px;padding:6px 12px;font-size:.75rem;font-weight:800;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #0000000d}.tool-card-badge.popular{color:#c93b55;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 99% 100%)}.tool-card-badge.essential{color:#2b5797;background:linear-gradient(135deg,#a1c4fd 0%,#c2e9fb 100%)}.tool-card-badge.developer{color:#1e6d42;background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%)}.tool-card-badge.new{color:#aa5008;background:linear-gradient(135deg,#f6d365 0%,#fda085 100%)}.tool-card-header{z-index:1;align-items:center;gap:16px;display:flex}.tool-card-emoji{width:52px;height:52px;color:var(--purple);background:linear-gradient(135deg,#c084fc1f,#ff6b9d1a);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s;display:flex}.tool-card-emoji svg{display:block}.tool-directory-card:hover .tool-card-emoji{background:#c084fc26;transform:scale(1.15)rotate(5deg)}.tool-card-header h3{color:var(--text);margin:0;font-size:1.35rem;font-weight:800;transition:color .3s}.tool-directory-card:hover h3{color:var(--purple)}.tool-card-description{color:var(--text-light);z-index:1;flex-grow:1;margin:8px 0 16px;font-size:.95rem;line-height:1.6}.tool-card-btn{background:var(--purple-light);color:var(--purple);z-index:1;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.tool-directory-card:hover .tool-card-btn{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #c084fc4d}.btn-arrow{transition:transform .3s}.tool-directory-card:hover .btn-arrow{transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border);background:#fff6;padding:20px 0}.footer-bottom-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 24px;font-size:.82rem;display:flex}.footer-copyright{color:var(--text-light);margin:0}.footer-copyright .highlight-brand{color:var(--text);font-weight:700}.footer-back-to-top{color:var(--purple);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.footer-back-to-top:hover{color:var(--pink);transform:translateY(-2px)}.about-card a,.about-feature a,.faq-answer a,.hero p a,.bio-ideas-cta a,section p a{color:var(--purple);font-weight:600;text-decoration:none;transition:color .2s}.about-card a:hover,.about-feature a:hover,.faq-answer a:hover,.hero p a:hover,.bio-ideas-cta a:hover,section p a:hover{color:var(--pink)}@media (max-width:640px){nav{padding:12px 16px}.nav-links{z-index:998;border-bottom:3px solid var(--border);background:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #00000014}.nav-links.mobile-open{display:flex}.nav-links a{text-align:left;border-radius:12px;width:auto;padding:12px 16px;display:block}.nav-dropdown{align-self:auto;display:block}.nav-dropdown-menu{opacity:1;visibility:visible;box-shadow:none;min-width:unset;background:0 0;border:none;border-radius:0;gap:2px;padding:4px 0 4px 16px;display:none;position:static}.nav-dropdown-menu:before{display:none}.nav-dropdown.open .nav-dropdown-menu{display:flex}.nav-dropdown-menu li{list-style:none}.nav-dropdown-menu a{border-radius:10px!important;padding:10px 16px!important;font-size:.85rem!important}.mobile-menu{z-index:1000;display:flex;position:relative}.footer-container{text-align:center;grid-template-columns:1fr;gap:32px}.footer-brand-col{align-items:center;max-width:100%}.footer-safety-badge{align-self:center}.footer-heading{width:100%;padding-bottom:6px;display:inline-block}.footer-links-list a:hover{transform:translateY(-2px)}.footer-tools-summary{align-self:center}.footer-tools-grid{text-align:left;grid-template-columns:1fr 1fr}.footer-tools-grid a:hover{transform:translateY(-1px)}.footer-bottom-container{text-align:center;flex-direction:column;gap:12px}}@media (min-width:641px){.mobile-menu{display:none}}@media (max-width:480px){.logo img{height:60px}}.form-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 6px 30px var(--shadow);border-radius:22px;padding:22px;position:relative;overflow:hidden}.faq-question{color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.95rem;font-weight:600;display:flex}.about-feature:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.about-feature strong{color:var(--text);margin-bottom:4px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;display:block}@media (max-width:640px){.hero{padding:28px 16px 16px}.hero h1{font-size:1.5rem}.about-features{grid-template-columns:1fr}}.legal-section{z-index:1;max-width:840px;margin:0 auto;padding:0 20px 48px;position:relative}.legal-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 32px var(--shadow);border-radius:24px;padding:40px}.legal-card p{color:var(--text-light);margin-bottom:20px;font-size:.95rem;line-height:1.7;text-align:left!important}.legal-card h2{color:var(--text);border-bottom:2px solid var(--border);margin-top:36px;margin-bottom:16px;padding-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.35rem;font-weight:700;text-align:left!important}.legal-card ul,.legal-card ol{margin:16px 0 24px;padding-left:24px}.legal-card li{color:var(--text-light);margin-bottom:10px;font-size:.95rem;line-height:1.7;text-align:left!important}.legal-card strong{color:var(--text);font-weight:700}.legal-card a{color:var(--purple);font-weight:600;transition:color .2s;text-decoration:underline!important}.legal-card a:hover{color:var(--pink)}@media (max-width:640px){.legal-card{padding:24px 20px}.legal-card h2{margin-top:28px;margin-bottom:12px;font-size:1.2rem}.legal-card p,.legal-card li{font-size:.9rem;line-height:1.6}}.loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;opacity:0;pointer-events:none;background:#120a1cbf;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-overlay.active{opacity:1;pointer-events:auto}.loader-text{color:#fff;text-shadow:0 2px 10px #ff6b9d80;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.25rem;font-weight:700}.tools-cta-section{max-width:680px;margin:24px auto;padding:0 20px}.tools-cta-card{-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px var(--shadow);text-align:left;background:#ffffffa6;border:3px solid #c084fc40;border-radius:20px;flex-direction:column;align-items:flex-start;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.tools-cta-card:hover{border-color:#c084fc73;transform:translateY(-4px);box-shadow:0 16px 48px #c084fc38}.tools-cta-badge{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;letter-spacing:.1em;border-radius:99px;margin-bottom:12px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-block;box-shadow:0 4px 10px #c084fc4d}.tools-cta-card h3{color:var(--text);margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:800;line-height:1.25}.tools-cta-card p{color:var(--text-light);margin-bottom:20px;font-size:.9rem;line-height:1.6}.tools-cta-btn{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 100%);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 20px #ff6b9d40;color:#fff!important;text-decoration:none!important}.tools-cta-btn:hover{transform:scale(1.03);box-shadow:0 8px 24px #ff6b9d59}.tools-cta-btn .btn-arrow{margin-left:8px;transition:transform .2s}.tools-cta-btn:hover .btn-arrow{transform:translate(4px)}@media (max-width:640px){.tools-cta-card{padding:24px 20px}.tools-cta-card h3{font-size:1.25rem}.tools-cta-card p{font-size:.85rem}.tools-cta-btn{width:100%;padding:12px 20px;font-size:.9rem}}.related-tools-section{z-index:1;max-width:680px;margin:40px auto 48px;padding:0 20px;position:relative}.related-tools-title{color:var(--text);text-align:left;margin-bottom:16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.25rem;font-weight:800}.related-tools-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.related-tool-card{-webkit-backdrop-filter:blur(12px);border:2px solid var(--border);color:inherit;text-align:left;background:#ffffffb8;border-radius:16px;flex-direction:column;gap:8px;padding:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex;text-decoration:none!important}.related-tool-card:hover{box-shadow:0 10px 24px var(--shadow);border-color:#c084fc73;transform:translateY(-4px)scale(1.01)}.related-tool-header{align-items:center;gap:8px;display:flex}.related-tool-emoji{color:var(--purple);flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex}.related-tool-emoji svg{display:block}.related-tool-card-title{color:var(--text);margin:0;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:700;line-height:1.2;transition:color .2s}.related-tool-card:hover .related-tool-card-title{color:var(--purple)}.related-tool-card-desc{color:var(--text-light);flex-grow:1;margin:0;font-size:.78rem;line-height:1.4}.related-tools-all-link{color:var(--purple);align-items:center;gap:6px;margin-top:14px;font-size:.88rem;font-weight:700;transition:color .2s,transform .2s;display:inline-flex;text-decoration:none!important}.related-tools-all-link:hover{color:var(--pink);transform:translate(3px)}@media (max-width:640px){.related-tools-grid{grid-template-columns:1fr;gap:12px}.related-tool-card{padding:14px}}.bg-deco{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-deco .shape{opacity:.12;border-radius:50%;position:absolute}.shape-1{background:var(--pink);width:300px;height:300px;top:-80px;left:-60px}.shape-2{background:var(--blue);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:200px;height:200px;top:20%;right:-40px}.shape-3{background:var(--yellow);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:250px;height:250px;bottom:10%;left:10%}.shape-4{background:var(--mint);width:180px;height:180px;top:50%;right:15%}.shape-5{background:var(--purple);border-radius:40% 60% 60% 40%/50% 40% 60% 50%;width:160px;height:160px;bottom:-40px;right:30%}main{content-visibility:auto;contain-intrinsic-size:800px}img{width:100%;max-width:100%;height:auto;display:block}.breadcrumb{color:var(--text-light);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;background:0 0;border:none;padding:10px 24px 0;font-size:.78rem;font-weight:500;display:block;position:static}.breadcrumb a:hover{color:var(--purple)}.hero{text-align:center;min-height:auto;padding:36px 24px 18px}.hero p{color:var(--text-light);max-width:440px;margin:0 auto;font-size:1.1rem;font-weight:500;line-height:1.5}.hero p em{background:linear-gradient(90deg, var(--yellow), var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:700}.form-section{max-width:560px;margin:0 auto;padding:0 20px 16px}.form-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow);contain:layout;border-radius:28px;padding:28px;position:relative;overflow:hidden}.form-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue), var(--mint), var(--yellow));border-radius:28px 28px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.dropdowns-row{border-bottom:2px dashed var(--border);grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;padding-bottom:20px;display:grid}.select-group{flex-direction:column;gap:6px;display:flex}.select-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.select-group select{appearance:none;border:2px solid var(--border);width:100%;color:var(--text);cursor:pointer;box-sizing:border-box;background:#faf5ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c084fc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center no-repeat;border-radius:14px;outline:none;min-height:44px;padding:12px 36px 12px 14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:600;transition:transform .25s,opacity .25s}.select-group select:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.inputs-grid{flex-direction:column;align-items:stretch;gap:14px;display:flex}.inputs-grid .input-group.full-width{grid-column:1/-1}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.input-group input{border:2px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#faf5ff;border-radius:14px;outline:none;min-height:44px;padding:12px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:500;transition:transform .25s,opacity .25s}.input-group input::placeholder{color:#c4b5d4}.input-group input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.checkbox-item{color:var(--text-light);cursor:pointer;grid-column:1/-1;align-items:center;gap:10px;margin-top:6px;font-size:.9rem;font-weight:600;display:flex}.checkbox-box{border:2px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;transition:transform .25s,opacity .25s;display:grid}.checkbox-item.checked .checkbox-box{background:linear-gradient(135deg, var(--pink), var(--purple));border-color:var(--pink);box-shadow:0 3px 10px #ff6b9d4d}.checkbox-item.checked .checkbox-box:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.pronoun-group{flex-direction:column;gap:6px;display:flex}.pronoun-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.pronoun-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pronoun-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:100px;height:40px;padding:10px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s;display:inline-flex}.pronoun-btn:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.pronoun-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.pronoun-icon{font-size:1rem}.length-group{flex-direction:column;gap:6px;display:flex}.length-group label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.length-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.length-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:100px;height:40px;padding:10px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s;display:inline-flex}.length-btn:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.length-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.length-icon{font-size:1rem}.custom-pronoun-input{border:2px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#faf5ff;border-radius:14px;outline:none;margin-top:8px;padding:12px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:500;transition:transform .25s,opacity .25s;animation:.25s slideDown}.custom-pronoun-input::placeholder{color:#c4b5d4}.custom-pronoun-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.generate-section{text-align:center;padding:12px 24px 20px}.btn-generate{color:#fff;background:linear-gradient(135deg, var(--pink), var(--purple));cursor:pointer;letter-spacing:.02em;border:none;border-radius:100px;align-items:center;gap:8px;min-height:44px;padding:12px 36px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.95rem;font-weight:700;transition:transform .3s,opacity .3s;display:inline-flex;box-shadow:0 4px 18px #ff6b9d4d}.btn-generate:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 12px 40px #ff6b9d73}.btn-generate .bounce{display:inline-block}.results-section{max-width:1100px;margin:0 auto;display:none}.results-section.active{padding:0 20px 16px;display:block}.generate-section+.fun-divider{display:none}.results-section.active~.fun-divider{display:block}.profile-preview-container{display:none}.results-header{text-align:center;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:700}.bio-cards{grid-template-columns:1fr 1fr;gap:16px;min-height:300px;display:grid}.bio-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:20px;align-items:stretch;display:flex;overflow:hidden}.bio-accent{flex-shrink:0;width:6px}.bio-card:nth-child(4n+1) .bio-accent{background:linear-gradient(180deg, var(--pink), var(--coral))}.bio-card:nth-child(4n+2) .bio-accent{background:linear-gradient(180deg, var(--blue), var(--purple))}.bio-card:nth-child(4n+3) .bio-accent{background:linear-gradient(180deg, var(--mint), var(--blue))}.bio-card:nth-child(4n+4) .bio-accent{background:linear-gradient(180deg, var(--yellow), var(--orange))}.bio-content{flex:1;padding:20px 22px}.bio-title{margin-bottom:5px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:600}.bio-meta{color:var(--text-light);margin-bottom:6px;font-size:.82rem;font-weight:500}.bio-quote{color:var(--text-light);margin-bottom:5px;font-size:.85rem;font-style:italic}.bio-tags{color:var(--text-light);font-size:.82rem;font-weight:500}.bio-actions{align-items:center;padding:0 18px;display:flex}.btn-copy{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;align-items:center;gap:7px;padding:10px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.82rem;font-weight:600;transition:transform .25s,opacity .25s;display:inline-flex}.btn-copy:hover{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.more-section{text-align:center;padding:8px 0 20px}.btn-more{border:3px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.92rem;font-weight:600;transition:transform .3s,opacity .3s;display:inline-flex}.btn-more:hover{border-color:var(--purple);background:#faf5ff;transform:scale(1.05)}.decorator-section{border-top:2px dashed var(--border);margin-top:4px;padding-top:10px}.decorator-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600;display:block}.decorator-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.deco-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:12px;min-width:100px;height:40px;padding:8px 14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600;transition:transform .25s,opacity .25s}.deco-btn:hover{border-color:var(--purple);transform:scale(1.05)}.deco-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);box-shadow:0 3px 12px #ff6b9d4d}.real-preview-prompt{text-align:center;max-width:480px;margin:0 auto;display:none}.real-preview-prompt.active{padding:0 20px 12px;display:block}.real-preview-prompt p{color:var(--text-light);margin-bottom:12px;font-size:.95rem;font-weight:500}.real-preview-prompt p em{color:var(--pink);font-style:normal;font-weight:700}.preview-username-row{gap:10px;display:flex}.preview-username-row input{border:2px solid var(--border);color:var(--text);background:#faf5ff;border-radius:14px;outline:none;flex:1;padding:12px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:500;transition:transform .25s,opacity .25s}.preview-username-row input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.preview-username-row button{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:14px;padding:12px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:600;transition:transform .25s,opacity .25s}.preview-username-row button:hover{transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.preview-section{max-width:480px;margin:0 auto;display:none}.preview-section.active{padding:0 20px 40px;display:block}.preview-header{text-align:center;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:700}.roblox-preview-card{background:#393b3d;border:3px solid #4a4c4f;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000040}.roblox-avatar-area{background:linear-gradient(135deg,#2a6dd4,#1b4a9e);justify-content:center;align-items:center;height:140px;display:flex}.roblox-avatar-placeholder{background:#ffffff26;border:3px solid #ffffff4d;border-radius:50%;place-items:center;width:90px;height:90px;font-size:3rem;display:grid}.roblox-info-area{padding:20px}.roblox-username{color:#fff;margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.2rem;font-weight:700}.roblox-bio-box{color:#c8c8c8;white-space:pre-line;background:#2f3133;border:1px solid #4a4c4f;border-radius:10px;min-height:80px;margin-bottom:16px;padding:14px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;line-height:1.6}.roblox-stats{gap:24px;display:flex}.roblox-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.roblox-stat .stat-num{color:#fff;font-size:.95rem;font-weight:700}.roblox-stat .stat-label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.about-card h3{text-align:center;margin-top:32px;margin-bottom:16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.15rem;font-weight:700}.about-card h3:first-child{margin-top:0}.about-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:640px){.hero{padding:36px 16px 20px}.hero h1{font-size:1.7rem}.dropdowns-row,.inputs-grid{grid-template-columns:1fr}.form-card{border-radius:22px;padding:22px 18px}.bio-card{flex-direction:column}.bio-accent{width:100%;height:5px}.bio-actions{justify-content:flex-end;padding:0 18px 16px}.btn-generate{padding:16px 36px;font-size:1rem}.about-features{grid-template-columns:1fr}.preview-username-row{flex-direction:column}}.bio-ideas-section{max-width:900px;margin:0 auto;padding:0 20px 40px}.bio-ideas-title{text-align:center;margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.5rem;font-weight:700}.bio-ideas-intro{color:var(--text-light);text-align:center;max-width:580px;margin:0 auto 24px;font-size:.95rem;line-height:1.6}.bio-ideas-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.bio-tab{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:100px;padding:9px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.82rem;font-weight:600;transition:all .25s}.bio-tab:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.bio-tab.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);box-shadow:0 4px 14px #ff6b9d4d}.bio-cat-group{margin-bottom:32px}.bio-cat-group.hidden{display:none}.bio-cat-group h3{text-align:center;margin-bottom:14px;padding-left:4px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.15rem;font-weight:700}.bio-ideas-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bio-ideas-grid .bio-card{flex-direction:column;align-items:stretch}.bio-ideas-grid .bio-accent{flex-shrink:0;width:100%;height:4px}.bio-ideas-grid .bio-content{flex:1;padding:10px 14px 6px}.bio-ideas-grid .bio-content .bio-title{margin-bottom:2px;font-size:.92rem}.bio-ideas-grid .bio-content .bio-meta{margin-bottom:3px;font-size:.75rem}.bio-ideas-grid .bio-content .bio-quote{margin-bottom:2px;font-size:.8rem}.bio-ideas-grid .bio-content .bio-tags{font-size:.75rem}.bio-ideas-grid .bio-actions{justify-content:flex-end;padding:0 14px 8px}.bio-ideas-grid .bio-actions .btn-copy{padding:6px 14px;font-size:.75rem}.bio-ideas-grid .bio-card:nth-child(4n+1) .bio-accent{background:linear-gradient(90deg, var(--pink), var(--coral))}.bio-ideas-grid .bio-card:nth-child(4n+2) .bio-accent{background:linear-gradient(90deg, var(--blue), var(--purple))}.bio-ideas-grid .bio-card:nth-child(4n+3) .bio-accent{background:linear-gradient(90deg, var(--mint), var(--blue))}.bio-ideas-grid .bio-card:nth-child(4n+4) .bio-accent{background:linear-gradient(90deg, var(--yellow), var(--orange))}.bio-idea-card{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:all .25s;display:flex;position:relative}.bio-idea-card:hover{border-color:var(--purple);box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.bio-idea-card:active{transform:scale(.97)}.bio-idea-card p{color:var(--text);flex:1;margin:0;font-size:.85rem;line-height:1.45}.bio-idea-copy-btn{opacity:.5;flex-shrink:0;font-size:1rem;transition:opacity .2s}.bio-idea-card:hover .bio-idea-copy-btn{opacity:1}.bio-idea-card.copied{border-color:var(--mint);background:#f0fdf4}.bio-idea-card.copied .bio-idea-copy-btn:after{content:" ✓";color:var(--mint);font-size:.75rem;font-weight:700}.bio-ideas-cta{border:2px solid var(--border);border-left:4px solid var(--purple);background:#faf5ff;border-radius:14px;margin-top:8px;padding:20px 24px}.bio-ideas-cta p{color:var(--text-light);margin:0;font-size:.9rem;line-height:1.6}.bio-ideas-cta a{color:var(--purple);border-bottom:1px dashed var(--purple);font-weight:600;text-decoration:none;transition:color .2s}.bio-ideas-cta a:hover{color:var(--pink);border-bottom-color:var(--pink)}.curated-bio-card{background:var(--bg-card);border:2px solid var(--border);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:all .25s;display:flex}.curated-bio-card:hover{border-color:var(--purple);box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.curated-bio-card p{color:var(--text);flex:1;margin:0;font-size:.85rem;line-height:1.45}@media (max-width:640px){.bio-ideas-grid{grid-template-columns:1fr}.bio-ideas-tabs{gap:6px}.bio-tab{padding:8px 14px;font-size:.78rem}.bio-ideas-title{font-size:1.25rem}}.bio-links-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.bio-links-grid a{border:2px solid var(--border);color:var(--text);text-align:center;background:#faf5ff;border-radius:14px;justify-content:center;align-items:center;padding:14px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .25s,opacity .25s;display:flex}.bio-links-grid a:hover{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 14px #ff6b9d4d}.bio-links-grid a.hub-card{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;padding:16px;display:flex}.bio-links-grid a.hub-card-row{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;display:flex}.hub-card-icon{width:34px;height:34px;color:var(--purple);background:linear-gradient(135deg,#c084fc26,#ff6b9d1a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hub-card-icon svg{display:block}.bio-links-grid a:hover .hub-card-icon{color:#fff;background:#fff3}.hub-card-row .hub-card-icon{border-radius:8px;width:32px;height:32px}.hub-section-heading{text-align:left;color:var(--text);border-bottom:2px solid var(--border);align-items:center;gap:8px;margin-top:24px;margin-bottom:16px;padding-bottom:8px;font-size:1.1rem;font-weight:700;display:flex}.hub-section-heading svg{color:var(--purple);flex-shrink:0}.hub-card-title{color:var(--text);text-align:left;font-size:.95rem;font-weight:700;transition:color .25s}.hub-card-row .hub-card-title{font-size:.88rem}.hub-card-desc{color:var(--text-light);text-align:left;font-size:.75rem;font-weight:400;transition:color .25s}.hub-card-row .hub-card-desc{font-size:.7rem}.bio-links-grid a:hover .hub-card-title,.bio-links-grid a:hover .hub-card-desc{color:#fff}.bio-link-tag{border:2px solid var(--border);color:var(--text);text-align:center;background:#faf5ff;border-radius:14px;justify-content:center;align-items:center;padding:14px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:600;display:flex}@media (max-width:640px){.bio-links-grid,.bio-cards{grid-template-columns:1fr}}:root{--card-bg:#fff;--radius:18px}body{line-height:1.8}.blog-hero{text-align:center;padding:56px 24px 32px}.blog-hero h1{background:linear-gradient(135deg, var(--pink), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:2.6rem}.blog-hero p{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.1rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;max-width:1000px;margin:0 auto;padding:24px;display:grid}.blog-card{background:var(--card-bg);border-radius:var(--radius);border:2px solid var(--border);color:inherit;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #c084fc26}.blog-card-img{background:linear-gradient(135deg, var(--pink), var(--purple));justify-content:center;align-items:center;width:100%;height:180px;font-size:3rem;display:flex;overflow:hidden}.blog-card-img img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card-body h2{color:var(--text);margin-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.15rem;line-height:1.4}.blog-card-body p{color:var(--text-light);flex:1;font-size:.9rem;line-height:1.6}.blog-card-meta{border-top:1px solid var(--border);color:var(--text-light);align-items:center;gap:12px;padding:12px 20px;font-size:.8rem;display:flex}.read-more{color:var(--pink);margin-left:auto;font-weight:600}.article-wrapper{max-width:760px;margin:0 auto;padding:32px 24px 60px}.breadcrumb{color:var(--text-light);flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--pink);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--text-light)}.article-header{margin-bottom:32px}.article-header h1{background:linear-gradient(135deg, var(--pink), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:2.2rem;line-height:1.3}.article-meta{color:var(--text-light);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.article-meta span{align-items:center;gap:4px;display:flex}.toc{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;justify-content:initial;border-bottom:none;margin-bottom:32px;padding:24px;display:block;position:static}.toc h2{color:var(--text);margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.1rem}.toc ol{padding-left:20px}.toc li{margin-bottom:6px;font-size:.92rem}.toc a{color:var(--purple);font-weight:500;text-decoration:none}.toc a:hover{color:var(--pink);text-decoration:underline}.article-content{color:var(--text-light);font-size:.95rem;line-height:1.85}.article-content h2{color:var(--text);border-bottom:3px solid var(--border);margin:48px 0 18px;padding-top:12px;padding-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.55rem;font-weight:800;line-height:1.3;position:relative}.article-content h2:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple));border-radius:3px;width:60px;height:3px;position:absolute;bottom:-3px;left:0}.article-content h3{color:var(--text);border-left:4px solid var(--purple);margin:32px 0 12px;padding-left:14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.35}.article-content h4{color:var(--text);margin:24px 0 10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:700}.article-content p{color:var(--text-light);margin-bottom:18px;font-size:.95rem;line-height:1.85}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:0;list-style:none}.article-content ul li,.article-content ol li{color:var(--text-light);margin-bottom:10px;padding-left:28px;font-size:.95rem;line-height:1.75;position:relative}.article-content ul li:before{content:"";background:linear-gradient(135deg, var(--pink), var(--purple));border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:8px}.article-content ol{counter-reset:article-counter}.article-content ol li:before{counter-increment:article-counter;content:counter(article-counter);color:var(--purple);text-align:center;width:20px;font-size:.8rem;font-weight:800;position:absolute;top:0;left:4px}.article-content a{color:var(--pink);border-bottom:1px dashed var(--pink);font-weight:600;text-decoration:none;transition:all .2s}.article-content a:hover{color:var(--purple);border-bottom-color:var(--purple)}.article-content strong{color:var(--text);font-weight:700}.article-content blockquote{border-left:4px solid var(--purple);color:var(--text-light);background:#c084fc0f;border-radius:0 14px 14px 0;margin:24px 0;padding:18px 24px;font-style:italic}.article-content blockquote p{margin-bottom:0}.article-content code{color:var(--purple);background:#c084fc1a;border-radius:6px;padding:2px 8px;font-family:Courier New,Courier,monospace;font-size:.88rem;font-weight:600}.article-content pre{color:#e2deff;background:#1e1b2e;border-radius:14px;margin:20px 0;padding:20px;font-size:.88rem;line-height:1.6;overflow-x:auto}.article-content pre code{color:inherit;background:0 0;padding:0;font-weight:400}.article-content hr{background:linear-gradient(90deg, transparent, var(--border), transparent);border:none;height:2px;margin:36px 0}.article-content table{border-collapse:collapse;border:2px solid var(--border);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;margin:20px 0;font-size:.9rem;overflow:auto hidden}.article-content th{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.03em;padding:12px 16px;font-size:.85rem;font-weight:700}.article-content td{border-bottom:1px solid var(--border);color:var(--text-light);padding:10px 16px}.article-content tr:nth-child(2n) td{background:#c084fc08}.article-content img{border-radius:14px;max-width:100%;height:auto;margin:20px 0}.img-placeholder{border-radius:var(--radius);border:2px dashed var(--border);width:100%;min-height:220px;color:var(--text-light);text-align:center;background:linear-gradient(135deg,#ff6b9d1a,#c084fc1a);justify-content:center;align-items:center;margin:24px 0;padding:20px;font-size:.9rem;display:flex;overflow:hidden}.bio-example{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:20px;position:relative}.bio-example p{white-space:pre-line;margin-bottom:0;font-size:.92rem;line-height:1.7}.bio-example-label{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:2px 12px;font-size:.72rem;font-weight:700;position:absolute;top:-10px;left:16px}.cta-box{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-radius:var(--radius);text-align:center;margin:36px 0;padding:32px}.cta-box h3{color:#fff;margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.3rem}.cta-box p{color:#ffffffe6;margin-bottom:16px;font-size:.95rem}.cta-btn{color:var(--pink);background:#fff;border-radius:100px;padding:12px 32px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.related-section{border-top:3px solid var(--border);margin-top:48px;padding-top:32px}.related-section h2{color:var(--text);background:linear-gradient(135deg, var(--pink), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.3rem;font-weight:800}.related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.related-card{background:var(--card-bg);border:2px solid var(--border);color:inherit;border-radius:16px;flex-direction:column;padding:0;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.related-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue));height:4px;display:block}.related-card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 12px 32px #c084fc26}.related-card h3{color:var(--text);margin-bottom:6px;padding:16px 16px 0;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.92rem;font-weight:700;line-height:1.4}.related-card p{color:var(--text-light);flex:1;margin-bottom:0;padding:0 16px 16px;font-size:.82rem;line-height:1.5}.article-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.article-list-card{color:inherit;background:var(--bg);border:2px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden}.article-list-card:hover{border-color:var(--purple);transform:translateY(-4px);box-shadow:0 12px 32px #c084fc26}.article-list-img{object-fit:cover;border-radius:12px;width:100%;max-height:160px;margin-bottom:12px}.article-list-card h3{color:var(--text);text-align:left;margin-bottom:6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.3}.article-list-card p{color:var(--text-light);text-align:left;margin-bottom:8px;font-size:.85rem;line-height:1.5}.article-list-meta{color:var(--purple);font-size:.8rem;font-weight:600}@media (max-width:768px){.blog-hero h1{font-size:1.8rem}.blog-grid{grid-template-columns:1fr;padding:16px}.article-header h1{font-size:1.6rem}.article-wrapper{padding:20px 16px 40px}.related-grid{grid-template-columns:1fr}.article-list-grid{grid-template-columns:1fr;gap:16px}.cta-box{padding:24px 18px}}@media (max-width:480px){.blog-hero h1{font-size:1.5rem}.article-header h1{font-size:1.35rem}}.bg-deco{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.doodle{color:var(--purple);opacity:.15;font-size:24px;font-weight:700;position:absolute}.doodle.d1{font-size:30px;top:10%;left:5%}.doodle.d2{background:var(--coral);color:#0000;opacity:.2;border-radius:50%;width:15px;height:15px;top:20%;right:10%}.doodle.d3{font-size:20px;top:40%;left:8%}.doodle.d4{color:var(--coral);opacity:.2;font-size:28px;top:15%;right:25%}.doodle.d5{font-size:26px;top:70%;left:15%}.doodle.d6{background:var(--text-light);color:#0000;opacity:.2;border-radius:50%;width:10px;height:10px;top:60%;right:8%}.doodle.d7{border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:20px solid var(--purple);color:#0000;opacity:.2;width:0;height:0;top:85%;right:20%}.doodle.d8{font-size:22px;top:50%;right:30%}.doodle.d9{font-size:18px;top:80%;left:30%}.doodle.d10{background:var(--yellow);color:#0000;opacity:.2;border-radius:50%;width:12px;height:12px;top:30%;left:25%}.doodle.d11{color:var(--yellow);opacity:.2;font-size:24px;bottom:10%;left:10%}.doodle.d12{font-size:20px;top:5%;left:40%}.doodle.d13{background:var(--blue);color:#0000;opacity:.2;border-radius:50%;width:18px;height:18px;bottom:20%;right:35%}.doodle.d14{border-left:12px solid #0000;border-right:12px solid #0000;border-bottom:24px solid var(--mint);color:#0000;opacity:.2;width:0;height:0;top:25%;left:60%;transform:rotate(45deg)}.doodle.d15{font-size:35px;bottom:5%;right:5%}.doodle.d16{opacity:.2;font-size:16px;top:45%;left:50%}.hero{text-align:center;padding:56px 24px 28px}.hero h1{margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:clamp(2rem,5.5vw,3rem);font-weight:700;line-height:1.2}.hero h1 .highlight{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-light);max-width:440px;margin:0 auto;font-size:1.1rem;font-weight:500}.fun-divider{text-align:center;margin-bottom:16px;padding:0 24px;position:relative}.fun-divider:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue), var(--mint), var(--yellow));opacity:.3;border-radius:3px;height:3px;position:absolute;top:50%;left:5%;right:5%}.fun-divider span{background:var(--bg);padding:0 20px;font-size:1.4rem;position:relative}.input-section{max-width:480px;margin:0 auto;padding:0 20px 24px}.input-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 6px 30px var(--shadow);border-radius:22px;flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.input-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue), var(--mint), var(--yellow));border-radius:28px 28px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.input-card label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.username-input{border:2px solid var(--border);color:var(--text);text-align:center;background:#faf5ff;border-radius:12px;outline:none;padding:11px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:600;transition:all .25s}.username-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.input-card .btn-generate{color:#fff;background:linear-gradient(135deg, var(--pink), var(--purple));cursor:pointer;letter-spacing:.02em;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 36px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #ff6b9d4d}.input-card .btn-generate:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #ff6b9d73}.error-msg{color:var(--coral);text-align:center;margin-top:-5px;font-size:.9rem;font-weight:600;display:none}.toast{background:var(--text);color:#fff;z-index:2000;border-radius:100px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:-100px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0003}.toast.show{bottom:40px}.card-section{flex-direction:column;align-items:center;padding:0 20px 20px;display:none}.card-outer{background:0 0;border-radius:28px;margin-bottom:20px;padding:0;box-shadow:0 16px 40px #0000004d}.flex-card{color:#fff;box-sizing:border-box;background:#0f4c6e;border:2px solid #ffffff40;border-radius:28px;flex-direction:column;width:290px;height:560px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffffff26}.flex-card:before{content:"";opacity:.4;pointer-events:none;z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.flex-card.theme-bubblegum{background:linear-gradient(135deg,#d1477a,#e87aab,#f0a0c4);border-color:#f0a0c866}.flex-card.theme-pastel{background:linear-gradient(135deg,#8e7ab5,#b8a0d2,#d4c0e8);border-color:#c8aae680}.flex-card.theme-neon{background:linear-gradient(135deg,#0a0020,#1a0f35,#2b0a45);border-color:#00ff9680}.flex-card.theme-galaxy{background:linear-gradient(135deg,#0c0827,#1a1050,#2a0c52);border-color:#8250dc66}.flex-card.theme-ocean{background:linear-gradient(135deg,#0a2e52,#0b457c,#1565a8);border-color:#3c96dc66}.flex-card.theme-fire{background:linear-gradient(135deg,#5c0a00,#9c2b0a,#c44218);border-color:#ff783266}.flex-card.theme-dark{background:linear-gradient(135deg,#111113,#1a1b1d,#222226);border-color:#64646e66}.flex-card.theme-sunset{background:linear-gradient(135deg,#6b2040,#c25535,#e88a30);border-color:#e68c3c66}.flex-card.theme-gold{background:linear-gradient(135deg,#4a3000,#8a6914,#c9a020);border-color:#d2af3780}.flex-card.theme-stardust{background:linear-gradient(135deg,#1a0a30,#2d1b69,#4a2c8a);border-color:#8c64dc66}.flex-card.theme-heartbeat{background:linear-gradient(135deg,#5a0020,#a01040,#cc2060);border-color:#e6508266}.flex-card.theme-crosshair{background:linear-gradient(135deg,#1a2332,#2a3a4c,#1e2d3d);border-color:#5078a066}.flex-card.theme-dotwave{background:linear-gradient(135deg,#0d2137,#1a3a5c,#0f2b4a);border-color:#3c78b466}.flex-card.theme-trianglepeak{background:linear-gradient(135deg,#0a2e1a,#1a5a35,#2a7a4a);border-color:#3cc86466}.flex-card.theme-blossom{background:linear-gradient(135deg,#6b2050,#c46a8a,#e8a0b0);border-color:#e696b466}.flex-card.theme-midnight{background:linear-gradient(135deg,#050510,#0c1030,#141e4a);border-color:#28327880}.flex-card.theme-coral{background:linear-gradient(135deg,#8a3030,#d06050,#e88070);border-color:#f08c7866}.flex-card.theme-arctic{background:linear-gradient(135deg,#1a4060,#3a7a9a,#5aaac0);border-color:#8cd2f066}.flex-card.theme-ember{background:linear-gradient(135deg,#4a1500,#8a3500,#c05500);border-color:#e68c2866}.flex-card.theme-lavender{background:linear-gradient(135deg,#4a3070,#7b52a0,#a87cc8);border-color:#a87cc866}.flex-card.theme-cherry{background:linear-gradient(135deg,#4a0020,#8b1a3a,#b82550);border-color:#b8255066}.flex-card.theme-mint{background:linear-gradient(135deg,#0a3a2a,#1a6b50,#2a9a72);border-color:#2a9a7266}.flex-card.theme-storm{background:linear-gradient(135deg,#1a1e2e,#2a3348,#3a4a62);border-color:#50648266}.flex-card.theme-peach{background:linear-gradient(135deg,#8a4a2a,#c47040,#e89860);border-color:#e8986066}.flex-card.theme-cyberpunk{background:linear-gradient(135deg,#0a0028,#2a0050,#4a0070);border-color:#00ffc866}.flex-card.theme-forest{background:linear-gradient(135deg,#0a2010,#1a4020,#2a5a30);border-color:#3c8c4666}.flex-card.theme-twilight{background:linear-gradient(135deg,#1a1040,#3a2060,#5a3080);border-color:#7850aa66}.flex-card.theme-rosegold{background:linear-gradient(135deg,#6a3040,#a05060,#c87080);border-color:#c8708066}.flex-card.theme-obsidian{background:linear-gradient(135deg,#08080c,#12121a,#1c1c28);border-color:#3c3c5080}.sparkle-overlay{display:none}.sparkle-overlay i{color:#fff;opacity:.6;font-size:14px;font-style:normal;position:absolute}.sparkle-overlay i:first-child{font-size:12px;top:12%;right:12%}.sparkle-overlay i:nth-child(2){font-size:14px;top:48%;right:10%}.sparkle-overlay i:nth-child(3){font-size:14px;top:52%;left:8%}.sparkle-overlay i:nth-child(4){font-size:12px;bottom:18%;right:14%}.flex-card>*{z-index:5;position:relative}.card-top-info{justify-content:space-between;align-items:flex-start;padding:16px 16px 8px;display:flex}.card-user-block{flex-direction:column;min-width:0;display:flex}.card-display-name{text-shadow:0 1px 4px #00000080;word-break:break-all;margin-bottom:2px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.1}.card-user-sub{opacity:.9;text-shadow:0 1px 3px #00000080;font-size:.7rem;font-weight:600}.tier-chip{color:#fff;-webkit-backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff80;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.8rem;font-weight:600;display:flex}.tier-chip.small-badge{height:fit-content;margin-top:4px;padding:4px 8px;font-size:.65rem}.tier-chip.rare,.tier-chip.legendary,.tier-chip.mythic{color:#fff;background:#ffffff26;border-color:#ffffff80}.avatar-center{flex:1;min-height:250px;position:relative}.avatar-glow{pointer-events:none;background:radial-gradient(circle,#fff3 0%,#fff0 60%);border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avatar-img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 25px #0006);z-index:10;width:280px;height:280px;margin-left:-140px;position:absolute;bottom:-15px;left:50%}.card-bottom-panel{-webkit-backdrop-filter:blur(16px);color:#fff;background:#0006;border:1px solid #fff3;border-radius:20px;margin:0 10px 10px;padding:10px;box-shadow:0 8px 32px #00000026}.mini-stats{text-align:center;justify-content:space-around;margin-bottom:12px;display:flex}.ms-item{flex-direction:column;display:flex}.ms-val{margin-bottom:2px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:700}.ms-item:first-child .ms-val{color:#ffb84d}.ms-item:nth-child(2) .ms-val{color:#ff6ba0}.ms-item:nth-child(3) .ms-val{color:#a07aff}.ms-lbl{color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em;font-size:.55rem;font-weight:700}.mini-divider{background:#0000000f;border-radius:2px;height:2px;margin:0 8px 12px}.top-items-row{justify-content:space-between;gap:6px;margin-bottom:8px;display:flex}.ti-pill{text-align:center;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;display:flex;box-shadow:0 4px 12px #0003}.ti-medal{font-size:.9rem}.ti-name{color:#e2e8f0;word-break:break-word;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.5rem;font-weight:600;line-height:1.1}.mini-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.badge-pill{background:#282a36cc;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:3px;padding:2px 6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.55rem;font-weight:700;display:flex}.badge-og{color:#fca5a5;background:#fca5a526;border-color:#fca5a566}.badge-rich{color:#93c5fd;background:#93c5fd26;border-color:#93c5fd66}.badge-collector{color:#86efac;background:#86efac26;border-color:#86efac66}.badge-veteran{color:#fde047;background:#fde04726;border-color:#fde04766}.card-wm{text-align:center;letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3;background:#00000026;border:1px solid #ffffff26;border-radius:100px;align-self:center;margin:0 auto 10px;padding:6px 30px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.55rem;font-weight:700}.action-buttons{gap:12px;width:290px;margin-bottom:16px;display:flex}.btn-action{cursor:pointer;background:var(--bg-card);color:var(--text);border:none;border:2px solid var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.btn-action:hover{box-shadow:0 6px 20px var(--shadow);transform:translateY(-2px)}.btn-download{background:linear-gradient(135deg, var(--mint), var(--blue));color:#fff;border:none}.btn-share{border-color:var(--pink);color:var(--pink)}.btn-share:hover{background:var(--pink);color:#fff}.social-share{background:var(--bg-card);border:2px solid var(--border);border-radius:100px;align-items:center;gap:12px;padding:10px 20px;display:flex}.share-label{color:var(--text-light);font-size:.9rem;font-weight:600}.social-icon{color:var(--text-light);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .25s;display:grid}.social-icon:hover{color:var(--purple);transform:scale(1.1)}.theme-section{max-width:700px;margin:0 auto;padding:0 20px 40px}.theme-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow);border-radius:24px;padding:24px}.theme-card h3{text-align:center;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.3rem}.theme-options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.theme-divider-label{text-align:center;width:100%;color:var(--text-light);border-top:2px dashed var(--border);margin:10px 0;padding-top:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem}.theme-option{border:2px solid var(--border);cursor:pointer;background:#faf5ff;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.theme-option.selected{border-color:var(--pink);background:linear-gradient(135deg,#ff6b9d1a,#c084fc1a);box-shadow:0 4px 12px #ff6b9d26}.theme-dot{border-radius:50%;width:14px;height:14px}.theme-option.new-tag{position:relative}.theme-dot.ocean{background:#0b457c}.theme-dot.fire{background:#9c2b0a}.theme-dot.bubblegum{background:#e87aab}.theme-dot.pastel{background:#b8a0d2}.theme-dot.neon{background:#1a0f35}.theme-dot.galaxy{background:#1a1050}.theme-dot.dark{background:#1a1b1d}.theme-dot.sunset{background:linear-gradient(135deg,#c25535,#e88a30)}.theme-dot.gold{background:linear-gradient(135deg,#8a6914,#c9a020)}.theme-dot.stardust{background:linear-gradient(135deg,#2d1b69,#4a2c8a)}.theme-dot.heartbeat{background:linear-gradient(135deg,#a01040,#cc2060)}.theme-dot.crosshair{background:linear-gradient(135deg,#1a2332,#2a3a4c)}.theme-dot.dotwave{background:linear-gradient(135deg,#0d2137,#1a3a5c)}.theme-dot.trianglepeak{background:linear-gradient(135deg,#1a5a35,#2a7a4a)}.theme-dot.blossom{background:linear-gradient(135deg,#c46a8a,#e8a0b0)}.theme-dot.midnight{background:linear-gradient(135deg,#0c1030,#141e4a)}.theme-dot.coral{background:linear-gradient(135deg,#d06050,#e88070)}.theme-dot.arctic{background:linear-gradient(135deg,#3a7a9a,#5aaac0)}.theme-dot.ember{background:linear-gradient(135deg,#8a3500,#c05500)}.theme-dot.lavender{background:linear-gradient(135deg,#7b52a0,#a87cc8)}.theme-dot.cherry{background:linear-gradient(135deg,#8b1a3a,#b82550)}.theme-dot.mint{background:linear-gradient(135deg,#1a6b50,#2a9a72)}.theme-dot.storm{background:linear-gradient(135deg,#2a3348,#3a4a62)}.theme-dot.peach{background:linear-gradient(135deg,#c47040,#e89860)}.theme-dot.cyberpunk{background:linear-gradient(135deg,#2a0050,#00ffc8)}.theme-dot.forest{background:linear-gradient(135deg,#1a4020,#2a5a30)}.theme-dot.twilight{background:linear-gradient(135deg,#3a2060,#5a3080)}.theme-dot.rosegold{background:linear-gradient(135deg,#a05060,#c87080)}.theme-dot.obsidian{background:linear-gradient(135deg,#12121a,#2a2a38)}.theme-dot.tropics{background:#1a6b4a}.theme-dot.diamond{background:#3a5a8c}.theme-dot.cosmos{background:#1a0a40}.theme-dot.reef{background:#0a4a5c}.theme-dot.neonarcade{background:#2a0a4a}.theme-dot.rainbow{background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff)}.theme-dot.inferno{background:linear-gradient(135deg,#8b0000,#ff4500)}.theme-dot.dreamland{background:#ff9a9e}.theme-dot.candy{background:#a18cd1}.theme-dot.aqua{background:#4facfe}.flex-card.theme-dreamland:before{opacity:.8;background-image:url(/bg/1.jpeg)}.flex-card.theme-candy:before{opacity:.8;background-image:url(/bg/2.jpeg)}.flex-card.theme-aqua:before{opacity:.8;background-image:url(/bg/3.jpeg)}.flex-card.theme-tropics:before{opacity:.8;background-image:url(/bg/4.jpeg)}.flex-card.theme-diamond:before{opacity:.8;background-image:url(/bg/5.jpeg)}.flex-card.theme-cosmos:before{opacity:.8;background-image:url(/bg/6.jpeg)}.flex-card.theme-reef:before{opacity:.8;background-image:url(/bg/7.jpeg)}.flex-card.theme-neonarcade:before{opacity:.8;background-image:url(/bg/8.jpeg)}.flex-card.theme-rainbow:before{opacity:.8;background-image:url(/bg/9.jpeg)}.flex-card.theme-inferno:before{opacity:.8;background-image:url(/bg/10.jpeg)}.flex-card.theme-dreamland .card-top-info,.flex-card.theme-candy .card-top-info,.flex-card.theme-aqua .card-top-info,.flex-card.theme-tropics .card-top-info,.flex-card.theme-diamond .card-top-info,.flex-card.theme-cosmos .card-top-info,.flex-card.theme-reef .card-top-info,.flex-card.theme-neonarcade .card-top-info,.flex-card.theme-rainbow .card-top-info,.flex-card.theme-inferno .card-top-info{background:#00000059;border-radius:18px;margin:4px 4px 0}.about-section{max-width:700px;margin:0 auto;padding:0 20px 40px}.about-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow);border-radius:24px;padding:32px}.about-card h2{text-align:center;margin-bottom:12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.5rem;font-weight:700}.about-card>p{color:var(--text-light);text-align:center;margin-bottom:28px;font-size:.95rem;line-height:1.6}.about-features{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.about-feature{border:2px solid var(--border);text-align:center;background:#faf5ff;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .3s;display:flex}.about-feature:hover{box-shadow:0 8px 24px var(--shadow);border-color:var(--purple);transform:translateY(-4px)}.about-icon{width:44px;height:44px;color:var(--purple);background:linear-gradient(135deg,#c084fc1f,#ff6b9d1a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.about-icon svg{display:block}.about-feature strong{margin-bottom:6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.92rem;display:block}.about-feature p{color:var(--text-light);text-align:center;margin:0;font-size:.8rem;line-height:1.4}.faq-section{max-width:700px;margin:0 auto;padding:0 20px 50px}.faq-title{text-align:center;margin-bottom:24px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.5rem;font-weight:700}.faq-item{background:var(--bg-card);border:3px solid var(--border);cursor:pointer;border-radius:18px;transition:all .3s;overflow:hidden}.faq-question{justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.95rem;font-weight:600;display:flex}.faq-arrow{color:var(--purple);flex-shrink:0;font-size:.7rem;transition:transform .3s}.faq-answer{max-height:0;color:var(--text-light);padding:0 22px;font-size:.88rem;line-height:1.6;transition:max-height .35s,padding .35s;overflow:hidden}@media (max-width:640px){.hero{padding:36px 16px 20px}.hero h1{font-size:1.7rem}.about-features{grid-template-columns:1fr}.flex-card{transform:none}.card-section{padding:0 10px 20px}.action-buttons{flex-direction:column;gap:8px;width:100%;max-width:290px}.btn-action{width:100%;padding:14px 0;font-size:.9rem}.social-share{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 14px}.theme-options{justify-content:space-between;gap:8px}.theme-option{text-align:center;flex:calc(50% - 8px);justify-content:center;min-width:0;max-width:calc(50% - 8px);padding:10px 12px}.theme-option .theme-dot{margin-right:8px}.theme-divider-label{width:100%;margin:16px 0 10px}}.fontgen-section{max-width:720px;margin:0 auto;padding:0 20px 40px}.fontgen-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:3px solid var(--border);background:#ffffffd9;border-radius:28px;padding:32px;box-shadow:0 8px 32px #0000000f}.fontgen-input-group{margin-bottom:20px}.fontgen-label{color:var(--text);margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;font-weight:600;display:block}.fontgen-input-wrap{align-items:center;display:flex;position:relative}#fontgen-input{border:3px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:16px;outline:none;padding:14px 48px 14px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:500;transition:border-color .25s,box-shadow .25s}#fontgen-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}#fontgen-input::placeholder{color:#bbb;font-weight:400}.fontgen-clear-btn{width:32px;height:32px;color:var(--text-light);cursor:pointer;background:#0000000f;border:none;border-radius:50%;place-items:center;font-size:.85rem;transition:transform .2s,opacity .2s,box-shadow .2s;display:grid;position:absolute;right:12px}.fontgen-clear-btn:hover{background:var(--pink);color:#fff}.fontgen-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:center;gap:8px;margin-bottom:18px;padding:2px 6px;display:flex;overflow-x:auto}.fontgen-tabs::-webkit-scrollbar{display:none}.fontgen-tab{border:2px solid var(--border);color:var(--text-light);cursor:pointer;white-space:nowrap;background:#fff;border-radius:100px;padding:6px 14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s}.fontgen-tab:hover{border-color:var(--pink);color:var(--pink)}.fontgen-tab.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:#0000;box-shadow:0 4px 14px #ff6b9d40}.fontgen-generate-btn{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:18px;padding:14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 24px #ff6b9d4d}.fontgen-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b9d66}.fontgen-generate-btn:active{transform:translateY(0)}.fontgen-count-wrap{text-align:center;margin-bottom:16px}#fontgen-count{color:var(--text-light);background:#0000000a;border-radius:100px;padding:4px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600}.fontgen-grid{flex-direction:column;gap:12px;display:flex}.font-card{border:2px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.font-card:hover{border-color:var(--pink);box-shadow:0 4px 16px #ff6b9d1f}.font-card-label{color:var(--text-light);white-space:nowrap;min-width:100px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.75rem;font-weight:600}.font-card-category-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:700}.badge-aesthetic{color:#9c27b0;background:linear-gradient(135deg,#e8d5f5,#f3e5f5)}.badge-gothic{color:#424242;background:linear-gradient(135deg,#e0e0e0,#d5d5d5)}.badge-cute{color:#e91e63;background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.badge-fun{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.badge-deco{color:#1565c0;background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.font-card-text{word-break:break-word;overflow-wrap:break-word;color:var(--text);flex:1;min-width:0;font-size:1.1rem;line-height:1.5}.font-card-copy{border:2px solid var(--border);color:var(--text-light);cursor:pointer;white-space:nowrap;background:#fff;border-radius:100px;flex-shrink:0;padding:6px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.8rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s}.font-card-copy:hover{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:#0000}.font-card-copy.copied{color:#fff!important;background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border-color:#0000!important}.fontgen-empty{text-align:center;color:var(--text-light);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:1rem;font-weight:500;display:flex}.fontgen-empty-icon{font-size:2.5rem}.fontgen-showmore-btn{border:3px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:6px;width:100%;margin:24px auto 0;padding:12px 32px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.fontgen-showmore-btn:hover{border-color:var(--pink);color:var(--pink);box-shadow:0 4px 16px #ff6b9d26}.fontgen-content-section{max-width:720px;margin:0 auto;padding:0 20px 32px}.fontgen-content-card{background:var(--bg-card,#ffffffeb);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow,#0000000f);border-radius:24px;padding:32px}.fontgen-content-card h2{text-align:center;margin-bottom:16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.5rem;font-weight:700}.fontgen-content-card>p{color:var(--text-light);text-align:center;margin-bottom:20px;font-size:.95rem;line-height:1.6}.fontgen-content-card .about-features{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fontgen-content-card .about-feature{border:2px solid var(--border);text-align:center;background:#faf5ff;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:transform .3s,opacity .3s,box-shadow .3s;display:flex}.fontgen-content-card .about-feature:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.fontgen-content-card .about-icon{width:44px;height:44px;color:var(--purple);background:linear-gradient(135deg,#c084fc1f,#ff6b9d1a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.fontgen-content-card .about-icon svg{display:block}.fontgen-content-card .about-feature strong{color:var(--text);margin-bottom:6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;display:block}.fontgen-content-card .about-feature p{color:var(--text-light);text-align:center;margin:0;font-size:.85rem;line-height:1.6}.howto-steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.howto-step{border:2px solid var(--border);text-align:center;background:#faf5ff;border-radius:16px;padding:24px}.step-number{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.3rem;font-weight:700;display:grid}.howto-step h3{color:var(--text);margin-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:600}.howto-step p{color:var(--text-light);font-size:.85rem;line-height:1.6}.fontgen-content-card .faq-item{background:#faf5ff}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{border:2px solid var(--border);cursor:pointer;background:#ffffffd9;border-radius:16px;transition:border-color .2s;overflow:hidden}.faq-item:hover{border-color:var(--pink)}.faq-question{color:var(--text);justify-content:space-between;align-items:center;padding:16px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.95rem;font-weight:600;display:flex}.faq-arrow{color:var(--text-light);font-size:.75rem;transition:transform .3s}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{color:var(--text-light);max-height:0;padding:0 20px;font-size:.88rem;line-height:1.7;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding:0 20px 16px}@media (max-width:768px){.fontgen-card{padding:20px 16px}.fontgen-content-card{padding:24px 16px}.font-card{flex-direction:column;align-items:flex-start;gap:8px}.font-card-label{min-width:auto}.font-card-text{width:100%;font-size:1rem}.font-card-copy{align-self:flex-end}.fontgen-tabs{flex-wrap:wrap;justify-content:center;gap:6px;overflow-x:visible}.fontgen-tab{padding:6px 12px;font-size:.8rem}.fontgen-content-card .about-features,.howto-steps{grid-template-columns:1fr}}.pv-search{max-width:480px;margin:0 auto;padding:0 20px 24px}.pv-search-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 6px 30px var(--shadow);border-radius:22px;padding:22px;position:relative;overflow:hidden}.pv-search-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue), var(--mint), var(--yellow));border-radius:28px 28px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.pv-search-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.8rem;font-weight:600;display:block}.pv-search-row{gap:10px;display:flex}.pv-search-row input{border:2px solid var(--border);color:var(--text);background:#faf5ff;border-radius:12px;outline:none;flex:1;padding:11px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:500;transition:transform .25s,opacity .25s,box-shadow .25s}.pv-search-row input::placeholder{color:#c4b5d4}.pv-search-row input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.pv-search-row button{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:6px;padding:11px 22px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.9rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.pv-search-row button:hover{transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.pv-search-row button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pv-search-hint{color:var(--text-light);text-align:center;margin-top:12px;font-size:.82rem;font-weight:500}.pv-loading{text-align:center;max-width:900px;margin:0 auto;padding:60px 20px;display:none}.pv-loading.visible{display:block}.pv-loading-text{color:var(--text-light);font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;font-weight:600}.pv-error{max-width:560px;margin:0 auto;padding:0 20px 32px;display:none}.pv-error.visible{display:block}.pv-error-card{background:var(--bg-card);text-align:center;border:3px solid #fecaca;border-radius:20px;padding:28px;box-shadow:0 4px 20px #f871711a}.pv-error-icon{margin-bottom:12px;font-size:2.5rem}.pv-error-title{color:var(--text);margin-bottom:6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.2rem;font-weight:700}.pv-error-msg{color:var(--text-light);font-size:.9rem;font-weight:500}.pv-result{max-width:960px;margin:0 auto;padding:0 20px 40px;display:none}.pv-result.visible{display:block}.pv-result-header{text-align:center;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:700}.pv-horizontal{background:#2b2d31;border:3px solid #3a3c40;border-radius:20px;gap:0;display:flex;overflow:hidden;box-shadow:0 12px 48px #0000004d}.pv-h-left{background:linear-gradient(#1a5fb4 0%,#2a6dd4 40%,#232428 100%);flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:280px;padding:32px 24px 24px;display:flex}.pv-h-avatar-wrap{justify-content:center;align-items:center;width:220px;height:220px;display:flex}.pv-h-avatar{object-fit:contain;filter:drop-shadow(0 8px 24px #00000080);width:100%;height:100%;transition:transform .3s}.pv-h-avatar:hover{transform:scale(1.06)}.pv-h-actions{flex-direction:column;gap:8px;width:100%;display:flex}.pv-h-right{flex-direction:column;flex:1;gap:18px;min-width:0;padding:28px 32px;display:flex}.pv-h-name-area{border-bottom:2px solid #3a3c40;padding-bottom:16px}.pv-h-display-name{color:#fff;align-items:center;gap:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.8rem;font-weight:700;display:flex}.pv-verified-badge{color:#fff;background:linear-gradient(135deg,#3584e4,#62a0ea);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.7rem;display:inline-grid}.pv-h-username{color:#a5a7ab;margin-top:2px;font-size:.95rem;font-weight:500}.pv-h-user-id{color:#6d6f73;margin-top:2px;font-size:.78rem;font-weight:500}.pv-h-stats{background:#232428;border:2px solid #3a3c40;border-radius:12px;gap:0;display:flex;overflow:hidden}.pv-h-stat{text-align:center;flex:1;padding:14px 10px;position:relative}.pv-h-stat+.pv-h-stat:before{content:"";background:#3a3c40;width:1px;position:absolute;top:20%;bottom:20%;left:0}.pv-h-stat-num{color:#fff;margin-bottom:2px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.25rem;font-weight:700;display:block}.pv-h-stat-label{color:#a5a7ab;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600;display:block}.pv-h-bio{background:#232428;border:2px solid #3a3c40;border-radius:12px;padding:16px 18px}.pv-h-section-label{color:#a5a7ab;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.76rem;font-weight:600}.pv-h-bio-text{color:#d4d6d9;white-space:pre-wrap;word-break:break-word;font-size:.9rem;line-height:1.6}.pv-bio-empty{color:#6d6f73;font-style:italic}.pv-h-info-row{flex-wrap:wrap;gap:10px;display:flex}.pv-h-info{background:#232428;border:2px solid #3a3c40;border-radius:12px;flex-direction:column;flex:1;gap:2px;min-width:120px;padding:12px 14px;transition:border-color .2s;display:flex}.pv-h-info:hover{border-color:#4a4c50}.pv-h-info-icon{font-size:1rem}.pv-h-info-label{color:#6d6f73;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600}.pv-h-info-value{color:#d4d6d9;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:600}.pv-h-prev-names{background:#232428;border:2px solid #3a3c40;border-radius:12px;padding:16px 18px}.pv-h-prev-list{flex-wrap:wrap;gap:8px;display:flex}.pv-prev-name-chip{color:#a5a7ab;background:#2b2d31;border:2px solid #3a3c40;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;display:inline-flex}.pv-prev-name-chip:hover{border-color:var(--purple);color:#d4d6d9}.pv-no-prev-names{color:#6d6f73;font-size:.85rem;font-style:italic}.pv-btn-roblox{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a5fb4,#3584e4);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.pv-btn-roblox:hover{transform:scale(1.05);box-shadow:0 4px 14px #3584e466}.pv-btn-share{color:#d4d6d9;cursor:pointer;background:#ffffff14;border:2px solid #3a3c40;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.pv-btn-share:hover{border-color:var(--purple);transform:scale(1.05)}.ad-result-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow);text-align:center;border-radius:24px;padding:32px 28px}.ad-avatar-wrap{margin-bottom:16px;display:inline-block}.ad-avatar-img{object-fit:contain;border:3px solid var(--border);width:280px;height:280px;box-shadow:0 8px 30px var(--shadow);background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 50%,#e0e7ff 100%);border-radius:18px;transition:transform .3s}.ad-avatar-img:hover{transform:scale(1.04)}.ad-display-name{color:var(--text);margin-bottom:2px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:700}.ad-username{color:var(--text-light);margin-bottom:18px;font-size:.92rem;font-weight:500}.ad-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.ad-btn-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:300px;padding:14px 32px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.05rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.ad-btn-download:hover{transform:scale(1.05);box-shadow:0 6px 22px #22c55e66}.ad-btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none}.ad-btn-roblox{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a5fb4,#3584e4);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:300px;padding:11px 24px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.ad-btn-roblox:hover{transform:scale(1.05);box-shadow:0 4px 14px #3584e466}.ad-image-size{color:var(--text-light);margin-top:4px;font-size:.78rem;font-weight:500}.pv-popular{text-align:center;margin-top:16px}.pv-popular-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-light);margin-bottom:8px;font-size:.7rem;font-weight:600}.pv-popular-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pv-popular-tag{color:var(--purple);cursor:pointer;white-space:nowrap;background:#a855f714;border:1.5px solid #a855f733;border-radius:100px;align-items:center;padding:5px 14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.pv-popular-tag:hover{border-color:var(--purple);background:#a855f726;transform:translateY(-1px);box-shadow:0 3px 10px #a855f726}.pv-recent{margin-top:10px}.pv-tag-recent{color:var(--pink);background:#ff6b9d0f;border-color:#ff6b9d2e}.pv-tag-recent:hover{border-color:var(--pink);background:#ff6b9d24;box-shadow:0 3px 10px #ff6b9d26}.pv-cta-banner{max-width:960px;margin:20px auto 0;padding:0 20px}.pv-cta-inner{background:linear-gradient(135deg,#a855f71a,#ff6b9d14);border:2px solid #a855f733;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.pv-cta-text{flex-direction:column;gap:2px;display:flex}.pv-cta-text strong{color:var(--text);font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1rem;font-weight:700}.pv-cta-text span{color:var(--text-light);font-size:.85rem;font-weight:500}.pv-cta-btn{background:linear-gradient(135deg, var(--purple), var(--pink));color:#fff;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:11px 22px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.pv-cta-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #a855f759}@media (max-width:768px){.pv-horizontal{flex-direction:column}.pv-h-left{flex-direction:row;align-items:center;gap:16px;width:100%;padding:20px}.pv-h-avatar-wrap{flex-shrink:0;width:120px;height:120px}.pv-h-actions{flex:1}.pv-h-right{padding:20px}.pv-h-display-name{font-size:1.4rem}.pv-h-info-row{flex-direction:column}.pv-h-info{min-width:unset}.pv-cta-inner{text-align:center;flex-direction:column;gap:14px}.pv-cta-btn{justify-content:center;width:100%}}@media (max-width:480px){.pv-search-row{flex-direction:column}.pv-search-row button{justify-content:center}.pv-h-left{flex-direction:column}.pv-h-avatar-wrap{width:160px;height:160px}.pv-h-stat-num{font-size:1rem}.pv-h-stat{padding:10px 6px}.pv-popular-tags{gap:5px}.pv-popular-tag{padding:4px 10px;font-size:.72rem}}.ungen-form{max-width:620px;margin:0 auto;padding:0 20px 32px}.ungen-card{background:var(--bg-card);border:3px solid var(--border);box-shadow:0 8px 40px var(--shadow);border-radius:28px;padding:28px;position:relative;overflow:hidden}.ungen-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ff6b9d0a,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600;display:block}.style-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.style-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;justify-content:center;align-items:center;gap:5px;padding:9px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.82rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.style-btn:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.style-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.gender-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gender-btn{border:2px solid var(--border);min-width:100px;color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.gender-btn:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.gender-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.ulength-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ulength-btn{border:2px solid var(--border);min-width:90px;color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.ulength-btn:hover{border-color:var(--purple);transform:scale(1.05);box-shadow:0 3px 12px #c084fc26}.ulength-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);transform:scale(1.05);box-shadow:0 4px 14px #ff6b9d4d}.toggle-row{flex-wrap:wrap;gap:12px;display:flex}.toggle-btn{border:2px solid var(--border);min-width:150px;color:var(--text);cursor:pointer;background:#faf5ff;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.toggle-btn:hover{border-color:var(--purple);box-shadow:0 3px 12px #c084fc26}.toggle-btn.active{background:linear-gradient(135deg, var(--mint), var(--blue));color:#fff;border-color:var(--mint);box-shadow:0 4px 14px #34d3994d}.toggle-indicator{background:#ddd;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:opacity .25s,box-shadow .25s;position:relative}.toggle-indicator:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-indicator{background:#fff6}.toggle-btn.active .toggle-indicator:after{transform:translate(16px)}.pills-section{border-top:2px dashed var(--border);margin-top:20px;padding-top:20px}.pills-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.pill-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:#faf5ff;border-radius:100px;padding:7px 14px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.8rem;font-weight:600;transition:transform .25s,opacity .25s,box-shadow .25s}.pill-btn:hover{border-color:var(--purple);transform:scale(1.08)}.pill-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:var(--pink);box-shadow:0 3px 10px #ff6b9d40}.custom-word-input{border:2px solid var(--border);width:100%;color:var(--text);background:#faf5ff;border-radius:14px;outline:none;margin-top:4px;padding:12px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.88rem;font-weight:500;transition:transform .25s,opacity .25s,box-shadow .25s}.custom-word-input::placeholder{color:#c4b5d4}.custom-word-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6b9d26}.ungen-results{opacity:0;width:95%;max-width:95%;max-height:0;margin:0 auto;padding:0 20px;transition:max-height .3s,opacity .3s;overflow:hidden}.ungen-results.active{opacity:1;max-height:3000px;padding:0 20px 40px}.ungen-results-header{text-align:center;margin-bottom:20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.4rem;font-weight:700}.username-grid{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.uname-card{background:var(--bg-card);border:2px solid var(--border);box-shadow:0 2px 10px var(--shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:4px;min-width:0;padding:10px 10px 10px 14px;transition:transform .25s,opacity .25s,box-shadow .25s;display:flex}.uname-card:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 6px 20px #c084fc2e}.uname-text{color:var(--text);word-break:break-word;flex:1;min-width:0;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.uname-copy-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;padding:0;font-size:.85rem;transition:transform .2s,opacity .2s,box-shadow .2s;display:grid}.uname-copy-btn:hover{background:#faf5ff;transform:scale(1.15)}.uname-copy-btn.copied{background:var(--mint);border-radius:8px;transform:scale(1.1)}@media (max-width:900px){.username-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:640px){.username-grid{grid-template-columns:repeat(3,1fr)}.ungen-card{padding:20px}.toggle-row{flex-direction:column}.style-buttons{gap:6px}.style-btn{padding:7px 12px;font-size:.78rem}}@media (max-width:420px){.username-grid{grid-template-columns:repeat(2,1fr)}.gender-btn,.ulength-btn{min-width:80px;padding:9px 14px;font-size:.8rem}}.calc-section{z-index:1;box-sizing:border-box;width:100%;max-width:620px;padding:0 20px 32px;display:block;position:relative;margin:0 auto!important}.calc-card{background:var(--bg-card);border:3px solid var(--border);width:100%;box-shadow:0 8px 40px var(--shadow);box-sizing:border-box;border-radius:28px;padding:28px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.calc-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--blue), var(--mint), var(--yellow));z-index:1;border-radius:28px 28px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.calc-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#ff6b9d0a,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.calc-group{z-index:2;margin-bottom:20px;position:relative}.calc-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:10px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600;display:flex}.calc-input-wrap{border:2px solid var(--border);background:#faf5ff;border-radius:16px;align-items:center;padding:2px 16px;transition:border-color .25s,box-shadow .25s,background-color .25s;display:flex;position:relative}.calc-input-wrap:hover{border-color:var(--purple)}.calc-input-wrap:focus-within{border-color:var(--pink);background:#fff;box-shadow:0 0 0 4px #ff6b9d26}.calc-icon{color:var(--purple);-webkit-user-select:none;user-select:none;margin-right:10px;font-size:1.15rem;font-weight:700}.calc-input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:12px 0;font-family:inherit;font-size:1.25rem;font-weight:700}.calc-input::placeholder{color:#c4b5d4;font-weight:500}.calc-switch-btn{border:2px dashed var(--border);width:100%;color:var(--purple);cursor:pointer;z-index:2;background:#faf5ff;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.85rem;font-weight:700;transition:transform .25s,opacity .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.calc-switch-btn:hover{border-color:var(--purple);color:var(--text);background:#fff;transform:translateY(-1px);box-shadow:0 3px 12px #c084fc26}.calc-switch-icon{font-size:1.15rem;transition:transform .3s}.calc-switch-btn:active .calc-switch-icon{transform:rotate(180deg)}.calc-presets-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.calc-preset-btn{border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:center;background:#faf5ff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;padding:8px 6px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.82rem;font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s;display:flex}.calc-preset-price{color:var(--text-light);opacity:.85;font-size:.72rem;font-weight:500}.calc-preset-btn:hover{border-color:var(--purple);transform:scale(1.03);box-shadow:0 3px 12px #c084fc1f}.calc-preset-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));border-color:var(--pink);color:#fff;transform:scale(1.04);box-shadow:0 4px 14px #ff6b9d4d}.calc-preset-btn.active .calc-preset-price{color:#ffffffe6}.calc-slider-wrap{border:2px solid var(--border);background:#faf5ff;border-radius:16px;align-items:center;margin-top:8px;padding:14px 18px;transition:border-color .25s;display:flex}.calc-slider-wrap:hover{border-color:var(--purple)}.calc-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:99px;outline:none;width:100%;height:8px}.calc-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--pink), var(--purple));cursor:pointer;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 2px 6px #ff6b9d66}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.calc-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--pink), var(--purple));cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;transition:transform .1s;box-shadow:0 2px 6px #ff6b9d66}.calc-slider::-moz-range-thumb:hover{transform:scale(1.15)}.calc-toggle-group{border:2px solid var(--border);z-index:2;background:#faf5ff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.calc-toggle-group:hover{border-color:var(--purple);box-shadow:0 3px 12px #c084fc1a}.calc-toggle-label{flex-direction:column;gap:2px;display:flex}.calc-toggle-title{color:var(--text);font-size:.88rem;font-weight:700}.calc-toggle-desc{color:var(--text-light);font-size:.75rem}.switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:#d1cbd6;border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #00000026}input:checked+.slider-round{background:linear-gradient(135deg, var(--mint), var(--blue))}input:checked+.slider-round:before{transform:translate(22px)}.calc-result-card{border:3px solid var(--border);text-align:center;z-index:2;background:linear-gradient(135deg,#faf5ffd9,#f5ebffd9);border-radius:20px;margin-top:10px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.calc-result-card:hover{border-color:var(--purple);transform:translateY(-2px);box-shadow:0 6px 20px #c084fc26}.calc-result-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.78rem;font-weight:600}.calc-result-value{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:2.3rem;font-weight:800}.calc-copy-btn{background:var(--bg-card);border:2px solid var(--border);color:var(--purple);cursor:pointer;box-shadow:0 2px 8px var(--shadow);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.82rem;font-weight:700;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s;display:inline-flex}.calc-copy-btn:hover{border-color:var(--pink);color:var(--pink);transform:scale(1.05);box-shadow:0 4px 12px #ff6b9d26}.calc-copy-btn.copied{background:var(--mint);border-color:var(--mint);color:#fff;box-shadow:0 4px 12px #34d3994d}.calc-breakdown-bar{background:var(--border);border-radius:99px;height:12px;margin:16px 0 12px;display:flex;overflow:hidden}.calc-bar-left{background:linear-gradient(90deg, var(--pink), var(--purple));transition:width .3s}.calc-bar-right{background:#e2d4f0;transition:width .3s}.calc-breakdown-labels{color:var(--text-light);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.calc-label-left{color:var(--purple)}.calc-label-right{color:#8b75a8}.calc-alert{text-align:left;border-radius:14px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 16px;font-size:.82rem;line-height:1.5;transition:all .3s;display:flex}.calc-alert-warning{color:#b45309;background:#fffbeb;border:2px solid #fde68a}.calc-alert-info{color:#15803d;background:#f0fdf4;border:2px solid #bbf7d0}.calc-alert-icon{flex-shrink:0;margin-top:1px;font-size:1.15rem}.calc-details-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.calc-detail-box{border:1px dashed var(--border);text-align:center;background:#faf5ff80;border-radius:12px;padding:10px}.calc-detail-val{color:var(--text);font-size:1rem;font-weight:700}.calc-detail-lbl{color:var(--text-light);margin-top:2px;font-size:.72rem}.calc-table-wrap{border:2px solid var(--border);border-radius:12px;width:100%;margin:20px 0;overflow-x:auto}.calc-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.calc-table th{color:var(--text);border-bottom:2px solid var(--border);background:#faf5ff;padding:12px 14px;font-weight:700}.calc-table td{border-bottom:1px solid var(--border);color:var(--text-light);padding:10px 14px}.calc-table tr:last-child td{border-bottom:none}.calc-table tr:hover td{background:#faf5ff}.about-card h3{color:var(--text);margin-top:28px;margin-bottom:8px;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:1.1rem;font-weight:700}.about-card ul{margin:12px 0 16px;padding-left:20px;list-style-type:disc}.about-card li{color:var(--text-light);margin-bottom:6px;font-size:.88rem;line-height:1.6}.script-preset-btn{text-align:left;border:2px solid var(--border);cursor:pointer;box-sizing:border-box;background:#ffffff73;border-radius:14px;flex-direction:row;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 14px;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:flex}.script-preset-btn:hover{border-color:var(--purple);background:#ffffffb3;transform:translateY(-1px);box-shadow:0 3px 12px #c084fc1f}.script-preset-btn.active{box-shadow:0 4px 14px #c084fc33;border-color:var(--purple)!important;background:#c084fc1f!important}.script-preset-btn strong{color:var(--text);margin:0;font-family:system-ui,-apple-system,Arial,sans-serif;font-size:.8rem;line-height:1.2;display:block}.script-preset-btn span.script-preset-location{color:var(--text-light);margin-top:1px;font-size:.68rem;line-height:1.2;display:block}.script-settings-card{height:650px!important}.script-code-card{height:600px!important}@media (max-width:768px){.script-settings-card,.script-code-card{height:auto!important}.script-gen-cols{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:580px){.calc-presets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.calc-section{padding:0 12px 20px}.calc-card{padding:20px 16px}.calc-result-value{font-size:1.8rem}}@media (max-width:380px){.calc-presets-grid{grid-template-columns:1fr}}@media (max-width:360px){.calc-details-grid{grid-template-columns:1fr}}.pls-section{box-sizing:border-box;z-index:1;max-width:960px;margin:0 auto 40px;padding:0 20px;position:relative}.pls-card{background:var(--bg-card,#ffffffeb);-webkit-backdrop-filter:blur(20px);border:3px solid var(--border);width:100%;box-shadow:0 8px 40px var(--shadow);box-sizing:border-box;border-radius:28px;padding:32px;position:relative;overflow:hidden}.pls-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--mint), var(--yellow));z-index:1;height:5px;position:absolute;top:0;left:0;right:0}.pls-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#c084fc0a,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.pls-grid{z-index:2;grid-template-columns:1.15fr .85fr;align-items:start;gap:32px;display:grid;position:relative}.pls-input-group{grid-area:1/1}.pls-options-col{grid-area:2/1}.pls-preview-col{grid-area:1/2/span 2}@media (max-width:900px){.pls-grid{grid-template-columns:1fr;gap:28px}.pls-input-group{grid-area:1/1}.pls-preview-col{grid-area:2/1}.pls-options-col{grid-area:3/1}}.pls-panel-title{color:var(--text);border-bottom:2px solid var(--border);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:10px;font-size:1.25rem;font-weight:800;display:flex}.pls-form-group{z-index:2;margin-bottom:20px;position:relative}.pls-label{color:var(--text);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.pls-input-text{border:3px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;background:#fff;border-radius:16px;padding:13px 16px;font-size:1rem;font-weight:600;transition:border-color .25s,box-shadow .25s;box-shadow:inset 0 2px 4px #00000003}.pls-input-text:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 4px #c084fc26}.pls-input-text::placeholder{color:#bbb;font-weight:400}.pls-toggle-group{background:var(--border);border-radius:14px;gap:4px;padding:4px;display:flex}.pls-toggle-btn{text-align:center;color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s}.pls-toggle-btn.active{color:var(--purple);background:#fff;box-shadow:0 2px 8px #c084fc1f}.pls-color-picker{border:3px solid var(--border);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:12px;width:50px;height:46px;padding:0;transition:border-color .2s}.pls-color-picker:hover{border-color:var(--purple)}.pls-check-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pls-checkbox-btn{border:2px solid var(--border);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;background:#faf5ff;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.pls-checkbox-btn:hover{border-color:var(--purple);transform:translateY(-1px)}.pls-checkbox-btn.active{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;border-color:#0000;box-shadow:0 4px 12px #ff6b9d40}.pls-gradient-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px;display:grid}.pls-gradient-btn{border:2px solid var(--border);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;padding:10px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.pls-gradient-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.pls-gradient-btn.active{border-color:var(--purple);box-shadow:0 0 0 3px #c084fc33}.pls-switch{width:48px;height:26px;display:inline-block;position:relative}.pls-switch input{opacity:0;width:0;height:0}.pls-slider-round{cursor:pointer;background-color:var(--border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.pls-slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:4px;left:4px}.pls-switch input:checked+.pls-slider-round{background-color:var(--purple)}.pls-switch input:checked+.pls-slider-round:before{transform:translate(22px)}.pls-slider-container{border:2px solid var(--border);box-sizing:border-box;background:#faf5ff;border-radius:16px;align-items:center;gap:16px;margin-top:10px;padding:12px 16px;display:flex}.pls-stroke-settings{border:2px solid var(--border);box-sizing:border-box;background:#faf5ff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;padding:12px 16px;display:flex}.pls-slider-label-text{color:var(--text-light);font-size:.85rem;font-weight:700}.pls-stroke-picker{border:2px solid var(--border);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:8px;width:40px;height:36px;padding:0}.pls-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;flex-grow:1;height:6px}.pls-slider::-webkit-slider-thumb{appearance:none;background:var(--purple);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 5px #00000026}.pls-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.pls-slider-value{color:var(--purple);text-align:right;min-width:38px;font-size:.9rem;font-weight:800}.roblox-booth-preview{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;margin-bottom:24px;display:flex}.roblox-booth-board{box-sizing:border-box;background-color:#3d2314;background-image:linear-gradient(#0000001a 50%,#0000 50%),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:100% 20px,40px 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:10px solid #5c4033;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:160px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001f,inset 0 4px 10px #00000040}.roblox-booth-sign{text-align:center;word-break:break-word;box-sizing:border-box;background:#0f0f0f;border:3px solid #2e1d11;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;min-height:100px;padding:14px;display:flex;box-shadow:inset 0 2px 8px #000000d9}.roblox-booth-legs{z-index:-1;justify-content:space-between;width:80%;height:36px;margin-top:-4px;display:flex;position:relative}.roblox-booth-leg{background:#4e3222;border-radius:0 0 4px 4px;width:20px;height:100%;box-shadow:0 4px 8px #00000014,inset 2px 0 5px #0000001a}.pls-output-panel{box-sizing:border-box;width:100%}.pls-output-area{box-sizing:border-box;width:100%;margin-top:12px}.pls-textarea{color:#e2e8f0;border:3px solid var(--border);resize:none;box-sizing:border-box;background:#0f172a;border-radius:16px;outline:none;width:100%;min-height:110px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;transition:border-color .2s;box-shadow:inset 0 2px 8px #00000059}.pls-textarea:focus{border-color:var(--purple)}.pls-output-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.pls-char-count{color:var(--text-light);font-size:.8rem;font-weight:700}.pls-char-count.warning{color:#f43f5e;animation:1.5s ease-in-out infinite plsAlertPulse}@keyframes plsAlertPulse{0%,to{opacity:1}50%{opacity:.6}}.pls-copy-btn{background:linear-gradient(135deg, var(--pink) 0%, var(--purple) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #ff6b9d40}.pls-copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d59}.pls-copy-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.pls-copy-btn.copied{background:#10b981!important;box-shadow:0 4px 14px #10b9814d!important}.robux-calc-cache-buster-2026{z-index:9999}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}