*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}body{min-height:100vh}:root{--color-background: #0a0a0f;--color-surface: #14141c;--color-accent-primary: #ff0080;--color-accent-secondary: #8b5cf6;--color-accent-tertiary: #f97316;--color-neon-pink: #ff0080;--color-neon-purple: #a855f7;--color-neon-orange: #fb923c;--color-gradient-start: #ff0080;--color-gradient-mid: #8b5cf6;--color-gradient-end: #3b82f6;--color-muted: #94a3b8;--color-text: #ffffff;--color-text-secondary: #cbd5e1;--font-family-sans: "Inter", "Segoe UI", system-ui, sans-serif;--font-size-body: 16px;--line-height-body: 1.6;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 8px 24px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px rgba(255, 0, 128, .3);--shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .3)}body{background:radial-gradient(circle at 20% 80%,rgba(255,0,128,.08),transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08),transparent 40%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05),transparent 60%),var(--color-background);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-body);line-height:var(--line-height-body)}button{cursor:pointer}.app-shell{min-height:100vh;height:100vh;display:grid;grid-template-columns:320px 1fr;gap:0;padding:0;overflow:hidden}.app-shell--settings-collapsed{grid-template-columns:0 1fr}.app-shell--settings-collapsed .settings-panel{transform:translate(-100%)}.sidebar-toggle{position:fixed;top:50%;left:var(--space-lg);transform:translateY(-50%);z-index:200;width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,45,161,.6);background:#ff2da126;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);font-size:1.3rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;opacity:.9;box-shadow:0 4px 16px #ff2da14d}.sidebar-toggle:hover{opacity:1;border-color:var(--color-accent-primary);background:#ff2da14d;transform:translateY(-50%) scale(1.15);box-shadow:0 6px 24px #ff2da180}.sidebar-toggle--open{left:340px}.sidebar-toggle--closed{left:var(--space-lg)}@media (max-width: 1024px){.app-shell,.app-shell--settings-collapsed{grid-template-columns:1fr}.sidebar-toggle{left:var(--space-sm)!important}}.settings-panel{background:linear-gradient(180deg,#14141cfa,#0a0a0ffa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100vh;max-height:100vh;width:320px;flex-shrink:0;transition:width .3s ease,opacity .3s ease;box-shadow:4px 0 24px #0000004d;overflow:hidden}.settings-panel--collapsed{width:0;opacity:0;overflow:hidden;border-right:none}.settings-panel__header{padding:1.5rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ff00800d,#8b5cf60d)}.settings-panel__title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ff0080,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-panel__close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s}.settings-panel__close:hover{background:#ff008026;border-color:#ff00804d;color:#ff0080;transform:rotate(90deg)}.settings-panel__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.settings-panel__content::-webkit-scrollbar{width:8px}.settings-panel__content::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.settings-panel__content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff008066,#8b5cf666);border-radius:4px;transition:background .2s}.settings-panel__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff008099,#8b5cf699)}.settings-group{display:flex;flex-direction:column;gap:1rem}.settings-group__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin:0;position:relative;padding-bottom:.5rem}.settings-group__title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,#ff0080,transparent);border-radius:2px}.settings-field{display:flex;flex-direction:column;gap:.75rem}.settings-field--screens{padding:1rem;background:#ff2da10d;border-radius:8px;border:1px solid rgba(255,45,161,.15)}.settings-field__label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.settings-field__control{display:flex;align-items:center;gap:1.25rem}.settings-field__value{font-size:1.25rem;font-weight:700;color:var(--color-accent-primary);min-width:32px;text-align:center;padding:.25rem .5rem;background:#ff2da11a;border-radius:6px}.settings-slider{flex:1;height:8px;border-radius:4px;background:linear-gradient(to right,#ff2da133,#6c38ff33);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff2da166;border:2px solid rgba(255,255,255,.3)}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 4px 12px #ff2da199}.settings-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.settings-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .2s ease;box-shadow:0 2px 8px #ff2da166}.settings-slider::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 4px 12px #ff2da199}.settings-slider::-moz-range-thumb:active{transform:scale(1.1)}.settings-slider::-moz-range-track{background:transparent;border:none}.settings-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.settings-toggle{padding:.625rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;text-align:center}.settings-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.settings-toggle.is-active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.settings-btn{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-btn__icon{width:18px;height:18px;flex-shrink:0}.settings-btn--primary{background:linear-gradient(135deg,#ff0080,#8b5cf6);color:#fff;box-shadow:0 4px 12px #ff00804d;position:relative;overflow:hidden}.settings-btn--primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.settings-btn--primary:hover:before{width:200px;height:200px}.settings-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff008080}.settings-btn--secondary{background:#ffffff0d;color:var(--color-text);border:1px solid rgba(255,255,255,.15);transition:all .2s}.settings-btn--secondary:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;height:100vh;overflow:hidden;position:relative;background:linear-gradient(135deg,#0b0b0b,#1a0a1a)}.feed-grid[data-scroll-mode=linked] .feed-column,.feed-grid[data-scroll-mode=independent] .feed-column{border:none;background:transparent;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;position:relative}.feed-column[data-orientation=landscape]{grid-column:span 2}.feed-column[data-orientation=portrait],.feed-column[data-orientation=square]{grid-column:span 1}.feed-column__header{position:absolute;top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);z-index:10;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .3s ease;font-size:.8rem;font-weight:500;color:#ffffffe6}.feed-column:hover .feed-column__header{opacity:1}.feed-column__header-actions{display:flex;align-items:center;gap:var(--space-sm)}.feed-column__refresh,.auth-button{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(108,56,255,.4);background:#6c38ff1f;color:var(--color-text);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;transition:border-color .2s ease,background .2s ease;cursor:pointer}.feed-column__refresh:hover,.auth-button:hover{border-color:var(--color-accent-primary);background:#ff2da140}.auth-button--signed-in{border-color:#ff2da166;background:#ff2da11f}.auth-button--signed-in:hover{background:#ff2da140}.feed-column__content{width:100%;height:100vh;display:flex;flex-direction:column;outline:none;justify-content:center;align-items:center;position:relative;overflow:hidden}.feed-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ffffffb3;z-index:5}.feed-placeholder--error{border:1px solid rgba(255,45,161,.35);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md)}.feed-placeholder__retry{align-self:center;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);border:none;background:var(--color-accent-primary);color:var(--color-text);font-weight:600;letter-spacing:.05em}.feed-placeholder__title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.feed-placeholder__body{font-size:.9rem;opacity:.8}.feed-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.feed-card--landscape,.feed-card--portrait,.feed-card--square{justify-content:center}.feed-grid:has(>:only-child),.feed-grid:has(>:nth-child(2):last-child){background:#000}.feed-grid:has(>:only-child) .feed-column__content,.feed-grid:has(>:nth-child(2):last-child) .feed-column__content{padding:0}.feed-grid:has(>:only-child) .feed-card,.feed-grid:has(>:nth-child(2):last-child) .feed-card{padding:0}.feed-grid:has(>:only-child) .feed-card__media-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px #0006}.feed-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--color-muted);font-size:.85rem}.feed-card__media-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background:#000}.feed-card__overlay{position:absolute;right:.75rem;bottom:8rem;display:flex;flex-direction:column;gap:1rem;z-index:15;pointer-events:none}.feed-card__overlay>*{pointer-events:auto}.feed-grid:has(>:only-child) .feed-card__overlay{opacity:1}.feed-grid:has(>:nth-child(2):last-child) .feed-card__overlay{opacity:1}.feed-card:hover .feed-card__overlay{opacity:1}.feed-card__title-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.6) 60%,transparent 100%);z-index:12;pointer-events:auto}.feed-card__title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#fff;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.feed-card__source-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;color:#ffffffbf;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.5);transition:color .2s ease}.feed-card__source-link:hover{color:var(--color-accent-primary)}.feed-card__source-link:before{content:"↗";font-size:.9rem}.feed-card__media,.feed-card__thumbnail{max-width:100%;max-height:100%;width:auto;height:auto;border:none;display:block;object-fit:contain;background:#000;transition:transform .3s ease}.feed-grid:has(>:only-child) .feed-card__media,.feed-grid:has(>:only-child) .feed-card__thumbnail{object-fit:contain;max-width:100vw;max-height:100vh;width:auto;height:auto}.feed-grid:has(>:nth-child(2):last-child) .feed-card__media,.feed-grid:has(>:nth-child(2):last-child) .feed-card__thumbnail{object-fit:contain;max-width:50vw;max-height:100vh}.feed-card--landscape .feed-card__media,.feed-card--landscape .feed-card__thumbnail{object-fit:contain;max-width:100%;max-height:100vh}.feed-card--portrait .feed-card__media,.feed-card--portrait .feed-card__thumbnail{object-fit:contain;max-height:100vh;max-width:100%}.feed-card--square .feed-card__media,.feed-card--square .feed-card__thumbnail{object-fit:contain;max-width:100%;max-height:100vh}.feed-card__media::-webkit-media-controls{display:none!important}.feed-card__media::-webkit-media-controls-enclosure{display:none!important}.feed-card__media::-webkit-media-controls-panel{display:none!important}.feed-card__media::-webkit-media-controls-play-button,.feed-card__media::-webkit-media-controls-start-playback-button{display:none!important}.feed-card__iframe{width:100%;height:100%;border:none;object-fit:cover}.feed-card__media-link{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-accent-secondary);font-weight:600}.feed-card__media-empty{padding:var(--space-sm) var(--space-md);color:var(--color-muted);font-style:italic}.feed-card__media-loading{padding:var(--space-sm) var(--space-md);color:var(--color-muted);text-align:center}.feed-grid__controls{position:fixed;top:50%;right:var(--space-lg);transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-sm);z-index:100;opacity:.6;transition:opacity .3s ease}.feed-grid__controls:hover{opacity:1}.feed-grid__control{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,45,161,.4);background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:all .2s ease;cursor:pointer}.feed-grid__control:hover{border-color:var(--color-accent-primary);background:#ff2da133;transform:scale(1.1)}@media (max-width: 768px){.feed-grid{grid-template-columns:1fr;height:auto}.feed-card__overlay{right:.5rem;bottom:7rem;gap:.75rem}.feed-card__overlay>button,.feed-card__overlay>.share-button-container>button{width:48px;height:48px}.feed-card__overlay svg{width:24px;height:24px}.feed-card__title-overlay{padding:2.5rem 1rem 1rem}.feed-card__title{font-size:.9rem}.feed-card__source-link{font-size:.75rem}}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.auth-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;width:90%;max-width:400px;position:relative;animation:slideUp .3s ease}.auth-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-secondary);line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.auth-modal__close:hover{color:var(--text-primary)}.auth-modal__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.auth-modal__error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.auth-modal__form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.auth-modal__input{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.auth-modal__input:focus{outline:none;border-color:var(--accent-color)}.auth-modal__input:disabled{opacity:.5;cursor:not-allowed}.auth-modal__button{padding:.75rem 1rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-modal__button:disabled{opacity:.5;cursor:not-allowed}.auth-modal__button--primary{background:var(--accent-color);color:#fff}.auth-modal__button--primary:hover:not(:disabled){filter:brightness(1.1)}.auth-modal__button--google{background:#fff;color:#1f2937;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-modal__button--google:hover:not(:disabled){background:#f9fafb}.auth-modal__google-logo{width:20px;height:20px;flex-shrink:0}.auth-modal__divider{text-align:center;color:var(--text-secondary);margin:1rem 0;position:relative}.auth-modal__divider:before,.auth-modal__divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.auth-modal__divider:before{left:0}.auth-modal__divider:after{right:0}.auth-modal__switch{margin-top:1rem;background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.875rem;padding:.5rem;width:100%}.auth-modal__switch:hover:not(:disabled){text-decoration:underline}.settings-auth{display:flex;flex-direction:column;gap:.75rem;position:relative}.settings-auth__info{display:flex;flex-direction:column;gap:.25rem}.settings-auth__email{color:var(--color-text);font-size:.875rem;margin:0;word-break:break-all;font-weight:500;padding:.5rem .75rem;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.settings-auth__link{background:none;border:none;color:#ff0080;cursor:pointer;font-size:.75rem;text-decoration:underline;padding:.25rem 0;text-align:left;width:fit-content;transition:all .2s;font-weight:500}.settings-auth__link:hover{color:#8b5cf6;text-decoration-color:#8b5cf6}.premium-section{display:flex;flex-direction:column;gap:1rem}.premium-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ff0080,#8b5cf6);border-radius:20px;font-weight:600;font-size:.875rem;color:#fff;box-shadow:0 4px 12px #ff008066;animation:pulse-glow 2s ease-in-out infinite;width:fit-content}.premium-badge__icon{width:18px;height:18px;animation:rotate-sparkle 3s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #ff008066}50%{box-shadow:0 4px 20px #ff008099,0 0 30px #8b5cf64d}}@keyframes rotate-sparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-card{background:linear-gradient(135deg,#ff00801a,#8b5cf61a);border:2px solid transparent;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#ff0080,#8b5cf6,#3b82f6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6;animation:border-flow 3s linear infinite}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.premium-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff00804d}.premium-card__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.premium-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.premium-price__amount{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ff0080,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.premium-price__period{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.premium-features{display:flex;flex-direction:column;gap:.75rem;margin:.5rem 0}.premium-feature{display:flex;align-items:center;gap:.75rem;color:var(--color-text);font-size:.875rem}.premium-feature__icon{width:20px;height:20px;color:#10b981;flex-shrink:0}.premium-feature__icon--premium{color:#ff0080}.premium-subscribe-btn{padding:1rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;width:100%;background:linear-gradient(135deg,#ff0080,#8b5cf6);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 16px #ff008066}.premium-subscribe-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.premium-subscribe-btn:hover:before{width:300px;height:300px}.premium-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff008099,0 0 40px #8b5cf666}.premium-subscribe-btn:active{transform:translateY(0)}.premium-subscribe-btn span{position:relative;z-index:1}.referral-progress{background:#ffffff08;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.referral-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.referral-progress__label{font-size:.875rem;font-weight:600;color:var(--color-text)}.referral-progress__count{font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#ff0080,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.referral-progress__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.referral-progress__fill{height:100%;background:linear-gradient(90deg,#ff0080,#8b5cf6);border-radius:4px;transition:width .6s ease;position:relative;box-shadow:0 0 10px #ff008080}.referral-progress__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.referral-progress__hint{margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary);text-align:center}.referral-link{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}.referral-link__input{flex:1;padding:.625rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text);font-size:.75rem;font-family:monospace;transition:all .2s}.referral-link__input:focus{outline:none;border-color:#ff0080;background:#ffffff14;box-shadow:0 0 0 3px #ff00801a}.referral-link__copy-btn{padding:.625rem 1rem;background:#ff008026;border:1px solid rgba(255,0,128,.3);border-radius:6px;color:#ff0080;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.referral-link__copy-btn:hover{background:#ff008040;border-color:#ff0080;transform:translateY(-1px);box-shadow:0 4px 12px #ff00804d}.referral-link__copy-btn:active{transform:translateY(0)}.custom-subreddits{margin-top:1rem}.custom-subreddits__label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.custom-subreddits__control{display:flex;gap:.5rem;align-items:flex-start}.custom-subreddits__input{flex:1;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text);font-size:.875rem;transition:all .2s}.custom-subreddits__input:focus{outline:none;border-color:#ff0080;background:#ffffff14;box-shadow:0 0 0 3px #ff00801a}.custom-subreddits__input::placeholder{color:#ffffff4d}.custom-subreddits__save-btn{padding:.75rem 1.25rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#8b5cf6;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.custom-subreddits__save-btn:hover{background:#8b5cf640;border-color:#8b5cf6;transform:translateY(-1px)}.custom-subreddits__hint{margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.premium-active{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:2px solid rgba(16,185,129,.3);border-radius:12px;padding:1.5rem}.premium-active__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.premium-active__icon{width:32px;height:32px;color:#10b981;animation:bounce-in .6s ease-out}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.premium-active__text{font-size:1.125rem;font-weight:700;color:var(--color-text)}.premium-active__text strong{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem;min-width:250px;max-width:400px;box-shadow:0 4px 12px #0000004d;pointer-events:auto;cursor:pointer;animation:slideInRight .3s ease;transition:opacity .2s}.toast:hover{opacity:.9}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast__message{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.4}.toast--info{border-left:4px solid #3b82f6}.toast--success{border-left:4px solid #10b981}.toast--error{border-left:4px solid #ef4444}@media (max-width: 768px){.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:auto;max-width:none}}.like-button{width:52px;height:52px;border-radius:50%;border:none;background:#323232b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto;color:#fff}.like-button:hover:not(:disabled){background:#464646d9;transform:scale(1.05)}.like-button:active:not(:disabled){transform:scale(.95)}.like-button:disabled{cursor:not-allowed;opacity:.7}.like-button__icon{width:28px;height:28px;transition:all .2s}.like-button--liked{background:transparent;color:#fe2c55}.like-button--liked:hover{background:#fe2c5526}.like-button--liked .like-button__icon{animation:heartBeat .3s ease;filter:drop-shadow(0 0 8px rgba(254,44,85,.6))}.like-button--loading{opacity:.6}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.comments-button,.share-button{width:52px;height:52px;border-radius:50%;border:none;background:#323232b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto;color:#fff;position:relative}.comments-button:hover,.share-button:hover{background:#464646d9;transform:scale(1.05)}.comments-button:active,.share-button:active{transform:scale(.95)}.comments-button__icon,.share-button__icon{width:28px;height:28px;transition:all .2s}.comments-button__count{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);color:#fff;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8)}.share-button-container{position:relative;pointer-events:auto}.share-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#141414f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 8px 24px #0006;z-index:1000;animation:shareMenuSlideIn .2s ease-out}@keyframes shareMenuSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.share-menu__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:background .15s;text-align:left}.share-menu__item:hover{background:#ffffff1a}.share-menu__item:active{background:#ffffff26}.share-menu__item svg{width:20px;height:20px;flex-shrink:0}.share-menu__item span{flex:1}.mute-button{width:52px;height:52px;border-radius:50%;border:none;background:#323232b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto;color:#fff;position:relative}.mute-button:hover{background:#464646d9;transform:scale(1.05)}.mute-button:active{transform:scale(.95)}.mute-button__icon{width:28px;height:28px;transition:all .2s}.feed-card__mute-control{position:absolute;bottom:1rem;left:1rem;z-index:10;pointer-events:auto}.comments-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comments-modal__content{background:var(--bg-primary, #1a1a1a);border-radius:12px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.comments-modal__header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.comments-modal__title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary, #fff)}.comments-modal__close{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary, #aaa);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.comments-modal__close:hover{background:#ffffff1a;color:var(--text-primary, #fff)}.comments-modal__close svg{width:20px;height:20px}.comments-modal__body{padding:1.5rem;overflow-y:auto;flex:1}.comments-modal__loading,.comments-modal__error,.comments-modal__empty{text-align:center;padding:2rem;color:var(--text-secondary, #aaa)}.comments-modal__error{color:#ef4444}.comments-modal__list{display:flex;flex-direction:column;gap:1rem}.comment{background:#ffffff0d;border-radius:8px;padding:1rem;transition:background .2s}.comment:hover{background:#ffffff14}.comment--reply{margin-left:1.5rem;margin-top:.75rem;background:#ffffff08}.comment__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.comment__author{font-weight:600;color:var(--text-primary, #fff);font-size:.875rem}.comment__score{font-size:.75rem;color:var(--text-secondary, #aaa)}.comment__body{color:var(--text-primary, #fff);line-height:1.5;font-size:.9375rem;white-space:pre-wrap;word-wrap:break-word}.comment__replies{margin-top:.75rem;display:flex;flex-direction:column;gap:.75rem}.comments-modal__body::-webkit-scrollbar{width:8px}.comments-modal__body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.comments-modal__body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.comments-modal__body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.likes-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:1rem}.likes-gallery{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.likes-gallery__header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}.likes-gallery__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-color),#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.likes-gallery__count{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.likes-gallery__close{background:none;border:none;color:var(--text-secondary);font-size:2.5rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s;border-radius:50%}.likes-gallery__close:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:rotate(90deg)}.likes-gallery__content{flex:1;overflow-y:auto;padding:2rem}.likes-gallery__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1.5rem;color:var(--text-secondary)}.likes-gallery__spinner{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.likes-gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.likes-gallery__empty-icon{width:80px;height:80px;color:var(--text-secondary);opacity:.5}.likes-gallery__empty-text{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.likes-gallery__empty-hint{margin:0;font-size:.95rem;color:var(--text-secondary)}.likes-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:fadeIn .5s ease}.likes-gallery__item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.likes-gallery__item-remove{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:10}.likes-gallery__item:hover .likes-gallery__item-remove{opacity:1}.likes-gallery__item-remove:hover{background:#ef4444e6;transform:scale(1.1)}.likes-gallery__item-remove:active{transform:scale(.95)}.likes-gallery__item-remove:disabled{opacity:.5;cursor:not-allowed}.likes-gallery__item-remove svg{width:16px;height:16px}.likes-gallery__item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),#ff6b9d);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:1}.likes-gallery__item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003;border-color:var(--accent-color)}.likes-gallery__item:hover:before{transform:scaleX(1)}.likes-gallery__item-thumbnail{position:relative;width:100%;padding-top:56.25%;background:var(--bg-tertiary);overflow:hidden}.likes-gallery__item-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.likes-gallery__item:hover .likes-gallery__item-thumbnail img{transform:scale(1.05)}.likes-gallery__item-duration{position:absolute;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;z-index:1}.likes-gallery__item-content{padding:1rem}.likes-gallery__item-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.likes-gallery__item-date{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.likes-gallery{width:95%;max-height:85vh;border-radius:12px}.likes-gallery__header{padding:1rem 1.25rem}.likes-gallery__title{font-size:1.25rem}.likes-gallery__close{font-size:2rem;width:36px;height:36px}.likes-gallery__content{padding:1rem}.likes-gallery__grid{grid-template-columns:1fr;gap:1rem}.likes-gallery__empty{min-height:300px}.likes-gallery__empty-icon{width:60px;height:60px}.likes-gallery__empty-text{font-size:1.25rem}}.ai-search-bar{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:600px}.ai-search-bar__container{position:relative;display:flex;align-items:center;background:#14141cf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.75rem 1.25rem;box-shadow:0 8px 32px #0006;transition:all .3s ease}.ai-search-bar__container:focus-within{border-color:var(--color-accent-primary);box-shadow:0 8px 32px #ff00804d}.ai-search-bar__icon{width:20px;height:20px;color:var(--color-muted);flex-shrink:0;margin-right:.75rem}.ai-search-bar__input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-size:1rem;font-family:var(--font-family-sans)}.ai-search-bar__input::placeholder{color:var(--color-muted)}.ai-search-bar__input:disabled{opacity:.6;cursor:not-allowed}.ai-search-bar__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0;margin-left:.5rem}.ai-search-bar__clear{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff1a;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:all .2s;flex-shrink:0;margin-left:.5rem}.ai-search-bar__clear:hover{background:#fff3;transform:scale(1.1)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ai-search-bar{top:.5rem;width:calc(100% - 1rem);max-width:none}.ai-search-bar__container{padding:.625rem 1rem}.ai-search-bar__input{font-size:.9375rem}}.media-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;padding:2rem}.media-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.media-modal__close{position:absolute;top:1rem;right:1rem;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%;z-index:10;transition:all .2s}.media-modal__close:hover{background:#000000e6;transform:rotate(90deg) scale(1.1)}.media-modal__content{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px;max-height:70vh;overflow:hidden}.media-modal__content video,.media-modal__content img{max-width:100%;max-height:70vh;object-fit:contain}.media-modal__info{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.media-modal__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.media-modal__link{color:var(--accent-color);text-decoration:none;font-size:.9rem;transition:color .2s}.media-modal__link:hover{color:var(--text-primary);text-decoration:underline}.media-modal__controls{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.media-modal__play-btn{background:var(--accent-color);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s;flex-shrink:0}.media-modal__play-btn:hover{transform:scale(1.1);filter:brightness(1.1)}.media-modal__seek{flex:1;height:6px;border-radius:3px;background:var(--bg-tertiary);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.media-modal__seek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;transition:transform .2s}.media-modal__seek::-webkit-slider-thumb:hover{transform:scale(1.2)}.media-modal__seek::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none;transition:transform .2s}.media-modal__seek::-moz-range-thumb:hover{transform:scale(1.2)}.media-modal__time{font-size:.875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:45px;text-align:center}@media (max-width: 768px){.media-modal-overlay{padding:1rem}.media-modal{max-width:95vw;max-height:95vh}.media-modal__close{width:40px;height:40px;font-size:1.75rem}.media-modal__content{min-height:300px;max-height:60vh}.media-modal__content video,.media-modal__content img{max-height:60vh}.media-modal__info{padding:1rem}.media-modal__title{font-size:1rem}.media-modal__controls{padding:.75rem 1rem;gap:.75rem}.media-modal__play-btn{width:36px;height:36px}}.ad-player{width:100%;height:100%;position:relative;background:#000;display:flex;align-items:center;justify-content:center}.ad-player__container{width:100%;height:100%}.ad-player__countdown{position:absolute;top:1rem;right:1rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;z-index:100;border:2px solid var(--accent-color);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ad-player__skippable{position:absolute;top:1rem;right:1rem;background:#10b981e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;z-index:100;animation:fadeIn .3s ease}.ad-player .video-js{width:100%;height:100%}.ad-player .video-js .vjs-big-play-button{display:none}.feed-card--ad .feed-card__overlay{display:none!important}.feed-card--ad:before{content:"AD";position:absolute;top:1rem;left:1rem;background:#ff2da1e6;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.1em;z-index:10}@media (max-width: 768px){.ad-player__countdown,.ad-player__skippable{font-size:.75rem;padding:.375rem .75rem}}.line-chart{position:relative;width:100%;background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid rgba(255,255,255,.05)}.line-chart--empty{display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:.875rem}.line-chart__svg{width:100%;height:100%;display:block}.line-chart__grid-line{stroke:#ffffff0d;stroke-width:.5}.line-chart__area{transition:opacity .3s ease}.line-chart__line{filter:drop-shadow(0 0 4px currentColor);transition:stroke-width .3s ease}.line-chart:hover .line-chart__line{stroke-width:2.5}.line-chart__point{transition:r .2s ease}.line-chart:hover .line-chart__point{r:2}.line-chart__labels{margin-top:var(--space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.line-chart__label-group{display:flex;justify-content:space-between;gap:var(--space-xs);min-width:100%}.line-chart__label{font-size:.75rem;color:var(--color-muted);text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-chart__stats{display:flex;gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05)}.line-chart__stat{display:flex;flex-direction:column;gap:var(--space-2xs)}.line-chart__stat-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.line-chart__stat-value{font-size:1.25rem;font-weight:600;color:var(--color-text);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-panel__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-panel__stat-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(20,20,28,.8) 100%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-lg);position:relative;overflow:hidden;transition:all .3s ease}.admin-panel__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.admin-panel__stat-card:hover{transform:translateY(-2px);border-color:#ffffff26;box-shadow:var(--shadow-glow)}.admin-panel__stat-card:hover:before{transform:scaleX(1)}.admin-panel__stat-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.admin-panel__stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));box-shadow:0 4px 12px #ff00804d}.admin-panel__stat-label{font-size:.875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.admin-panel__stat-value{font-size:2rem;font-weight:700;color:var(--color-text);line-height:1.2;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-panel__stat-change{font-size:.75rem;margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-2xs)}.admin-panel__stat-change--positive{color:#10b981}.admin-panel__stat-change--negative{color:#ef4444}.admin-panel__chart-section{background:var(--color-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl)}.admin-panel__chart-header{margin-bottom:var(--space-lg)}.admin-panel__chart-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-xs) 0}.admin-panel__chart-subtitle{font-size:.875rem;color:var(--color-muted);margin:0}.admin-panel__section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.08)}.admin-panel__list{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-panel__row{background:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:var(--space-md);transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.admin-panel__row:hover{background:#14141ccc;border-color:#ffffff1a;transform:translate(4px)}.admin-panel__email{font-size:.9rem;color:var(--color-text);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-panel__meta{display:flex;gap:var(--space-md);align-items:center;flex-shrink:0}.admin-panel__meta span{font-size:.75rem;color:var(--color-muted);padding:var(--space-2xs) var(--space-sm);background:#ffffff0d;border-radius:var(--radius-sm);white-space:nowrap}.admin-panel__actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.admin-panel__action-btn{flex:1;padding:var(--space-md) var(--space-lg);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.admin-panel__action-btn:hover{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.admin-panel__action-btn:active{transform:translateY(0)}@media (max-width: 768px){.admin-panel__stats{grid-template-columns:1fr;gap:var(--space-md)}.admin-panel__stat-value{font-size:1.5rem}.admin-panel__chart-section{padding:var(--space-lg)}.admin-panel__row{flex-direction:column;align-items:flex-start}.admin-panel__meta{width:100%;flex-wrap:wrap}.admin-panel__actions{flex-direction:column}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr!important}.settings-panel{position:fixed;left:0;top:0;width:100%!important;max-width:100%;height:100vh;z-index:500;transform:translate(-100%);transition:transform .3s ease;background:linear-gradient(135deg,#0b0b0b,#1a0a1a)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-panel:not(.settings-panel--collapsed){transform:translate(0)}.settings-panel--collapsed{transform:translate(-100%)}.sidebar-toggle{left:1rem!important;z-index:501}.sidebar-toggle--open{left:calc(100vw - 3rem)!important}.feed-grid{grid-template-columns:1fr!important}.feed-card__media,.feed-card__thumbnail{object-fit:contain!important;max-width:100vw!important;max-height:100vh!important}.feed-column__content{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.feed-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.feed-column__header{padding:.75rem;font-size:.9rem}.feed-column__counter{font-size:.8rem}.feed-column__refresh{padding:.375rem .75rem;font-size:.8rem}.feed-card__overlay{opacity:1!important}.auth-modal{width:95%;max-width:95%;padding:1.5rem}.auth-modal__title{font-size:1.25rem}.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:auto;max-width:none}.like-button{width:44px;height:44px}.like-button__icon{width:22px;height:22px}.settings-panel__content{padding:1rem}.settings-group{gap:.75rem}.settings-panel__header{padding:1rem}.settings-panel__title{font-size:1.25rem}}@media (max-width: 480px){.feed-card__footer{padding:.5rem}.feed-card__permalink{font-size:.75rem;padding:.375rem .75rem}.settings-panel__close{font-size:1.75rem;width:28px;height:28px}.auth-modal__button{padding:.625rem;font-size:.875rem}.settings-btn{padding:.625rem .875rem;font-size:.8rem}}@media (max-width: 768px) and (orientation: landscape){.feed-column__header{padding:.5rem}.settings-panel{width:80%!important}.sidebar-toggle--open{left:calc(80vw - 3rem)!important}}