.cmp-root{flex-direction:column;min-height:100dvh;display:flex;position:relative}.cmp-header{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cmp-header-brand{letter-spacing:.4px;color:#fff;opacity:.92;font-size:18px;font-weight:800}.cmp-header-right{align-items:center;gap:6px;display:flex}.cmp-star{object-fit:contain;width:20px;height:20px}.cmp-credits{color:#fff;font-size:15px;font-weight:600}.cmp-tabs{width:100%;display:flex}.cmp-tab{background:0 0;border:none;flex:1;align-items:center;gap:12px;min-height:40px;padding:1px 25px;display:flex}.cmp-tab--fun{justify-content:center}.cmp-tab--fun.cmp-tab--active{background:linear-gradient(135deg, var(--ff-cta-1,var(--bf-purple)), var(--ff-cta-2,#da71f5), var(--ff-cta-2,#b942f1))}.cmp-tab-emoji{font-size:23px;line-height:1.2}.cmp-tab-label{color:var(--ff-cta-text,#fff);font-size:15px;font-weight:700}.cmp-scroll{flex:1;padding-bottom:96px;overflow-y:auto}.cmp-filters{scrollbar-width:none;gap:4px;padding:8px;display:flex;overflow-x:auto}.cmp-filters::-webkit-scrollbar{display:none}.cmp-filter{background:var(--bf-navy-deep);color:var(--bf-text);cursor:pointer;border:none;border-radius:16px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:400}.cmp-filter--selected{background:var(--bf-blue);color:var(--bf-navy);font-weight:700}.cmp-toggle{justify-content:center;align-items:center;margin-top:4px;padding:0 60px;display:flex}.cmp-toggle-arrow{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.cmp-toggle-title{text-align:center;color:var(--bf-text);letter-spacing:.6px;flex:1;font-size:30px;font-weight:700}.cmp-desc{color:rgba(var(--bf-text-rgb), .7);text-align:center;max-width:420px;margin:0 auto 18px;padding:4px 24px 0;font-size:16px;font-weight:400}.cmp-pin-center{justify-content:center;padding:0 24px;display:flex}.cmp-pin-wrap{max-width:320px;position:relative}.cmp-pin-row{justify-content:center;display:flex}.cmp-pin-slot-outer{position:relative}.cmp-pin-slot{border:2px solid rgba(var(--bf-purple-rgb), .5);background:rgba(var(--bf-text-rgb), .08);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 4px;padding:0;display:flex}.cmp-pin-plus{display:block}.cmp-pin-remove{background:var(--bf-purple);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:2px;display:flex;position:absolute;top:-4px;right:0}.cmp-pin-hidden-input{opacity:.01;color:#0000;caret-color:#0000;pointer-events:none;background:0 0;border:none;width:100%;height:1px;position:absolute;bottom:0;left:0}.cmp-spinner{border:2px solid #0000;border-top-color:rgba(var(--bf-purple-rgb), .8);border-right-color:rgba(var(--bf-purple-rgb), .8);border-radius:50%;animation:.9s linear infinite cmp-spin;display:inline-block}@keyframes cmp-spin{to{transform:rotate(360deg)}}.cmp-random-row{justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.cmp-random{cursor:pointer;color:var(--bf-cyan-accent);letter-spacing:1.1px;background:0 0;border:none;font-size:12px;font-weight:600}.cmp-random--loading{color:rgba(var(--bf-cyan-accent-rgb), .6);cursor:default}.cmp-picker-host{justify-content:center;padding:14px 16px 0;display:flex}.cmp-picker{background:rgba(var(--bf-navy-rgb), .92);border:1px solid rgba(var(--bf-purple-rgb), .5);border-radius:14px;flex-direction:column;width:100%;max-width:420px;height:336px;display:flex;overflow:hidden}.cmp-picker-search-row{align-items:center;gap:8px;padding:10px 10px 0;display:flex}.cmp-picker-search{background:rgba(var(--bf-text-rgb), .08);border:1px solid rgba(var(--bf-purple-rgb), .35);min-width:0;height:34px;color:var(--bf-text);border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:15px}.cmp-picker-search::placeholder{color:rgba(var(--bf-text-rgb), .45)}.cmp-picker-search:focus{border-color:rgba(var(--bf-purple-rgb), .85)}.cmp-picker-backspace{background:rgba(var(--bf-purple-rgb), .28);width:44px;height:34px;color:var(--bf-text);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmp-picker-backspace:hover:not(:disabled){background:rgba(var(--bf-purple-rgb), .45)}.cmp-picker-backspace:disabled{opacity:.35;cursor:default}.cmp-picker-empty{text-align:center;color:rgba(var(--bf-text-rgb), .55);grid-column:1/-1;padding:24px 0;font-size:13px}.cmp-picker-head{border-bottom:1px solid rgba(var(--bf-purple-rgb), .25);align-items:center;gap:4px;padding:8px 10px 6px;display:flex}.cmp-picker-tabs{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.cmp-picker-tabs::-webkit-scrollbar{display:none}.cmp-picker-tab{cursor:pointer;letter-spacing:.2px;white-space:nowrap;color:rgba(var(--bf-text-rgb), .6);background:0 0;border:none;border-radius:999px;flex-shrink:0;padding:5px 11px;font-family:inherit;font-size:13px;font-weight:600}.cmp-picker-tab--active{background:rgba(var(--bf-purple-rgb), .28);color:var(--bf-text)}.cmp-picker-grid-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.cmp-picker-grid-wrap:before,.cmp-picker-grid-wrap:after{content:"";pointer-events:none;z-index:4;opacity:0;transition:opacity .25s;position:absolute;left:0;right:0}.cmp-picker-grid-wrap:before{background:linear-gradient(180deg, rgba(var(--bf-navy-rgb), 1) 0%, rgba(var(--bf-navy-rgb), .6) 40%, rgba(var(--bf-navy-rgb), 0) 100%);height:36px;top:0}.cmp-picker-grid-wrap:after{background:linear-gradient(0deg, rgba(var(--bf-navy-rgb), 1) 0%, rgba(var(--bf-navy-rgb), .75) 35%, rgba(var(--bf-navy-rgb), .35) 60%, rgba(var(--bf-navy-rgb), 0) 100%);height:64px;bottom:0}.cmp-picker-fade-top:before,.cmp-picker-fade-bottom:after{opacity:1}.cmp-picker-scroll-down{cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .2s;display:flex;position:absolute;bottom:12px;right:14px}.cmp-picker-scroll-down:hover{transform:scale(1.08)}.cmp-picker-scroll-icon{width:100%;height:100%}.cmp-picker-grid{scrollbar-width:none;flex:1;grid-template-columns:repeat(8,1fr);align-content:start;gap:2px;min-height:0;padding:8px 10px;display:grid;overflow-y:auto}.cmp-picker-grid::-webkit-scrollbar{display:none}.cmp-picker-grid--full{opacity:.35}.cmp-picker-cell{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:5px 0;display:flex}.cmp-picker-cell:hover{background:rgba(var(--bf-purple-rgb), .22)}.cmp-picker-hint{color:rgba(var(--bf-text-rgb), .55);text-align:center;padding:6px 12px 9px;font-size:11px}.cmp-convert{cursor:pointer;background:linear-gradient(to right, var(--ff-cta-1,var(--bf-cyan)), var(--ff-cta-2,var(--bf-purple)));z-index:20;border:none;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:10px 0 12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cmp-convert-title{color:var(--ff-cta-text,var(--bf-navy));letter-spacing:.5px;font-size:14px;font-weight:700}.cmp-convert-sub{color:var(--ff-cta-text,var(--bf-navy));font-size:12px;font-weight:700}.cmp-converting-overlay{z-index:40;background:#0003;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cmp-onboarding-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cmp-onboarding-card{background:url(/images/FunBg.png) 50%/cover no-repeat;border-radius:20px;justify-content:center;align-items:center;width:min(90vw,430px);height:min(90dvh,780px);display:flex;position:relative;overflow:hidden}.cmp-onboarding-content{text-align:center;text-shadow:1px 1px 3px #00000080;flex-direction:column;align-items:center;padding:5% 8%;display:flex}.cmp-onboarding-title{color:#fff;font-size:15px;font-weight:700}.cmp-onboarding-highlight{color:#fff;letter-spacing:1.2px;font-size:24px;font-weight:700}.cmp-onboarding-imagerow{justify-content:center;align-items:center;gap:4px;margin:10px 0;display:flex}.cmp-onboarding-arrow{cursor:pointer;background:0 0;border:none;padding:8px}.cmp-onboarding-arrow-spacer{width:50px}.cmp-onboarding-image{object-fit:contain;width:140px;height:140px}.cmp-onboarding-desc{color:#fff;padding:0 30px;font-size:17px;font-weight:700}.cmp-onboarding-dots{justify-content:center;gap:6px;margin-top:20px;display:flex}.cmp-onboarding-dot{background:#ffffff3d;border-radius:50%;width:4px;height:4px}.cmp-onboarding-dot--active{background:#fff}.cmp-onboarding-start{cursor:pointer;color:#fff;background:linear-gradient(to right, var(--bf-cyan), var(--bf-blue));border:none;border-radius:10px;width:270px;height:40px;margin-top:20px;font-size:14px;font-weight:800}