.lnb-container{--text-white:#e7dcd1;--moon-blue:#4aa3df;--moon-light:#a4dbf5;--blocked-grey:#4a4a4a;--thumb-skin:#e0ac69;--dark-charcoal:#2b2b2b;--total-cycle:8s;width:480px;height:300px;min-width:480px;flex-shrink:0;margin:1rem auto;position:relative;align-items:center;gap:40px;background-color:#000000;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;border-radius:12px;user-select:none}.lnb-container,.lnb-text-group{display:flex;justify-content:center}.lnb-text-group{text-align:right;color:var(--text-white);min-width:100px;flex-direction:column;align-items:flex-end}.text-switcher{position:relative;height:40px;width:140px}.dynamic-text{position:absolute;right:0;top:0;font-size:32px;font-weight:700;white-space:nowrap}.lnb-txt-in{opacity:0;animation:lnb-text-inhale var(--total-cycle) ease-in-out infinite;color:var(--moon-blue)!important}.lnb-txt-out{opacity:0;animation:lnb-text-exhale var(--total-cycle) ease-in-out infinite;color:var(--text-white)!important}.lnb-sub{font-size:14px;opacity:.7;margin-top:5px;color:var(--dark-charcoal)!important}.nostril-channels{display:flex;gap:20px;height:180px}.channel{width:60px;height:100%;border-radius:30px;position:relative;background-color:#383838;overflow:hidden}.left-channel{border:2px solid var(--moon-blue);box-shadow:0 0 15px rgba(74,163,223,.3)}.right-channel{background-color:var(--blocked-grey);display:flex;align-items:center;justify-content:center}.thumb-blocker{width:50px;height:50px;background-color:var(--thumb-skin);border-radius:50%;opacity:.8}.cool-air{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--moon-blue),transparent);opacity:.8;transform-origin:bottom;animation:air-column-cycle var(--total-cycle) ease-in-out infinite}.particle{position:absolute;width:10px;height:10px;background-color:var(--moon-light);border-radius:50%;opacity:0;left:50%;transform:translateX(-50%)}.particle-in{bottom:10%;animation:strict-rise var(--total-cycle) linear infinite}.p2{animation-delay:.8s}.p3{animation-delay:1.6s}.particle-out{top:10%;animation:strict-fall var(--total-cycle) linear infinite}.p4{animation-delay:4s}.p5{animation-delay:4.8s}.p6{animation-delay:5.6s}@keyframes air-column-cycle{0%{height:5%;opacity:.3}45%{height:95%;opacity:.9}50%{height:100%;opacity:1}95%{height:5%;opacity:.3}to{height:5%;opacity:.3}}@keyframes strict-rise{0%{opacity:0;bottom:10%;transform:translateX(-50%) scale(.5)}5%{opacity:1;transform:translateX(-50%) scale(1)}25%{opacity:0;bottom:85%;transform:translateX(-50%) scale(1)}to{opacity:0;bottom:85%}}@keyframes strict-fall{0%{opacity:0;top:10%;transform:translateX(-50%) scale(.5)}5%{opacity:1;transform:translateX(-50%) scale(1)}25%{opacity:0;top:85%;transform:translateX(-50%) scale(1)}to{opacity:0;top:85%}}@keyframes lnb-text-inhale{0%{opacity:0;transform:translateY(5px)}10%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(-5px)}to{opacity:0}}@keyframes lnb-text-exhale{0%{opacity:0}50%{opacity:0;transform:translateY(-5px)}60%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.bbb-container{--cat-yellow:#f7b801;--cat-black:#2b2b2b;--bg-dark:#1a1a1a;--cycle-duration:12s;position:relative;width:350px;height:350px;min-width:350px;flex-shrink:0;margin:1rem auto;background-color:var(--bg-dark);border-radius:12px;overflow:hidden;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bbb-container,.bee-circle{display:flex;justify-content:center;align-items:center}.bee-circle{width:150px;height:150px;background-color:var(--cat-yellow);border-radius:50%;box-shadow:0 0 20px rgba(247,184,1,.3);animation:breathe-scale var(--cycle-duration) ease-in-out infinite;animation-delay:1s}.bee-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.vibrating .bee-content{animation:buzz-shake .1s linear infinite}.bee-icon{font-size:48px;margin-bottom:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bee-text-group{text-align:center;color:var(--cat-black);line-height:1}.bee-main-text{font-size:28px;font-weight:700;margin-bottom:5px}.bee-timer{font-size:20px;font-weight:500;opacity:.8}@keyframes breathe-scale{0%{transform:scale(1)}33.33%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes buzz-shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(2px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-2px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}}.db-container{--lung-blue:#34d399;--diaphragm-color:#fca5a5;--skin-tone:#e5e7eb;--dark-charcoal:#2b2b2b;--text-white:#ffffff;--cycle-duration:8s;width:480px!important;height:300px!important;min-width:480px!important;flex-shrink:0;margin:1rem auto;position:relative;display:flex;align-items:center;justify-content:flex-start;background-color:var(--dark-charcoal);border-radius:12px;overflow:hidden;user-select:none}.body-silhouette{position:relative;width:200px;height:260px;left:60px}.torso-container{position:absolute;top:20px;left:50px;width:100px;height:220px;border:3px solid var(--skin-tone);border-top-left-radius:20px;border-top-right-radius:50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;background-color:rgba(255,255,255,.05);transform-origin:left center;animation:torso-breathe var(--cycle-duration) ease-in-out infinite}.lung-area{position:absolute;top:0;left:0;width:100%;height:100px;background-color:rgba(52,211,153,.2);transform-origin:top center;animation:lung-expand var(--cycle-duration) ease-in-out infinite}.diaphragm-piston{position:absolute;top:95px;left:-10%;width:120%;height:10px;background-color:var(--diaphragm-color);border-radius:50%;z-index:20;animation:diaphragm-move var(--cycle-duration) ease-in-out infinite}.air-flow{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.air-particle{position:absolute;left:38px;width:24px;height:24px;background-color:var(--lung-blue);border-radius:50%;opacity:0}.p1{animation:air-cycle var(--cycle-duration) ease-in-out infinite;animation-delay:0s}.p2{animation:air-cycle var(--cycle-duration) ease-in-out infinite;animation-delay:.5s}.p3{animation:air-cycle var(--cycle-duration) ease-in-out infinite;animation-delay:1s}.db-text-group{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:200px;height:60px;display:flex;align-items:center;justify-content:flex-end;font-family:sans-serif;font-weight:700;font-size:32px;line-height:1}.db-label{position:absolute;right:0;opacity:0;white-space:nowrap}.diab-in{color:var(--lung-blue)!important;animation:db-text-inhale var(--cycle-duration) ease-out infinite}.diab-out{color:var(--text-white)!important;animation:db-text-exhale var(--cycle-duration) ease-out infinite}@keyframes torso-breathe{0%{border-bottom-right-radius:20px;transform:scaleX(1)}40%{border-bottom-right-radius:80px;transform:scaleX(1.3)}50%{border-bottom-right-radius:80px;transform:scaleX(1.3)}90%{border-bottom-right-radius:20px;transform:scaleX(1)}to{transform:scaleX(1)}}@keyframes lung-expand{0%{height:100px}40%{height:140px}50%{height:140px}90%{height:100px}to{height:100px}}@keyframes diaphragm-move{0%{top:95px}40%{top:135px}50%{top:135px}90%{top:95px}to{top:95px}}@keyframes air-cycle{0%{top:-20px;left:38px;opacity:0;transform:scale(1)}10%{opacity:.8}35%{top:125px;left:38px;opacity:.8;transform:scale(1)}40%{top:135px;left:38px;opacity:.6;transform:scale(2,.2)}45%{opacity:0;transform:scale(2.5,.1)}50%{top:130px;left:38px;opacity:0;transform:scale(1)}60%{opacity:.6}90%{top:-40px;left:80px;opacity:0}to{opacity:0}}@keyframes db-text-inhale{0%{opacity:0;transform:translateY(-35px)}15%{opacity:1;transform:translateY(0)}40%{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(15px)}to{opacity:0;transform:translateY(15px)}}@keyframes db-text-exhale{0%{opacity:0;transform:translateY(15px)}50%{opacity:0;transform:translateY(35px)}65%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-15px)}}