@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-vietnamese-500-normal-DjztbcKe.woff2)format("woff2"),url(/assets/public-sans-vietnamese-500-normal-CXYe29CY.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-ext-500-normal-DC-z7ASZ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-500-normal-BHCCp-na.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/public-sans-latin-500-normal-NlrCPXnF.woff2)format("woff2"),url(/assets/public-sans-latin-500-normal-vCxiVFAq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-vietnamese-700-normal-D97ShjGS.woff2)format("woff2"),url(/assets/public-sans-vietnamese-700-normal-Dq5VrXjD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-ext-700-normal-CgolUQuG.woff2)format("woff2"),url(/assets/public-sans-latin-ext-700-normal-jWHjnMgZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/public-sans-latin-700-normal-BqJmxWdE.woff2)format("woff2"),url(/assets/public-sans-latin-700-normal-Dm-oTPSL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--text:#cdd6f4;--subtext1:#bac2de;--subtext0:#a6adc8;--blue:#89b4fa;--lavender:#b4befe;--mauve:#cba6f7;--pink:#f5c2e7;--red:#f38ba8;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--sapphire:#74c7ec;--accent:var(--mauve);--claude:#d1795a}[data-theme=macchiato]{--base:#24273a;--mantle:#1e2030;--crust:#181926;--surface0:#363a4f;--surface1:#494d64;--surface2:#5b6078;--overlay0:#6e738d;--overlay1:#8087a2;--text:#cad3f5;--subtext0:#a5adcb}[data-theme=frappe]{--base:#303446;--mantle:#292c3c;--crust:#232634;--surface0:#414559;--surface1:#51576d;--surface2:#626880;--overlay0:#737994;--overlay1:#838ba7;--text:#c6d0f4;--subtext0:#b5bfe2}[data-accent=blue]{--accent:var(--blue)}[data-accent=pink]{--accent:var(--pink)}[data-accent=teal]{--accent:var(--teal)}[data-accent=peach]{--accent:var(--peach)}[data-accent=green]{--accent:var(--green)}[data-wallpaper=gradient] #startPage{background:linear-gradient(150deg, var(--base), color-mix(in srgb, var(--accent) 22%, var(--base)))}[data-wallpaper=mesh] #startPage{background:radial-gradient(60% 70% at 20% 15%, color-mix(in srgb, var(--accent) 26%, transparent), transparent), radial-gradient(55% 60% at 85% 80%, color-mix(in srgb, var(--sapphire) 22%, transparent), transparent), var(--base)}[data-backend=ultraviolet] #backendBadge,[data-backend=dynamic] #backendBadge{display:none}*{box-sizing:border-box}*,:before,:after{corner-shape:squircle}html{height:100%}body{background:var(--crust);height:100%;color:var(--text);margin:0;font-family:Public Sans;overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:0 0;border:0}svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}#app{grid-template-columns:312px 1fr;height:100%;transition:grid-template-columns .2s;display:grid}#app.collapsed{grid-template-columns:0 1fr}#sidebar{background:var(--crust);flex-direction:column;min-width:0;padding:12px;display:flex;overflow:hidden}#app.collapsed #sidebar{opacity:0;pointer-events:none}.navrow{align-items:center;gap:6px;padding-bottom:12px;display:flex}.navrow .spacer{flex:1}.iconbtn{width:36px;height:36px;color:var(--subtext0);border-radius:24px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.iconbtn:hover{background:var(--surface0);color:var(--text)}.iconbtn:disabled{opacity:.3;cursor:default;color:var(--overlay0);background:0 0}.iconbtn svg{width:20px;height:20px}#urlbar{background:var(--surface0);border:1px solid #0000;border-radius:24px;align-items:center;gap:12px;height:42px;padding:0 12px;transition:border-color .12s,background .12s;display:flex}#urlbar svg{width:18px;height:18px;color:var(--overlay1)}#bookmarkBtn{flex:none;width:18px;height:30px}#bookmarkBtn:hover svg{color:var(--text)}#bookmarkBtn.active svg{fill:var(--accent);color:var(--accent)}#urlInput{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}#urlInput::placeholder{color:var(--overlay0)}#bookmarks{grid-template-columns:repeat(4,1fr);grid-auto-rows:66px;gap:6px;padding:12px 0;display:grid}#bookmarks:empty{padding:12px 0 0}#bookmarks[data-count="1"] .bookmark{grid-column:span 4}#bookmarks[data-count="2"] .bookmark,#bookmarks[data-count="4"] .bookmark{grid-column:span 2}#bookmarks[data-count="3"] .bookmark:first-child{grid-column:span 4}#bookmarks[data-count="3"] .bookmark:not(:first-child){grid-column:span 2}.bookmark{background:var(--surface0);color:var(--crust);border-radius:24px;justify-content:center;align-items:center;transition:transform .12s,filter .12s;display:flex}.bookmark:hover{filter:brightness(1.12)}.bookmark.open{filter:brightness(1.5)}.bookmark.open:hover{filter:brightness(1.65)}.bookmark svg{width:40px;height:40px}.bookmark img{object-fit:contain;width:44px;height:44px}.divider{background:var(--surface0);height:1px;margin-bottom:12px}#tablist{flex:1;overflow-y:auto}#tablist::-webkit-scrollbar{width:6px}#tablist::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:6px}.tab{height:42px;color:var(--subtext0);-webkit-user-select:none;user-select:none;border-radius:24px;align-items:center;gap:12px;margin-bottom:12px;padding:0 10px;display:flex}.tab:hover{background:var(--mantle);color:var(--text)}.tab.active{color:var(--text);box-shadow:0 2px 4px #00000047;background:var(--surface0)!important}.tab .fav{width:24px;height:24px;color:var(--crust);border-radius:45%;flex:none;justify-content:center;align-items:center;display:flex}.tab .fav svg{width:18px;height:18px}.tab .fav img{aspect-ratio:1;object-fit:contain;width:18px}.tab .fav.bare{color:inherit;background:0 0!important}.tab .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.tab .close{opacity:0;width:24px;height:24px;color:var(--subtext0);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.tab:hover .close,.tab.active .close{opacity:1}.tab .close:hover{background:var(--surface1);color:var(--red)}.tab .close svg{width:18px;height:18px}#footer{border-top:1px solid var(--surface0);justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}#content{background:var(--base);border-radius:24px;margin:12px 12px 12px 0;position:relative;overflow:hidden;box-shadow:0 5px 25px #00000059}#app.collapsed #content{margin-left:12px}#floatToggle{z-index:5;background:var(--surface0);width:36px;height:36px;color:var(--subtext0);border-radius:42px;justify-content:center;align-items:center;display:none;position:absolute;top:12px;left:12px}#app.collapsed #floatToggle{display:flex}#floatToggle:hover{color:var(--text)}#floatToggle svg{width:18px;height:18px}#frames{position:absolute;inset:0}#frames iframe{background:#fff;border:0;width:100%;height:100%;display:none;position:absolute;inset:0}#frames iframe.active{display:block}.page{background:var(--base);display:none;position:absolute;inset:0;overflow-y:auto}.page.active{display:block}#startPage .inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;padding:60px 24px;display:flex}#startPage h1{letter-spacing:-.4px;align-items:baseline;gap:8px;margin:0;font-size:36px;font-weight:700;display:flex}#startPage h1 .dot{color:var(--accent)}#startPage h1 .version{letter-spacing:.2px;color:var(--overlay1);font-size:13px;font-weight:600}#startPage p{color:var(--overlay1);margin:0;font-size:16px}#startBar{border:1px solid var(--surface0);background:var(--mantle);border-radius:42px;align-items:center;gap:12px;width:min(624px,100%);height:54px;padding:0 12px;display:flex}#startBar>svg{width:18px;height:18px;color:var(--overlay1);flex:none;margin:0 0 0 10px}#startSearch{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0;font-size:16px}#startSearch::placeholder{color:var(--overlay0)}#setStartBackend.select{flex:none;width:auto}#setStartBackend .select-trigger{background:var(--mantle);border:1px solid #0000;border-radius:18px;gap:8px;height:36px;padding:0 14px 0 12px;font-size:14px}#setStartBackend .select-trigger:hover,#setStartBackend.open .select-trigger{background:var(--surface1)}#setStartBackend .select-trigger .value{color:var(--subtext0);flex:none}#setStartBackend .select-menu{min-width:160px}#discordLink{background:var(--surface0);height:36px;color:var(--subtext0);border-radius:18px;align-items:center;gap:8px;padding:0 18px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}#discordLink:hover{background:var(--surface1);color:var(--text)}#discordLink svg{width:16px;height:16px}#latency{color:var(--overlay0);justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex;position:absolute;bottom:18px;left:0;right:0}#latency .dot{background:var(--overlay0);border-radius:50%;width:6px;height:6px}#latency .good{background:var(--green)}#latency .fair{background:var(--yellow)}#latency .poor{background:var(--red)}#settingsPage .inner{max-width:720px;margin:0 auto;padding:54px 24px 72px}#settingsPage h1{letter-spacing:-.3px;margin:0 0 6px;font-size:28px}#settingsPage .sub{color:var(--overlay1);margin:0 0 36px;font-size:16px}.group{margin-bottom:30px}.group h2{color:var(--overlay0);margin:0 0 12px;font-size:13px;font-weight:700}.card{background:var(--mantle);border:1px solid var(--surface0);border-radius:24px}.row{border-bottom:1px solid var(--surface0);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:18px;display:flex}.row:last-child{border-bottom:0}.row .label{flex:200px;min-width:0}.row .select,.row .btn{flex:0 0 200px}.row .label b{font-size:16px;font-weight:500;display:block}.row .label small{color:var(--overlay1);font-size:14px}.select{flex:none;width:200px;position:relative}.select-trigger{background:var(--mantle);border:1px solid var(--surface1);text-align:left;border-radius:18px;outline:0;align-items:center;gap:12px;width:100%;height:36px;padding:0 12px 0 8px;font-size:16px;transition:background .12s,border-color .12s;display:flex;corner-shape:circle!important}.select-trigger:hover,.select.open .select-trigger,.select-trigger:focus-visible{background:var(--surface0)}.select-trigger .value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-trigger .chev{color:var(--overlay1);transition:transform .16s}.select.open .select-trigger .chev{transform:rotate(180deg)}.select svg{width:12px;height:12px}.select-menu{z-index:30;background:var(--surface0);border:1px solid var(--surface1);border-radius:24px;min-width:100%;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000073}.select.open .select-menu{display:block}.select-option{height:36px;color:var(--subtext1);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:36px;align-items:center;gap:12px;padding:0 8px;font-size:16px;display:flex}.select-option[aria-selected=true]{color:var(--text)}.select-option.active{background:var(--surface1);color:var(--text)}.select-option .check{opacity:0;width:12px;color:var(--accent);flex:none;margin-left:auto;display:inline-flex}.select-option[aria-selected=true] .check{opacity:1}.btn{background:var(--surface0);border:1px solid var(--surface1);border-radius:18px;flex:none;height:36px;padding:0 18px;font-size:16px}.btn:hover{background:var(--surface1)}.badge{letter-spacing:.4px;text-transform:uppercase;background:var(--accent);color:var(--crust);border-radius:24px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:700;display:inline-block}.swatches{gap:12px;display:flex}.swatch{border:2px solid #0000;border-radius:45%;width:30px;height:30px}.swatch.on{border-color:var(--text)}.accent-red{background:var(--red)}.accent-peach{background:var(--peach)}.accent-yellow{background:var(--yellow)}.accent-green{background:var(--green)}.accent-teal{background:var(--teal)}.accent-sapphire{background:var(--sapphire)}.accent-blue{background:var(--blue)}.accent-lavender{background:var(--lavender)}.accent-mauve{background:var(--mauve)}.accent-pink{background:var(--pink)}.accent-subtext0{background:var(--subtext0)}
