:root{--primary-color: #88c0d0;--secondary-color: #81a1c1;--bg-gradient-start: #0f2027;--bg-gradient-end: #203a43;--bg-gradient-extra: #2c5364;--text-color: #2e3440;--text-color-light: #eceff4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh;color:var(--text-color);font-family:Inter,sans-serif;overflow-x:hidden;position:relative;background:transparent}.fixed-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background:linear-gradient(to bottom,#0f2027,#203a43,#2c5364);pointer-events:none}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;z-index:-1;opacity:.8;animation:twinkle 100s linear infinite}@keyframes twinkle{0%{background-position:0 0,40px 60px,130px 270px}to{background-position:550px 550px,390px 410px,380px 520px}}#root{width:100%;max-width:100%;box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f2027}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.venting-section{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem;z-index:50;position:relative}.cloud-input-wrapper-organic{position:relative;width:600px;max-width:95vw;height:300px;display:flex;align-items:center;justify-content:center}@media(max-width:650px){.cloud-input-wrapper-organic{height:220px}}.cloud-input-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;filter:drop-shadow(0 15px 40px rgba(0,0,0,.1));overflow:visible}.cloud-form-organic{position:relative;z-index:20;width:50%;text-align:center}.cloud-textarea-pro{width:100%;height:100px;background:transparent;border:none;font-size:1.2rem;color:#555;text-align:center;resize:none;outline:none;font-family:inherit}.rules-text{margin-top:calc(1rem + 10px);color:#fff;font-size:.95rem;background:#ffffff1a;padding:8px 20px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);text-shadow:0 2px 4px rgba(0,0,0,.5)}.cloud-textarea-pro::placeholder{color:#bbb}.vent-button-pro{position:absolute;bottom:-40px;right:-20px;background:linear-gradient(135deg,#ff9a9e,#fecfef);border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 15px #ff9a9e66}.moderation-status{position:absolute;bottom:20px;background:#ffffffe6;padding:8px 16px;border-radius:12px;font-size:.9rem;color:#444;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.05);pointer-events:none;z-index:30}.cloud-wrapper-organic{position:relative;display:inline-block;margin:20px;width:250px;height:180px}.cloud-shape-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;z-index:10;filter:drop-shadow(0 8px 15px rgba(135,206,235,.15))}.cloud-message-content{position:relative;z-index:20;padding:40px 30px;text-align:center;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.message-text{color:#555;font-weight:500;margin-bottom:.8rem;line-height:1.3;font-size:.95rem}.support-button-wrapper{display:flex;justify-content:center}.support-btn{background:#ffffffe6;border:none;border-radius:99px;padding:4px 10px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;font-weight:600;color:#ff8fa3;box-shadow:0 2px 5px #0000000d}.support-btn:hover{transform:scale(1.1);background:#fff}.minimal-audio-player{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);width:fit-content;margin:2rem auto;color:#fff;box-shadow:0 8px 32px #0000001a}.player-controls{display:flex;align-items:center;gap:1rem}.control-btn{background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all .3s ease}.control-btn:hover{background:#fff3;transform:scale(1.1)}.volume-container{display:flex;align-items:center;gap:.5rem}.volume-slider{width:80px;-webkit-appearance:none;background:#ffffff4d;height:4px;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #0003}.file-info{font-size:.8rem;opacity:.8;font-weight:300;letter-spacing:.5px}.file-name{text-shadow:0 1px 2px rgba(0,0,0,.3)}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:180px}.celestial-container{position:absolute;top:40px;right:60px;z-index:10}.moon{width:80px;height:80px;background-color:transparent;border-radius:50%;box-shadow:15px -15px #fdfd96;filter:drop-shadow(0 0 10px rgba(253,253,150,.6));transform:rotate(-10deg);animation:float-moon 10s ease-in-out infinite}.sun{width:90px;height:90px;background:radial-gradient(circle,gold,orange);border-radius:50%;box-shadow:0 0 40px #ffd700b3;animation:float-moon 10s ease-in-out infinite}.day-mode .fixed-background{background:linear-gradient(to bottom,#4facfe,#00f2fe)}.day-mode .chill-title{color:#2e3440}.day-mode .subtitle{color:#4c566a}.day-mode .rules-text{color:#333;background:#ffffff4d;border-color:#0000001a;text-shadow:none}.day-mode+.fixed-background:before,.day-mode~.fixed-background:before{display:none}@keyframes float-moon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-header-hero{text-align:center;padding-top:4rem;margin-bottom:3rem;position:relative;z-index:20}.chill-title{color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3)}.subtitle{font-size:1.3rem;color:#d8dee9;margin-top:-1.5rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-image{width:220px;height:auto;border-radius:50%;filter:drop-shadow(0 0 20px rgba(255,255,255,.2));margin-bottom:1.5rem;animation:float-hero 8s ease-in-out infinite}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:50}.clouds-feed{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:4rem;padding-bottom:4rem}.empty-state{color:#d8dee9;font-style:italic;margin-top:2rem;font-size:1.1rem;opacity:.8}.app-footer{text-align:center;padding:1rem;position:fixed;bottom:10px;left:0;width:100%;z-index:100;color:#555}.footer-info{background:transparent;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.counter{font-size:1.1rem;font-weight:700;margin:0;color:#5e60ce}.footer-rule{font-size:.85rem;font-weight:500;margin:0;color:#777}.copyright{font-size:.75rem;margin:0;opacity:.8;color:#888}.cloud-footer-visual{position:fixed;bottom:0;left:0;width:100%;height:180px;pointer-events:none;z-index:60;filter:blur(5px) contrast(1.1)}.footer-cloud{background:linear-gradient(to bottom,#fff,#e6f7ff);position:absolute;border-radius:50% 50% 0 0;box-shadow:0 -5px 15px #fff6}.c1{width:600px;height:300px;left:-100px;bottom:-120px}.c2{width:900px;height:400px;left:20%;bottom:-220px}.c3{width:700px;height:350px;left:50%;bottom:-180px}.c4{width:800px;height:400px;right:-50px;bottom:-220px}.c5{height:250px;right:20%;bottom:-100px}@media(max-width:768px){.app-container{padding-bottom:120px}.moon-container{top:20px;right:20px;transform:scale(.7)}.app-header-hero{padding-top:2rem;margin-bottom:2rem}.hero-image{width:140px}.chill-title{font-size:2rem}.subtitle{font-size:1rem;padding:0 1rem}.cloud-footer-visual{height:50px;filter:blur(3px) contrast(1.1)}.footer-cloud{bottom:-85px}.c1,.c4{display:none}.c2{width:120%;left:-10%;height:120px;bottom:-60px}.c3{width:100%;left:0;height:120px;bottom:-60px}.app-footer{position:relative;bottom:0;padding-bottom:10px}}