:root{--primary-color:#0ff;--primary-glow:#0ff8;--secondary-color:#f0f;--secondary-glow:#f0f8;--accent-color:rgb(246, 238, 255);--background-color:#0a0b1e;--surface-color:#161830;--text-color:#fff;--text-color-dim:#8e9aaf;--header-font:'Orbitron',sans-serif;--body-font:'Rajdhani',sans-serif;--neon-border:0 0 5px var(--primary-color),0 0 10px var(--primary-glow),0 0 15px var(--primary-glow);--neon-box-shadow:0 0 10px var(--primary-glow),inset 0 0 10px var(--primary-glow)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:var(--body-font);line-height:1.6;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;background-color:var(--background-color);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);color:var(--text-color);overflow-y:auto}body::before{content:'';position:fixed;top:-50px;left:-50px;width:calc(100% + 100px);height:calc(100% + 100px);background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.container{position:relative;z-index:1;background:var(--surface-color);padding:40px;border:2px solid var(--primary-color);box-shadow:var(--neon-box-shadow);max-width:1400px;width:100%;border-radius:10px;margin:20px}h1{font-family:var(--header-font);font-size:2.5rem;text-align:center;color:var(--primary-color);text-shadow:var(--neon-border);margin-bottom:10px}h2{font-family:var(--header-font);font-size:1.8rem;color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-glow);margin-bottom:15px;text-align:center}.subtitle{text-align:center;color:var(--text-color-dim);font-size:1.2rem;margin-bottom:30px}.tabs{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.tab-button{font-family:var(--header-font);padding:12px 30px;background:0 0;border:2px solid var(--primary-color);color:var(--primary-color);cursor:pointer;transition:all .3s ease;font-size:1.1rem;border-radius:5px}.tab-button:hover{background:var(--primary-color);color:var(--background-color);box-shadow:var(--neon-border)}.tab-button.active{background:var(--primary-color);color:var(--background-color);box-shadow:var(--neon-border)}.tab-content{display:none}.tab-content.active{display:block}.quote-category-content{display:none}.quote-category-content.active{display:block}.instructions{color:var(--text-color-dim);font-size:.95rem;margin-bottom:15px;text-align:center;font-style:italic}.quote-list{list-style:none;min-height:200px;padding:10px;background:rgba(0,0,0,.3);border:1px dashed var(--text-color-dim);border-radius:5px}.quote-item{background:var(--surface-color);border:1px solid var(--primary-color);border-radius:5px;padding:15px 70px 15px 45px;margin-bottom:10px;cursor:move;transition:all .3s ease;position:relative}.quote-item:hover{box-shadow:0 0 15px var(--primary-glow);transform:translateY(-2px)}.quote-item.dragging{opacity:.5;cursor:grabbing}.quote-item .quote-text{font-size:1.1rem;margin-bottom:8px;color:var(--text-color);line-height:1.4;padding-right:10px;word-break:break-word}.quote-item .quote-meta{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-color-dim);flex-wrap:wrap;gap:5px}.quote-item .quotee{color:var(--primary-color)}.quote-item .drag-handle{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-color-dim);cursor:grab;opacity:.5;transition:opacity .3s ease;touch-action:none}.quote-item .drag-handle:active{cursor:grabbing}.quote-item:hover .drag-handle{opacity:1;color:var(--primary-color)}.quote-item .rank-number{position:absolute;top:10px;right:10px;background:var(--primary-color);color:var(--background-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--header-font)}.clips-subtabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.clips-subtab{font-family:var(--body-font);padding:10px 20px;background:0 0;border:2px solid var(--secondary-color);color:var(--secondary-color);cursor:pointer;transition:all .3s ease;font-size:1rem;border-radius:5px}.clips-subtab:hover{background:var(--secondary-color);color:var(--background-color);box-shadow:0 0 5px var(--secondary-glow)}.clips-subtab.active{background:var(--secondary-color);color:var(--background-color);box-shadow:0 0 5px var(--secondary-glow)}.clips-content{min-height:400px}.clip-category{display:none}.clip-category.active{display:block}.clip-category h3{font-family:var(--header-font);color:var(--secondary-color);margin-bottom:20px;text-align:center;font-size:1.5rem}.clips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:20px}@media (max-width:500px){.clips-grid{grid-template-columns:1fr}}.clip-card{background:var(--surface-color);border:2px solid var(--secondary-color);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative}.clip-card:hover{box-shadow:0 0 20px var(--secondary-glow);transform:translateY(-3px)}.clip-card.selected{border-color:var(--primary-color);box-shadow:0 0 20px var(--primary-glow);background:rgba(0,255,255,.1)}.clip-card .clip-thumbnail-container{position:relative;width:100%;height:250px;border-radius:5px;margin-bottom:10px;overflow:hidden;cursor:pointer}.clip-card .clip-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.clip-card .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease;pointer-events:none}.clip-card .clip-thumbnail-container:hover .play-button-overlay{transform:translate(-50%,-50%) scale(1.1)}.clip-card .clip-embed{width:100%;height:250px;border-radius:5px;margin-bottom:10px;border:none}.clip-card .clip-title{font-size:1.1rem;color:var(--text-color);margin-bottom:5px;font-weight:600;cursor:pointer}.clip-card .clip-info{font-size:.9rem;color:var(--text-color-dim);cursor:pointer}.clip-card .selected-indicator{position:absolute;top:10px;right:10px;background:var(--primary-color);color:var(--background-color);padding:5px 12px;border-radius:20px;font-weight:700;font-size:.85rem;display:none;cursor:pointer}.clip-card.selected .selected-indicator{display:block}.submit-button{font-family:var(--header-font);width:100%;padding:15px;background:var(--primary-color);color:var(--background-color);border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;font-weight:700;margin-top:20px}.submit-button.category-submit{font-size:1.1rem;padding:12px}.submit-button:hover{box-shadow:0 0 25px var(--primary-glow);transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.message{margin-top:20px;padding:15px;border-radius:5px;text-align:center;font-size:1.1rem;display:none}.message.success{display:block;background:rgba(0,255,0,.1);border:1px solid #0f0;color:#0f0}.message.error{display:block;background:rgba(255,0,0,.1);border:1px solid red;color:red}.message.info{display:block;background:rgba(0,255,255,.1);border:1px solid var(--primary-color);color:var(--primary-color)}.quote-list::-webkit-scrollbar{width:8px}.quote-list::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:10px}.quote-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.quote-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.loading{text-align:center;color:var(--text-color-dim);padding:40px;font-size:1.2rem}@media (max-width:768px){.container{padding:20px;margin:10px}h1{font-size:1.8rem}h2{font-size:1.4rem}.clip-card .clip-embed{height:200px}.quote-item{padding-right:50px}.quote-item .rank-number{right:12px;width:32px;height:32px}}