.install-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:480px;margin:0 auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:9999;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-banner__icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.install-banner__content{flex:1 1;min-width:0}.install-banner__title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}.install-banner__text{font-size:13px;color:hsla(0,0%,100%,.6);margin:0}.install-banner__actions{display:flex;gap:8px;flex-shrink:0}.install-banner__btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.install-banner__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.install-banner__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.install-banner__btn--secondary{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.install-banner__btn--secondary:hover{background:hsla(0,0%,100%,.15)}.install-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-modal{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:32px;max-width:380px;width:100%;text-align:center;position:relative;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.install-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;padding:4px}.install-modal__close:hover{color:#fff}.install-modal__icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#667eea}.install-modal__title{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px}.install-modal__subtitle{font-size:14px;color:hsla(0,0%,100%,.6);margin:0 0 24px}.install-ios-steps{text-align:left;margin-bottom:24px}.install-ios-step{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.install-ios-step:last-child{border-bottom:none}.install-ios-step__number{width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.install-ios-step__content{flex:1 1}.install-ios-step__content p{margin:0;font-size:14px;color:hsla(0,0%,100%,.8);line-height:1.5}.install-ios-step__icon{color:#667eea;margin-left:8px;vertical-align:middle}.install-modal__btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.install-modal__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.update-banner{position:fixed;top:20px;left:20px;right:20px;max-width:480px;margin:0 auto;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:9999;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.update-banner__icon{width:40px;height:40px;background:hsla(0,0%,100%,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.update-banner__content{flex:1 1}.update-banner__title{font-size:15px;font-weight:600;color:#fff;margin:0}.update-banner__text{font-size:13px;color:hsla(0,0%,100%,.9);margin:4px 0 0}.update-banner__btn{padding:10px 20px;background:#fff;border:none;border-radius:8px;color:#059669;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.update-banner__btn:hover{transform:scale(1.05)}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#ef4444,#dc2626);padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;z-index:9998;animation:slideUp .3s ease}.offline-banner__icon{width:20px;height:20px}.offline-banner__text{font-size:14px;font-weight:500}.offline-banner--reconnecting{background:linear-gradient(135deg,#f59e0b,#d97706)}.push-prompt{position:fixed;bottom:100px;right:20px;width:320px;background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.4);z-index:9997;animation:slideInRight .4s ease}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.push-prompt__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.push-prompt__icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#667eea}.push-prompt__title{font-size:16px;font-weight:600;color:#fff;margin:0}.push-prompt__text{font-size:14px;color:hsla(0,0%,100%,.7);margin:0 0 16px;line-height:1.5}.push-prompt__actions{display:flex;gap:8px}.push-prompt__btn{flex:1 1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.push-prompt__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.push-prompt__btn--secondary{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:1000}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:hsla(0,0%,100%,.5);text-decoration:none;transition:color .2s;position:relative}.bottom-nav__item--active{color:#667eea}.bottom-nav__item:hover{color:hsla(0,0%,100%,.8)}.bottom-nav__icon{width:24px;height:24px}.bottom-nav__label{font-size:11px;font-weight:500}.bottom-nav__badge{position:absolute;top:4px;right:8px;min-width:18px;height:18px;background:#ef4444;border-radius:9px;font-size:11px;font-weight:600;color:#fff;padding:0 5px}.bottom-nav__badge,.pull-to-refresh{display:flex;align-items:center;justify-content:center}.pull-to-refresh{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(10,10,15,.95),transparent);transform:translateY(-100%);transition:transform .3s ease;z-index:999}.pull-to-refresh--visible{transform:translateY(0)}.pull-to-refresh__spinner{width:24px;height:24px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.install-banner{flex-direction:column;text-align:center;gap:12px}.install-banner__actions{width:100%;flex-direction:column}.install-banner__btn{width:100%}.push-prompt{left:16px;right:16px;bottom:80px;width:auto}}@media (min-width:769px){.bottom-nav{display:none}}.scroll-aware-bottom-nav .bottom-nav{position:static}@media (max-width:768px){body{padding-bottom:72px}}.mobile-feed-card{position:relative;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--glass-bg-card,rgba(15,15,35,.25));backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%));-webkit-backdrop-filter:var(--glass-blur-standard,blur(24px) saturate(180%))}.mobile-feed-card__inner{position:relative;transition:transform .3s ease;z-index:1}.mobile-feed-card__inner--dragging{transition:none}.mobile-feed-card__indicator{position:absolute;top:0;bottom:0;width:80px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:0;pointer-events:none}.mobile-feed-card__indicator--save{left:0;background:linear-gradient(90deg,rgba(16,185,129,.9),transparent)}.mobile-feed-card__indicator--dismiss{right:0;background:linear-gradient(-90deg,rgba(239,68,68,.9),transparent)}.mobile-feed-card__indicator--visible{opacity:1}.mobile-feed-card__indicator-icon{width:32px;height:32px;color:#fff}.mobile-feed-card__actions{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:24px;z-index:10;animation:fadeIn .2s ease}.mobile-feed-card__action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;min-width:64px;min-height:64px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;cursor:pointer;transition:background .2s}.mobile-feed-card__action-btn:active{background:hsla(0,0%,100%,.2)}.mobile-feed-card__action-label{font-size:11px;font-weight:500}.mobile-feed-card--swiped-right{animation:swipeRight .3s ease forwards}.mobile-feed-card--swiped-left{animation:swipeLeft .3s ease forwards}@keyframes swipeRight{to{transform:translateX(100%);opacity:0}}@keyframes swipeLeft{to{transform:translateX(-100%);opacity:0}}@media (max-width:768px){.mobile-feed-card{margin-bottom:8px}.mobile-feed-card,.mobile-feed-card__inner{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.mobile-feed-card,.mobile-feed-card__inner{background:var(--glass-bg-opaque,rgba(15,15,35,.65))}}