:root{--primary: #1da1f2;--bg: #000;--surface: #0f1115;--surface-elevated: #15181c;--text: #fff;--text-muted: #8899a6;--border: #38444d;--page-max-width: 1800px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font)}.app{width:100%;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.app main{flex:1}.submission-panel{width:min(100% - 32px,var(--page-max-width));margin:20px auto 0;padding:18px;border:1px solid rgba(46,184,168,.18);border-radius:20px;background:radial-gradient(circle at top right,rgba(29,161,242,.14),transparent 30%),linear-gradient(180deg,#15181cf5,#0a0c10f5);box-shadow:0 18px 44px #0000003d}.submission-panel-header{display:grid;gap:8px}.submission-panel-header p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.6}.submission-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.submission-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:14px}.submission-field{display:grid;gap:8px}.submission-label{font-size:12px;color:var(--text-muted)}.submission-input{width:100%;min-width:0;border:1px solid rgba(56,68,77,.92);border-radius:14px;padding:12px 14px;background:#0000003d;color:var(--text);font:inherit}.submission-input:focus{outline:2px solid rgba(29,161,242,.42);outline-offset:1px;border-color:#1da1f2b8}.submission-button{align-self:end;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#2eb8a8e6,#1da1f2eb);color:#03131b;font:inherit;font-weight:800;cursor:pointer}.submission-button:disabled{opacity:.72;cursor:wait}.submission-status{margin-top:12px;border-radius:14px;padding:12px 14px;background:#2eb8a81f;border:1px solid rgba(46,184,168,.24);color:#dffbf7;font-size:13px;line-height:1.5}.submission-preview{margin-top:14px}.submission-preview .video-card{box-shadow:none}.submission-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.submission-popup{width:min(720px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:22px;border:1px solid rgba(46,184,168,.24);background:radial-gradient(circle at top right,rgba(29,161,242,.14),transparent 30%),linear-gradient(180deg,#15181cfc,#0a0c10fc);box-shadow:0 28px 80px #00000073;padding:18px}.submission-popup.is-error{border-color:#f4212e47}.submission-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.submission-popup-title{font-size:18px;font-weight:800}.submission-popup-close,.submission-popup-button{border:0;border-radius:999px;cursor:pointer;font:inherit}.submission-popup-close{width:36px;height:36px;background:#8899a62e;color:var(--text);font-size:22px;line-height:1}.submission-popup-actions{display:flex;justify-content:flex-end;margin-top:14px}.submission-popup-button{padding:10px 16px;background:#1da1f2e6;color:#03131b;font-weight:800}.submission-status.is-error{background:#f4212e1f;border-color:#f4212e47;color:#ffd9dc}.header{position:sticky;top:0;background:linear-gradient(180deg,#000000f0,#000000d1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border);padding-inline:clamp(16px,3vw,32px)}.nav{display:flex;justify-content:center;gap:24px;width:min(100%,var(--page-max-width));margin:0 auto;padding:14px 0 8px}.nav-item{background:none;border:none;color:var(--text-muted);font-size:16px;font-weight:700;cursor:pointer;padding:12px 20px 10px;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.nav-item.active{color:var(--primary);border-bottom-color:var(--primary)}.feed{width:min(100%,var(--page-max-width));margin:0 auto;padding:clamp(16px,2vw,28px)}.feed.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(16px,1.6vw,24px);align-items:start}.feed.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(14px,1.6vw,24px);align-items:start}.feed.grid .video-card{margin-bottom:0;display:flex;flex-direction:column}.feed.grid .video-card-header,.feed.grid .video-card-body,.feed.grid .video-card-footer{padding:8px}.feed.grid .username{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed.grid .body-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;margin-bottom:4px}.feed.grid .video-container{aspect-ratio:4 / 5}.feed.grid .video-container video{object-fit:cover}.view-toggle{display:flex;align-items:center;gap:8px;width:min(100%,var(--page-max-width));margin:0 auto;padding:0 0 12px;border-bottom:1px solid var(--border)}.video-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:13px;color:var(--text-muted)}.video-error-overlay a{color:var(--primary);margin-top:8px;text-decoration:none;font-weight:700}.video-retry-button{margin-top:10px;padding:8px 14px;border:0;border-radius:999px;background:#1da1f229;color:var(--text);font-weight:700;cursor:pointer}.video-card-header{padding:12px;display:flex;align-items:center;gap:8px}.video-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(56,68,77,.7);border-radius:18px;background:linear-gradient(180deg,#15181cf5,#0a0c10f5);overflow:hidden;box-shadow:0 14px 40px #00000047}.username{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.source-tag{font-size:12px;color:var(--text-muted);background-color:#2f3336;padding:2px 6px;border-radius:4px}.video-container{width:100%;aspect-ratio:16 / 10;background-color:#000;position:relative;overflow:hidden}.video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.02)}.video-activate-button{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;border:0;background:linear-gradient(180deg,#0000001f,#0000007a);color:var(--text);cursor:pointer}.video-activate-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;background:#000000ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059}.video-activate-label{padding:8px 12px;border-radius:999px;background:#0000008a;font-size:13px;font-weight:700}.video-container video{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.video-card-body{padding:12px;flex:1}.body-text{font-size:15px;line-height:1.4;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.video-card-footer{padding:12px;border-top:1px solid var(--border);display:flex;gap:16px;flex-wrap:wrap;color:var(--text-muted);font-size:14px}.metric{display:flex;align-items:center;gap:4px}.metric-icon{width:16px;height:16px}.report-trigger{margin-left:auto;border:0;padding:0;background:transparent;color:#ff8a8a;cursor:pointer;font:inherit}.report-trigger:disabled{opacity:.6;cursor:wait}.report-panel{margin-top:12px;padding:12px;border:1px solid rgba(255,138,138,.28);border-radius:14px;background:#7f1d1d24}.report-panel.is-error{border-color:#f4212e6b;background:#f4212e1f}.report-panel-title,.report-status-message{font-size:13px;line-height:1.5}.report-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.report-button{border:0;border-radius:999px;padding:8px 14px;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.report-button.secondary{background:#8899a62e;color:var(--text-muted)}.report-button.danger{background:#f4212ee6}.report-button:disabled{opacity:.7;cursor:wait}.selectors{display:flex;gap:8px;width:min(100%,var(--page-max-width));margin:0 auto;padding:12px clamp(16px,2vw,28px) 0;border-bottom:1px solid var(--border);overflow-x:auto}.select-group{display:flex;gap:4px}.select-btn{background-color:#2f3336;color:var(--text);border:none;padding:4px 10px;border-radius:9999px;font-size:13px;cursor:pointer}.select-btn.active{background-color:var(--primary)}.load-more{width:100%;padding:16px;background:none;border:none;color:var(--primary);font-weight:700;cursor:pointer}.loading{text-align:center;padding:40px;color:var(--text-muted)}.error{text-align:center;padding:40px;color:#f4212e}@media (max-width: 720px){.header{padding-inline:14px}.nav{justify-content:space-between;gap:12px}.nav-item{flex:1;padding-inline:8px}.view-toggle{padding-bottom:10px}.feed,.feed.list,.feed.grid{padding:12px;gap:12px}.feed.list,.feed.grid{grid-template-columns:1fr}.selectors{padding:10px 12px 0}.submission-panel{width:min(100% - 24px,var(--page-max-width));margin-top:16px;padding:16px}.submission-form{grid-template-columns:1fr}.submission-button{width:100%;justify-content:center}.submission-popup-backdrop{padding:12px}.submission-popup{padding:14px}}