.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}@media (prefers-color-scheme:dark){:root{color:#eee;background-color:#000}}body{width:100vw;margin:0;padding:0}#root{width:100%;height:100%}h1{letter-spacing:-.05em;margin-bottom:.5rem;font-size:3rem;font-weight:600;line-height:1.1}h2{letter-spacing:-.03em;font-size:2.5rem;font-weight:500}p{opacity:.8;margin-bottom:2rem;font-size:1.25rem}.home-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;overflow:hidden}.content{text-align:center;max-width:800px}.start-btn{color:#fff;background-color:#111;border:2px solid #0000;border-radius:4px;padding:1rem 3rem;font-size:1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}@media (prefers-color-scheme:dark){.start-btn{color:#000;background-color:#fff}}.start-btn:hover{opacity:.8;transform:translateY(-2px)}.start-btn:active{transform:translateY(1px)}.bracket-container{background-color:var(--color-background);width:100vw;height:100vh;display:flex;overflow:hidden}.bracket-half{cursor:pointer;box-sizing:border-box;flex:1;justify-content:center;align-items:center;padding:2rem;transition:flex .6s cubic-bezier(.16,1,.3,1),background-color .3s,color .3s;display:flex;position:relative;overflow:hidden}.left-half{color:#000;background-color:#fff;border-right:2px solid #000}.right-half{color:#fff;background-color:#000}@media (prefers-color-scheme:dark){.left-half{color:#fff;background-color:#000;border-right:2px solid #fff}.right-half{color:#000;background-color:#fff}}.bracket-half:hover{background-color:#8080801a}.left-half:hover{background-color:#f5f5f5}.right-half:hover{background-color:#111}@media (prefers-color-scheme:dark){.left-half:hover{background-color:#111}.right-half:hover{background-color:#eee}}.bracket-half.expanded{cursor:default;flex:100}.bracket-half.shrunk{opacity:0;flex:0;padding:0}.bracket-half .content{transition:opacity .4s}.bracket-half.shrunk .content{opacity:0}.bracket-view-container{color:#fff;background-color:#111;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-bar{z-index:100;background-color:#000;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.home-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.5rem 1rem}.zoom-controls{gap:.5rem;display:flex}.zoom-controls button{color:#ccc;cursor:pointer;background:#222;border:1px solid #444;border-radius:4px;padding:.5rem 1rem;transition:all .2s}.zoom-controls button:hover{background:#333}.zoom-controls button.active{color:#fff;background:#2563eb;border-color:#3b82f6}.bracket-canvas{transform-origin:50%;flex:1;justify-content:space-between;min-width:1200px;padding:2rem;transition:transform .5s;display:flex;position:relative;overflow:auto}.bracket-canvas.zoom-east{transform:scale(1.5)translate(20%,20%)}.bracket-canvas.zoom-south{transform:scale(1.5)translate(20%,-20%)}.bracket-canvas.zoom-west{transform:scale(1.5)translate(-20%,20%)}.bracket-canvas.zoom-midwest{transform:scale(1.5)translate(-20%,-20%)}.bracket-canvas.zoom-finalfour{transform:scale(1.5)translate(0)}.bracket-left,.bracket-right{flex-direction:column;justify-content:space-around;width:35%;display:flex}.bracket-center{flex-direction:column;justify-content:center;align-items:center;width:25%;display:flex}.bracket-region{flex-direction:column;flex:1;display:flex}.region-title{text-align:center;color:#888;margin-bottom:1rem;font-size:1.2rem}.region-rounds{flex:1;display:flex}.bracket-right .region-rounds{flex-direction:row-reverse}.round-col{flex-direction:column;flex:1;justify-content:space-around;padding:0 .5rem;display:flex}.matchup-node{background:#222;border:1px solid #444;border-radius:4px;flex-direction:column;margin:.25rem 0;font-size:.8rem;display:flex;overflow:hidden}.matchup-team{border-bottom:1px solid #333;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.matchup-team:last-child{border-bottom:none}.matchup-team.winner{background:#1a365d;font-weight:700}.matchup-team.loser{opacity:.5;text-decoration:line-through}.matchup-team .seed{color:#888;text-align:right;width:1rem;font-size:.7rem}.matchup-team .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.matchup-team .tbd{color:#666;font-style:italic}.final-four{flex-direction:column;align-items:center;width:100%;display:flex}.final-four-matchups{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.final-four-matchups .matchup-node{width:200px}.championship-matchup{margin-top:1rem;transform:scale(1.3)}.champion-node{text-align:center;margin-top:3rem}.champion-node .winner{color:#fff;background:#b8860b;border-radius:8px;margin-top:1rem;padding:1rem 2rem;font-size:2rem;font-weight:700}@media (prefers-color-scheme:light){.bracket-view-container{color:#111;background-color:#f5f5f5}.top-bar{background-color:#fff;border-bottom:1px solid #ddd}.zoom-controls button{color:#333;background:#fff;border-color:#ccc}.matchup-node{background:#fff;border-color:#ccc}.matchup-team{border-color:#eee}.matchup-team.winner{background:#e0f2fe}.region-title{color:#555}}