/* Generated from final WPF resource cascade; see docs/MATERIAL-SPEC.json. */
html:not([data-design="glass"]):not([data-design="liquid-glass"]):not([data-theme="light"]){
  --WindowBackgroundBrush:#111318;
  --TextBrush:#F5F7FA;
  --HeaderBackgroundBrush:#171A20;
  --StatusBackgroundBrush:#15181E;
  --PanelBrush:#191C23;
  --Panel2Brush:#20242D;
  --MutedBrush:#9299A8;
  --SubtleTextBrush:#626A78;
  --MainBorderBrush:#2B3039;
  --BarSeparatorBrush:#454D5B;
  --ButtonBackgroundBrush:#272C36;
  --ButtonHoverBrush:#333947;
  --ButtonBorderBrush:#383E49;
  --InputBackgroundBrush:#20242D;
  --InsetBackgroundBrush:#14181E;
  --InputBorderBrush:#343A45;
  --ItemBackgroundBrush:#1B1F27;
  --ItemHoverBrush:#252A34;
  --ItemBorderBrush:#292E38;
  --ItemHoverBorderBrush:#3B4350;
  --CardBackgroundBrush:#1B1F27;
  --CardBorderBrush:#303641;
  --ContextBackgroundBrush:#222630;
  --ContextBorderBrush:#404651;
  --ScrollTrackBrush:#12151A;
  --FileListCountBrush:#2B313A;
  --ScrollThumbBrush:#363D47;
  --ScrollThumbHoverBrush:#4B5360;
  --SliderTrackBrush:#343B46;
  --SliderFillBrush:#506F93;
  --SliderThumbBrush:#69798C;
  --SliderThumbHoverBrush:#7D8EA2;
  --SliderThumbBorderBrush:#303741;
  --SelectionBackgroundBrush:#243650;
  --SelectionBorderBrush:#72A7FF;
  --SurfaceSheenBrush:linear-gradient(180deg,#FFFFFF20 0%,#FFFFFF08 36%,#FFFFFF00 58%,#00000024 100%);
  --SurfaceEdgeBrush:linear-gradient(180deg,#FFFFFF46 0%,#FFFFFF10 42%,#FFFFFF00 70%,#FFFFFF00 100%);
  --BarSheenBrush:linear-gradient(180deg,#FFFFFF0E 0%,#FFFFFF00 100%);
  --InsetSheenBrush:linear-gradient(180deg,#00000065 0%,#00000030 12%,#00000010 33%,#00000000 58%,#FFFFFF0A 82%,#FFFFFF18 100%);
  --InsetEdgeBrush:linear-gradient(180deg,#00000080 0%,#00000020 40%,#FFFFFF00 60%,#FFFFFF55 100%);
  --RowSheenBrush:linear-gradient(180deg,#FFFFFF20 0%,#FFFFFF08 36%,#FFFFFF00 58%,#00000024 100%);
  --RowEdgeBrush:linear-gradient(180deg,#FFFFFF46 0%,#FFFFFF10 42%,#FFFFFF00 70%,#FFFFFF00 100%);
  --PlayerGlassBaseBrush:var(--ItemBackgroundBrush);
  --PlayerGlassEdgeBrush:var(--SurfaceEdgeBrush);
  --filter-tint:#20242DB0;
  --bubble-center:#1B293940;
  --bubble-rim:#9DBFDB65;
  --bubble-shadow:#03091355;
  --bubble-shine:#FFFFFFB8;
}
html:not([data-design="glass"]):not([data-design="liquid-glass"])[data-theme="light"]{
  --WindowBackgroundBrush:#E5EAF0;
  --TextBrush:#18202B;
  --HeaderBackgroundBrush:#E5EAF0;
  --StatusBackgroundBrush:#D7DEE7;
  --PanelBrush:#E5EAF0;
  --Panel2Brush:#DCE2E9;
  --MutedBrush:#5E6876;
  --SubtleTextBrush:#727D8B;
  --MainBorderBrush:#B5C0CC;
  --BarSeparatorBrush:#D2DAE3;
  --ButtonBackgroundBrush:#C9D2DD;
  --ButtonHoverBrush:#B8C4D0;
  --ButtonBorderBrush:#A4B0BE;
  --InputBackgroundBrush:#E5EAF0;
  --InsetBackgroundBrush:#D9E0E8;
  --InputBorderBrush:#AAB5C2;
  --ItemBackgroundBrush:#E5EAF0;
  --ItemHoverBrush:#D5DDE6;
  --ItemBorderBrush:#BEC8D3;
  --ItemHoverBorderBrush:#98A6B5;
  --CardBackgroundBrush:#E5EAF0;
  --CardBorderBrush:#B5C0CC;
  --ContextBackgroundBrush:#E5EAF0;
  --ContextBorderBrush:#AAB5C2;
  --ScrollTrackBrush:#CDD5DE;
  --FileListCountBrush:#B9C3CF;
  --ScrollThumbBrush:#7D8998;
  --ScrollThumbHoverBrush:#596776;
  --SliderTrackBrush:#AAB4C0;
  --SliderFillBrush:#667C97;
  --SliderThumbBrush:#6F7D8D;
  --SliderThumbHoverBrush:#526272;
  --SliderThumbBorderBrush:#596675;
  --SelectionBackgroundBrush:#D2E3F8;
  --SelectionBorderBrush:#5A8FE0;
  --SurfaceSheenBrush:linear-gradient(180deg,#FFFFFF20 0%,#FFFFFF08 36%,#FFFFFF00 58%,#00000024 100%);
  --SurfaceEdgeBrush:linear-gradient(180deg,#FFFFFF46 0%,#FFFFFF10 42%,#FFFFFF00 70%,#FFFFFF00 100%);
  --BarSheenBrush:linear-gradient(180deg,#FFFFFF0E 0%,#FFFFFF00 100%);
  --InsetSheenBrush:linear-gradient(180deg,#00000065 0%,#00000030 12%,#00000010 33%,#00000000 58%,#FFFFFF0A 82%,#FFFFFF18 100%);
  --InsetEdgeBrush:linear-gradient(180deg,#00000080 0%,#00000020 40%,#FFFFFF00 60%,#FFFFFF55 100%);
  --RowSheenBrush:linear-gradient(180deg,#FFFFFF20 0%,#FFFFFF08 36%,#FFFFFF00 58%,#00000024 100%);
  --RowEdgeBrush:linear-gradient(180deg,#FFFFFF46 0%,#FFFFFF10 42%,#FFFFFF00 70%,#FFFFFF00 100%);
  --PlayerGlassBaseBrush:var(--ItemBackgroundBrush);
  --PlayerGlassEdgeBrush:var(--SurfaceEdgeBrush);
  --filter-tint:#DCE2E9B0;
  --bubble-center:#F8FCFF38;
  --bubble-rim:#87A6C170;
  --bubble-shadow:#607B9628;
  --bubble-shine:#FFFFFFEE;
}
html:is([data-design="glass"],[data-design="liquid-glass"]):not([data-theme="light"]){
  --WindowBackgroundBrush:#101720;
  --TextBrush:#F3F6FC;
  --HeaderBackgroundBrush:#121B26;
  --StatusBackgroundBrush:#121B26;
  --PanelBrush:#202C3B;
  --Panel2Brush:#233142;
  --MutedBrush:#AFBDCE;
  --SubtleTextBrush:#94A6BB;
  --MainBorderBrush:#516276;
  --BarSeparatorBrush:#39495C;
  --ButtonBackgroundBrush:#2C3C50;
  --ButtonHoverBrush:#3B516B;
  --ButtonBorderBrush:#6A7D95;
  --InputBackgroundBrush:#182535;
  --InsetBackgroundBrush:#162230;
  --InputBorderBrush:#778FA9;
  --ItemBackgroundBrush:#223040;
  --ItemHoverBrush:#30445A;
  --ItemBorderBrush:#5F738B;
  --ItemHoverBorderBrush:#AEC6DE;
  --CardBackgroundBrush:#223040;
  --CardBorderBrush:#637B96;
  --ContextBackgroundBrush:#202E40;
  --ContextBorderBrush:#7790AC;
  --ScrollTrackBrush:#162230;
  --FileListCountBrush:#35465A;
  --ScrollThumbBrush:#61758D;
  --ScrollThumbHoverBrush:#A9BCD1;
  --SliderTrackBrush:#343B46;
  --SliderFillBrush:#506F93;
  --SliderThumbBrush:#69798C;
  --SliderThumbHoverBrush:#7D8EA2;
  --SliderThumbBorderBrush:#303741;
  --SelectionBackgroundBrush:#304C67;
  --SelectionBorderBrush:#AED3FA;
  --SurfaceSheenBrush:linear-gradient(180deg,#FFFFFF70 0%,#D6EAFF20 10%,#FFFFFF06 34%,#00000000 65%,#00000013 88%,#BCE4FF28 100%);
  --SurfaceEdgeBrush:linear-gradient(180deg,#FFFFFFE8 0%,#7E9EBD64 20%,#FFFFFF0A 47%,#466C9328 70%,#CBE8FFB3 94%,#FFFFFF72 100%);
  --RowSheenBrush:linear-gradient(180deg,#FFFFFF48 0%,#DCEEFF0A 13%,#FFFFFF00 30%,#00000000 72%,#00000014 91%,#BCDFFF22 100%);
  --SurfaceDomeBrush:linear-gradient(180deg,#CDEAFF30 0%,#FFFFFF00 28%,#00000000 70%,#6DA1C71B 100%);
  --BarSheenBrush:linear-gradient(180deg,#DCEEFF14 0%,#FFFFFF03 40%,#00000000 100%);
  --InsetSheenBrush:linear-gradient(180deg,#05182B20 0%,#00000000 20%,#FFFFFF00 80%,#FFFFFF48 100%);
  --InsetEdgeBrush:linear-gradient(180deg,#60789850 0%,#FFFFFF08 45%,#FFFFFFB0 100%);
  --PlayerGlassEdgeBrush:linear-gradient(180deg,#EAF4FFC5 0%,#849FBA45 28%,#98B6D016 53%,#B8D6EF70 84%,#E9F5FFB0 100%);
  --PlayerGlassDomeBrush:linear-gradient(transparent,transparent);
  --GlassRefractionBrush:linear-gradient(transparent,transparent);
  --RowEdgeBrush:linear-gradient(180deg,#FFFFFFE8 0%,#7E9EBD64 20%,#FFFFFF0A 47%,#466C9328 70%,#CBE8FFB3 94%,#FFFFFF72 100%);
  --PlayerGlassBaseBrush:linear-gradient(180deg,#16243475 0%,#121E2A40 55%,#1B2A3B60 100%);
  --PlayerGlassEdgeBrush:linear-gradient(180deg,#EAF4FFC5 0%,#849FBA45 28%,#98B6D016 53%,#B8D6EF70 84%,#E9F5FFB0 100%);
  --filter-tint:#233142B0;
  --bubble-center:#1B293940;
  --bubble-rim:#9DBFDB65;
  --bubble-shadow:#03091355;
  --bubble-shine:#FFFFFFB8;
  --player-base-0:#16243475;
  --player-base-1:#121E2A40;
  --player-base-2:#1B2A3B60;
}
html:is([data-design="glass"],[data-design="liquid-glass"])[data-theme="light"]{
  --WindowBackgroundBrush:#E6ECF3;
  --TextBrush:#172A40;
  --HeaderBackgroundBrush:#E6ECF3;
  --StatusBackgroundBrush:#DEE6EF;
  --PanelBrush:#EFF4FA;
  --Panel2Brush:#E1EAF4;
  --MutedBrush:#455B73;
  --SubtleTextBrush:#566C84;
  --MainBorderBrush:#A2B4C9;
  --BarSeparatorBrush:#BECEDC;
  --ButtonBackgroundBrush:#DCE7F2;
  --ButtonHoverBrush:#C9DBED;
  --ButtonBorderBrush:#869DB7;
  --InputBackgroundBrush:#F1F6FC;
  --InsetBackgroundBrush:#DCE7F1;
  --InputBorderBrush:#829BB5;
  --ItemBackgroundBrush:#E7EFF7;
  --ItemHoverBrush:#D3E2F2;
  --ItemBorderBrush:#93AAC3;
  --ItemHoverBorderBrush:#55799E;
  --CardBackgroundBrush:#E7EFF7;
  --CardBorderBrush:#8EA6BF;
  --ContextBackgroundBrush:#EEF4FB;
  --ContextBorderBrush:#839DB8;
  --ScrollTrackBrush:#D6E1EC;
  --FileListCountBrush:#AFBFD1;
  --ScrollThumbBrush:#7C94AD;
  --ScrollThumbHoverBrush:#486780;
  --SliderTrackBrush:#AAB4C0;
  --SliderFillBrush:#667C97;
  --SliderThumbBrush:#6F7D8D;
  --SliderThumbHoverBrush:#526272;
  --SliderThumbBorderBrush:#596675;
  --SelectionBackgroundBrush:#CEDFF0;
  --SelectionBorderBrush:#3F709F;
  --SurfaceSheenBrush:linear-gradient(180deg,#FFFFFFF4 0%,#FFFFFF62 12%,#FFFFFF06 40%,#00000000 70%,#728AA620 93%,#FFFFFF80 100%);
  --SurfaceEdgeBrush:linear-gradient(180deg,#FFFFFFE8 0%,#7E9EBD64 20%,#FFFFFF0A 47%,#466C9328 70%,#CBE8FFB3 94%,#FFFFFF72 100%);
  --RowSheenBrush:linear-gradient(180deg,#FFFFFFD8 0%,#FFFFFF30 13%,#FFFFFF06 32%,#00000000 74%,#778FAA12 93%,#FFFFFF70 100%);
  --SurfaceDomeBrush:linear-gradient(180deg,#CDEAFF30 0%,#FFFFFF00 28%,#00000000 70%,#6DA1C71B 100%);
  --BarSheenBrush:linear-gradient(180deg,#DCEEFF14 0%,#FFFFFF03 40%,#00000000 100%);
  --InsetSheenBrush:linear-gradient(180deg,#05182B20 0%,#00000000 20%,#FFFFFF00 80%,#FFFFFF48 100%);
  --InsetEdgeBrush:linear-gradient(180deg,#60789850 0%,#FFFFFF08 45%,#FFFFFFB0 100%);
  --PlayerGlassEdgeBrush:linear-gradient(180deg,#EAF4FFC5 0%,#849FBA45 28%,#98B6D016 53%,#B8D6EF70 84%,#E9F5FFB0 100%);
  --PlayerGlassDomeBrush:linear-gradient(transparent,transparent);
  --GlassRefractionBrush:linear-gradient(transparent,transparent);
  --RowEdgeBrush:linear-gradient(180deg,#FFFFFFE8 0%,#7E9EBD64 20%,#FFFFFF0A 47%,#466C9328 70%,#CBE8FFB3 94%,#FFFFFF72 100%);
  --PlayerGlassBaseBrush:linear-gradient(180deg,#F5FAFF80 0%,#E6F0F818 55%,#B8CCDE50 100%);
  --PlayerGlassEdgeBrush:linear-gradient(180deg,#EAF4FFC5 0%,#849FBA45 28%,#98B6D016 53%,#B8D6EF70 84%,#E9F5FFB0 100%);
  --filter-tint:#E1EAF4B0;
  --bubble-center:#F8FCFF38;
  --bubble-rim:#87A6C170;
  --bubble-shadow:#607B9628;
  --bubble-shine:#FFFFFFEE;
  --player-base-0:#F5FAFF80;
  --player-base-1:#E6F0F818;
  --player-base-2:#B8CCDE50;
}

html {
  --bg:var(--WindowBackgroundBrush); --bar:var(--HeaderBackgroundBrush); --panel:var(--PanelBrush);
  --text:var(--TextBrush); --muted:var(--MutedBrush); --subtle:var(--SubtleTextBrush); --line:var(--MainBorderBrush);
}
html[data-material-tier="lite"]:is([data-design="glass"],[data-design="liquid-glass"]) { --RowSheenBrush:linear-gradient(180deg,#ffffff38 0%,#ffffff00 25%,#00000010 100%); }
#app { background:var(--HeaderBackgroundBrush); }
header { background:var(--HeaderBackgroundBrush); }

.surface { isolation:isolate; }
.surface:not(.category-row):not(.sound-row):not(#dial):not(header):not(.filter-card) { position:relative; }
.material-layer { position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:-1; overflow:hidden; contain:paint; }
.material-layer::before,.material-layer::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; }
.material-layer::before { background:var(--material-sheen,var(--SurfaceSheenBrush)); opacity:var(--material-opacity,1); }
.material-layer::after { padding:1px; background:var(--material-edge,var(--SurfaceEdgeBrush)); opacity:var(--material-opacity,1); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; }
[data-material="row"] { --material-sheen:var(--RowSheenBrush); --material-edge:var(--RowEdgeBrush); }
[data-material="bar"] { --material-sheen:var(--BarSheenBrush); --material-edge:linear-gradient(transparent,transparent); }
[data-material="inset"] { --material-sheen:var(--InsetSheenBrush); --material-edge:var(--InsetEdgeBrush); }
[data-material="player"] { --material-sheen:linear-gradient(transparent,transparent); --material-edge:linear-gradient(transparent,transparent); }
/* Home and file rows share the exact quiet row surface. */
html body #app .category-row button:not(.extra-home),html body #app .sound-row {
 background:var(--ItemBackgroundBrush); border:1px solid var(--ItemBorderBrush); box-shadow:none; border-radius:9999px;
 backdrop-filter:none; -webkit-backdrop-filter:none;
}
html body #app .category-row button:not(.extra-home):hover,html body #app .sound-row:hover { background:var(--ItemHoverBrush); border-color:var(--ItemHoverBorderBrush); }
html body #app .category-row.selected button { background:var(--SelectionBackgroundBrush); border-color:var(--SelectionBorderBrush); }
html body #app .sound-row.selected { background:linear-gradient(var(--accent-soft,var(--accent-soft-brush,#72a7ff3f)),var(--accent-soft,var(--accent-soft-brush,#72a7ff3f))),var(--HeaderBackgroundBrush); border-color:var(--accent); }
.category-row button.extra-home { background:transparent; border-color:transparent; box-shadow:none; }
.sound-row .material-layer,.category-row button .material-layer { inset:-1px; }
#dial { background:transparent; border-radius:50%; box-shadow:none; }
#dial>.material-layer { inset:0; }
#dial::before { content:none; }
#ring>.plate { fill:transparent; stroke:none; filter:none; }
.material-player-svg { width:100%; height:100%; display:block; overflow:visible; }
.material-player-base { fill:var(--ItemBackgroundBrush); stroke:var(--ItemBorderBrush); stroke-width:.8; }
.material-player-sheen { fill:url(#sfx-normal-sheen); }
.material-player-dome { fill:url(#sfx-normal-dome); opacity:.55; }
.material-player-edge { fill:none; stroke:url(#sfx-normal-edge); stroke-width:1; }
.material-player-contour { fill:none; stroke:url(#sfx-plate-contour); stroke-width:1.2; }
.material-player-glass { display:none; }
html:is([data-design="glass"],[data-design="liquid-glass"]) .material-player-base { fill:url(#sfx-glass-base); }
html:is([data-design="glass"],[data-design="liquid-glass"]) .material-player-normal { display:none; }
html:is([data-design="glass"],[data-design="liquid-glass"]) .material-player-glass { display:inline; }
html:is([data-design="glass"],[data-design="liquid-glass"]) .material-player-edge { stroke:url(#sfx-glass-edge); }
html:is([data-design="glass"],[data-design="liquid-glass"]) .material-player-contour { stroke:transparent; }
.filter-card,[data-material="filter"] { border-radius:13px; background:var(--filter-tint); border:1px solid transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.filter-card.back { background:color-mix(in srgb,var(--filter-tint) 82%,transparent); }
.filter-card .material-layer::before { display:block; background:var(--SurfaceSheenBrush); opacity:.8; }
.filter-card .material-layer::after { display:none; }
.filter-backdrop { position:absolute; inset:0; border-radius:13px; pointer-events:none; z-index:-2; overflow:hidden; }
#filter-options button,#duration-options button { background:var(--ButtonBackgroundBrush); border:1px solid var(--ButtonBorderBrush); color:var(--MutedBrush); }
#filter-options button:hover,#duration-options button:hover { background:var(--ButtonHoverBrush); }
#filter-options button.active,#duration-options button.active { background:var(--SelectionBackgroundBrush); border-color:var(--SelectionBorderBrush); color:var(--text); }
.tabbar { border-color:var(--MainBorderBrush); }
.tab { border:0; border-radius:0; background:transparent; box-shadow:none; }
.tab[aria-selected="true"] { background:transparent; box-shadow:none; }
.tab-surface { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:-1; }
.tab-surface .tab-fill { fill:var(--Panel2Brush); stroke:var(--MainBorderBrush); stroke-width:1; }
.tab[aria-selected="true"] .tab-surface .tab-fill { fill:var(--HeaderBackgroundBrush); }
.tab-surface .tab-sheen { fill:url(#sfx-bar-sheen); }
.tab:hover .tab-surface .tab-fill { fill:var(--ButtonHoverBrush); }
#query { font-family:Adlinnaka,sans-serif; }
#counter { font-family:Numbers,'Segoe UI',sans-serif; font-weight:600; }