:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border-color: rgba(15, 23, 42, .08);--shadow-custom: 0 10px 25px -5px rgba(148, 163, 184, .15), 0 8px 10px -6px rgba(148, 163, 184, .15);--modal-bg: #ffffff;--btn-secondary: #e2e8f0;--btn-secondary-hover: #cbd5e1;--shorts-bg: #000000}body.dark-mode{--bg-main: #080d1a;--bg-card: #0f172a;--bg-glass: rgba(15, 23, 42, .85);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .08);--shadow-custom: 0 10px 30px -10px rgba(0, 0, 0, .5);--modal-bg: #0f172a;--btn-secondary: #1e293b;--btn-secondary-hover: #334155;--shorts-bg: #020617}body{background-color:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;margin:0;font-family:Plus Jakarta Sans,sans-serif}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shorts-container{display:flex;flex-direction:column;width:100%;height:auto}@media(min-width:1024px){.shorts-container{height:75vh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.short-slide{scroll-snap-align:start;flex-shrink:0;height:100%!important;margin-bottom:0!important;border-radius:1.5rem!important}}.short-slide{width:100%;position:relative;background-color:var(--shorts-bg);overflow:hidden;transition:transform .2s ease}@keyframes floatUpAndFade{0%{transform:translateY(0) scale(.5) rotate(0);opacity:0}15%{opacity:.9}to{transform:translateY(-200px) scale(1.2) rotate(var(--rotate-angle, 15deg));opacity:0}}.floating-heart{position:absolute;bottom:80px;pointer-events:none;animation:floatUpAndFade 1.2s cubic-bezier(.18,.89,.32,1.28) forwards;z-index:30}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-custom);transition:background .3s,border .3s,box-shadow .3s}.theme-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-custom);transition:background .3s,border .3s,box-shadow .3s}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#94a3b84d;border-radius:99px}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}