@property --main{syntax: "<color>"; inherits: true; initial-value: #0E9F7A;}@property --main-deep{syntax: "<color>"; inherits: true; initial-value: #0A7059;}@property --pool-a{syntax: "<color>"; inherits: true; initial-value: #8FE6CB;}@property --pool-b{syntax: "<color>"; inherits: true; initial-value: #8CCBFF;}:root{transition:--main .45s ease,--main-deep .45s ease,--pool-a .6s ease,--pool-b .6s ease;--main: #0E9F7A;--main-deep: #0A7059;--pool-a: #8FE6CB;--pool-b: #8CCBFF;--canvas: #ffffff;--surface: #F1F3F7;--surface-soft: #F7F8FA;--line: #E3E6EC;--line-strong: #C7CCD6;--ink: #15181E;--slate: #434955;--steel: #636A77;--stone: #8E95A1;--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-outer: 24px;--glass: saturate(180%) blur(26px);--glass-face: rgba(247, 248, 250, .74);--glass-hairline: rgba(20, 35, 60, .1);--glass-rim: inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 0 0 .5px rgba(20, 35, 60, .14), 0 0 0 .5px rgba(20, 35, 60, .1);--glass-sheen: rgba(255, 255, 255, .55);--glass-drop: 0 24px 48px -28px rgba(20, 35, 60, .3), 0 2px 8px -4px rgba(20, 35, 60, .1);--tint: color-mix(in srgb, var(--main) 12%, transparent);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--main: #3DD6A6;--main-deep: #8FF0CF;--pool-a: #177A62;--pool-b: #22557F;--canvas: #161920;--surface: #1D2129;--surface-soft: #0B0D11;--line: #2A2F38;--line-strong: #3E4451;--ink: #ECEEF2;--slate: #BAC0CB;--steel: #9199A6;--stone: #6F7784;--glass-face: rgba(20, 23, 29, .74);--glass-hairline: rgba(255, 255, 255, .1);--glass-rim: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 0 0 .5px rgba(255, 255, 255, .06), 0 0 0 .5px rgba(0, 0, 0, .45);--glass-sheen: rgba(255, 255, 255, .05);--glass-drop: 0 24px 48px -28px rgba(0, 0, 0, .7), 0 2px 8px -4px rgba(0, 0, 0, .4);--tint: color-mix(in srgb, var(--main) 16%, transparent);color-scheme:dark}}:root[data-theme=dark]{--main: #3DD6A6;--main-deep: #8FF0CF;--pool-a: #177A62;--pool-b: #22557F;--canvas: #161920;--surface: #1D2129;--surface-soft: #0B0D11;--line: #2A2F38;--line-strong: #3E4451;--ink: #ECEEF2;--slate: #BAC0CB;--steel: #9199A6;--stone: #6F7784;--glass-face: rgba(20, 23, 29, .74);--glass-hairline: rgba(255, 255, 255, .1);--glass-rim: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 0 0 .5px rgba(255, 255, 255, .06), 0 0 0 .5px rgba(0, 0, 0, .45);--glass-sheen: rgba(255, 255, 255, .05);--glass-drop: 0 24px 48px -28px rgba(0, 0, 0, .7), 0 2px 8px -4px rgba(0, 0, 0, .4);--tint: color-mix(in srgb, var(--main) 16%, transparent);color-scheme:dark}:root[data-accent=blue]{--main: #2563EB;--main-deep: #1D4ED8;--pool-a: #A9C1FF;--pool-b: #93E1FF}:root[data-accent=amber]{--main: #D9731A;--main-deep: #A5530B;--pool-a: #FFD39E;--pool-b: #FFBBA8}@media (prefers-color-scheme: dark){:root[data-accent=blue]:not([data-theme=light]){--main: #7DA2FF;--main-deep: #B8CBFF;--pool-a: #2A4A9A;--pool-b: #1F5F7F}:root[data-accent=amber]:not([data-theme=light]){--main: #FFAE57;--main-deep: #FFD3A1;--pool-a: #8A5314;--pool-b: #7A3A2A}}:root[data-theme=dark][data-accent=blue]{--main: #7DA2FF;--main-deep: #B8CBFF;--pool-a: #2A4A9A;--pool-b: #1F5F7F}:root[data-theme=dark][data-accent=amber]{--main: #FFAE57;--main-deep: #FFD3A1;--pool-a: #8A5314;--pool-b: #7A3A2A}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-size:14px;line-height:1.6;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:radial-gradient(900px 620px at 6% -8%,color-mix(in srgb,var(--pool-a) 46%,transparent),transparent 62%),radial-gradient(780px 660px at 100% 12%,color-mix(in srgb,var(--pool-b) 34%,transparent),transparent 58%),radial-gradient(700px 520px at 38% 58%,color-mix(in srgb,var(--main) 10%,transparent),transparent 64%),radial-gradient(900px 700px at 60% 114%,color-mix(in srgb,var(--pool-a) 22%,transparent),transparent 60%),var(--surface-soft);background-attachment:fixed}::selection{background:color-mix(in srgb,var(--main) 26%,transparent);color:var(--ink)}input,select,button{font:inherit;color:inherit}input{caret-color:var(--main)}:focus-visible{outline:2px solid var(--main);outline-offset:2px}.topbar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:14px 24px;position:sticky;top:0;z-index:30;min-height:63px;background:var(--glass-face);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid var(--glass-hairline);box-shadow:var(--glass-rim)}.topbar:after{content:"";position:absolute;inset:100% 0 auto 0;height:22px;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}.topbar h1 a{color:inherit;text-decoration:none;transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.topbar h1 a:hover{opacity:.68}.topbar h1 a:active{display:inline-block;transform:scale(.96)}.logo-link{display:block;flex:0 0 auto;border-radius:6px;line-height:0;transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.logo-link:hover{opacity:.72}.logo-link:active{transform:scale(.96)}.topbar .logo{height:26px;width:auto;display:block;flex:0 0 auto}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .topbar .logo{filter:invert(1)}}:root[data-theme=dark] .topbar .logo{filter:invert(1)}.topbar h1{margin:0;font-size:16px;font-weight:600;color:var(--slate);line-height:1.3;padding-left:16px;border-left:1px solid var(--line-strong)}.topbar p{margin:0;color:var(--steel);font-size:12.5px}.cats{position:sticky;top:var(--hh, 60px);z-index:25;display:flex;align-items:center;gap:2px;padding:9px 20px;background:color-mix(in srgb,var(--canvas) 42%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid var(--glass-hairline)}.cats button{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--steel);background:transparent;border:1px solid transparent;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,border-color .16s ease,color .16s ease}.cats button svg{flex:0 0 auto;opacity:.85}.cats button:hover{color:var(--main-deep);background:color-mix(in srgb,var(--canvas) 60%,transparent)}.cats button:active{transform:scale(.97)}.cats button.on{color:var(--main-deep);font-weight:700;background:color-mix(in srgb,var(--canvas) 92%,transparent);border-color:var(--glass-hairline);box-shadow:inset 0 1px #fffc,0 1px 3px -1px #14233c2e}.cats button.on svg{opacity:1}.work{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;padding:16px 20px 0;align-items:start}.railcol{align-self:start;display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:calc(var(--hh, 60px) + var(--nh, 52px) + 16px)}@media (max-height: 940px){.railcol{position:static}}.stage,.rail,.ask,.changelog{position:relative;isolation:isolate;border-radius:var(--r-outer);background:linear-gradient(180deg,color-mix(in srgb,var(--canvas) 74%,transparent),color-mix(in srgb,var(--canvas) 60%,transparent));-webkit-backdrop-filter:saturate(190%) blur(32px);backdrop-filter:saturate(190%) blur(32px);border:1px solid var(--glass-hairline);border-top-color:var(--glass-sheen);box-shadow:var(--glass-rim),var(--glass-drop)}.stage:before,.rail:before,.ask:before,.changelog:before{content:"";position:absolute;inset:0 0 auto 0;height:140px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 12% 0%,var(--glass-sheen),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--glass-sheen) 62%,transparent),transparent 24%)}@supports (corner-shape: squircle){.stage,.rail,.ask,.changelog{corner-shape:squircle;border-radius:28px}}.stage{display:flex;justify-content:center;align-items:flex-start;padding:40px 32px;min-height:calc(100dvh - var(--hh, 60px) - var(--nh, 52px) - 36px)}.rail{padding:4px 0 8px;flex:0 0 auto}.bottom{margin:16px 20px 20px}.changelog{padding:20px 24px}.grp{padding:22px 24px 24px;border-bottom:1px solid var(--glass-hairline)}.grp:last-child{border-bottom:0}.grp h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:15px;font-weight:700}.grp__icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:var(--main-deep);background:var(--tint);border:1px solid color-mix(in srgb,var(--main) 22%,transparent)}.grp__icon .device-icon{width:24px;height:24px}.field{display:block;margin-top:8px}.field-row{margin-top:8px;display:grid;gap:8px}.field-row:has(.field+.field){grid-template-columns:1fr 1fr}.field-row .field,.field--search{margin-top:0}.field input,.field select{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background-color:color-mix(in srgb,var(--canvas) 78%,transparent);color:var(--ink);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .16s ease,background-color .16s ease}.field input{padding-left:36px;background-repeat:no-repeat;background-position:12px 50%;background-size:16px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E95A1' stroke-width='2.2' stroke-linecap='round'><circle cx='11' cy='11' r='6.5'/><path d='M20 20l-4.2-4.2'/></svg>")}.field input::placeholder{color:var(--stone)}.field input::-webkit-search-cancel-button{-webkit-appearance:none}.field select{padding-right:34px;cursor:pointer;background-repeat:no-repeat;background-position:calc(100% - 12px) 50%;background-size:14px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E95A1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}.field input:hover,.field select:hover{border-color:var(--stone);background-color:var(--canvas)}.field input:focus-visible,.field select:focus-visible{outline:none;border-color:var(--main);box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 28%,transparent)}.field select:disabled{opacity:.5;cursor:not-allowed}.filter-empty{margin:10px 0 0;color:var(--steel);font-size:13px}.codec-list,.common{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}.codec-list{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:8px}.codec-list__chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.chip--more{flex:0 0 auto}.codec-list .chip--mark{color:var(--main-deep);font-weight:700;background:var(--tint);border-color:color-mix(in srgb,var(--main) 32%,transparent)}.codec-list__label,.common__label{font-size:12px;color:var(--steel);margin-right:4px}.codec-list__label{white-space:nowrap;font-size:11.5px;margin-right:0;padding-top:4px}.codec-list .chip{padding:3px 8px;font-size:11.5px}.chip{padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--slate);background:color-mix(in srgb,var(--canvas) 70%,transparent);border:1px solid var(--glass-hairline);box-shadow:var(--glass-rim)}.chip--on{color:var(--main-deep);background:var(--tint);border-color:color-mix(in srgb,var(--main) 40%,transparent)}.chip--btn{cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-family:inherit}.chip--btn:hover{border-color:var(--stone);background:var(--canvas)}.chip--btn,.seg button,.compare__list button,.tiers li,.toolswitch__btn,.field input,.field select{transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,border-color .16s ease}.chip--btn:active,.seg button:active,.toolswitch__btn:active{transform:scale(.96)}.compare__list button:active{transform:scale(.99)}.chip--btn i{width:5px;height:5px;border-radius:50%;background:var(--main)}.badge--btn{cursor:pointer;font-family:inherit}.badge--btn:hover{background:color-mix(in srgb,var(--main) 20%,transparent)}.device-note{margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--main-deep);word-break:keep-all}.result{width:100%;max-width:680px}.pair{display:grid;grid-template-columns:minmax(0,200px) minmax(48px,1fr) minmax(0,200px);align-items:start;gap:16px;max-width:680px;margin-inline:auto}.pair__device{margin:0;display:grid;justify-items:center;gap:10px;text-align:center}.pair__device .device-icon{width:76px;height:76px;padding:calc(12px / var(--icon-scale, 1));border-radius:22px;color:var(--main-deep);background:linear-gradient(180deg,color-mix(in srgb,var(--canvas) 92%,transparent),color-mix(in srgb,var(--canvas) 60%,transparent));border:1px solid var(--glass-hairline);box-shadow:var(--glass-rim),0 10px 24px -16px #14233c73}.pair__device figcaption{font-size:13px;color:var(--slate);line-height:1.4;word-break:keep-all;max-width:180px}.pair__link{display:flex;align-items:center;justify-content:space-between;gap:0;height:44px;margin-top:16px;overflow:hidden}.pair__link i{flex:0 0 3px;border-radius:999px;background:var(--main);transform-origin:50% 50%;animation:travel 1.9s ease-in-out infinite}@keyframes travel{0%,to{transform:scaleY(.22);opacity:.35}45%{transform:scaleY(1);opacity:1}}@media (prefers-reduced-motion: reduce){.pair__link i{animation:none;opacity:.75}}.pair__link--other i{background:var(--stone);opacity:.8}.pair--broken .pair__link i{animation:none;background:var(--line-strong);transform:scaleY(.3);opacity:.6}.result__head{display:flex;align-items:center;gap:10px;margin-top:40px;min-height:24px}.result__label{margin:0;font-size:13px;font-weight:600;color:var(--steel)}.badge{padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--main-deep);background:var(--tint);border:1px solid color-mix(in srgb,var(--main) 35%,transparent)}.result__codec{margin:4px 0 0;font-size:clamp(38px,5.2vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--main-deep);text-wrap:balance}.result--empty .result__codec{color:var(--ink);font-size:clamp(26px,3.4vw,34px);margin-top:40px}.result__sub{margin:8px 0 0;color:var(--steel)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:16px 16px 16px 0}.metrics>div+div{padding-left:16px;border-left:1px solid var(--line)}.metrics dt{font-size:12.5px;color:var(--steel)}.metrics dd{margin:4px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.metrics--two{grid-template-columns:1fr 1fr}.metrics__note{margin:6px 0 0;font-size:12px;line-height:1.55;color:var(--steel);word-break:keep-all}.fallback{margin-top:16px;padding:12px 16px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 60%,transparent);border:1px solid var(--glass-hairline)}.fallback summary{font-size:13.5px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.fallback summary::-webkit-details-marker{display:none}.fallback summary:after{content:"";width:8px;height:8px;flex:0 0 auto;margin-right:2px;border-right:2px solid var(--stone);border-bottom:2px solid var(--stone);border-radius:1px;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.fallback[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.fallback[open] summary{margin-bottom:2px}.fallback p{margin:4px 0 0;font-size:13px;line-height:1.65;color:var(--slate);word-break:keep-all}.note{display:flex;flex-wrap:wrap;gap:4px 10px;margin:12px 0 0;padding:11px 14px;border-radius:var(--r-lg);font-size:13px;line-height:1.6;background:var(--tint);border:1px solid color-mix(in srgb,var(--main) 24%,transparent)}.note b{color:var(--main-deep);white-space:nowrap}.note span{color:var(--slate);flex:1 1 240px;word-break:keep-all}.note--strong{border-color:color-mix(in srgb,var(--main) 50%,transparent)}.common{margin-top:20px}.disclaimer{margin:22px 0 0;font-size:12px;color:var(--steel);line-height:1.6;word-break:keep-all}.changelog h2{margin:0 0 18px;font-size:18px;font-weight:700}.log{width:100%;border-collapse:collapse}.log th{text-align:left;padding:0 12px 8px 0;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--stone);white-space:nowrap}.log td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--slate);vertical-align:top}.log tbody tr:last-child td{border-bottom:0}.log tbody tr.now{background:color-mix(in srgb,var(--main) 6%,transparent)}.log__ver{width:104px;white-space:nowrap}.log__version{font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.log tr.now .log__version{color:var(--main-deep)}.log__ver .badge{margin-left:6px;padding:1px 7px;font-size:10.5px}.log__date{width:74px;color:var(--steel);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.log__num{width:92px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.log__num em{margin-left:5px;font-style:normal;font-size:11.5px;font-weight:700;color:var(--main-deep)}.log__open{width:88px;text-align:right;white-space:nowrap}.log__open a{color:var(--main-deep);font-weight:600;font-size:12px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--main) 35%,transparent)}.log__open a:hover{border-bottom-color:var(--main)}.log details summary{cursor:pointer;list-style:none;word-break:keep-all}.log details summary::-webkit-details-marker{display:none}.log details summary:hover{color:var(--main-deep)}.log details[open] summary{font-weight:700;color:var(--main-deep)}.log details ul{margin:8px 0 2px;padding-left:16px}.log details li{font-size:12.5px;line-height:1.7;color:var(--steel);word-break:keep-all}.log details li::marker{color:var(--stone)}.help__panel dt{font-size:13px;font-weight:700;color:var(--main-deep)}.help__panel dt em{margin-left:5px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--stone)}.help__panel dd{margin:3px 0 0;font-size:12.5px;line-height:1.65;color:var(--steel);word-break:keep-all}.log-page{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:16px}.log-page__btns{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.log-page button{min-width:30px;height:30px;padding:0 9px;border-radius:var(--r-md);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--steel);font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--canvas) 62%,transparent);border:1px solid var(--glass-hairline);transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,border-color .16s ease}.log-page button:hover:not(:disabled){color:var(--main-deep);border-color:color-mix(in srgb,var(--main) 40%,transparent)}.log-page button:active:not(:disabled){transform:scale(.96)}.log-page button.on{color:var(--main-deep);background:var(--tint);border-color:color-mix(in srgb,var(--main) 40%,transparent)}.log-page button:disabled{opacity:.38;cursor:not-allowed}.log-page__count{margin:0;font-size:12px;color:var(--stone);font-variant-numeric:tabular-nums}.recommend{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:var(--r-lg);background:var(--tint);border:1px solid color-mix(in srgb,var(--main) 24%,transparent)}.recommend__label{margin:0;font-size:12px;color:var(--steel)}.recommend__body{margin:2px 0 0;font-size:13.5px;font-weight:600;color:var(--main-deep);word-break:keep-all}.recommend button{flex:0 0 auto;padding:7px 13px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--main-deep);background:color-mix(in srgb,var(--canvas) 70%,transparent);border:1px solid color-mix(in srgb,var(--main) 35%,transparent);transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease}.recommend button:hover{background:var(--canvas)}.recommend button:active{transform:scale(.96)}.stream{width:100%;max-width:680px}.stream__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:30px}.stream__title{margin:0;font-size:clamp(22px,2.4vw,27px);line-height:1.2;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.stream__sub{margin:6px 0 0;font-size:13px;color:var(--steel)}.stream__panel{margin-top:14px;border-radius:var(--r-lg);overflow:hidden;background:color-mix(in srgb,var(--canvas) 52%,transparent);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border:1px solid var(--glass-hairline);box-shadow:var(--glass-rim)}.stream__table{width:100%;border-collapse:collapse}.stream__table th{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--stone);white-space:nowrap}.stream__table thead th:first-child{padding-left:16px}.stream__table th button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit}.stream__table th button:hover{color:var(--main-deep)}.stream__table th button i{font-style:normal;font-size:9.5px;opacity:.6}.stream__table td{padding:13px 12px 13px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--slate)}.stream__table td:first-child{padding-left:16px}.stream__table tbody:last-child tr:last-child td{border-bottom:0}.stream__group th{padding:16px 0 7px 16px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--main-deep)}.stream__table tbody:first-of-type .stream__group th{padding-top:12px}.stream__table b{font-size:13.5px;color:var(--ink)}.stream__table em{display:block;font-style:normal;font-size:11.5px;color:var(--stone)}.stream__name{min-width:128px}.stream__max{min-width:190px}.stream__max span{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.stream__max em{display:block;margin-top:2px;font-style:normal;font-size:11.5px;color:var(--stone);word-break:keep-all}.stream__fmt{color:var(--stone);font-size:12px;white-space:nowrap}.stream__price{font-size:12.5px;white-space:nowrap}.stream__verdict{text-align:right;white-space:nowrap;padding-right:16px!important}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.pill--hi{color:#fff;background:linear-gradient(160deg,var(--main),var(--main-deep));border:1px solid transparent}.pill--cd{color:var(--slate);background:color-mix(in srgb,var(--canvas) 72%,transparent);border:1px solid var(--line-strong)}.pill--lossy{color:#a5530b;background:#d9731a24;border:1px solid rgba(217,115,26,.38)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .pill--hi{color:#0b0d11}:root:not([data-theme=light]) .pill--lossy{color:#ffd3a1}}:root[data-theme=dark] .pill--hi{color:#0b0d11}:root[data-theme=dark] .pill--lossy{color:#ffd3a1}.picker{margin-top:20px}.picker__label{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;font-size:14px;font-weight:700;color:var(--ink)}.picker__label span{font-size:12px;font-weight:500;color:var(--steel)}.picker__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px}.codecard{width:100%;display:grid;align-content:start;gap:8px;padding:12px 14px 13px;border-radius:var(--r-lg);cursor:pointer;text-align:left;background:color-mix(in srgb,var(--canvas) 52%,transparent);border:1px solid var(--glass-hairline);box-shadow:var(--glass-rim);transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.codecard:hover{border-color:color-mix(in srgb,var(--main) 38%,transparent);background:var(--canvas)}.codecard:active{transform:scale(.98)}.codecard__name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:var(--slate)}.codecard__quality{font-size:11.5px;color:var(--stone);font-variant-numeric:tabular-nums}.codecard__name em{padding:1px 7px;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:800}.codecard.best{background:linear-gradient(160deg,var(--main),var(--main-deep));border-color:transparent;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--main) 75%,transparent),inset 0 1px #ffffff59}.codecard.best:hover{background:linear-gradient(160deg,var(--main),var(--main-deep))}.codecard.best .codecard__name{color:#fff;font-size:15px}.codecard.best .codecard__quality{color:#ffffffd1}.codecard.best .codecard__name em{color:var(--main-deep);background:#fff}.codecard.best .mini i{background:#fffffff2}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .codecard.best .codecard__name,:root:not([data-theme=light]) .codecard.best .mini i{color:#0b0d11}:root:not([data-theme=light]) .codecard.best .codecard__name{color:#0b0d11}:root:not([data-theme=light]) .codecard.best .codecard__quality{color:#0b0d11b3}:root:not([data-theme=light]) .codecard.best .codecard__name em{color:var(--main-deep);background:#ffffffeb}}.codecard.on:not(.best){border-color:color-mix(in srgb,var(--main) 50%,transparent);background:var(--tint)}.codecard.on:not(.best) .codecard__name{color:var(--main-deep)}.codecard.best.on{outline:2px solid color-mix(in srgb,var(--main) 45%,transparent);outline-offset:2px}.mini{display:flex;align-items:flex-end;justify-content:space-between;gap:0;height:52px}.mini i{flex:0 0 3px;border-radius:999px;background:color-mix(in srgb,var(--stone) 55%,transparent)}.codecard.on:not(.best) .mini i{background:var(--main)}.mini i{animation:minipulse var(--pulse-time, 2.4s) ease-in-out infinite;transform-origin:50% 100%}.mini i:nth-child(3n){animation-delay:-.6s}.mini i:nth-child(3n+1){animation-delay:-1.2s}@keyframes minipulse{0%,to{transform:scaleY(var(--pulse-low, .92))}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.mini i{animation:none}}.pair__mid{display:grid;gap:10px}.pair__mid .picks{justify-self:center}.picks{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.picks button{padding:3px 10px;border-radius:999px;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--main-deep);background:var(--tint);border:1px solid color-mix(in srgb,var(--main) 26%,transparent);transition:background-color .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.picks button:hover{background:var(--canvas)}.picks button:active{transform:scale(.94)}.picks--flat{font-size:11.5px;color:var(--steel)}.stream__table tr.flash td{animation:rowflash 1.8s ease-in-out}@keyframes rowflash{0%,to{background:transparent}20%,70%{background:var(--tint)}}@media (prefers-reduced-motion: reduce){.stream__table tr.flash td{animation:none;background:var(--tint)}}.totop{position:fixed;right:24px;bottom:24px;z-index:40;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--main-deep);background:var(--glass-face);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--glass-hairline);box-shadow:var(--glass-rim),0 12px 28px -14px #14233c8c;opacity:0;transform:translateY(10px) scale(.92);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.16,1,.3,1),background-color .18s ease}.totop.on{opacity:1;transform:none;pointer-events:auto}.totop:hover{background:var(--canvas)}.totop:active{transform:scale(.94)}@supports (corner-shape: squircle){.totop{corner-shape:squircle}}.golook{margin-top:4px;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:0;border-radius:var(--r-lg);font-size:15px;font-weight:800;color:#fff;word-break:keep-all;line-height:1.35;padding:12px 16px;background:linear-gradient(160deg,var(--main),var(--main-deep));box-shadow:0 14px 30px -14px color-mix(in srgb,var(--main) 75%,transparent),inset 0 1px #ffffff59;transition:transform .18s cubic-bezier(.16,1,.3,1)}.golook svg{flex:0 0 auto}.golook:active{transform:scale(.98)}@supports (corner-shape: squircle){.golook{corner-shape:squircle;border-radius:20px}}.ask{flex:0 0 auto;padding:18px 24px 20px}.ask:before{height:100%}.ask__title{display:flex;align-items:center;flex-wrap:wrap;gap:0 6px;margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--slate)}.ask__title svg{flex:0 0 auto;color:var(--main-deep)}.ask__send{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:12px;min-height:40px;padding:0 14px;text-decoration:none;border-radius:var(--r-md);font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(160deg,var(--main),var(--main-deep));box-shadow:0 10px 22px -12px color-mix(in srgb,var(--main) 75%,transparent),inset 0 1px #ffffff4d;transition:transform .18s cubic-bezier(.16,1,.3,1)}.ask__send svg{flex:0 0 auto;opacity:.85}.ask__send:active{transform:scale(.98)}@supports (corner-shape: squircle){.ask__send{corner-shape:squircle;border-radius:16px}}.backpick{display:inline-flex;align-items:center;gap:5px;margin:0 0 16px;align-self:flex-start;white-space:nowrap;height:34px;padding:7px 13px 7px 10px;border-radius:999px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--steel);background:color-mix(in srgb,var(--canvas) 62%,transparent);border:1px solid var(--glass-hairline);transition:color .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.backpick:hover{color:var(--main-deep)}.backpick:active{transform:scale(.96)}.changelog>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--slate)}.changelog>summary::-webkit-details-marker{display:none}.changelog>summary:after{content:"▾";margin-left:auto;font-size:13px;color:var(--steel);transition:transform .2s ease}.changelog[open]>summary{margin-bottom:18px}.changelog[open]>summary:after{transform:rotate(180deg)}.changelog>summary em{font-style:normal;font-size:12px;font-weight:600;color:var(--steel)}.changelog>summary:hover{color:var(--main-deep)}.help{position:relative;flex:0 0 auto}.help__btn{width:34px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:999px;font-size:14px;font-weight:800;color:var(--steel);background:color-mix(in srgb,var(--canvas) 62%,transparent);border:1px solid var(--glass-hairline);transition:color .18s ease,border-color .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.help__btn:hover{color:var(--main-deep);border-color:color-mix(in srgb,var(--main) 40%,transparent)}.help__btn:active{transform:scale(.94)}.help__panel{position:absolute;right:0;top:calc(100% + 10px);width:330px;padding:14px 16px 6px;z-index:40;isolation:isolate;border-radius:var(--r-outer);background:linear-gradient(180deg,color-mix(in srgb,var(--canvas) 96%,transparent),color-mix(in srgb,var(--canvas) 91%,transparent));-webkit-backdrop-filter:saturate(200%) blur(40px);backdrop-filter:saturate(200%) blur(40px);border:1px solid var(--glass-hairline);border-top-color:var(--glass-sheen);box-shadow:var(--glass-rim),var(--glass-drop);animation:menupop .2s cubic-bezier(.16,1,.3,1);transform-origin:100% 0}.help__panel:before{content:"";position:absolute;inset:0 0 auto 0;height:110px;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 12% 0%,var(--glass-sheen),transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--glass-sheen) 62%,transparent),transparent 24%)}@supports (corner-shape: squircle){.help__panel{corner-shape:squircle;border-radius:26px}}@media (prefers-reduced-motion: reduce){.help__panel{animation:none}}.help__label{margin:0 0 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:var(--steel)}.help__label span{padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:800;color:var(--main-deep);background:var(--tint)}.help__label:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.help__panel dl{margin:0;display:grid;gap:13px;max-height:min(62vh,460px);overflow-y:auto;padding:0 8px 12px 0}.help__panel dl::-webkit-scrollbar{width:6px}.help__panel dl::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--stone) 42%,transparent)}.stream__table tr.dim td{opacity:.48}.story{width:100%;max-width:680px}.story__group{margin:40px 0 0;font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.story__group--first{margin-top:0}.story__note{margin:5px 0 0;font-size:12.5px;color:var(--stone);word-break:keep-all}.story__numbers{display:grid;gap:14px;margin-top:14px;padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 55%,transparent);border:1px solid var(--glass-hairline)}.story__num{margin:0;display:flex;align-items:baseline;gap:7px;font-size:14px;font-weight:800;color:var(--slate)}.story__num em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--stone)}.story__num b{margin-left:auto;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:800;color:var(--main-deep);background:var(--tint)}.story__body{margin:5px 0 0;font-size:13px;line-height:1.72;color:var(--steel);word-break:keep-all}.story__list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.story__list .story__body{margin-top:8px}.story__list li{padding:15px 17px 16px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 52%,transparent);border:1px solid var(--glass-hairline)}.story__head{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px}.story__head b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.story__head em{font-style:normal;font-size:12px;font-weight:600;color:var(--stone);font-variant-numeric:tabular-nums}.story .disclaimer{margin-top:18px}.story__aside{margin:8px 0 0;padding-left:10px;font-size:12.5px;line-height:1.7;color:var(--stone);word-break:keep-all;border-left:2px solid color-mix(in srgb,var(--main) 30%,transparent)}.story__spec{margin:7px 0 0;padding:4px 9px;border-radius:8px;display:inline-block;font-size:11.5px;font-weight:700;color:var(--main-deep);background:var(--tint);font-variant-numeric:tabular-nums}.story__numbers>div+div{padding-top:14px;border-top:1px solid var(--line)}.tiers{margin-top:16px;padding:14px 16px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 55%,transparent);border:1px solid var(--glass-hairline)}.tiers__label{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--steel)}.tiers ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tiers li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;column-gap:10px;padding:7px 8px;border-radius:var(--r-md);border:1px solid transparent}.tiers li.on{background:var(--tint);border-color:color-mix(in srgb,var(--main) 28%,transparent)}.tiers li.off{opacity:.55}.tiers__dot{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.tiers li.on .tiers__dot{background:var(--main);box-shadow:0 0 0 3px color-mix(in srgb,var(--main) 20%,transparent)}.tiers__name{font-size:13px;font-weight:600;color:var(--slate);word-break:keep-all}.tiers li.on .tiers__name{color:var(--main-deep)}.tiers__quality{font-size:12px;color:var(--stone);font-variant-numeric:tabular-nums;white-space:nowrap}.tiers__value{font-size:12.5px;font-weight:700;color:var(--slate);font-variant-numeric:tabular-nums;white-space:nowrap}.tiers li.on .tiers__value{color:var(--main-deep)}.tiers__sub{grid-column:2 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11px;line-height:1.5}.tiers__sub em{font-style:normal;color:var(--stone)}.tiers__sub b{font-weight:700;color:var(--main-deep)}.compare{margin-top:20px;padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 55%,transparent);border:1px solid var(--glass-hairline)}.compare__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.compare__head h3{margin:0;font-size:13.5px;font-weight:700}.seg{display:flex;border:1px solid var(--glass-hairline);border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--canvas) 70%,transparent)}.seg button{border:0;background:transparent;padding:5px 11px;font-size:12px;color:var(--steel);cursor:pointer}.seg button+button{border-left:1px solid var(--glass-hairline)}.seg button.on{color:var(--main-deep);font-weight:700;background:var(--tint)}.compare__list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.compare__list button{width:100%;display:grid;grid-template-columns:78px minmax(0,1fr) 150px;align-items:center;gap:12px;padding:7px 8px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;cursor:pointer;text-align:left;font-family:inherit}.compare__list button:hover{background:color-mix(in srgb,var(--canvas) 70%,transparent);border-color:var(--glass-hairline)}.compare__list li.on button{background:var(--tint);border-color:color-mix(in srgb,var(--main) 30%,transparent)}.compare__name{font-size:12.5px;font-weight:700;color:var(--slate)}.compare__list li.on .compare__name{color:var(--main-deep)}.compare__track{height:10px;border-radius:999px;background:color-mix(in srgb,var(--line-strong) 45%,transparent);overflow:hidden}.compare__track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--main) 55%,transparent),var(--main));transition:width .35s cubic-bezier(.16,1,.3,1)}.compare__value{font-size:12.5px;font-weight:700;color:var(--slate);text-align:right;font-variant-numeric:tabular-nums}.compare__value em{display:block;font-style:normal;font-size:11.5px;font-weight:500;color:var(--stone)}.credit{padding:6px 20px 24px;text-align:center;font-size:11.5px;line-height:1.8;color:var(--steel)}.credit p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.topbar{padding:10px 14px}.topbar .logo{height:19px}.topbar h1{font-size:14.5px;padding-left:8px}.topbar p{font-size:11.5px;flex:1 0 100%}.work{grid-template-columns:minmax(0,1fr);gap:12px;padding:8px 12px 0}.railcol{order:1;gap:12px;position:static;max-height:none;overflow:visible}.stage{order:2;min-height:0;padding:22px 16px 24px;flex-direction:column;align-items:stretch;justify-content:flex-start}.bottom{margin:12px}.help__btn{width:30px;height:30px;font-size:13px}.help{position:static}.help__panel{position:fixed;left:12px;right:12px;width:auto;top:calc(var(--hh, 60px) + 8px);transform-origin:100% 0}.changelog{display:none}.changelog{padding:22px 16px 24px}.log__num{display:none}.log__ver{width:84px}.log__date{width:58px;font-size:12px}.log__open{width:30px}.log__open a{font-size:0;border:0}.log__open a:after{content:"›";font-size:20px;line-height:1;color:var(--main-deep)}.log td,.log th{padding-right:8px}.field input,.field select{font-size:16px;min-height:44px}.ask__send{min-height:46px;font-size:14.5px}.grp{padding:15px 16px}.codec-list,.device-note{display:none}.pair__device .device-icon{width:64px;height:64px;padding:10px;border-radius:18px}.pair__link{margin-top:8px;height:38px}.pair{grid-template-columns:76px minmax(0,1fr) 76px;gap:12px}.pair__mid{display:contents}.pair>.pair__device:nth-of-type(1){grid-area:1 / 1}.pair>.pair__device:nth-of-type(2){grid-area:1 / 3}.pair__mid .pair__link{grid-area:1 / 2;min-width:0}.pair__link i{flex:0 0 2px}.pair__mid .picks{grid-area:2 / 1 / 3 / -1;margin-top:2px}.pair__device figcaption{font-size:12px}.result__head{margin-top:28px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:14px 10px 14px 0}.compare{padding:14px}.tiers{padding:13px 14px 11px}.tiers li{grid-template-columns:10px minmax(0,1fr) auto;row-gap:3px;padding:9px 8px}.tiers__name{grid-column:2 / -1}.tiers__quality{grid-column:2;font-size:11.5px}.tiers__value{grid-column:3;text-align:right}.tiers__sub{grid-column:2 / -1}.tiers__dot{align-self:start;margin-top:7px}.metrics>div:nth-child(3){grid-column:1 / -1;padding-left:0;border-left:0;border-top:1px solid var(--line)}.topbar p{order:3}.topbar__right{order:2}.compare__list button{grid-template-columns:62px minmax(0,1fr);row-gap:4px}.compare__value{grid-column:1 / -1;text-align:left}.compare__value em{display:inline;margin-left:6px}.metrics>div+div{padding-left:12px}.metrics dd{font-size:15px;word-break:keep-all}.metrics dt{word-break:keep-all}.credit{padding:4px 14px 28px}.totop{right:16px;bottom:16px;width:42px;height:42px}.cats{padding:7px 10px;gap:0}.cats button{padding:8px 12px;font-size:12.5px;gap:6px}.stream__price,.stream__fmt{display:none}.stream__max{min-width:0}.stream__max em{font-size:11px}.siblings{margin:0 12px 12px}.chip--btn{min-height:32px;padding:5px 12px;font-size:12.5px}.seg button{padding:8px 13px}.compare__list button{padding:9px 8px}.toolswitch__menu{width:min(286px,calc(100vw - 28px))}}@media (prefers-reduced-motion: reduce){:root,*,*:before,*:after{animation:none!important;transition:none!important}}@media (prefers-reduced-transparency: reduce){.stage,.rail,.ask,.changelog,.topbar,.toolswitch__menu,.help__panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--canvas);border-color:var(--line)}.stage:before,.rail:before,.ask:before,.changelog:before,.topbar:after{display:none}body{background:var(--surface-soft)}}.story__terms{margin:14px 0 0;display:grid;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 55%,transparent);border:1px solid var(--glass-hairline)}.story__terms dt{font-size:13px;font-weight:700;color:var(--main-deep)}.story__terms dt em{margin-left:5px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--stone)}.story__terms dd{margin:3px 0 0;font-size:12.5px;line-height:1.65;color:var(--steel);word-break:keep-all}.story__demo{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.story__demo>div{padding:12px 14px 10px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--canvas) 70%,transparent);border:1px solid var(--glass-hairline)}.story__demo span{display:block;margin-top:8px;text-align:center;font-size:11.5px;font-weight:700;color:var(--steel);font-variant-numeric:tabular-nums}.storywave{height:52px;margin:0}.storywave i{animation:none;opacity:1}@media (max-width: 900px){.story__demo{grid-template-columns:1fr;gap:10px}}