.app{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at top,#1a0b2e,#000 60%);position:relative}.app:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:var(--gradient-1);opacity:.05;filter:blur(100px);pointer-events:none}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem}.spinner-large{width:60px;height:60px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:#999;font-size:1.125rem;font-weight:500}@media (min-width: 768px){.app{max-width:480px;margin:0 auto;box-shadow:0 0 50px #667eea4d}}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:.875rem 1rem}.header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.header-content{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:480px;margin:0 auto}.logo{font-size:1.75rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px}.logo-icon{font-size:1.5rem;animation:float 3s ease-in-out infinite}.upload-btn{background:var(--gradient-1);border:none;color:#fff;padding:.625rem 1.25rem;border-radius:50px;font-weight:700;font-size:.875rem;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.upload-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s}.upload-btn:hover:before{opacity:1}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea99}.upload-btn:active{transform:scale(.95)}@media (max-width: 768px){.logo{font-size:1.5rem}.upload-btn{padding:.5rem 1rem;font-size:.8125rem}}.feed-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:60px;-webkit-overflow-scrolling:touch}.category-tabs{position:sticky;top:0;z-index:10;display:flex;gap:.5rem;padding:.75rem;background:#0d0d0df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:.5rem 1rem;border:1px solid rgba(102,126,234,.2);background:#667eea0d;color:#ffffffb3;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.category-tab:active{transform:scale(.95)}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 15px #667eea66}.category-count{background:#fff3;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.category-tab.active .category-count{background:#ffffff4d}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:2px;background:#000}.feed-tile{aspect-ratio:1;position:relative;overflow:hidden;cursor:pointer;background:#111;animation:fadeIn .5s ease-out backwards}.tile-media{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}video.tile-media{background:#000;opacity:0;transition:opacity .2s}video.tile-media[data-loaded=true]{opacity:1}.feed-tile:active .tile-media{transform:scale(1.05)}.video-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2}.tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.feed-tile:hover .tile-overlay,.feed-tile:active .tile-overlay{opacity:1}.tile-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 40%,transparent 70%)}.tile-info{position:absolute;bottom:0;left:0;right:0;padding:12px}.tile-title{font-size:.875rem;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-likes{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#ff3b5c}.tile-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;opacity:0;pointer-events:none;transition:opacity .3s}.feed-tile:hover .tile-shimmer{opacity:1;animation:shimmer 2s infinite linear}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;animation:fadeIn .6s ease-out}.empty-icon{width:100px;height:100px;background:#667eea1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.empty-icon svg{stroke:url(#gradient1)}.empty-state h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:#999;font-size:1rem}.banner-tile{aspect-ratio:1;position:relative;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;cursor:default}.banner-label{position:absolute;top:8px;right:8px;font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:#0000004d;padding:2px 6px;border-radius:4px;pointer-events:none}.banner-ad-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:60px}.banner-ad-container iframe{width:100%;max-width:468px;height:60px;border:none;display:block}.native-banner-container{width:100%;height:100%;min-height:60px}.native-banner-container>*{width:100%;height:100%}.swipe-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;touch-action:pan-y}.swipe-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;opacity:0;pointer-events:none;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.swipe-item.active{opacity:1;pointer-events:all;transform:translateY(0)}.swipe-item.prev{transform:translateY(-100%) translateZ(0)}.swipe-item.next{transform:translateY(100%) translateZ(0)}.swipe-media{width:100%;height:100%;object-fit:contain;background:#000;will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}video.swipe-media{transform:translateZ(0);-webkit-transform:translateZ(0);preload:auto}.video-loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.spinner-small{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.swipe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.7) 100%);pointer-events:none}.swipe-info{position:absolute;bottom:100px;left:1rem;right:5rem;color:#fff;pointer-events:none}.swipe-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.swipe-description{font-size:.9375rem;opacity:.95;margin-bottom:.5rem;line-height:1.4;text-shadow:0 1px 5px rgba(0,0,0,.8)}.swipe-date{font-size:.875rem;opacity:.7;text-shadow:0 1px 5px rgba(0,0,0,.8)}.swipe-actions{position:absolute;bottom:100px;right:1rem;display:flex;flex-direction:column;gap:1.5rem;pointer-events:all}.swipe-action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:56px;height:56px;color:#fff;cursor:pointer;transition:all .3s;padding:.5rem}.swipe-action-btn:active{transform:scale(.9)}.swipe-action-btn.liked{color:#ef4444;background:#ef444433;border-color:#ef444480}.swipe-action-btn span{font-size:.75rem;font-weight:600}.swipe-hint{position:absolute;left:50%;transform:translate(-50%);color:#fff;opacity:.3;animation:bounce 2s infinite;pointer-events:none}.swipe-hint-up{top:80px}.swipe-hint-down{bottom:80px}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.swipe-hint-down{animation:bounceDown 2s infinite}@keyframes bounceDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.swipe-indicator{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;pointer-events:none}.swipe-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80;font-size:1.125rem}.swipe-ad-item{display:flex;align-items:center;justify-content:center;background:#ffffff05}.swipe-maintenance-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.swipe-maintenance-content{text-align:center;color:#fff;padding:2rem;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:90%}.swipe-maintenance-content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.8)}.swipe-maintenance-content p{font-size:1rem;opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.8)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0d0d0df2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;padding:0 1rem;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;color:#ffffff80;cursor:pointer;transition:all .3s;border-radius:12px;flex:1;max-width:100px}.nav-item:active{transform:scale(.9)}.nav-item.active{color:#fff;background:#667eea26}.nav-item.active svg{stroke:url(#gradient1)}.nav-item span{font-size:.75rem;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}@media (min-width: 640px){.modal-backdrop{align-items:center;justify-content:center}}.modal-content{background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:1px solid rgba(102,126,234,.2);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border-radius:20px 20px 0 0;box-shadow:0 -10px 60px #667eea4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@media (min-width: 640px){.modal-content{border-radius:20px;box-shadow:0 20px 80px #667eea66}}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.modal-header h2{font-size:1.5rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.close-btn:active{transform:scale(.9) rotate(90deg)}.modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{font-size:.875rem;font-weight:600;color:#aaa}.file-input{display:none}.file-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:#667eea1a;border:2px dashed rgba(102,126,234,.3);border-radius:12px;cursor:pointer;transition:all .3s;color:#aaa;font-size:.9375rem}.file-label:hover{background:#667eea26;border-color:#667eea80;color:#fff}.file-label svg{stroke:url(#gradient1)}.preview{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#000}.file-item{padding:1.5rem;margin-bottom:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.item-number{font-size:.875rem;font-weight:600;color:#667eeacc}.remove-item-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.remove-item-btn:hover{background:#ef444433;border-color:#ef444480}.add-item-btn{width:100%;padding:1rem;background:#667eea1a;border:2px dashed rgba(102,126,234,.3);color:#667eeae6;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;transition:all .3s}.add-item-btn:hover{background:#667eea26;border-color:#667eea80;transform:translateY(-2px)}.add-item-btn:active{transform:translateY(0)}.preview-media{width:100%;max-height:300px;object-fit:contain;display:block}.text-input,.textarea-input{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s}.text-input:focus,.textarea-input:focus{outline:none;background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.text-input::placeholder,.textarea-input::placeholder{color:#666}.textarea-input{resize:none;line-height:1.6}.submit-btn{background:var(--gradient-1);border:none;color:#fff;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 8px 25px #667eea66;transition:all .3s;margin-top:.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #667eea99;animation:glow 2s ease-in-out infinite}.submit-btn:active:not(:disabled){transform:scale(.95)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.folder-type-options{display:flex;flex-direction:column;gap:.75rem}.folder-type-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s}.folder-type-option:hover{background:#ffffff0d;border-color:#667eea4d}.folder-type-option.selected{background:#667eea1a;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.radio-input{flex-shrink:0;width:20px;height:20px;accent-color:#667eea;cursor:pointer}.option-content{display:flex;align-items:center;gap:.75rem;flex:1}.option-icon{font-size:2rem;line-height:1}.option-text{display:flex;flex-direction:column;gap:.25rem}.option-text strong{font-size:.9375rem;color:#fff}.option-text small{font-size:.8125rem;color:#fff9;line-height:1.3}.view-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:2000;animation:fadeIn .3s ease-out;overflow-y:auto}.view-close{position:fixed;top:1rem;right:1rem;z-index:2001;width:44px;height:44px;border-radius:50%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.view-close:hover{background:#000000e6;transform:rotate(90deg);border-color:#fff3}.view-close:active{transform:scale(.9) rotate(90deg)}.view-content{display:flex;flex-direction:column;min-height:100%}.media-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:50vh}.view-media{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain}.info-panel{background:linear-gradient(180deg,#111,#0a0a0a);border-top:1px solid rgba(102,126,234,.2);padding:1.5rem;box-shadow:0 -10px 40px #667eea1a}.info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.info-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-date{font-size:.875rem;color:#666}.info-description{color:#aaa;line-height:1.6;margin-bottom:1.5rem;white-space:pre-wrap;word-wrap:break-word}.action-bar{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#aaa;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.action-button:hover{background:#ffffff14;border-color:#ffffff26;color:#fff;transform:translateY(-2px)}.action-button:active{transform:scale(.95)}.action-button.liked{color:#ff3b5c;background:#ff3b5c1a;border-color:#ff3b5c4d}.action-button.liked:hover{background:#ff3b5c26;animation:pulse .5s ease-in-out}.action-button.delete-button{color:#ef4444;background:#ef44441a;border-color:#ef44444d;flex:0 0 auto;min-width:56px}.action-button.delete-button:hover{background:#ef444433;border-color:#ef444480;color:#ef4444}@media (max-width: 640px){.info-panel{padding:1.25rem}.info-title{font-size:1.25rem}.action-bar{gap:.5rem}.action-button{padding:.75rem;font-size:.875rem}}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease-out}.welcome-modal.visible{opacity:1}.welcome-content{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid rgba(102,126,234,.3);border-radius:20px;max-width:500px;width:100%;position:relative;box-shadow:0 20px 60px #00000080;transform:scale(.9);transition:transform .3s ease-out}.welcome-modal.visible .welcome-content{transform:scale(1)}.welcome-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.welcome-close:hover{background:#fff3;transform:rotate(90deg)}.welcome-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid rgba(102,126,234,.2)}.welcome-header h2{font-size:1.75rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.welcome-body{padding:1.5rem 2rem}.welcome-body p{color:#ddd;line-height:1.7;font-size:1rem;margin:0}.welcome-body strong{color:#667eea;font-weight:600}.welcome-countdown{padding:1.5rem 2rem;border-top:1px solid rgba(102,126,234,.2);border-bottom:1px solid rgba(102,126,234,.2);text-align:center}.countdown-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-number{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.countdown-display p{color:#aaa;font-size:.9rem;margin:0}.countdown-complete{text-align:center}.countdown-complete p{color:#4ade80;font-size:1rem;font-weight:600;margin:0}.welcome-footer{padding:1rem 2rem 2rem;display:flex;justify-content:center}.welcome-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 2.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #667eea4d}.welcome-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.welcome-button:active:not(.disabled){transform:translateY(0)}.welcome-button.disabled{background:#667eea4d;cursor:not-allowed;opacity:.6}.welcome-button.disabled:hover{transform:none;box-shadow:0 4px 15px #667eea4d}@media (max-width: 600px){.welcome-content{margin:1rem}.welcome-header{padding:1.5rem 1.5rem 1rem}.welcome-header h2{font-size:1.5rem}.welcome-body{padding:1.25rem 1.5rem}.welcome-body p{font-size:.95rem}.welcome-footer{padding:1rem 1.5rem 1.5rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#000;color:#fff;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea80}50%{box-shadow:0 0 40px #667eeacc,0 0 60px #764ba299}}.fade-in{animation:fadeIn .4s ease-in-out}.slide-up{animation:slideUp .5s ease-out}