*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;--primary-color: #ff6b35;--primary-hover: #f7931e;--text-primary: #343a40;--text-secondary: #6c757d;--background: #f8f9fa;--surface: #ffffff;--border: #dee2e6;--shadow: rgba(0, 0, 0, .1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text-primary)}#root{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box}input,textarea,button,select{font-family:inherit}button{cursor:pointer}img{max-width:100%;height:auto}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0}p{color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-surface: #ffffff;--text-primary: #343a40;--text-secondary: #6c757d;--border-color: #dee2e6;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15);--input-bg: #ffffff;--button-hover: #e9ecef;--accent-color: #ff6b35;--accent-color-transparent: rgba(255, 107, 53, .2);--success-color: #4caf50;--success-bg: #d4edda;--success-text: #155724;--error-bg: #f8d7da;--error-text: #721c24;--warning-bg: #fff3cd;--warning-text: #856404}body.dark-mode{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--bg-surface: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4);--input-bg: #404040;--button-hover: #404040;--accent-color: #ff6b35;--accent-color-transparent: rgba(255, 107, 53, .2);--success-color: #4caf50;--success-bg: #1d4f2a;--success-text: #4caf50;--error-bg: #4a1e21;--error-text: #f56565;--warning-bg: #3d3716;--warning-text: #ffd700;background-color:var(--bg-primary);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary)}@media (min-width: 769px){.app{flex-direction:column}.tab-nav{order:2}.app-header{order:1}.tab-content{order:3}}@media (max-width: 768px){.app{flex-direction:column}.app-header{order:1}.tab-content{order:2;flex:1;padding-bottom:100px}.tab-nav{order:3;position:fixed;inset:auto 0 0;z-index:100;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:none;box-shadow:0 -2px 8px var(--shadow)}}.app-header{background:var(--banner-gradient, linear-gradient(135deg, #ff6b35, #f7931e));color:#fff;padding:1rem 1rem 0rem;text-align:center;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:101}.app-header h1{margin:0;font-size:2rem;font-weight:700}.tab-nav{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow-x:auto;position:sticky;top:4rem;z-index:100}.tab-button{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;border-bottom:3px solid transparent;min-width:100px;text-align:center}@media (max-width: 768px){.tab-button{padding:.25rem;font-size:.75rem;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-top:3px solid transparent;border-bottom:none;min-height:75px}.tab-button.active{border-top-color:#ff6b35;border-bottom-color:transparent}}.tab-button:hover{background:var(--button-hover);color:var(--text-primary)}.tab-button.active{color:#ff6b35;border-bottom-color:#ff6b35;background:var(--bg-primary)}.tab-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;background:var(--bg-primary);overflow:visible}.tab-panel{animation:fadeIn .3s ease-in-out;overflow:visible}.tab-panel h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:var(--transform-move-up-sm)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-header h1{font-size:1.5rem}}.homepage{padding:1rem;max-width:1200px;margin:0 auto}.homepage-banner{text-align:center;padding:2rem 1rem;margin-bottom:2rem;background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );border-radius:16px;color:#fff;box-shadow:0 4px 20px #ff6b354d}.homepage-banner h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.homepage-banner p{margin:0;font-size:1.1rem;opacity:.9;font-weight:500}.contest-sections{display:flex;flex-direction:column;gap:2rem}.contest-section{background:var(--bg-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.create-contest-btn,.create-first-contest{background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease;display:inline-flex;align-items:center;gap:.5rem}.create-contest-btn:hover,.create-first-contest:hover{transform:var(--transform-move-up-sm)}.contest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.contest-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow);position:relative}.contest-card:hover{transform:var(--transform-move-up-md);box-shadow:0 8px 24px var(--shadow-hover);border-color:#ff6b35}.contest-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.contest-emoji{font-size:2.5rem;text-align:center;flex:1}.favorite-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;padding:.25rem;border-radius:4px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.favorite-btn:hover{background:var(--button-hover);transform:var(--transform-scale-up)}.favorite-btn.favorited{color:gold}.contest-card.favorited{border-color:gold;box-shadow:0 2px 8px #ffd70033;position:relative}.contest-card.favorited:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:4px;background:linear-gradient(90deg,gold,#ffed4e);border-radius:12px 12px 0 0}body.dark-mode .contest-card.favorited{box-shadow:0 2px 8px #ffd7004d}.contest-info h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.contest-info p{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem}.contest-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-top:1rem}.contest-meta span:first-child{color:var(--text-secondary)}.contest-status{padding:.25rem .75rem;border-radius:20px;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.contest-status.active{background:#d4edda;color:#155724}body.dark-mode .contest-status.active{background:#1d4f2a;color:#4caf50}.contest-status.inactive{background:#f8d7da;color:#721c24}body.dark-mode .contest-status.inactive{background:#4a1e21;color:#f56565}.empty-state{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem;background:var(--bg-secondary);border-radius:8px;border:2px dashed var(--border-color)}.header-content{display:flex;flex-direction:column;width:100%;min-width:0}@media (max-width: 768px){.desktop-header{display:none}.mobile-header{display:flex;flex-direction:column}.header-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;min-height:44px}.header-row-1{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem}.header-row-2{padding:.5rem 0;justify-content:center;border-bottom:1px solid rgba(255,255,255,.2)}.header-row-3{padding:.5rem 0;justify-content:space-between}.header-row-4{padding-top:.5rem;justify-content:center;border-top:1px solid rgba(255,255,255,.2)}.title-section{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}}@media (min-width: 769px){.mobile-header{display:none}.desktop-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:2rem}.desktop-left-section,.desktop-right-section{flex:1;display:flex;align-items:center}.desktop-left-section{justify-content:flex-start}.desktop-right-section{justify-content:flex-end}.desktop-center-section{flex:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.desktop-center-section h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff}.desktop-center-section .contest-info-combined{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:center;margin-top:.5rem}.desktop-center-section .contest-info-combined .leader-info,.desktop-center-section .contest-info-combined .countdown-info{display:flex;align-items:center;gap:.5rem}}@media (min-width: 769px) and (max-width: 1024px){.desktop-center-section .contest-info-combined{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;align-items:center;justify-content:center;margin-top:.75rem}.desktop-center-section .contest-info-combined .leader-info,.desktop-center-section .contest-info-combined .countdown-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.desktop-center-section .contest-info-combined .leader-label,.desktop-center-section .contest-info-combined .countdown-label{font-size:.9rem;color:#fffc;font-weight:500}.desktop-center-section .contest-info-combined .leader-name,.desktop-center-section .contest-info-combined .countdown-time{font-size:1rem;color:#fff;font-weight:600}}.contest-name-status{display:flex;align-items:center;gap:.5rem}.leader-section{display:flex;align-items:center;flex:1}.user-status-section{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.admin-section{display:flex;justify-content:center;align-items:center;width:100%}.countdown-section{display:flex;align-items:center}.countdown-info{display:flex;align-items:center;gap:.5rem}.countdown-label{color:#fffc;font-size:.85rem}.countdown-time{color:#fff;font-weight:600;font-family:Courier New,monospace;font-size:1rem}@keyframes winner-glow{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 15px rgba(255,215,0,.8)}}.leader-info{display:flex;align-items:center;gap:.5rem}.leader-label{color:#fffc;font-size:.85rem}.leader-name{color:#fff;font-weight:600;font-size:.9rem}.contest-name{color:#fffffff2;font-weight:600;font-size:1rem}.contest-status{padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.contest-status.upcoming{background:#ffc107cc;color:#000}.contest-status.active{background:#28a745cc;color:#fff}.contest-status.completed{background:#6c757dcc;color:#fff}.title-section h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:1}.user-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.user-greeting{color:#fff;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.admin-link{background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:.9rem;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s ease;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.admin-link:hover{background:#ffffff4d;color:#fff;border-color:#fff9;transform:translateY(-1px)}.back-btn,.settings-btn,.logout-btn{background:#fff3;border:none;color:#fff;font-size:1.25rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.logout-btn{font-size:.9rem;padding:.5rem 1rem;min-width:auto;white-space:nowrap}.back-btn:hover,.settings-btn:hover,.logout-btn:hover{background:#ffffff4d}@media (max-width: 768px){.countdown-info,.leader-info{font-size:.85rem}.countdown-time{font-size:1rem}.leader-name{font-size:.9rem}}@media (max-width: 480px){.app-header{padding:.75rem .75rem 0}.app-header h1{font-size:1.25rem}.title-section h1{font-size:1.25rem;line-height:1.3}.header-row{padding:.25rem 0;min-height:36px}.header-row-1{padding-bottom:.4rem}.header-row-3{padding:.4rem 0}.back-btn,.settings-btn{font-size:.9rem;min-width:32px;height:32px;padding:.3rem}.logout-btn{font-size:.75rem;padding:.3rem .6rem;height:32px}.user-info{gap:.4rem}.countdown-info,.leader-info{font-size:.8rem}.countdown-time{font-size:.9rem}.leader-name{font-size:.85rem}.countdown-label,.leader-label{font-size:.75rem}.join-contest-banner{padding:.75rem}.join-contest-banner h2{font-size:1.25rem;margin-bottom:.4rem}.join-contest-banner p{font-size:.9rem;margin-bottom:.75rem}.auth-buttons{gap:.5rem;flex-direction:column;width:100%;align-items:center}.join-contest-banner .sign-in-btn,.join-contest-banner .join-contest-btn{padding:.6rem 1rem;font-size:.85rem;width:100%;max-width:none;height:44px;margin:0!important}}@media (max-width: 768px){.homepage{padding:.5rem}.homepage-banner{padding:1.5rem 1rem;margin-bottom:1.5rem}.homepage-banner h1{font-size:2rem}.homepage-banner p{font-size:1rem}.contest-section{padding:1rem}.section-header{flex-direction:column;align-items:stretch;gap:.75rem}.section-header h2{font-size:1.25rem;text-align:center}.create-contest-btn,.create-first-contest{width:100%;justify-content:center}.contest-grid{grid-template-columns:1fr;gap:1rem}.contest-card{padding:1rem}.contest-emoji{font-size:2rem}.favorite-btn{font-size:1.25rem;min-width:28px;height:28px}.contest-info h3{font-size:1.1rem}.title-section h1{font-size:1.25rem}.user-greeting{font-size:.85rem;max-width:200px}.user-status-section{flex-direction:row;justify-content:space-between;gap:.5rem;align-items:center}.user-status-section .user-greeting{flex:1;text-align:left;max-width:none}.back-btn,.settings-btn{font-size:1rem;min-width:36px;height:36px}.logout-btn{font-size:.8rem;padding:.4rem .8rem;height:36px}.user-info{gap:.5rem}.header-buttons{display:flex;align-items:center;gap:.5rem}}.guest-content{display:flex;flex-direction:column;min-height:100vh;padding-bottom:120px}.app.guest-mode .app-header{position:fixed;inset:auto 0 0;z-index:200}.join-contest-banner{position:sticky;top:0;text-align:center;padding:2rem;margin:0;background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff;box-shadow:0 4px 20px #ff6b354d;z-index:100;order:1}.join-contest-banner h2{margin:0 0 1rem;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.join-contest-banner p{margin:0 0 1.5rem;font-size:1.1rem;opacity:.9;font-weight:500}.auth-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.join-contest-banner .sign-in-btn,.join-contest-banner .join-contest-btn{border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);min-width:140px;text-align:center;flex:1;max-width:180px;height:60px;display:flex;align-items:center;justify-content:center;margin:0!important}.join-contest-banner .sign-in-btn{background:#ffffffe6;color:#ff6b35;border:2px solid rgba(255,255,255,.9)}.join-contest-banner .sign-in-btn:hover{background:#fff;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.join-contest-banner .join-contest-btn{background:#fff3;color:#fff;border:2px solid white}.join-contest-banner .join-contest-btn:hover{background:#fff;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.guest-content .tab-content{order:2;flex:1}@media (max-width: 768px){.join-contest-banner{padding:1rem}.join-contest-banner h2{font-size:1.5rem;margin-bottom:.5rem}.join-contest-banner p{font-size:1rem;margin-bottom:1rem}.auth-buttons{gap:.75rem;flex-direction:row;width:100%;justify-content:center;align-items:center}.join-contest-banner .sign-in-btn,.join-contest-banner .join-contest-btn{padding:.75rem 1rem;font-size:.9rem;flex:1;max-width:140px;height:50px;display:flex;align-items:center;justify-content:center;margin:0!important}.guest-content{padding-bottom:100px}}@media (min-width: 769px){.auth-buttons{flex-direction:row;justify-content:center;align-items:center}.join-contest-banner .sign-in-btn,.join-contest-banner .join-contest-btn{flex:1;max-width:180px;height:60px;margin:0!important}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.loading-container{min-height:50vh;padding:1rem}.loading-spinner{width:40px;height:40px;border-width:3px}.loading-message{font-size:1.1rem}}.flagged-posts-tab{padding:20px 0}.flagged-posts-header{margin-bottom:20px}.flagged-posts-header h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.flagged-posts-header p{margin:0;font-size:14px;color:var(--text-secondary)}.error-message{background:#ffe6e6;border:1px solid #ffcccc;color:#d32f2f;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#d32f2f;font-size:18px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.flagged-posts-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.threshold-control{display:flex;align-items:center;gap:8px}.threshold-control label{font-weight:500;color:var(--text-primary)}.threshold-control select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}.refresh-btn{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.refresh-btn:hover{background:var(--primary-hover)}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.no-flagged-posts{text-align:center;padding:40px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.no-flagged-posts p:first-child{font-size:18px;margin:0 0 8px;color:var(--text-primary)}.no-flagged-posts p:last-child{margin:0;color:var(--text-secondary)}.flagged-posts-list{display:flex;flex-direction:column;gap:16px}.flagged-post-card{background:var(--bg-secondary);border:2px solid #f44336;border-radius:12px;padding:16px;position:relative}.flagged-post-card:before{content:"⚠️";position:absolute;top:-8px;right:16px;background:#f44336;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.flagged-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.post-info{display:flex;flex-direction:column;gap:4px}.user-name{font-weight:600;color:var(--text-primary);font-size:16px}.post-date{font-size:12px;color:var(--text-secondary)}.flag-info{display:flex;align-items:center;gap:8px}.flag-count{background:#f44336;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.flagged-post-content{margin-bottom:16px}.post-count{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.post-description{color:var(--text-secondary);font-size:14px;margin-bottom:8px;line-height:1.4}.post-image{margin-top:8px}.post-image img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.flagged-post-actions{display:flex;gap:12px;justify-content:flex-end}.clear-flags-btn,.delete-post-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.clear-flags-btn{background:#4caf50;color:#fff}.clear-flags-btn:hover:not(:disabled){background:#45a049}.delete-post-btn{background:#f44336;color:#fff}.delete-post-btn:hover:not(:disabled){background:#da190b}.clear-flags-btn:disabled,.delete-post-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.flagged-posts-tab{padding:16px 0}.flagged-posts-controls{flex-direction:column;gap:12px;align-items:stretch}.threshold-control{justify-content:center}.flagged-post-header{flex-direction:column;gap:8px}.flag-info{align-self:flex-start}.flagged-post-actions{flex-direction:column;gap:8px}.clear-flags-btn,.delete-post-btn{width:100%}.post-image img{max-width:100%;max-height:150px}}.dark-mode .error-message{background:#4a1a1a;border-color:#6d2c2c;color:#ff6b6b}.dark-mode .error-message button{color:#ff6b6b}.dark-mode .threshold-control select{background:var(--bg-primary-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.debug-banner{background:var(--banner-gradient, linear-gradient(135deg, #ff6b6b, #feca57));border-bottom:2px solid #ff4757;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.debug-banner-content{display:flex;flex-wrap:wrap;gap:16px;align-items:center;max-width:100%}.debug-section{display:flex;align-items:center;gap:4px;background:#fff3;border-radius:4px;padding:4px 8px;backdrop-filter:blur(5px)}.debug-label{font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.debug-value{color:#2c3e50;font-weight:500}.dark-mode .debug-banner{border-bottom-color:#555}.dark-mode .debug-section{background:#ffffff1a}.dark-mode .debug-label,.dark-mode .debug-value{color:#ecf0f1}@media (max-width: 768px){.debug-banner{padding:6px 12px}.debug-banner-content{gap:8px}.debug-section{font-size:11px;padding:3px 6px}}.admin-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0}.admin-header{background:var(--bg-secondary);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center;gap:1rem}.theme-toggle-btn{background:#fff3;border:none;color:var(--text-primary);font-size:1.25rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:#ffffff4d}.admin-header h1{margin:0;font-size:1.5rem}.back-link{color:var(--accent-color);text-decoration:none;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--accent-color);transition:all .2s ease}.back-link:hover{background:var(--accent-color);color:#fff}.auth-required{text-align:center;padding:4rem 2rem}.sign-in-btn{display:inline-block;background:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;margin-top:1rem;transition:opacity .2s ease}.sign-in-btn:hover{opacity:.9}.current-contest-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem;max-width:1200px;margin:0 auto}.current-contest-section h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.current-contest-card{background:var(--bg-surface);border:2px solid var(--accent-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow)}.current-contest-card .contest-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.contest-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.contest-title h3{margin:0;color:var(--text-primary);font-size:1.25rem}.contest-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:200px}.countdown-display{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.countdown-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.countdown-time{color:var(--accent-color);font-weight:700;font-family:Courier New,monospace;font-size:1.1rem}.contest-winner{color:gold;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:winner-glow 2s ease-in-out infinite}.contest-details{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1rem}.contest-dates .date-item{margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.leader-display{text-align:right;color:var(--text-secondary);font-size:.9rem}.leader-name{color:var(--accent-color);font-weight:600}.current-contest-card .contest-actions{display:flex;justify-content:flex-end;margin-top:1rem}.no-contest{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:8px}.no-contest p{margin-bottom:.5rem}.admin-content{padding:2rem;max-width:1200px;margin:0 auto}.error-message{background:var(--error-bg);color:var(--error-text);padding:1rem;border-radius:4px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:var(--error-text);font-size:1.2rem;cursor:pointer;padding:0;width:24px;height:24px}.admin-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.create-btn,.predefined-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:opacity .2s ease}.create-btn:hover,.predefined-btn:hover{opacity:.9}.create-btn:disabled{opacity:.5;cursor:not-allowed}.predefined-btn{background:var(--success-color)}.contest-form{background:var(--bg-secondary);padding:2rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--border-color)}.contest-form h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.checkbox-label{display:flex!important;align-items:center;gap:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-transparent)}.form-group textarea{resize:vertical;min-height:80px}.quick-setup-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.quick-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.quick-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.quick-btn:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.save-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:opacity .2s ease}.save-btn{background:var(--success-color);color:#fff}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.save-btn:hover,.cancel-btn:hover{opacity:.9}.contests-list h3{margin-bottom:1rem;color:var(--text-primary)}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.no-contests{text-align:center;padding:3rem;color:var(--text-secondary)}.no-contests p{margin-bottom:.5rem}.contests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.contest-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:border-color .2s ease}.contest-card:hover{border-color:var(--accent-color)}.contest-card.active{border-color:var(--success-color);background:var(--success-bg)}.contest-card.completed{opacity:.7}.contest-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.contest-header h4{margin:0;flex:1;min-width:200px}.default-badge,.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.default-badge{background:var(--accent-color);color:#fff}.status-badge.upcoming{background:var(--warning-bg);color:var(--warning-text)}.status-badge.active{background:var(--success-bg);color:var(--success-text)}.status-badge.completed{background:var(--bg-tertiary);color:var(--text-secondary)}.contest-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.4}.contest-dates{font-size:.9rem;margin-bottom:1rem;color:var(--text-secondary)}.contest-dates div{margin-bottom:.25rem}.contest-actions{display:flex;gap:.5rem;justify-content:flex-end}.edit-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:opacity .2s ease}.edit-btn{background:var(--accent-color);color:#fff}.delete-btn{background:var(--error-bg);color:var(--error-text)}.edit-btn:hover,.delete-btn:hover{opacity:.9}@media (max-width: 768px){.admin-header{padding:1rem;flex-direction:column;gap:1rem;text-align:center}.current-contest-section{padding:1rem}.current-contest-card .contest-header{flex-direction:column;align-items:flex-start;gap:1rem}.contest-status{align-items:flex-start;min-width:auto;width:100%}.countdown-display{align-items:flex-start}.contest-details{flex-direction:column;gap:1rem}.leader-display{text-align:left}.current-contest-card .contest-actions{justify-content:flex-start}.admin-content{padding:1rem}.admin-actions{flex-direction:column}.form-row,.contests-grid{grid-template-columns:1fr}.contest-header{flex-direction:column;align-items:flex-start}.form-actions,.quick-setup-buttons{flex-direction:column}.quick-btn{width:100%;text-align:center}}.contest-management-section{margin-top:2rem;padding:0 2rem}.contest-management-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.current-contest-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.current-contest-info h3{margin:0 0 .75rem;color:var(--accent-color)}.contest-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.contest-stats p{margin:0;color:var(--text-secondary)}.participants-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.participants-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.participants-header h3{margin:0;color:var(--text-primary)}.sync-button{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.sync-button:hover:not(:disabled){background:var(--accent-color-dark);transform:translateY(-1px)}.sync-button:disabled{background:var(--border-color);cursor:not-allowed;transform:none}.sync-result{padding:.75rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.sync-result.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.sync-result.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.participants-table{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.table-header{display:grid;grid-template-columns:60px 1fr 120px 120px;background:var(--bg-tertiary);padding:.75rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.table-row{display:grid;grid-template-columns:60px 1fr 120px 120px;padding:.75rem;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.table-row:hover{background:var(--bg-tertiary)}.table-row:last-child{border-bottom:none}.rank{font-weight:600;color:var(--accent-color)}.user-name{color:var(--text-primary);font-weight:500}.score{font-weight:600;color:var(--text-primary)}.status{color:var(--text-secondary);font-size:.9rem}.no-participants{padding:2rem;text-align:center;color:var(--text-secondary)}body.dark-mode .sync-result.success{background:#1e3c2a;color:#4fd69c;border-color:#2a4f3a}body.dark-mode .sync-result.error{background:#3c1e1e;color:#ff6b6b;border-color:#4f2a2a}@media (max-width: 768px){.participants-header{flex-direction:column;gap:1rem;align-items:stretch}.table-header,.table-row{grid-template-columns:50px 1fr 80px 100px;font-size:.9rem}.contest-stats{grid-template-columns:1fr}}.flagged-posts-section{margin-top:2rem;padding:0 2rem}.flagged-posts-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.modal-content{padding:0 1.5rem 1.5rem}.modal-content .modal-header{padding:1rem 0 0!important}.modal-content .modal-footer{padding:1em 0 0!important;margin-top:1.5rem;border-top:1px solid var(--border-color)}.form-section label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-section input{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.form-section input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;background:var(--bg-primary)}.form-section input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:6px;border-left:4px solid #dc3545;margin:1rem 0;font-size:.95rem;line-height:1.4}body.dark-mode .error-message{background:#4a1e21;color:#f56565}.btn-primary{width:100%;padding:1rem 1.5rem;background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:0}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-divider{display:flex;align-items:center;margin:2rem 0 1.5rem;gap:1rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.social-divider span{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{width:100%;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;background:var(--bg-primary);color:var(--text-primary)}.social-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px var(--shadow-hover)}.social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-btn{border-color:#dadce0;background:#fff;color:#3c4043}.google-btn:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c6c6c6}body.dark-mode .google-btn{background:#2d2d2d;color:#fff;border-color:#404040}body.dark-mode .google-btn:hover:not(:disabled){background:#404040;border-color:#555}.twitter-btn{background:#1da1f2;color:#fff;border-color:#1da1f2}.twitter-btn:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.twitter-btn:hover:not(:disabled){background:#1991da;border-color:#1991da}.apple-btn{background:#000;color:#fff;border-color:#000}.apple-btn:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.apple-btn:hover:not(:disabled){background:#333;border-color:#333}body.dark-mode .apple-btn{background:#fff;color:#000;border-color:#fff}body.dark-mode .apple-btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701'/%3E%3C/svg%3E")}body.dark-mode .apple-btn:hover:not(:disabled){background:#f0f0f0;border-color:#f0f0f0}.auth-switch{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.auth-switch p{margin:0;color:var(--text-secondary);font-size:.95rem}.link-button{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline;padding:0;margin:0;transition:color .2s ease}.link-button:hover:not(:disabled){color:#e55a2b}.link-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.modal-content{padding:0 1rem 1rem}.modal-content .modal-header{padding:.75rem 0 0!important}.modal-content .modal-footer{padding:.75em 0 0!important}.form-section{margin-bottom:1.25rem}.form-section input{padding:.75rem;font-size:.95rem}.btn-primary{padding:.875rem 1rem;font-size:1rem}.social-btn{padding:.75rem;font-size:.95rem}.social-divider{margin:1.5rem 0 1rem}.social-buttons{gap:.5rem;margin-bottom:1rem}}.modal-content form{animation:formSlideIn .4s ease-out .1s both}@keyframes formSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-link{text-align:center;margin-top:.5rem;margin-bottom:1rem}.reset-success{text-align:center;padding:2rem 1rem}.reset-success h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.reset-success p{color:var(--text-secondary);line-height:1.5;margin-bottom:2rem;font-size:.95rem}.reset-success .primary-button{margin-top:1rem}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn var(--transition-normal) ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) var(--transform-scale-down)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.modal-close-btn{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--button-hover);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.settings-modal{max-width:600px}.settings-content{padding:0 1.5rem 1.5rem}.settings-sections{margin-bottom:1rem}.settings-section{background:var(--bg-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 2px 8px var(--shadow)}.settings-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.setting-item{margin-bottom:1rem}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.settings-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);background:var(--input-bg);color:var(--text-primary)}.settings-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.checkbox-label{display:flex!important;align-items:center;cursor:pointer;font-weight:500!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin-right:.75rem;transform:scale(1.2);accent-color:#ff6b35}.setting-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;line-height:1.5}.setting-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.settings-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.settings-button.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.settings-button.secondary:hover{background:var(--button-hover)}.settings-button.danger{background:#dc3545;color:#fff}.settings-button.danger:hover{background:#c82333;transform:translateY(-1px)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.btn-primary{background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff}.btn-primary:hover{transform:var(--transform-move-up-sm);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--button-hover)}@media (max-width: 768px){.modal-backdrop{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1rem 0}.modal-header h2{font-size:1.25rem}.settings-content{padding:0 1rem 1rem}.settings-section{padding:1rem;margin-bottom:1rem}.setting-buttons{flex-direction:column}.settings-button{justify-content:center}.modal-footer{padding:1rem;margin-top:1rem;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;min-width:unset}}.error-message{color:#dc3545;font-size:.875rem;margin-top:.5rem;padding:.5rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:4px}.settings-input:disabled{background-color:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:hover{transform:none;box-shadow:none}.input-helper{display:flex;justify-content:flex-end;margin-top:.25rem}.character-count{font-size:.75rem;color:var(--text-secondary);transition:color .2s ease}.character-count.limit-reached{color:#dc3545;font-weight:600}.theme-selector{display:flex;align-items:center;gap:.5rem}.theme-selector-label{font-size:.9rem;color:var(--text-primary);font-weight:500}.theme-selector-dropdown{padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.theme-selector-dropdown:hover{border-color:var(--text-secondary)}.theme-selector-dropdown:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}@media (max-width: 480px){.theme-selector{flex-direction:column;gap:.25rem;align-items:flex-start}.theme-selector-label{font-size:.8rem}.theme-selector-dropdown{font-size:.8rem;padding:.2rem .4rem}}.constdogtution-tab{max-width:800px;margin:0 auto;padding:1rem;color:var(--text-primary)}.constdogtution-header{text-align:center;margin-bottom:2rem;padding:2rem;background:var(--primary-gradient);border-radius:16px;color:#fff;box-shadow:0 4px 16px var(--shadow)}.constdogtution-header h1{font-size:2.5rem;margin:0 0 .5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.constdogtution-subtitle{font-size:1.1rem;margin:0;opacity:.9;font-weight:500}.constdogtution-content{display:flex;flex-direction:column;gap:2rem}.rule-section{background:var(--bg-surface);border-radius:12px;padding:2rem;border:2px solid var(--bg-secondary);box-shadow:0 2px 8px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.rule-section:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-hover)}.rule-section h2{font-size:1.5rem;margin:0 0 1.5rem;color:#ff6b35;font-weight:700;border-bottom:2px solid var(--bg-secondary);padding-bottom:.5rem}.contest-period{border-color:#ff6b35;background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(255,107,53,.05) 100%)}.contest-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.date-item{background:var(--bg-secondary);padding:1rem;border-radius:8px;font-size:.95rem;border-left:4px solid #ff6b35}.date-item strong{color:#ff6b35;display:block;margin-bottom:.25rem}.rule-list{display:flex;flex-direction:column;gap:1rem}.rule-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;transition:background-color .2s ease}.rule-item:hover{background:var(--button-hover)}.rule-icon{font-size:1.2rem;flex-shrink:0;margin-top:.1rem}.rule-text{font-size:.95rem;line-height:1.5;color:var(--text-primary)}.rule-text strong{color:#ff6b35;font-weight:600}.constdogtution-footer{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(255,107,53,.05) 100%);border-radius:12px;padding:2rem;text-align:center;border:2px solid var(--bg-secondary);margin-top:1rem}.constdogtution-footer p{margin:0 0 1rem;font-size:1rem;line-height:1.6}.constdogtution-footer p:last-child{margin-bottom:0}.amendment-note{font-style:italic;font-size:.9rem;color:var(--text-secondary);opacity:.8}@media (max-width: 768px){.constdogtution-tab{padding:.5rem}.constdogtution-header{padding:1.5rem;margin-bottom:1.5rem}.constdogtution-header h1{font-size:2rem}.constdogtution-subtitle{font-size:1rem}.rule-section{padding:1.5rem}.rule-section h2{font-size:1.3rem}.contest-dates{grid-template-columns:1fr}.date-item,.rule-text{font-size:.9rem}.constdogtution-content{gap:1.5rem}.constdogtution-footer{padding:1.5rem}}@media (max-width: 480px){.constdogtution-header h1{font-size:1.75rem}.rule-section{padding:1rem}.rule-item{padding:.5rem;gap:.5rem}.rule-icon{font-size:1rem}.rule-text{font-size:.85rem}}@media print{.constdogtution-tab{max-width:none;padding:0;color:#000}.constdogtution-header{background:#f0f0f0!important;color:#000!important;box-shadow:none}.rule-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.rule-section:hover{transform:none}.rule-item{background:#f9f9f9!important}}.emote-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center;z-index:1000}.emote-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;padding:16px;min-width:280px;max-width:320px;animation:emote-picker-appear .2s ease-out;color:var(--text-primary)}@keyframes emote-picker-appear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.emote-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.emote-picker-title{font-size:14px;font-weight:600;color:var(--text-primary)}.emote-picker-close{background:none;border:none;font-size:20px;font-weight:700;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.emote-picker-close:hover{background:var(--bg-hover);color:var(--text-primary)}.emote-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.emote-picker-emoji{width:48px;height:48px;border:2px solid transparent;border-radius:8px;background:var(--bg-secondary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none}.emote-picker-emoji:hover:not(.disabled){background:var(--bg-hover);border-color:var(--border-hover);transform:scale(1.1)}.emote-picker-emoji:active:not(.disabled){transform:scale(.95)}.emote-picker-emoji.selected{border-color:var(--primary-color);background:var(--primary-color);box-shadow:0 0 0 2px #4a90e233}.emote-picker-emoji.disabled{opacity:.5;cursor:not-allowed}.emote-picker-current{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border-top:1px solid var(--border-color);margin-bottom:8px}.current-reaction-label{font-size:12px;color:var(--text-secondary);margin-right:8px;white-space:nowrap}.current-reactions{display:flex;gap:4px;margin-right:auto;margin-left:4px;flex-wrap:wrap}.current-reaction{font-size:18px}.clear-reactions-btn{font-size:12px;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;white-space:nowrap}.clear-reactions-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.emote-picker-footer{display:flex;justify-content:center;padding-top:8px;border-top:1px solid var(--border-color)}.done-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.done-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.done-btn:active{transform:translateY(0)}@media (max-width: 768px){.emote-picker{margin:16px;min-width:auto;max-width:calc(100vw - 32px)}.emote-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px}.emote-picker-emoji{width:44px;height:44px;font-size:20px}}.dark-mode .emote-picker-overlay{background:#0006}.dark-mode .emote-picker{background:#2a2a2a;border-color:#444;box-shadow:0 8px 32px #00000080;color:#fff}.dark-mode .emote-picker-header{border-bottom-color:#555}.dark-mode .emote-picker-title{color:#fff}.dark-mode .emote-picker-close{color:#ccc}.dark-mode .emote-picker-close:hover{background:#444;color:#fff}.dark-mode .emote-picker-emoji{background:#3a3a3a;border-color:#555}.dark-mode .emote-picker-emoji:hover:not(.disabled){background:#4a4a4a;border-color:#666}.dark-mode .emote-picker-current{background:#3a3a3a;border-color:#555}.dark-mode .current-reaction-label,.dark-mode .remove-reaction-btn,.dark-mode .clear-reactions-btn{color:#ccc}.dark-mode .clear-reactions-btn:hover{background:#444;color:#fff}.dark-mode .emote-picker-footer{border-top-color:#555}.dark-mode .done-btn{background:var(--primary-color)}.dark-mode .done-btn:hover{background:var(--primary-hover)}.reaction-summary{display:flex;flex-direction:column;gap:8px;margin-top:8px}.reaction-items{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.reaction-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;font-size:14px;transition:all .2s ease}.reaction-item:hover{background:var(--bg-hover);border-color:var(--border-hover)}.reaction-item.user-reacted{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 1px #4a90e24d}.reaction-emoji{font-size:16px;line-height:1}.reaction-count{font-size:12px;font-weight:600;min-width:12px;text-align:center}.reaction-more{display:flex;align-items:center;gap:2px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;font-size:12px;color:var(--text-secondary);cursor:help}.reaction-dots{font-weight:700;line-height:1}.reaction-total{font-weight:600}@media (max-width: 768px){.reaction-summary{gap:6px}.reaction-items{gap:4px}.reaction-item{padding:3px 6px;font-size:13px}.reaction-emoji{font-size:14px}.reaction-count{font-size:11px}}.dark-mode .reaction-item{background:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.dark-mode .reaction-item:hover{background:var(--bg-hover-dark);border-color:var(--border-hover-dark)}.dark-mode .reaction-more{background:var(--bg-secondary-dark);border-color:var(--border-color-dark)}.post-reactions{padding:8px 0;margin-top:8px;border-top:1px solid var(--border-color)}.reactions-main{display:flex;flex-direction:column;gap:8px}.reaction-controls{display:flex;justify-content:space-between;align-items:center}.reaction-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;user-select:none}.reaction-btn:hover:not(.disabled){background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.reaction-btn:active:not(.disabled){transform:translateY(0)}.reaction-btn.disabled{opacity:.5;cursor:not-allowed}.react-btn{background:var(--bg-secondary);border-color:var(--border-color)}.react-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.user-emojis{display:flex;align-items:center;gap:2px}.react-emoji,.user-emoji{font-size:16px;margin-right:4px}.more-count{font-size:12px;color:#fff;opacity:.8;margin-left:2px}.react-text{font-size:13px;font-weight:500}.flag-btn.active{background:#f44336;color:#fff;border-color:#f44336}.count{font-size:12px;font-weight:600;min-width:16px;text-align:center}@media (max-width: 768px){.post-reactions{padding:6px 0}.reactions-main{gap:6px}.reaction-btn{padding:4px 8px;font-size:13px;min-height:32px}.react-emoji,.user-emoji{font-size:14px}.react-text{font-size:12px}}.dark-mode .reaction-btn{border-color:var(--border-color-dark);background:var(--bg-secondary-dark)}.dark-mode .reaction-btn:hover:not(.disabled){background:var(--bg-hover-dark);border-color:var(--border-hover-dark)}.feed-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.feed-header h2{margin:0}.posts-section{max-width:600px;margin:0 auto}.posts-section h3{color:#343a40;margin-bottom:1rem}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-item{background:var(--bg-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-user-actions{display:flex;align-items:center;gap:.5rem}.post-user{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.post-timestamp{font-size:.875rem;color:var(--text-secondary)}.post-timestamp-actions{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.post-header{flex-direction:column;align-items:flex-start;gap:.5rem}.post-user-actions{width:100%;justify-content:space-between}.post-user{max-width:none;flex:1}.post-timestamp{align-self:flex-start}}.post-image{margin-bottom:1rem;text-align:center}.post-image img{max-width:100%;max-height:300px;border-radius:8px;object-fit:cover}.post-content{space-y:.5rem}.post-count{font-size:1.1rem;color:#ff6b35;margin-bottom:.5rem}.post-description{color:var(--text-secondary);font-style:italic}.post-item.join{border-left:4px solid #4caf50;background:var(--bg-surface)}.post-item.invite{border-left:4px solid #2196f3;background:var(--bg-surface)}.join-notification{color:#4caf50;font-weight:600;padding:.75rem;background:#4caf501a;border-radius:8px;margin-bottom:.5rem}.invite-notification{color:#2196f3;font-weight:600;padding:.75rem;background:#2196f31a;border-radius:8px;margin-bottom:.5rem}body.dark-mode .join-notification{background:#4caf5033}body.dark-mode .invite-notification{background:#2196f333}.loading-more{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-style:italic}.load-more-section{text-align:center;margin-top:2rem;padding:1rem}.load-more-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease}.load-more-btn:hover{background:var(--accent-dark)}.load-more-btn:disabled{background:var(--text-tertiary);cursor:not-allowed}@media (max-width: 768px){.feed-header{flex-direction:column;gap:1rem}.feed-header h2{font-size:1.5rem}.post-item{padding:1rem}.post-header{justify-content:space-between;align-items:center;gap:.5rem}}.journal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.stat-card{background:var(--bg-surface);border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px var(--shadow);border:2px solid var(--bg-secondary);transition:transform .2s ease}.stat-card:hover{transform:var(--transform-move-up-sm);border-color:#ff6b35}.stat-number{font-size:2rem;font-weight:700;color:#ff6b35;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.journal-entries{max-width:600px;margin:0 auto}.journal-day{background:var(--bg-surface);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px var(--shadow)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.day-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.day-total{font-weight:600;color:#ff6b35;font-size:1.1rem}.day-posts{display:flex;flex-direction:column;gap:1rem}.journal-post{background:var(--bg-secondary);border-radius:8px;padding:1rem}.journal-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.journal-post-time{font-size:.875rem;color:var(--text-secondary)}.journal-post-count{font-weight:600;color:#ff6b35}.journal-post-actions{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.journal-post-header{flex-direction:column;align-items:flex-start;gap:.5rem}.journal-post-actions{width:100%;justify-content:space-between}}.journal-post-image{margin-bottom:.75rem;text-align:center}.journal-post-image img{max-width:100%;max-height:200px;border-radius:6px;object-fit:cover}.journal-post-description{color:var(--text-secondary);font-style:italic;font-size:.95rem}.edit-post-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;border-radius:4px;color:var(--text-primary);transition:background-color .2s ease}.edit-post-btn:hover{background:#0000001a}body.dark-mode .edit-post-btn:hover{background:#ffffff1a}.edit-form{display:flex;flex-direction:column;gap:1rem}.edit-user-name{font-weight:600;color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.edit-current-image{text-align:center;margin:.5rem 0}.edit-current-image img{max-width:100%;max-height:200px;border-radius:8px;object-fit:cover}.edit-image-upload{margin:.5rem 0}.edit-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:center}.save-edit-btn,.cancel-edit-btn{border:none;color:#fff;font-size:.9rem;padding:.7rem 1.25rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;min-width:auto;white-space:nowrap;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-form .save-edit-btn{background:#28a745!important}.edit-form .save-edit-btn:hover:not(:disabled){background:#218838!important}.edit-form .save-edit-btn:disabled{background:#6c757d!important;cursor:not-allowed}.edit-form .cancel-edit-btn{background:#dc3545!important}.edit-form .cancel-edit-btn:hover:not(:disabled){background:#c82333!important}.edit-controls{display:flex;gap:.5rem}.edit-inputs{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.edit-count,.edit-description{display:flex;flex-direction:column;gap:.25rem}.edit-count label,.edit-description label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.edit-count-input{width:80px;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem}.edit-description-input{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:.875rem;resize:vertical;min-height:60px}@media (max-width: 768px){.journal-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.journal-day{padding:1rem;margin-bottom:1rem}.day-header{flex-direction:column;align-items:flex-start;gap:.5rem}.journal-post{padding:.75rem}}.leaderboard{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:1rem auto;overflow:visible;padding:1rem}.leaderboard-item{display:flex;align-items:center;padding:1rem;background:var(--bg-surface);border-radius:12px;box-shadow:0 2px 8px var(--shadow);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:visible}.leaderboard-item:hover{transform:var(--transform-move-up-sm);box-shadow:0 4px 16px var(--shadow-hover)}.leaderboard-item.first-place{background:linear-gradient(135deg,gold,#ffed4e,gold);border:3px solid #ffb800;color:#1a1a1a!important;box-shadow:0 0 20px #ffd70099,0 0 40px #ffd70066,0 8px 32px #0000004d;transform:scale(1.02);position:relative;overflow:visible}.leaderboard-item.first-place:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,gold,#ffed4e,gold,#ffed4e);border-radius:14px;z-index:-1;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.leaderboard-item.first-place .user-name{color:#1a1a1a!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.leaderboard-item.first-place .user-score{color:#4a4a4a!important;font-weight:600}.leaderboard-item.first-place .hot-dog-count{color:#d2691e!important;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.1)}.leaderboard-item.second-place{background:linear-gradient(135deg,#e8e8e8,#f5f5f5,#e8e8e8);border:2px solid #c0c0c0;color:#2c2c2c!important;box-shadow:0 0 15px #c0c0c080,0 6px 24px #00000040;transform:scale(1.01)}.leaderboard-item.second-place .user-name{color:#2c2c2c!important;font-weight:650}.leaderboard-item.second-place .user-score{color:#5c5c5c!important;font-weight:500}.leaderboard-item.second-place .hot-dog-count{color:#8b4513!important;font-weight:700}.leaderboard-item.third-place{background:linear-gradient(135deg,#cd7f32,#deb887,#cd7f32);border:2px solid #b87333;color:#2c1810!important;box-shadow:0 0 12px #cd7f3266,0 4px 20px #0003}.leaderboard-item.third-place .user-name{color:#2c1810!important;font-weight:600}.leaderboard-item.third-place .user-score{color:#4a2c18!important;font-weight:500}.leaderboard-item.third-place .hot-dog-count{color:#6b3410!important;font-weight:700}body.dark-mode .leaderboard-item.first-place{background:linear-gradient(135deg,#b8860b,#daa520,#b8860b);border:3px solid #9a7509;color:#000!important}body.dark-mode .leaderboard-item.first-place .user-name{color:#000!important}body.dark-mode .leaderboard-item.first-place .user-score{color:#2a2a2a!important}body.dark-mode .leaderboard-item.second-place{background:linear-gradient(135deg,#4a4a4a,#606060,#4a4a4a);border:2px solid #888;color:#f0f0f0!important}body.dark-mode .leaderboard-item.second-place .user-name{color:#f0f0f0!important}body.dark-mode .leaderboard-item.second-place .user-score{color:#ccc!important}body.dark-mode .leaderboard-item.third-place{background:linear-gradient(135deg,#8b4513,sienna,#8b4513);border:2px solid #654321;color:#f5e6d3!important}body.dark-mode .leaderboard-item.third-place .user-name{color:#f5e6d3!important}body.dark-mode .leaderboard-item.third-place .user-score{color:#e0d0c0!important}.rank{font-size:1.5rem;font-weight:700;margin-right:1rem;min-width:60px;text-align:center}.first-place .rank{font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:pulse-gold 2s ease-in-out infinite}.second-place .rank{font-size:1.75rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}.third-place .rank{font-size:1.6rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes pulse-gold{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,215,0,1))}}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.user-score{font-size:.9rem;color:var(--text-secondary)}.hot-dog-count{font-size:1.25rem;font-weight:700;color:#ff6b35;margin-left:1rem}.empty-state{text-align:center;color:var(--text-secondary);font-style:italic;margin-top:2rem;padding:2rem;background:var(--bg-surface);border-radius:12px;box-shadow:0 2px 8px var(--shadow)}.leaderboard-item.current-user{border:3px solid var(--accent-primary, #ff6b35);box-shadow:0 0 15px #ff6b354d,0 4px 16px var(--shadow-hover);position:relative}.leaderboard-item.current-user:after{content:"👤";position:absolute;top:-8px;right:-8px;background:var(--accent-primary, #ff6b35);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 8px #0003}.current-user-indicator{color:var(--accent-primary, #ff6b35);font-weight:600;font-size:.9em}.leaderboard-item.current-user.first-place{border:4px solid #ffd700;box-shadow:0 0 25px #ffd700cc,0 0 40px #ffd70099,0 8px 32px #0006;animation:crown-glow 2s ease-in-out infinite;overflow:visible!important}.leaderboard-item.current-user.first-place:after{content:"👑";background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffb800;width:30px;height:30px;font-size:16px;top:-10px;right:-10px;animation:crown-bounce 2s ease-in-out infinite;z-index:10}.leaderboard-item.current-user.first-place .current-user-indicator{color:#1a1a1a;text-shadow:0 1px 2px rgba(0,0,0,.1)}@keyframes crown-glow{0%,to{border-color:gold;box-shadow:0 0 25px #ffd700cc,0 0 40px #ffd70099,0 8px 32px #0006}50%{border-color:#ffed4e;box-shadow:0 0 35px #ffed4ee6,0 0 50px #ffed4eb3,0 8px 32px #0006}}@keyframes crown-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}body.dark-mode .leaderboard-item.current-user{border-color:#ff8c69;box-shadow:0 0 15px #ff8c6966,0 4px 16px var(--shadow-hover)}body.dark-mode .leaderboard-item.current-user:after{background:#ff8c69}body.dark-mode .current-user-indicator{color:#ff8c69}body.dark-mode .leaderboard-item.current-user.first-place .current-user-indicator{color:#000}@media (max-width: 768px){.leaderboard-item{padding:.75rem}.rank{font-size:1.25rem;min-width:50px;margin-right:.75rem}.user-name,.hot-dog-count{font-size:1.1rem}.leaderboard-item.current-user:after{width:20px;height:20px;font-size:10px;top:-6px;right:-6px}.leaderboard-item.current-user.first-place:after{width:24px;height:24px;font-size:14px;top:-8px;right:-8px}.current-user-indicator{font-size:.85em}}.contest-over-message{background:var(--bg-surface);border:2px solid #ff6b35;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.contest-over-message h3{color:#ff6b35;margin-bottom:1rem;font-size:1.5rem}.contest-over-message p{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.contest-over-message p:last-child{margin-bottom:0}.post-form{background:var(--bg-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.form-section{margin-bottom:1.5rem}.form-section label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.image-upload-label{cursor:pointer;color:#ff6b35}.image-upload-input{width:100%;padding:.75rem;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;background:var(--input-bg);color:var(--text-primary)}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:100%;max-height:200px;border-radius:8px;object-fit:cover}.remove-image{display:block;margin:.5rem auto 0;padding:.25rem .75rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.count-input{width:100px;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--text-primary)}.description-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;resize:vertical;font-family:inherit;background:var(--input-bg);color:var(--text-primary)}.submit-button{width:100%;padding:1rem;background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.submit-button:hover{transform:var(--transform-move-up-sm)}.mobile-photo-buttons{display:flex;gap:1rem;margin-top:.5rem}.photo-button{flex:1;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.camera-button{background:var( --primary-gradient, linear-gradient(135deg, #ff6b35, #f7931e) );color:#fff;border-color:#ff6b35}.camera-button:hover{transform:var(--transform-move-up-sm);box-shadow:0 4px 12px #ff6b354d}.library-button{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.library-button:hover{transform:var(--transform-move-up-sm);background:var(--bg-hover);box-shadow:0 4px 12px var(--shadow)}@media (max-width: 768px){.post-form{padding:1rem;margin-bottom:1.5rem}.mobile-photo-buttons{gap:.75rem}.photo-button{padding:.75rem;font-size:.9rem}}