.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{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:12px;min-height:40px;padding:1px 25px;display:flex}.cmp-tab--fun{border-top-right-radius:30px;justify-content:flex-start}.cmp-tab--fun.cmp-tab--active{background:linear-gradient(135deg,#b371f5,#da71f5,#b942f1)}.cmp-tab--trend{border-top-left-radius:30px;justify-content:center;padding:1px 18px}.cmp-tab-emoji{font-size:23px;line-height:1.2}.cmp-tab-label{color:#fff;font-size:15px;font-weight:700}.cmp-tab-label--inactive{color:#ffffff8a}.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:#fff;cursor:pointer;border:none;border-radius:16px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:400}.cmp-filter--selected{color:#062b53;background:#29abe2;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:#fff;letter-spacing:.6px;flex:1;font-size:30px;font-weight:700}.cmp-desc{color:#ffffffb3;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{cursor:pointer;background:#ffffff14;border:2px solid #b371f580;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{cursor:pointer;background:#b371f5;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 #b371f5cc;border-color:#b371f5cc #b371f5cc #0000 #0000;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:#18ffff99;cursor:default}.cmp-picker-host{justify-content:center;padding:14px 16px 0;display:flex}.cmp-picker{background:#062b53eb;border:1px solid #b371f580;border-radius:14px;flex-direction:column;width:100%;max-width:420px;height:292px;display:flex;overflow:hidden}.cmp-picker-head{border-bottom:1px solid #b371f540;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;opacity:.55;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:5px 8px}.cmp-picker-tab--active{opacity:1;background:#b371f547}.cmp-picker-grid{flex:1;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px 10px;display:grid;overflow-y:auto}.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:#b371f538}.cmp-picker-hint{color:#ffffff8c;text-align:center;padding:6px 12px 9px;font-size:11px}.cmp-convert{cursor:pointer;z-index:20;background:linear-gradient(90deg,#0cd4e0,#b371f5);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:#062b53;letter-spacing:.5px;font-size:14px;font-weight:700}.cmp-convert-sub{color:#062b53;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(90deg,#0cd4e0,#29abe2);border:none;border-radius:10px;width:270px;height:40px;margin-top:20px;font-size:14px;font-weight:800}
