*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #252838;--color-border: #2e3148;--color-text: #e8eaf0;--color-text-muted: #8a8fa8;--color-primary: #6c63ff;--color-primary-dim: #4b43c4;--color-success: #3ecf8e;--color-warning: #f59e0b;--color-danger: #f04e4e;--gradient-primary: linear-gradient(135deg, #6c63ff 0%, #9b5de5 100%);--font-display: "Outfit", system-ui, -apple-system, sans-serif;--font-sans: "Libre Franklin", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .72rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.8rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .45);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);min-height:100dvh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px}#root{position:relative;z-index:1}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;background-color:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){button:active{transform:none}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-fade-in .18s ease-out both}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}@keyframes card-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card-reveal{animation:card-reveal .26s ease-out both}.card-reveal:nth-child(1){animation-delay:0ms}.card-reveal:nth-child(2){animation-delay:40ms}.card-reveal:nth-child(3){animation-delay:80ms}.card-reveal:nth-child(4){animation-delay:.12s}.card-reveal:nth-child(5){animation-delay:.16s}.card-reveal:nth-child(6){animation-delay:.2s}.card-reveal:nth-child(7){animation-delay:.24s}.card-reveal:nth-child(8){animation-delay:.28s}.card-reveal:nth-child(9){animation-delay:.32s}.card-reveal:nth-child(10){animation-delay:.36s}.card-reveal:nth-child(11){animation-delay:.4s}.card-reveal:nth-child(12){animation-delay:.43s}.card-reveal:nth-child(13){animation-delay:.46s}.card-reveal:nth-child(14){animation-delay:.49s}.card-reveal:nth-child(15){animation-delay:.52s}.card-reveal:nth-child(16){animation-delay:.54s}.card-reveal:nth-child(17){animation-delay:.56s}.card-reveal:nth-child(18){animation-delay:.58s}.card-reveal:nth-child(19){animation-delay:.6s}.card-reveal:nth-child(20){animation-delay:.62s}@media(prefers-reduced-motion:reduce){.card-reveal{animation:none}}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}.countdown-urgent{animation:countdown-pulse 1.4s ease-in-out infinite;display:inline-block}@media(prefers-reduced-motion:reduce){.countdown-urgent{animation:none}}.status-badge-transition{transition:background .3s ease,color .3s ease,border-color .3s ease}.btn-gradient{background:var(--gradient-primary);color:#fff;border:none;transition:opacity .15s,transform .1s}.btn-gradient:hover{opacity:.92}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:480px){.container{padding-inline:var(--space-6)}}@media(min-width:768px){.container{padding-inline:var(--space-8)}}@keyframes lb-row-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lb-row-animated{animation:lb-row-enter .22s ease-out both;animation-delay:calc(var(--row-index, 0) * 30ms)}@media(prefers-reduced-motion:reduce){.lb-row-animated{animation:none}}.lb-row{display:grid;grid-template-columns:56px 1fr 80px;gap:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center}.lb-row--top3{padding-top:var(--space-4);padding-bottom:var(--space-4)}.lb-row--rank1{border-left:3px solid #f59e0b;background:#f59e0b0f!important}.lb-row--rank2{border-left:3px solid #94a3b8;background:#94a3b80d!important}.lb-row--rank3{border-left:3px solid #cd7f32;background:#cd7f320d!important}.lb-col-predictions,.lb-col-accuracy{display:none}@media(min-width:480px){.lb-row{grid-template-columns:56px 1fr 100px 80px}.lb-col-predictions{display:block}}@media(min-width:640px){.lb-row{grid-template-columns:56px 1fr 100px 100px 80px}.lb-col-accuracy{display:block}}.lb-window-selector{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-1);width:fit-content}.lb-window-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;font-family:inherit;white-space:nowrap}.lb-window-btn:hover:not(.lb-window-btn--active){background:var(--color-surface-2);color:var(--color-text)}.lb-window-btn--active{background:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold);box-shadow:0 1px 4px #6c63ff59}.lb-load-more-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-3) var(--space-8);font-size:var(--font-size-sm);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.lb-load-more-btn:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary)}.lb-load-more-btn:disabled{cursor:not-allowed;opacity:.6}.lb-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@media(prefers-reduced-motion:reduce){.lb-spinner{animation:none}}.filter-chips-row{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.filter-chips-row::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap;flex-shrink:0;padding:5px 14px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-text)}.filter-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-bold)}.filter-chip--active:hover{background:var(--color-primary-dim);border-color:var(--color-primary-dim);color:#fff}.filter-chip--clear{border-color:var(--color-border);color:var(--color-text-muted)}.filter-chip--clear:hover{border-color:var(--color-danger);color:var(--color-danger)}.feed-card{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .15s,box-shadow .15s,opacity .15s;cursor:pointer}.feed-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.feed-card--resolved{opacity:.65}.feed-card--resolved:hover{opacity:.85}.feed-card__accent{width:4px;flex-shrink:0}.feed-card__body{flex:1;padding:var(--space-4) var(--space-6);min-width:0}.detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:start}.detail-entry-panel{position:static}@media(min-width:768px){.detail-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.detail-entry-panel{position:sticky;top:72px}}.admin-zone{background:color-mix(in srgb,var(--color-warning) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-warning) 25%,var(--color-border));border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6)}.admin-zone-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-warning);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.comment-item+.comment-item{border-top:1px solid var(--color-border)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes auth-form-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes error-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-layout{display:flex;min-height:100dvh}.auth-brand-panel{display:none}.auth-form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-bg)}.auth-mobile-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);text-align:center}.auth-form-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:auth-form-enter .3s ease-out both}@media(prefers-reduced-motion:reduce){.auth-form-card{animation:none}}@media(min-width:768px){.auth-brand-panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:0 0 45%;min-height:100dvh;padding:var(--space-16) var(--space-12);background:var(--gradient-primary);position:relative;overflow:hidden}.auth-mobile-header{display:none}.auth-form-panel{padding:var(--space-16) var(--space-12)}}.auth-brand-orb{position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}.auth-brand-orb-1{width:340px;height:340px;bottom:-80px;right:-100px}.auth-brand-orb-2{width:180px;height:180px;top:60px;right:40px}.auth-brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap input{width:100%;padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-4) + 36px);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.auth-input-wrap input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff40}.auth-input-plain{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.auth-input-plain:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff40}.auth-input-wrap input.input-error,.auth-input-plain.input-error{border-color:var(--color-danger);box-shadow:0 0 0 3px #f04e4e26}.auth-pw-toggle{position:absolute;right:var(--space-3);background:none;border:none;padding:var(--space-1);color:var(--color-text-muted);display:flex;align-items:center;cursor:pointer;transition:color .15s;line-height:1}.auth-pw-toggle:hover{color:var(--color-text)}.auth-pw-toggle:active{transform:none}.auth-field-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-1);animation:error-slide-in .18s ease-out both}@media(prefers-reduced-motion:reduce){.auth-field-error{animation:none}}.auth-submit-error{color:var(--color-danger);font-size:var(--font-size-sm);animation:error-slide-in .18s ease-out both}@media(prefers-reduced-motion:reduce){.auth-submit-error{animation:none}}.navbar-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-logo{text-decoration:none;flex-shrink:0;display:flex;align-items:center;border-radius:var(--radius-sm);transition:opacity .15s,transform .15s}.navbar-logo:hover{opacity:.85;transform:translateY(-1px);text-decoration:none}.navbar-logo:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){.navbar-logo:hover{transform:none}}.navbar-nav-desktop{display:none;align-items:center;gap:var(--space-4)}@media(min-width:768px){.navbar-nav-desktop{display:flex}}.nav-link{color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;position:relative;padding-bottom:2px;transition:color .15s}.nav-link:hover{color:var(--color-text);text-decoration:none}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.nav-link--active{color:var(--color-primary)}.nav-link--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.navbar-btn-new{border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-decoration:none;display:inline-block}.navbar-btn-new:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.navbar-btn-signout{background:none;border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .15s,color .15s}.navbar-btn-signout:hover{border-color:var(--color-text-muted);color:var(--color-text)}.navbar-btn-signout:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.navbar-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1);flex-shrink:0;transition:border-color .15s}.navbar-hamburger:hover{border-color:var(--color-primary)}.navbar-hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media(min-width:768px){.navbar-hamburger{display:none}}.navbar-hamburger__bar{display:block;width:18px;height:2px;background:var(--color-text-muted);border-radius:1px;transform-origin:center;transition:transform .22s ease,opacity .22s ease,background .15s}.navbar-hamburger:hover .navbar-hamburger__bar{background:var(--color-text)}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger--open .navbar-hamburger__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(prefers-reduced-motion:reduce){.navbar-hamburger__bar{transition:none}}.navbar-overlay{position:fixed;right:0;bottom:0;left:0;top:56px;background:#00000080;z-index:99;animation:overlay-fade-in .2s ease both}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.navbar-overlay{animation:none}}@media(min-width:768px){.navbar-overlay{display:none}}@keyframes menu-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);z-index:100;overflow:hidden}.navbar-mobile-menu--open{display:block;animation:menu-slide-down .2s ease both}@media(prefers-reduced-motion:reduce){.navbar-mobile-menu--open{animation:none}}@media(min-width:768px){.navbar-mobile-menu,.navbar-mobile-menu--open{display:none}}.nav-link-mobile{display:block;padding:var(--space-4) var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-base);text-decoration:none;border-left:3px solid transparent;transition:color .15s,border-color .15s,background .15s}.nav-link-mobile+.nav-link-mobile{border-top:1px solid var(--color-border)}.nav-link-mobile:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 6%,transparent);text-decoration:none}.nav-link-mobile:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-link-mobile--active{color:var(--color-primary);border-left-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.nav-link-mobile--btn{background:none;border:none;border-left:3px solid transparent;border-top:1px solid var(--color-border);width:100%;text-align:left;font-family:inherit;cursor:pointer}.skeleton-card{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-card__accent{width:4px;flex-shrink:0;background:var(--color-surface-2)}.skeleton-card__body{flex:1;padding:var(--space-4) var(--space-6)}.skeleton-card__badges{display:flex;gap:var(--space-2)}.skeleton-pill{display:inline-block;height:20px;border-radius:999px}.skeleton-line{display:block;border-radius:var(--radius-sm);height:14px}.skeleton-card__meta{display:flex;gap:var(--space-6);margin-top:var(--space-3)}.skeleton-card__meta .skeleton-line{height:12px}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background-color:var(--color-surface-2);background-image:linear-gradient(90deg,var(--color-surface-2) 0%,color-mix(in srgb,var(--color-surface-2) 50%,var(--color-border)) 40%,var(--color-surface-2) 80%);background-size:800px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skeleton-shimmer{animation:none;background-image:none;background-color:var(--color-surface-2)}}