.uix{--uix-iri:linear-gradient(115deg, #6ee7b7, #60a5fa 34%, #c084fc 66%, #ffb347);color:#fff;width:min(1480px,100% - 2*max(16px,min(3vw,48px)));font-family:var(--gx-sans);grid-template-columns:248px minmax(0,1fr);align-items:start;gap:max(20px,min(3vw,40px));margin:0 auto;padding:max(8px,min(2vh,20px)) 0 72px;display:grid}.uix-side{scrollbar-width:thin;scrollbar-color:#fff3 transparent;-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:#0a0c1075;border:1px solid #ffffff1f;border-radius:22px;align-content:start;gap:12px;max-height:calc(100svh - 104px);padding:12px;display:grid;position:-webkit-sticky;position:sticky;top:84px;overflow:auto}.uix-search{display:flex}.uix-search input{color:#fff;width:100%;min-width:0;font:500 13px var(--gx-sans);background:#00000047;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:10px 14px;transition:border-color .2s,background .2s}.uix-search input::placeholder{color:#ffffff73}.uix-search input:focus{background:#0000006b;border-color:#fff6}.uix-search input::-webkit-search-cancel-button{display:none}.uix-picks{grid-template-columns:1fr 1fr;gap:6px;display:grid}.uix-families{border-top:1px solid #ffffff14;gap:1px;padding-top:10px;display:grid}.uix-shelf{cursor:pointer;color:#ffffff9e;text-align:left;width:100%;font:650 15px / 1.2 var(--gx-sans);background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px 10px 16px;font-stretch:112%;transition:background .2s,color .2s;display:flex;position:relative}.uix-shelf span{font:400 11px var(--gx-mono);color:#fff6}.uix-shelf:hover{color:#fff;background:#ffffff0a}.uix-shelf:focus-visible{outline-offset:1px;outline:2px solid #fff}.uix-shelf:before{content:"";background:var(--uix-iri);width:3px;height:0;transition:height .3s var(--gx-ease);border-radius:3px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.uix-shelf[aria-pressed=true]{color:#fff;background:#ffffff12}.uix-shelf[aria-pressed=true]:before{height:60%}.uix-shelf[aria-pressed=true] span{color:#ffffffb3}.uix-pick{color:#fffc;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;gap:6px;padding:9px 10px;font-size:13px}.uix-pick:before{display:none}.uix-pick[aria-pressed=true]{background:linear-gradient(#121418, #121418) padding-box, var(--uix-iri) border-box;border-color:#0000}.uix-main{gap:max(16px,min(2.6vh,26px));min-width:0;display:grid}.uix-head{text-shadow:0 1px 2px #0000004d,0 2px 22px #00000073;gap:12px;padding-top:4px;display:grid}.uix-head .gx-kicker{color:#ffffffa8}.uix-title{font:800 clamp(38px, 4.4vw, 64px) / .95 var(--gx-sans);letter-spacing:-.03em;margin:0;font-stretch:125%}.uix-sub{color:#ffffffc7;max-width:56ch;margin:0;font-size:16px;line-height:1.5}.uix-shelf-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-top:max(4px,min(2vh,18px));display:flex}.uix-shelf-head h2{font:800 clamp(24px, 2.4vw, 34px) / 1 var(--gx-sans);letter-spacing:-.02em;align-items:baseline;gap:10px;margin:0;font-stretch:118%;display:flex}.uix-shelf-head h2 span{font:400 13px var(--gx-mono);color:#ffffff80;letter-spacing:0}.uix-shelf-head p{color:#ffffffad;max-width:60ch;margin:6px 0 0;font-size:15px}.uix-tiers{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c1075;border:1px solid #ffffff1f;border-radius:999px;gap:2px;padding:3px;display:flex}.uix-tiers button{color:#ffffffa8;cursor:pointer;font:600 13px var(--gx-sans);background:0 0;border:0;border-radius:999px;padding:6px 14px;transition:background .2s,color .2s}.uix-tiers button[aria-pressed=true]{color:#0a0a0c;background:#ffffffeb}.uix-grid{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));grid-auto-flow:dense;gap:12px;margin:0;padding:0;list-style:none;display:grid}.uix-grid>li{animation:.5s cubic-bezier(.16,1,.3,1) both uix-rise}.uix-grid-featured>li:first-child{grid-area:span 2/span 2}.uix-tile{cursor:pointer;color:#fff;isolation:isolate;background:color-mix(in srgb, var(--gxui-bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:100%;transition:transform .4s var(--gx-ease), border-color .3s;border:1px solid #ffffff1a;border-radius:20px;grid-template-rows:minmax(260px,1fr) auto;text-decoration:none;display:grid;position:relative;overflow:hidden}.uix-tile:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:var(--uix-iri);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000 0,#000 0) content-box,linear-gradient(#000 0,#000 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0,#000 0) content-box exclude,linear-gradient(#000 0,#000 0)}.uix-tile:hover{border-color:#0000;transform:translateY(-3px)}.uix-tile:hover:after,.uix-tile:focus-within:after{opacity:1}.uix-tile-stage{position:relative;overflow:hidden}.uix-tile-stage .uix-canvas{transform-origin:50%;position:absolute;top:50%;left:50%}.uix-live{place-items:center;height:100%;padding:16px;display:grid}.uix-tile-tier{z-index:2;position:absolute;top:12px;right:12px}.uix-tile-meta{z-index:2;background:color-mix(in srgb, var(--gxui-bg) 70%, transparent);border-top:1px solid #ffffff12;gap:2px;padding:12px 16px 14px;display:grid;position:relative}.uix-tile-meta a{pointer-events:auto;font:700 15px / 1.2 var(--gx-sans);color:var(--gxui-ink);justify-self:start;font-stretch:112%;text-decoration:none}.uix-tile-meta a:focus-visible{outline:2px solid var(--gxui-ink);outline-offset:3px;border-radius:4px}.uix-tile-meta small{color:var(--gxui-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.uix-grid-featured>li:first-child .uix-tile-meta a{font-size:22px}.uix-empty{color:#ffffffb3;margin:0;padding:24px 4px;font-size:15px}.uix-sheet,.uix-dialog{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c10db;border:1px solid #ffffff24;border-radius:22px;width:min(48rem,100vw - 2rem);height:-moz-fit-content;height:fit-content;max-height:min(90vh,56rem);margin:auto;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 30px 80px #00000073}.uix-sheet::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073}.uix-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073}.uix-sheet[open],.uix-dialog[open]{animation:.26s cubic-bezier(.2,.8,.2,1) uix-in}@keyframes uix-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.uix-sheet-body{font-family:var(--gx-sans);gap:16px;padding:max(18px,min(3vw,28px));display:grid}.uix-sheet-body>header{justify-content:space-between;align-items:center;display:flex}.uix-sheet-body .gx-kicker{color:#fff9;margin:0}.uix-sheet-body h2{font:800 clamp(28px, 3.4vw, 42px) / 1 var(--gx-sans);letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-stretch:118%;display:flex}.uix-sheet-stage{background:color-mix(in srgb, var(--gxui-bg) 92%, transparent);border:1px solid #ffffff14;border-radius:16px;height:max(240px,min(42vh,400px));position:relative;overflow:hidden}.uix-sheet-stage .uix-live{position:absolute;top:0;bottom:0;left:0;right:0}.uix-sheet-line{color:#ffffffbd;max-width:64ch;margin:0;line-height:1.55}.uix-sheet-fine{color:#fff9;margin:0;font-size:13px}.uix-sheet-fine code{font:500 12px var(--gx-mono);color:#fff}.uix-cmd{background:#00000052;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;margin:0;padding:6px 6px 6px 14px;display:flex}.uix-cmd code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 13px var(--gx-mono);color:#ffffffe6;flex:1;overflow:hidden}.uix-cmd code span{color:#fff6}.uix-cmd button{color:#fff;cursor:pointer;font:500 10px var(--gx-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #ffffff29;border-radius:999px;flex:none;padding:6px 12px;transition:background .2s,color .2s}.uix-cmd button:hover{color:#0a0a0c;background:#fff}.uix-dialog-body{font-family:var(--gx-sans);gap:18px;padding:max(20px,min(3vw,32px));display:grid}.uix-dialog-body>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.uix-dialog-body h2{font:800 clamp(26px, 3vw, 34px) / 1 var(--gx-sans);letter-spacing:-.02em;margin:0;font-stretch:118%}.uix-dialog-body>p{color:#ffffffb8;margin:0;line-height:1.55}.uix-dialog-body ol{counter-reset:step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.uix-dialog-body li{counter-increment:step;gap:8px;display:grid}.uix-dialog-body h3{font:700 16px var(--gx-sans);margin:0}.uix-dialog-body h3:before{content:counter(step) "  ";font-family:var(--gx-mono);color:#ffffff73}.uix-dialog-body li>p{color:#ffffffa8;margin:0;font-size:14px;line-height:1.5}.uix-dialog-body a{color:#fff}.uix-dialog-fine{font-size:13px!important}.uix-dialog-close{color:#fff;cursor:pointer;font:500 11px var(--gx-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:7px 14px}@keyframes uix-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:960px){.uix{flex-direction:column;align-items:stretch;gap:16px;display:flex}.uix-main{display:contents}.uix-head{order:0}.uix-side{scrollbar-width:none;order:1;gap:6px;width:100%;min-width:0;max-height:none;padding:8px;display:flex;position:static;overflow-x:auto}.uix-search{flex:0 0 150px}.uix-picks,.uix-families{display:contents}.uix-shelf{border-radius:999px;flex:none;width:auto;padding:8px 14px;font-size:13px}.uix-shelf-head{order:2}.uix-grid,.uix-empty{order:3}.uix-grid-featured>li:first-child{grid-area:auto}}@media (prefers-reduced-motion:reduce){.uix-grid>li,.uix-sheet[open],.uix-dialog[open]{animation:none}.uix-tile,.uix-shelf,.uix-tiers button{transition:none}}.uid.uix-page{-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;background:0 0;min-height:0}.uix-index{color:#fff;width:min(1480px,100% - 2*max(16px,min(3vw,48px)));font-family:var(--gx-sans);border-top:1px solid #ffffff1a;gap:18px;margin:0 auto;padding:32px 0 64px;display:grid}.uix-index h2{font:800 clamp(22px, 2vw, 28px) / 1 var(--gx-sans);letter-spacing:-.02em;margin:0;font-stretch:118%}.uix-index-cols{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 20px;display:grid}.uix-index h3{font:600 13px var(--gx-sans);color:#ffffff8c;margin:0 0 8px}.uix-index ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.uix-index li{align-items:baseline;gap:6px;display:flex}.uix-index a{color:#ffffffd1;font-size:14px;text-decoration:none}.uix-index a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.uix-index a:focus-visible{color:#fff;text-underline-offset:3px;text-decoration:underline}.uix-index li span{font:400 10px var(--gx-mono);color:#ffffff73}.uix-tile .uix-tile-tier{color:var(--gxui-muted);border-color:var(--gxui-line);background:color-mix(in srgb, var(--gxui-bg) 70%, transparent)}.uix-tile .uix-tile-tier.live{color:var(--gxui-bg);background:var(--gxui-ink);border-color:var(--gxui-ink)}