.confidence-filter{display:flex;align-items:center;gap:12px;border:0;background:transparent;font-family:var(--font-body);width:100%;padding:10px 0 0}.cf-label{color:#cbd5e1;font-size:var(--text-xs);white-space:nowrap}.cf-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#a78bfa,#2563eb,#ec4899);outline:none;flex:1 1 auto;min-width:160px}.cf-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer}.cf-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer}.cf-value{color:#e5e7eb;font-size:var(--text-xs);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.date-navigator{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;font-family:var(--font-body)}.current-date{font-family:var(--font-body);font-size:14px;font-weight:600;padding:0 16px;background-color:#25262b;border-radius:20px}.current-date,.nav-button{color:#e4e5e7;display:flex;align-items:center;justify-content:center;height:40px;line-height:1;box-shadow:0 4px 20px rgba(0,0,0,.2)}.nav-button{background:#25262b;border:none;border-radius:50%;width:40px;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.nav-button:not(.disabled):hover{background-color:#2c2d32;transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.25)}.nav-button:not(.disabled):active{background-color:#2c2d32;transform:translateY(1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-button.disabled{background-color:#25262b;color:#4a4b50;cursor:not-allowed;box-shadow:none;opacity:.7}@media screen and (max-width:480px){.date-navigator{gap:6px}.current-date{font-size:14px;padding:0 12px}}.filter-panel{position:relative;width:100%}.filter-panel,.filter-toggle-container{display:flex;justify-content:flex-end}.filter-toggle{background:#2c2d32;color:#e4e5e7;border:1px solid #374151;padding:.5rem;border-radius:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:40px;height:40px;outline:none}.filter-toggle:hover{background:#374151;border-color:#374151}.filter-toggle:focus{outline:none;border-color:#374151}.filter-toggle.expanded{background:#2c2d32;border-color:#374151}.filter-icon{display:flex;flex-direction:column;gap:7px;width:20px}.filter-line{position:relative;height:2px;background-color:#e4e5e7;width:100%;border-radius:1px}.filter-circle{position:absolute;height:6px;width:6px;background-color:#e4e5e7;border-radius:50%;top:-2px;left:3px;transition:background-color .2s,left .2s}.filter-toggle.expanded .filter-line:first-child .filter-circle{background-color:#3b82f6;left:11px}.filter-toggle.expanded .filter-line:nth-child(2) .filter-circle{background-color:#8b5cf6;left:11px}.filter-toggle.expanded .filter-line:nth-child(3) .filter-circle{background-color:#ec4899;left:11px}.filter-content-container{position:absolute;top:100%;right:0;left:0;width:100%;display:flex;justify-content:center;opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;z-index:100;margin-top:.75rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1)}.filter-content-container.expanded{opacity:1;transform:translateY(0);max-height:500px}.filter-content-container.collapsed{opacity:0;transform:translateY(-10px);max-height:0}.filter-content{position:relative;margin-top:.5rem;margin-bottom:1rem;background:#25262b;border:1px solid #374151;border-radius:6px;padding:1rem;z-index:10;width:95%;max-width:1200px;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.filter-title{margin-top:0;margin-bottom:.75rem;font-size:16px;font-weight:600;color:#e4e5e7}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.5rem;gap:.5rem}.filter-checkbox{display:flex;align-items:center;padding:.3rem .5rem;cursor:pointer;transition:background-color .2s;color:#e4e5e7;font-size:14px;border-radius:4px}.filter-checkbox:hover{background:#2c2d32}.filter-checkbox input[type=checkbox]{margin-right:8px}.filter-all{margin-bottom:.75rem;padding:.5rem;background:#2c2d32;border-radius:4px;font-weight:600}.filter-all:hover{background:#374151}.filter-content::-webkit-scrollbar{width:8px}.filter-content::-webkit-scrollbar-track{background:#2c2d32;border-radius:4px}.filter-content::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.filter-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.stat-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem 1.25rem;gap:.5rem 1.25rem}.stat-team{display:flex;align-items:center;gap:.5rem}.stat-box{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 8px;border-radius:6px;background:rgba(255,255,255,.08);color:#e5e7eb;border:1px solid rgba(255,255,255,.12);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.predictions-container{padding:1rem 1.375rem 1.375rem;background-color:#25262b;border-radius:13.2px;box-shadow:0 8.8px 35.2px rgba(0,0,0,.25)}.predictions-table{width:100%;border-collapse:collapse;text-align:left;color:#e4e5e7;table-layout:fixed}.predictions-table td{padding:.6rem;border-bottom:1px solid #374151;font-size:clamp(.8rem,1.5vw,.975rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictions-table th{padding:.6rem 1.1rem;font-weight:600;color:#9ca3af;border-bottom:1px solid #374151;font-size:.975rem;text-transform:uppercase;letter-spacing:.055em}.predictions-table tr:last-child td{border-bottom:none}.predictions-table tr:hover{background-color:rgba(255,255,255,.03)}.predictions-table tr.clickable{cursor:pointer}.predictions-table tr.clickable:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.predictions-table tr.expanded{background-color:rgba(255,255,255,.035)}.predictions-table tr.row-details td{padding:1.6rem 1rem;background:rgba(0,0,0,.15);border-bottom:1px solid #374151}.details-content{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.6rem;min-height:180px}.details-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"form venue" "h2h  odds" "mini mini";grid-column-gap:1.5rem;column-gap:1.5rem;grid-row-gap:1.2rem;row-gap:1.2rem;align-items:start}.details-item.details-form{grid-area:form}.details-item.details-venue{grid-area:venue}.details-item.details-h2h{grid-area:h2h}.details-item.details-mini{grid-area:mini}.details-item.details-odds{grid-area:odds}.details-item{display:flex;flex-direction:column;gap:.25rem}.details-item .label{color:#9ca3af;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.details-item .value{color:#e5e7eb;font-size:.95rem}@media screen and (max-width:900px){.details-grid{grid-template-columns:1fr;grid-template-areas:"form" "venue" "h2h" "odds" "mini"}}.mini-table{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;font-family:var(--font-body)}.mini-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(6,.5fr);align-items:center;grid-column-gap:10px;column-gap:10px}.mini-row.selected{position:relative}.mini-row.selected.home{background:rgba(167,139,250)}.mini-row.selected.draw{background:rgba(37,99,235)}.mini-row.selected.away{background:rgba(236,72,153)}.mini-row.selected .mini-cell .mini-chip{position:relative;z-index:0;display:inline;color:inherit}.mini-row.selected .mini-cell .mini-chip:before{content:"";position:absolute;left:-6px;right:-6px;top:-2px;bottom:-2px;background:#1a1b1e;border:1px solid #000;border-radius:0;z-index:-1}.mini-row.selected .mini-cell.value-green{color:#06B12B}.mini-row.selected .mini-cell.value-red{color:#F53D3D}.mini-row.selected .mini-cell.value-neutral{color:#e5e7eb}.mini-row+.mini-row{border-top:1px solid rgba(255,255,255,.08)}.mini-header{background:rgba(255,255,255,.04);color:#cbd5e1;font-weight:700}.mini-cell{padding:6px 8px;font-size:.9rem;white-space:nowrap}.mini-cell.team{font-weight:400;overflow:hidden;text-overflow:ellipsis}.mini-cell.atk,.mini-cell.def,.mini-cell.elo,.mini-cell.pos,.mini-cell.ppg,.mini-cell.pts{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-cell.value-green{color:#06B12B}.mini-cell.value-red{color:#F53D3D}.mini-cell.value-neutral{color:#e5e7eb}.value-odds-boxes{display:flex;gap:4px;margin-top:.2rem}.odds-box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:22px;border-radius:4px;color:#111827;background:#9ca3af;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);padding:4px}.odds-box,.odds-value{font-size:.8rem;font-weight:700}.odds-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:inherit}.odds-box.home{background:#a78bfa;color:#fff}.odds-box.draw{background:#2563eb;color:#fff}.odds-box.away{background:#ec4899;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem 1.25rem;gap:.5rem 1.25rem;align-items:start}.form-team{display:flex;flex-direction:column;gap:.35rem;min-width:0}.form-team .team-name{color:#d1d5db;font-weight:600;font-size:.9rem}.form-seq{display:flex;flex-wrap:nowrap;gap:4px;margin-top:.2rem}.form-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:.8rem;font-weight:700;color:#111827;background:#9ca3af;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.form-box.win{background:#06B12B;color:#fff}.form-box.draw{background:#FD7E35;color:#fff}.form-box.loss{background:#F53D3D;color:#fff}.form-box.unknown{background:#6b7280;color:#0b1220}.form-empty{color:#9ca3af;font-style:italic}.h2h-seq{display:flex;flex-wrap:nowrap;gap:4px;margin-top:.2rem}.h2h-box{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:.8rem;font-weight:700;color:#111827;background:#9ca3af;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.h2h-box.home{background:#a78bfa;color:#fff}.h2h-box.draw{background:#2563eb;color:#fff}.h2h-box.away{background:#ec4899;color:#fff}.h2h-box.unknown{background:#6b7280;color:#0b1220}.match-info{width:45%;min-width:0}.prediction-info{width:55%;min-width:0;white-space:normal}.match-details{display:flex;flex-direction:column;gap:4px;min-width:0}.match-details .teams{font-size:clamp(.85rem,1.5vw,1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;gap:8.8px}.match-details .teams .vs{color:#9ca3af;font-weight:400;flex-shrink:0}.match-details .teams .team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.match-details .datetime{font-size:1.045em;color:#9ca3af;white-space:nowrap}.match-details .league{font-size:.99em;color:#9ca3af;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-time-mobile{display:none;color:#9ca3af;font-size:.8em;margin-left:8px;align-self:baseline}.prediction-container{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;min-width:0}.model-stars{display:flex;gap:1px;align-items:center;font-size:1.8rem;margin-top:0;justify-content:center}.model-stars .bayes-star{font-size:1.5em;line-height:1}.model-stars .star{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;border-radius:2px;color:#6b7280}.model-stars .star.on.home{color:#c4b5fd}.model-stars .star.on.draw{color:#93c5fd}.model-stars .star.on.away{color:#f9a8d4}.model-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.model-badge{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;line-height:1;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#e5e7eb;border:1px solid rgba(255,255,255,.08);white-space:nowrap}.model-badge.home{border-color:rgba(167,139,250,.45);box-shadow:inset 0 0 0 1px rgba(167,139,250,.15)}.model-badge.draw{border-color:rgba(59,130,246,.45);box-shadow:inset 0 0 0 1px rgba(59,130,246,.15)}.model-badge.away{border-color:rgba(236,72,153,.45);box-shadow:inset 0 0 0 1px rgba(236,72,153,.15)}.model-label{font-weight:600;opacity:.95}.model-sep{opacity:.6}.model-outcome{text-transform:capitalize;font-weight:600}.model-score{opacity:.9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.desktop-prediction{display:flex;flex-direction:column;align-items:center;align-self:center;gap:8px;min-width:-moz-fit-content;min-width:fit-content}.desktop-prediction .model-stars{display:flex;gap:0;align-items:flex-end;justify-content:center}.desktop-prediction .model-stars .parx-star{margin-right:-5px}.desktop-prediction .model-stars .bayes-star{margin-left:-5px;margin-right:-5px}.desktop-prediction .model-stars .poisson-star{margin-left:-5px}.confidence-container{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px;align-self:center}.prediction-text{font-weight:600;font-size:clamp(.75rem,1.4vw,.9rem);color:white;text-transform:uppercase;position:relative;padding:.15rem .6rem;display:inline-flex;align-items:center;justify-content:center;z-index:1;text-shadow:0 2.2px 8.8px rgba(0,0,0,.2);width:-moz-fit-content;width:fit-content}.prediction-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);width:calc(100% + 8.8px);height:calc(100% + 4.4px);background:linear-gradient(90deg,#a78bfa,#2563eb,#ec4899);border-radius:6.6px;z-index:-1;opacity:.9;transition:opacity .2s ease}.prediction-text.home:before{background:linear-gradient(90deg,#a78bfa 20%,#c4b5fd)}.prediction-text.draw:before{background:linear-gradient(90deg,#2563eb 20%,#3b82f6)}.prediction-text.away:before{background:linear-gradient(90deg,#ec4899 20%,#f472b6)}.prediction-text:hover:before{opacity:1}.confidence-bar{height:20px;border-radius:4.4px;background-color:#2c2d32;position:relative;display:flex;overflow:hidden}.confidence-segment{height:100%;transition:width .3s ease}.confidence-segment.home{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.confidence-segment.draw{background:linear-gradient(90deg,#2563eb,#3b82f6)}.confidence-segment.away{background:linear-gradient(90deg,#ec4899,#f472b6)}.confidence-bar.lay-mode{display:flex;height:20px;border-radius:4px;overflow:hidden;background-color:#f0f0f0;margin-bottom:4px}.confidence-bar.lay-mode .confidence-segment.opposing.home{background:#8b5cf6}.confidence-bar.lay-mode .confidence-segment.opposing.draw{background:#3b82f6}.confidence-bar.lay-mode .confidence-segment.opposing.away{background:#ec4899}.confidence-bar.lay-mode .confidence-segment.lay.home{background:linear-gradient(90deg,rgba(139,92,246,.5) 0,rgba(139,92,246,.3))}.confidence-bar.lay-mode .confidence-segment.lay.draw{background:linear-gradient(90deg,rgba(59,130,246,.5) 0,rgba(59,130,246,.3))}.confidence-bar.lay-mode .confidence-segment.lay.away{background:linear-gradient(90deg,rgba(236,72,153,.5) 0,rgba(236,72,153,.3))}.confidence-labels{display:flex;justify-content:space-between;font-size:.99em;color:#9ca3af;padding-top:2px}.confidence-labels.lay-mode{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.confidence-labels.lay-mode .opposing-label{opacity:1}.confidence-labels.lay-mode .lay-label{opacity:.75}.confidence-labels.lay-mode .opposing-label.home{color:#8b5cf6}.confidence-labels.lay-mode .opposing-label.draw{color:#3b82f6}.confidence-labels.lay-mode .opposing-label.away{color:#ec4899}.confidence-labels.lay-mode .lay-label.home{color:rgba(139,92,246,.75)}.confidence-labels.lay-mode .lay-label.draw{color:rgba(59,130,246,.75)}.confidence-labels.lay-mode .lay-label.away{color:rgba(236,72,153,.75)}.confidence-labels span{position:relative;padding-left:22px}.confidence-labels span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8.8px;height:8.8px;border-radius:4.4px}.home-label:before{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.draw-label:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.away-label:before{background:linear-gradient(90deg,#ec4899,#f472b6)}@media screen and (max-width:1100px){.predictions-container{padding:1rem}.match-details .teams{font-size:clamp(.8rem,1.4vw,.9rem)}.prediction-text{font-size:clamp(.7rem,1.3vw,.85rem);padding:.12rem .5rem}.prediction-container{gap:.75rem}.match-time-mobile{display:inline}.match-metadata .datetime{display:none}}@media screen and (max-width:768px){.predictions-container{padding:1rem}}@media screen and (max-width:500px){.predictions-container{padding:1rem .75rem;margin:0 auto;border-radius:8px}.predictions-table{margin:0;padding:0;border-collapse:collapse}.predictions-table,.predictions-table tbody{display:block;width:100%}.predictions-table tr{display:flex;flex-direction:column;padding:.3rem 0;border-bottom:1px solid #374151;width:100%;margin:0}.predictions-table tr:last-child{border-bottom:none}.predictions-table td{display:block;width:100%;padding:.2rem;border:none;text-align:center;margin:0;box-sizing:border-box}.match-info{max-width:none;margin:0}.match-details,.match-info{width:100%;min-width:0;padding:0}.match-details{text-align:left;gap:4px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.match-details .teams{font-size:1em;justify-content:flex-start;line-height:1.2;text-align:left;margin:0}.match-metadata{display:none}.prediction-info{width:100%;padding:0;margin:0}.prediction-container{flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:0}.model-tags{justify-content:center}.desktop-prediction{align-items:center}.prediction-text{margin:0;font-size:.7em;padding:.12rem .4rem}.match-details .prediction-text{margin:0;display:inline-block;text-align:right}.confidence-container{width:100%;min-width:0;gap:1px;margin-top:.2rem}.confidence-bar{height:4px;margin-bottom:2px}.confidence-labels{justify-content:space-around;font-size:.75em;margin-bottom:0}.confidence-labels span{padding-left:0}.confidence-labels span:before{display:none}.prediction-text:before{width:calc(100% + 4px);height:calc(100% + 2px);border-radius:3px}}@media screen and (max-width:360px){.predictions-container{padding:.5rem;min-width:unset;width:100%;max-width:100%;margin:0 auto}.predictions-table tr{padding:.25rem 0}.prediction-text{font-size:.7em;padding:.12rem .4rem;margin:.2rem 0 .25rem}.prediction-text:before{width:calc(100% + 3px);height:calc(100% + 2px);border-radius:2px}.confidence-container{gap:1px}.confidence-bar{margin-bottom:1px}.confidence-labels{font-size:.75em}}.mobile-prediction{display:none}@media screen and (max-width:500px){.match-details .teams{font-size:1em;justify-content:flex-start;line-height:1.2;text-align:left;margin:0}.match-metadata{display:none}.prediction-info{width:100%;padding:0;margin:0}.prediction-container{flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:0}.prediction-text{margin:0;font-size:.7em;padding:.12rem .4rem}.match-details .prediction-text{margin:0;display:inline-block;text-align:right}.confidence-container{width:100%;min-width:0;gap:1px;margin-top:.2rem}.confidence-bar{height:4px;margin-bottom:2px}.confidence-labels{justify-content:space-around;font-size:.75em;margin-bottom:0}.confidence-labels span{padding-left:0}.confidence-labels span:before{display:none}.prediction-text:before{width:calc(100% + 4px);height:calc(100% + 2px);border-radius:3px}}.predictions-container{width:100%;margin:0 auto}.predictions-container .no-predictions-message{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.no-predictions-message p{margin:0;font-size:1.5rem;font-weight:500;color:#e4e5e7;width:100%;text-align:center}.controls-container{margin:0 auto;padding:0}.controls,.controls-container{width:100%;box-sizing:border-box}.controls{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;padding:1rem 1.375rem;background-color:#25262b;border-radius:13.2px;box-shadow:0 8.8px 35.2px rgba(0,0,0,.25)}.top-controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.confidence-row{display:block}.sort-controls{display:flex;align-items:center;gap:1.5rem;flex:1 1}.date-container{flex:2 1;display:flex;justify-content:center}.filter-button-container{flex:1 1;display:flex;justify-content:flex-end}.time-sort{position:relative;display:inline-block;height:34px}.time-sort input{opacity:0;width:0;height:0;position:absolute}.time-sort-button{display:flex;align-items:center;justify-content:center;cursor:pointer;height:34px;padding:0;background-color:#2c2d32;border-radius:17px;transition:.4s;width:90px}.time-sort input:checked+.time-sort-button{background-color:#3b82f6}.time-sort-text{color:#e4e5e7;font-size:14px;font-weight:600;text-transform:uppercase}.acca-toggle{margin-left:.5rem;height:34px;padding:0 14px;border-radius:17px;border:0;background:#2c2d32;color:#e4e5e7;font-weight:700;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .1s ease}.acca-toggle.active{background:linear-gradient(90deg,#a78bfa,#2563eb,#ec4899);color:white}.acca-toggle:disabled,.acca-toggle[aria-disabled=true]{opacity:.5;cursor:not-allowed}.acca-toggle:active{transform:translateY(1px)}.switch{position:relative;display:inline-block;width:90px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a78bfa;border-radius:34px;overflow:hidden}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:22px;width:22px;left:4px;top:50%;transform:translateY(-50%);background-color:white;border-radius:50%;z-index:2}.switch input:checked+.slider{background-color:#ec4899}.switch input:checked+.slider:before{transform:translate(56px,-50%)}.slider-text{position:absolute;color:white;font-size:14px;font-weight:600;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .3s;z-index:1}.slider-text.lay{left:12px;opacity:0}.slider-text.back{right:12px;opacity:0}.switch input:checked+.slider .slider-text.lay,.switch input:not(:checked)+.slider .slider-text.back{opacity:1}.toggle-button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:white;cursor:pointer;font-size:1rem;transition:all .2s ease}.toggle-button:hover{background-color:#f0f0f0}.toggle-button.active{background-color:#007bff;color:white;border-color:#0056b3}@media screen and (max-width:500px){.app{padding:1rem .5rem}header{margin-bottom:.75rem;padding:1rem;gap:.75rem}header h1{font-size:2rem}.avatar{width:50px;height:50px}.controls-container,.predictions-container{width:100%;max-width:100%}.controls{flex-direction:column;align-items:stretch;gap:1rem}.sort-controls{flex-direction:row;justify-content:center;gap:1rem;margin-left:0}.time-sort{height:30px}.time-sort-button{height:30px;padding:0 14px;min-width:70px}.time-sort-text{font-size:13px}.predictions-container .no-predictions-message{height:150px}.no-predictions-message p{font-size:1.2rem}}@media screen and (max-width:360px){.controls-container{width:100%;max-width:100%}}.predictions-board{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;width:100%;letter-spacing:.05rem}.predictions-message{margin:0;padding:2rem;border-radius:12px;background:#25262b;color:#e4e5e7;text-align:center;width:100%}.predictions-message--error{color:#f87171}