:root{--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--blush-50:#fff1f5;--blush-100:#ffe4ec;--blush-200:#fecdd3;--blush-300:#fda4af;--blush-400:#fb7185;--blush-500:#f43f5e;--lav-300:#c4b5fd;--lav-400:#a78bfa;--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--line:#e8eef6;--surface:#ffffff;--page:#f4f9ff;--brand:linear-gradient(120deg,#38bdf8 0%,#a78bfa 52%,#fb7185 100%);--brand-soft:linear-gradient(120deg,#e0f2fe 0%,#ede9fe 50%,#ffe4ec 100%);--track:linear-gradient(90deg,#38bdf8,#a78bfa,#fb7185);--radius:20px;--radius-sm:14px;--radius-xs:10px;--pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,.06);--shadow-sm:0 2px 10px rgba(56,121,189,.08);--shadow-md:0 12px 30px rgba(56,121,189,.12),0 4px 12px rgba(244,114,182,.08);--shadow-lg:0 24px 60px rgba(30,41,59,.16);--ring:0 0 0 4px rgba(56,189,248,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;padding-bottom:40px;color:var(--ink);line-height:1.55;background:radial-gradient(1100px 500px at 100% -10%,#ffe9f0 0%,transparent 60%),radial-gradient(1100px 500px at 0% -10%,#e2f3ff 0%,transparent 60%),var(--page);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.fAr,.Afr{display:none}.container{max-width:980px;margin:0 auto;padding:0 16px}header{position:relative;background:var(--brand);color:#fff;box-shadow:0 10px 30px rgba(56,121,189,.22)}header::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%);pointer-events:none}header .inner{position:relative;max-width:980px;margin:0 auto;padding:14px 16px 0;display:flex;flex-direction:column;z-index:1}.brand h1,h1.entry-title{margin:4px 0;font-weight:800;letter-spacing:-.02em;font-size:1.5rem;text-shadow:0 1px 10px rgba(15,23,42,.18)}#topMenu{display:flex;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;height:56px;margin-top:8px;padding:0 2px;background:transparent;scrollbar-width:none;-ms-overflow-style:none}#topMenu::-webkit-scrollbar{height:0;display:none}#topMenu a{display:inline-flex;align-items:center;justify-content:center;padding:5px 15px;border-radius:var(--pill);font-size:.95rem;font-weight:600;text-decoration:none;color:rgba(255,255,255,.82);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);transition:background .2s ease,color .2s ease,transform .12s ease}#topMenu a.active{color:var(--sky-600);background:#fff;border-color:#fff;box-shadow:0 6px 16px rgba(15,23,42,.16)}@media (hover:hover) and (pointer:fine){#topMenu a:hover{color:#fff;background:rgba(255,255,255,.28)}#topMenu a.active:hover{color:var(--sky-600);background:#fff}}#topMenu a:active{transform:scale(.96)}nav a,#menusec a,.floatmenu a{scroll-snap-align:start;display:inline-block;white-space:nowrap;padding:9px 15px;margin:4px;border-radius:var(--pill);text-decoration:none;font-size:.95rem;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}@media (hover:hover) and (pointer:fine){nav a:hover,#menusec a:hover,.floatmenu a:hover{color:var(--sky-600);border-color:var(--sky-300);box-shadow:var(--shadow-sm)}}nav a:active,#menusec a:active,.floatmenu a:active{transform:scale(.97)}#menusec a{margin-top:8px;color:var(--ink-soft);font-size:1rem;padding:12px 16px;box-shadow:none;background:var(--surface);border:1px solid var(--line)}.floatmenu{height:100%;text-align:left;display:block;margin-top:8px;overflow:auto;padding:8px 24px}.floatmenu a{display:block;color:var(--ink);font-size:1.05rem;margin:8px 0}button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;color:var(--ink-soft);border-radius:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#results{width:100%;margin-top:4px}.bonitas-letras{padding:0 4px}.bonitas-letras h2{margin:14px 5px 8px;font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.input-section{position:sticky;top:0;z-index:40;background:rgba(244,249,255,.92);border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(56,121,189,.06)}.input-section .container{width:100%;max-width:980px;margin:0 auto;position:relative;display:flex;gap:8px;padding:12px 16px;align-items:flex-start;justify-content:center}.input-text{flex:1;min-width:0;position:relative;display:block}.input-section textarea{width:100%;min-height:60px;max-height:220px;padding:16px 54px 22px 20px;font-size:1.1rem;line-height:1.5;font-family:inherit;color:var(--ink);border:1.5px solid var(--line);outline:none;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-sm);resize:none;overflow-y:auto;transition:border-color .18s ease,box-shadow .18s ease}.input-section textarea::placeholder{color:#94a3b8}.input-section textarea:focus{border-color:var(--sky-400);box-shadow:var(--ring)}.input-text i{position:absolute;right:18px;bottom:10px;font-size:11px;color:#94a3b8;z-index:9}.clear-overlay{position:absolute;right:12px;top:12px;transform:none;display:inline-flex;align-items:center;justify-content:center;height:34px;width:34px;border-radius:var(--pill);background:var(--blush-100);color:var(--blush-500);font-weight:800;cursor:pointer;z-index:10;transition:background .18s ease,transform .12s ease}.clear-overlay:active{transform:scale(.9)}button#menu{font-size:1.6rem;height:48px;width:48px;margin-top:20px;color:#fff;background:var(--brand);border-radius:16px;box-shadow:var(--shadow-sm);flex:0 0 auto}button#menu:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.clear-overlay:hover{background:var(--blush-200)}}#randomcloud{display:block;text-align:center;margin:12px auto 0;padding:6px 10px;max-width:980px;width:100%;height:82px;overflow:hidden}#randomcloud li{display:inline-block}#randomcloud div{color:var(--ink-soft);font-size:25px !important;padding:4px 8px;margin:2px;cursor:pointer;background:transparent;border:none;border-radius:12px;transition:background .16s ease,color .16s ease,transform .12s ease}#randomcloud .font:focus{color:var(--sky-600);outline:none}@media (hover:hover) and (pointer:fine){#randomcloud .font:hover,#randomcloud div:hover{color:var(--sky-600);background:var(--sky-50)}}#randomcloud div:active{transform:scale(.94)}#randomcloud #item1 div{font-size:12px}#randomcloud #item2 div{font-size:15px}#randomcloud #item3 div{font-size:18px}#randomcloud #item4 div{font-size:23px}#randomcloud #item5 div{font-size:29px}.font-size-controller{display:flex;align-items:center;justify-content:flex-end;gap:12px;max-width:980px;margin:6px auto 0;padding:6px 24px}.font-size-controller label{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.font-size-controller input[type="range"]{width:190px;height:8px;background:var(--track);border-radius:var(--pill);outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.font-size-controller input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;background:#fff;border:3px solid var(--sky-400);border-radius:50%;box-shadow:0 4px 10px rgba(56,121,189,.3);transition:transform .14s ease}.font-size-controller input[type="range"]::-webkit-slider-thumb:active{transform:scale(1.15)}.font-size-controller input[type="range"]::-moz-range-thumb{width:22px;height:22px;background:#fff;border:3px solid var(--sky-400);border-radius:50%;cursor:pointer}.font-size-controller input[type="range"]::-moz-range-track{height:8px;background:var(--track);border-radius:var(--pill)}#fontSizeValue{font-weight:800;color:var(--sky-600);min-width:34px;text-align:center}.share-section{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:8px;max-width:980px;margin:10px auto 0;padding:0 16px}.share-section span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.share-options{display:flex;gap:6px;flex-wrap:wrap}.btn{padding:11px 18px;width:auto;height:auto;color:var(--ink-soft);background:var(--surface);position:relative;border-radius:var(--pill);border:1px solid var(--line);cursor:pointer;font-weight:700;font-size:.92rem;box-shadow:var(--shadow-xs);transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);border-color:var(--sky-300);box-shadow:var(--shadow-md)}}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--sky-50);border:1px solid var(--sky-200);color:var(--sky-600);box-shadow:none}.btn.closeit{color:var(--blush-500);background:var(--blush-50);border:1px solid var(--blush-200)}.btn.copyit{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.grid ul,.letraspro{margin:14px auto 0;padding:0px;max-width:980px;display:grid;grid-template-columns:1fr;gap:12px;list-style:none}.letraspro li{list-style:none;position:relative;margin:0}.letrasbonitas{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}@media (hover:hover) and (pointer:fine){.letrasbonitas:hover{transform:translateY(-2px);border-color:var(--sky-200);box-shadow:var(--shadow-md)}}.letraspro li .font{flex:1;min-width:0;padding:18px 16px 26px;font-size:1.1rem;cursor:pointer;user-select:none;text-align:left;overflow:auto;position:relative;background:transparent;color:var(--ink);border:none;resize:none;white-space:normal;word-break:break-word;transition:background .16s ease,color .16s ease}.letraspro li .font:focus{outline:none;background:var(--sky-50)}.letraspro li .font:active{background:var(--sky-100)}.letraspro p{position:absolute;bottom:6px;left:12px;z-index:2;display:flex;align-items:baseline;pointer-events:none;font-size:.68rem;font-weight:600;color:var(--muted);margin:0;padding:0;cursor:default}.flurshit{flex:0 0 auto;background:var(--brand-soft);border-left:1px solid var(--line);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 10px;color:var(--sky-600);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:background .18s ease,color .18s ease}@media (hover:hover) and (pointer:fine){.flurshit:hover{background:var(--brand);color:#fff}}.flurshit:active{filter:brightness(.96)}.flourish-popup{position:fixed;inset:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:999;animation:popFade .2s ease}.flourish-popup.hidden{display:none}.popup-box{background:rgba(255,255,255,.96);color:var(--ink);width:100%;max-width:520px;max-height:74vh;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:popIn .22s cubic-bezier(.2,.8,.2,1)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:14px 8px 14px 18px;background:var(--brand);color:#fff;position:relative}.popup-header h3{margin:0;font-size:1rem;font-weight:800;letter-spacing:.01em;color:#fff}.popup-header button{background:rgba(255,255,255,.18);border:none;color:#fff;cursor:pointer;font-size:15px;width:40px;height:40px;border-radius:12px;transition:background .16s ease,transform .12s ease}@media (hover:hover) and (pointer:fine){.popup-header button:hover{background:rgba(255,255,255,.32)}}.popup-header button:active{transform:scale(.9)}#flourishList{padding:12px;overflow-y:auto;list-style:none;margin:0;flex:1}#flourishList .letrasbonitas{padding:4px;margin-bottom:8px;background:var(--sky-50);border:1px solid var(--line)}#flourishList .count{display:flex;justify-content:flex-end;font-size:11px;color:var(--muted);padding:0 12px 6px}#flourishList .font{font-size:1.15rem !important;color:var(--ink);padding:14px;border-radius:var(--radius-xs);text-align:center}@media (hover:hover) and (pointer:fine){#flourishList .letrasbonitas:hover p{color:var(--sky-600)}}#flourishList .copied-alert{position:absolute;right:12px;bottom:8px;font-size:11px;font-weight:700;color:#059669;opacity:0;transition:opacity .2s ease}#flourishList li.copied .copied-alert{opacity:1}.flourishit{text-align:center;padding:12px 8px 16px}#flourishRegenerate{width:auto;height:auto;color:#fff;background:var(--brand);padding:14px 26px;border-radius:var(--pill);font-size:1rem;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}@media (hover:hover) and (pointer:fine){#flourishRegenerate:hover{filter:brightness(1.05);box-shadow:var(--shadow-lg)}}#flourishRegenerate:active{transform:scale(.95)}#flourishRegenerate:focus{outline:none}.select-flourish{display:flex;align-items:center;gap:10px;margin:10px 12px;flex-wrap:wrap;justify-content:center}.select-flourish label{font-size:.95rem;font-weight:600;color:var(--ink-soft)}#flourishSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 42px 12px 18px;font-size:1rem;font-weight:600;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--pill);background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,var(--sky-500) 50%),linear-gradient(135deg,var(--sky-500) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}@media (hover:hover) and (pointer:fine){#flourishSelect:hover{border-color:var(--sky-300)}}#flourishSelect:focus{outline:none;border-color:var(--sky-400);box-shadow:var(--ring)}.buttons{display:flex;position:fixed;right:0;bottom:130px;flex-direction:column;gap:4px;padding:8px 6px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-right:none;border-radius:18px 0 0 18px;box-shadow:var(--shadow-md);z-index:99}.buttons button{width:42px;height:42px;border-radius:12px;transition:background .16s ease,transform .12s ease}@media (hover:hover) and (pointer:fine){.buttons button:hover{background:var(--sky-50)}}.buttons button:active{transform:scale(.9)}svg{width:20px;height:20px;stroke:var(--muted);stroke-width:1.7;fill:none}#bulbBtn svg{stroke:#f59e0b}.copied{display:block;width:240px;padding:14px 16px;position:fixed;top:12%;right:0;z-index:999;color:var(--ink);background:rgba(255,255,255,.96);border:1px solid var(--sky-200);border-right:none;border-radius:16px 0 0 16px;box-shadow:var(--shadow-lg);animation:slideIn .24s ease}.copied p{margin:0;max-height:100px;overflow:auto;font-weight:600}.copied-info{position:absolute;top:8px;left:12px;background:var(--sky-500);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:var(--pill);pointer-events:none;animation:fadeInOut .2s ease}.close-button{top:12px;position:fixed;right:12px;width:auto;height:auto;padding:6px 16px;font-size:26px;line-height:1;border:1px solid var(--line);border-radius:var(--pill);color:var(--ink-soft);background:#fff;box-shadow:var(--shadow-sm);z-index:10000}.f-m-q,.f-m{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(900px 400px at 100% 0%,#ffe9f0 0%,transparent 60%),radial-gradient(900px 400px at 0% 0%,#e2f3ff 0%,transparent 60%),var(--page);align-items:center;transition:right .3s ease;z-index:9999;display:none;overflow-y:auto}#menusec{padding:60px 16px 24px}#fMN{overflow:auto}.content-sec{max-width:980px;margin:22px auto 0;padding:0 16px}.content-sec h3{margin:18px 0 6px;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.info-text{max-width:980px;margin:0 auto;padding:0 16px;color:var(--ink-soft)}.info-text ul{overflow:auto}.info-text img{max-width:100%;border-radius:var(--radius-sm)}.ads{grid-column:1 / -1;display:block;width:100%;max-width:980px;margin:16px auto;padding:8px;border-radius:var(--radius-sm);background:var(--sky-50);border:1.5px dashed var(--sky-200);overflow:hidden}.loadmore{text-align:center;margin:18px 0}#randombutton{width:auto;height:auto;border:none;border-radius:var(--pill);padding:16px 30px;margin-top:10px;color:#fff;font-weight:700;font-size:1rem;background:var(--brand);box-shadow:var(--shadow-md);transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}@media (hover:hover) and (pointer:fine){#randombutton:hover{filter:brightness(1.05);box-shadow:var(--shadow-lg)}}#randombutton:active{transform:scale(.96)}.page-load-status,.aryapage{display:none;align-items:center;width:100%}.loader{position:fixed;bottom:15%;left:10%;width:120px;height:20px;background:linear-gradient(#38bdf8 50%,#0000 0),linear-gradient(#0000 50%,#a78bfa 0),linear-gradient(#a78bfa 50%,#0000 0),linear-gradient(#0000 50%,#fb7185 0),linear-gradient(#fb7185 50%,#0000 0),linear-gradient(#0000 50%,#38bdf8 0) #e8eef6;background-size:calc(100%/6 + 1px) 200%;background-repeat:no-repeat;animation:l12 2s infinite}footer{margin-top:32px;background:linear-gradient(120deg,#0f2740,#1e293b);color:#e2e8f0;padding:24px 0}footer .inner{max-width:980px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}footer a{color:var(--sky-300);text-decoration:none;font-weight:600}@media (hover:hover) and (pointer:fine){footer a:hover{text-decoration:underline}}@keyframes fadeInOut{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes popFade{from{opacity:0}to{opacity:1}}@keyframes popIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes l12{0%{background-position:calc(0*100%/5) 100%,calc(1*100%/5) 0%,calc(2*100%/5) 100%,calc(3*100%/5) 0%,calc(4*100%/5) 100%,calc(5*100%/5) 0%}16.67%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 0%,calc(2*100%/5) 100%,calc(3*100%/5) 0%,calc(4*100%/5) 100%,calc(5*100%/5) 0%}33.33%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 100%,calc(2*100%/5) 100%,calc(3*100%/5) 0%,calc(4*100%/5) 100%,calc(5*100%/5) 0%}50%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 100%,calc(2*100%/5) 0%,calc(3*100%/5) 0%,calc(4*100%/5) 100%,calc(5*100%/5) 0%}66.67%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 100%,calc(2*100%/5) 0%,calc(3*100%/5) 100%,calc(4*100%/5) 100%,calc(5*100%/5) 0%}83.33%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 100%,calc(2*100%/5) 0%,calc(3*100%/5) 100%,calc(4*100%/5) 0%,calc(5*100%/5) 0%}100%{background-position:calc(0*100%/5) 0%,calc(1*100%/5) 100%,calc(2*100%/5) 0%,calc(3*100%/5) 100%,calc(4*100%/5) 0%,calc(5*100%/5) 100%}}@media (min-width:721px){.brand h1,h1.entry-title{font-size:1.8rem}.grid ul,.letraspro{grid-template-columns:repeat(2,1fr);gap:14px}.popup-box .grid ul,.popup-box .letraspro{grid-template-columns:repeat(1,1fr)}#randomcloud{height:92px}.info-text img{max-width:48%}}@media (max-width:640px){.input-section textarea,#flourishSelect{font-size:16px}.font-size-controller input[type="range"]{width:150px}.grid ul,.letraspro{padding:0px;gap:10px}.letraspro li .font{font-size:1.0rem}.buttons{bottom:100px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}}