@font-face{font-family:Adlinnaka;src:url('/assets/Adlinnaka%20Ultra.ttf')}@font-face{font-family:Numbers;src:url('/assets/Numbers3-Regular.ttf')}
*{box-sizing:border-box}html{--vh:100dvh;--safe-top:0px;--safe-bottom:0px;--accent:#72a7ff;--accent-soft:#72a7ff3f;color-scheme:dark}html[data-theme=light]{color-scheme:light}body{margin:0;background:var(--WindowBackgroundBrush,#111318);color:var(--TextBrush,#f5f7fa);font:12px 'Segoe UI',Arial,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}[hidden]{display:none!important}svg{display:block;overflow:visible}button svg{pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#app{max-width:460px;width:100%;height:var(--vh);margin:auto;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:max(env(safe-area-inset-top),var(--safe-top));padding-bottom:max(env(safe-area-inset-bottom),var(--safe-bottom));background:var(--WindowBackgroundBrush)}header{height:100px;flex:none;position:relative;z-index:5}.tabbar{height:40px;display:flex;align-items:flex-end;padding:0 6px;gap:4px;border-bottom:1px solid var(--ButtonBorderBrush)}#tabs{display:flex;align-items:flex-end;min-width:0;flex:0 1 auto;max-width:calc(100% - 36px)}.tab{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:37px;min-width:36px;padding:0 17px;align-items:center;flex:none;border:0}.tab-label{font:12px Adlinnaka;white-space:nowrap;overflow:hidden;text-overflow:clip;text-align:left;min-width:0;height:32px;z-index:1}.close-tab{width:22px;height:30px;position:relative;z-index:1;color:var(--MutedBrush)}.close-tab svg{width:8px;height:8px;margin:auto;stroke:currentColor;stroke-width:1}.tab-audio{width:12px;height:20px;z-index:1;margin-right:3px;fill:currentColor}.tab-audio[hidden]{display:none!important}#new-tab{width:32px;height:32px;border:1px solid var(--ButtonBorderBrush);border-radius:50%;font-size:21px;flex:none;margin-bottom:3px;background:var(--ButtonBackgroundBrush)}.heading{height:60px;margin:0 8px 0 21px;display:flex;align-items:center;gap:4px}.title-area{min-width:0;flex:1;max-height:52px;overflow:hidden;font:18px/1.13 Adlinnaka}#header-library{white-space:nowrap;height:22px;display:flex;align-items:center}#library-home{font:inherit;white-space:nowrap}#library-slash{font-style:normal;white-space:pre}#header-tail{height:auto;min-height:0;overflow:hidden;position:relative}#breadcrumb{white-space:nowrap;overflow-x:auto;scrollbar-width:none;line-height:22px}#breadcrumb button{font:inherit;white-space:nowrap}#breadcrumb .separator{white-space:pre}#search-host{display:flex;align-items:center;height:23px;min-width:0;overflow:hidden;font:italic 18px Adlinnaka}#search-host label{white-space:nowrap;flex:none}#query{min-width:0;flex:1;width:100%;padding:0 0 0 8px;border:0;background:transparent;outline:0;font:italic 18px Adlinnaka;height:23px}#query::-webkit-search-cancel-button{display:none}#clear{width:24px;flex:none;height:24px;font-size:19px}#search-scope{white-space:pre}.header-actions{width:32px;flex:none;display:flex;flex-direction:column}.header-actions button{width:32px;height:26px;position:relative}.header-actions svg{margin:auto}.header-actions button:before{content:'';position:absolute;inset:-3px -5px}#back{font-size:19px;line-height:26px}
#content{min-height:0;flex:1;position:relative;overflow:hidden;overflow:clip}#home{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ScrollThumbBrush,var(--MutedBrush)) transparent;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}#category-list{position:relative;padding:var(--home-pad,180px) 10px}.category-row{height:90px;display:flex;align-items:center;justify-content:center;position:relative;transform-origin:50% 50%;will-change:transform}.category-row button{position:relative;width:100%;height:84px;border-radius:42px;font:24px Adlinnaka;text-align:center}.category-row .home-link{background:transparent!important;border:0!important;box-shadow:none!important}.category-row .heart-home{font-family:'Segoe UI Symbol';font-size:52px}.category-row .extra-home{font-style:italic;font-size:24px}
#files{display:flex;flex-direction:column;height:100%;min-height:0;margin:0 8px;position:relative}#filters{position:relative;flex:none;margin:0 2px;height:auto;min-height:40px;overflow:visible}.filter-card{position:relative;margin-top:0;margin-bottom:12px;width:100%;height:28px;border-radius:14px;overflow:hidden;z-index:1;--flip-edge:0}.filter-card.front{margin-top:12px;margin-bottom:0;z-index:2}.filter-card:not(.front){position:absolute;top:0;left:0;opacity:.82}.filter-header{height:28px;display:flex;align-items:center;padding:0 10px;position:relative;cursor:pointer}.filter-title{font:9px 'Segoe UI';color:var(--MutedBrush);flex:1;pointer-events:none}.filter-card:not(.front) .filter-title,.filter-card:not(.front) .filter-toggle{opacity:0}.filter-toggle{width:24px;height:20px;position:relative;border-radius:10px;border:1px solid var(--ButtonBorderBrush);background:var(--ButtonBackgroundBrush);z-index:2}.filter-toggle:before{content:'';position:absolute;inset:-5px -7px}.filter-toggle svg{width:7px;height:4px;fill:currentColor;margin:auto}.filter-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.filter-chips{display:flex;flex-wrap:wrap;gap:3px 4px;padding:0 10px 7px;min-width:0}.filter-chips button{height:20px;min-width:24px;padding:0 6px;border-radius:12px;position:relative;background:var(--ChipBackgroundBrush,var(--ButtonBackgroundBrush));border:1px solid var(--ButtonBorderBrush);font:12px Adlinnaka}.filter-chips button:after{content:'';position:absolute;inset:-3px 0}.filter-chips button.active{border-color:var(--SelectionBorderBrush);background:var(--SelectionBackgroundBrush)}#duration-options button{font:italic 10px 'Segoe UI'}.filter-grip{position:absolute;top:5px;left:calc(50% - 16px);width:32px;height:2px;border-radius:1px;background:var(--MutedBrush);opacity:.55;z-index:4;pointer-events:none}
#list{flex:1;min-height:0;overflow:auto;position:relative;margin:5px 0 6px;scrollbar-width:thin;scrollbar-color:var(--ScrollThumbBrush,var(--MutedBrush)) transparent;touch-action:pan-y;overscroll-behavior:contain;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}#list-space{width:1px;pointer-events:none}#rows{position:absolute;top:0;left:0;right:0;transform:translateY(var(--boundary-y,0px));--entry-scale:1}.sound-row{position:absolute;left:0;right:0;height:84px;border-radius:42px;display:grid;grid-template-columns:26px 32px minmax(0,1fr) 62px 26px;align-items:center;padding:0 10px;gap:5px;user-select:none;transform-origin:center;will-change:transform;touch-action:pan-y}.number{font:12px Numbers;color:var(--accent);text-align:center}.number.four{font-size:9px}.row-favorite{width:28px;height:28px;border-radius:50%;position:relative;background:var(--accent-soft);color:var(--accent)}.row-favorite:before{content:'';position:absolute;inset:-8px}.row-favorite svg{width:14px;height:14px;margin:auto;fill:currentColor}.sound-description{min-width:0;cursor:pointer;outline:none}.sound-categories{font:17px/1.1 Adlinnaka;display:flex;gap:7px;flex-wrap:wrap;align-items:center;max-height:44px;overflow:hidden}.sound-name{font:12px/1.2 'Segoe UI';color:var(--TextBrush);max-height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;overflow-wrap:anywhere}.extra .sound-categories{font:15px/1.15 Adlinnaka}.number-locations{font:10px/1.2 'Segoe UI';color:var(--MutedBrush);margin-top:2px;max-height:26px;overflow:hidden}.sound-meta{text-align:right;white-space:nowrap;align-self:center;color:var(--TextBrush);font:italic 10px 'Segoe UI'}.sound-size{font-size:9px;color:var(--MutedBrush);margin-top:3px}.row-send{width:26px;height:40px;color:var(--accent);position:relative}.row-send:after{content:'';position:absolute;inset:0 -5px}.row-send svg{width:16px;height:16px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.3}#empty{position:sticky;top:42%;text-align:center;color:var(--MutedBrush);font:17px Adlinnaka;padding:15px}#empty button{margin:10px;min-height:36px}
#player-area{flex:none;position:relative;display:flex;justify-content:center;padding-top:12px;padding-bottom:5px}#dial-shell{position:relative;flex:none}#dial{width:304px;height:304px;position:absolute;left:0;top:0;transform:scale(var(--dial-scale,1));transform-origin:0 0;user-select:none;touch-action:none;color:var(--PlayerInkBrush,var(--accent))}#ring{position:absolute;width:304px;height:304px;inset:0;touch-action:none}.plate{fill:transparent!important;stroke:none!important}.track{fill:none;stroke:var(--PlayerInkBrush,var(--accent));stroke-width:1;opacity:.3}#progress{fill:none;stroke:var(--PlayerInkBrush,var(--accent));stroke-width:1;stroke-dasharray:942.4778;stroke-dashoffset:942.4778}#progress-dot{fill:var(--PlayerInkBrush,var(--accent));opacity:0}#mode-dots{position:absolute;top:51px;left:118px;width:68px;height:22px;display:flex;z-index:6}#mode-dots button{width:17px;height:22px;position:relative}#mode-dots button:before{content:'';position:absolute;inset:-5px -3px}#mode-dots svg{width:8px;height:8px;margin:auto;fill:var(--PlayerDotBrush,var(--accent));opacity:.5}#mode-dots button.active svg{opacity:1}#readout{position:absolute;top:35px;left:36px;right:36px;height:22px;display:flex;align-items:center;justify-content:center;font:italic 600 11px 'Segoe UI';color:var(--TextBrush);pointer-events:none;z-index:5}#reset-value{width:20px;height:20px;margin-right:8px;pointer-events:auto}#reset-value svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}#value.category{font:15px/1.15 Adlinnaka;display:flex;flex-wrap:wrap;justify-content:center;gap:3px 8px;max-width:210px;max-height:55px;overflow:hidden}.category-label{display:inline-block}#emblem{position:absolute;left:70px;top:70px;width:164px;height:164px;padding:0;touch-action:none;z-index:7;cursor:grab}#emblem canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform-origin:50% 50%}#previous,#next,#play{position:absolute;width:44px;height:46px;z-index:8;color:var(--TextBrush)}#previous{left:12px;top:129px}#next{right:12px;top:129px}#previous svg,#next svg{width:20px;height:14px;margin:auto}#play{width:58px;height:46px;left:123px;top:246px}#play svg{margin:auto;width:18px;height:18px}#auto-prev,#auto-next{position:absolute;width:22px;height:36px;top:134px;z-index:8}#auto-prev{left:44px}#auto-next{right:44px}#auto-prev svg,#auto-next svg{width:8px;height:8px;margin:auto;fill:var(--PlayerDotBrush,var(--accent));opacity:.5}#auto-prev.active svg,#auto-next.active svg{opacity:1}#loop{position:absolute;left:139px;top:230px;width:26px;height:22px;z-index:8}#loop svg{width:8px;height:8px;margin:auto;fill:var(--PlayerDotBrush,var(--accent));opacity:.5}#loop.active svg{opacity:1}.corner-action{position:absolute;top:0;width:36px;height:36px;z-index:9;color:var(--MutedBrush)}.corner-action:before{content:'';position:absolute;inset:-5px}.corner-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;margin:auto}.favorite-action{left:0}.send-action{right:0}.favorite-action.on{color:var(--FavoriteAccent,#ff8fae)}.favorite-action.on svg{fill:currentColor}
.counter-area{display:grid;position:relative;min-height:25px;align-items:center}.counter-value,.counter-outgoing{grid-area:1/1;white-space:nowrap}.counter-suffix{white-space:pre}
#startup{position:absolute;inset:0;z-index:80;background:var(--WindowBackgroundBrush);display:flex;align-items:center;justify-content:center;overflow:hidden}#startup-art{width:min(96%,440px);height:auto;object-fit:contain}#startup-number,#startup-static{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}
#sheet-backdrop{position:absolute;inset:0;z-index:40;background:#0007;display:flex;align-items:flex-end}#send-sheet{max-height:94%;width:100%;overflow:auto;background:var(--WindowBackgroundBrush);border:1px solid var(--ButtonBorderBrush);border-radius:24px 24px 0 0;padding:10px 20px 20px;box-shadow:0 -16px 64px #0004;animation:sheet-in .25s cubic-bezier(.2,.9,.3,1)}.sheet-handle{height:4px;width:36px;border-radius:4px;background:var(--SubtleTextBrush);margin:0 auto 6px}.sheet-heading{display:flex;align-items:center;justify-content:space-between}.sheet-heading h2{font:24px Adlinnaka;margin:8px 0}#close-sheet{font-size:24px}#send-name{overflow-wrap:anywhere;line-height:1.4;margin:8px 0}#send-origin{font-size:12px;color:var(--MutedBrush);line-height:1.4}#send-groups{display:flex;border-bottom:1px solid var(--ButtonBorderBrush);margin:12px 0}#send-groups button{flex:1;font-size:13px;padding:8px 2px;border-bottom:2px solid transparent}#send-groups button.active{color:var(--accent);border-color:var(--accent)}#format-options{display:flex;gap:8px;margin:14px 0}#format-options button{border:1px solid var(--ButtonBorderBrush);border-radius:12px;padding:7px 14px}#format-options button.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}#export-summary{font-size:12px;color:var(--MutedBrush)}#export-state{min-height:18px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.primary{width:100%;border-radius:14px;min-height:46px;background:var(--TextBrush);color:var(--WindowBackgroundBrush);font-weight:600;margin-top:8px}.primary:hover{color:var(--WindowBackgroundBrush);filter:brightness(.9)}#export-progress{width:100%;height:5px;accent-color:var(--accent)}.share-note{font-size:11px;line-height:1.4;text-align:center;color:var(--MutedBrush);margin-bottom:0}
@media(max-width:360px){.title-area,#search-host,#query{font-size:15px}.sound-row{grid-template-columns:20px 28px minmax(0,1fr) 54px 24px;gap:3px;padding:0 8px}.sound-categories{font-size:15px}.sound-meta{font-size:9px}}

#previous:disabled,#next:disabled,#play:disabled{opacity:1}.filter-card:after{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:inherit;pointer-events:none;opacity:var(--flip-edge,0)}

/* Final compact layout constraints measured from the WPF visual tree. */
#home{height:calc(100% - 56px);margin:10px 10px 46px;scrollbar-width:none;overflow-anchor:none;overscroll-behavior:none}#category-list{padding:var(--home-pad,180px) 0}
.sound-row{grid-template-columns:45px 28px minmax(0,1fr) 62px}.number{width:26px;justify-self:start}.row-send{position:absolute;right:12px;bottom:3px;height:22px}.row-send svg{width:13px;height:13px}
@media(max-width:360px){.sound-row{grid-template-columns:30px 26px minmax(0,1fr) 54px}.number{width:20px}.sound-categories{font-size:15px}}

#tabs{overflow-x:auto;scrollbar-width:none}.filter-backdrop{filter:blur(7px);opacity:.65}.filter-backdrop .sound-row{pointer-events:none}

#filters{margin-left:1px;margin-right:1px}.filter-card .material-layer::before{display:block;background:var(--SurfaceSheenBrush);opacity:.8}
html,body{height:100%;overflow:clip}
#content,#counter,#list{scrollbar-width:none}#list::-webkit-scrollbar{display:none}

.filter-grip{left:0;top:0;width:100%;height:12px;background:transparent;opacity:1;z-index:8;pointer-events:auto}.filter-grip span{display:block;position:absolute;top:5px;left:calc(50% - 16px);width:32px;height:2px;border-radius:1px;background:var(--MutedBrush);opacity:.55}.tab-label{font-size:10px}

.filter-card.unpaired.front{margin-top:0}.title-area,#search-host,#query{font-size:clamp(12.5px,calc(5vw - 3.5px),18px)}
#app{overflow:clip}


#startup{background:var(--HeaderBackgroundBrush)}


#startup-static{z-index:1}#startup-number{z-index:2;transform-origin:center}

.category-row{align-items:flex-start;transform-origin:50% 42px}#category-list{padding-bottom:max(0px,calc(var(--home-pad,180px) - 6px))}

.title-area,#search-host,#query{font-size:var(--header-font-size,17px)}#readout{height:14.63px}
#readout.category-readout{left:0;right:0}#value.category{display:block;max-width:none;max-height:none;font-style:normal;font-weight:400}.category-value-row{display:flex;justify-content:center;align-items:center;white-space:nowrap}

.filter-card{padding:3px 9px 7px}.filter-header{height:16px;padding:0;position:static}.filter-title{margin-left:1px;font-weight:700}.filter-toggle{position:absolute;right:9px;top:4px;width:24px;height:16px}
.filter-chips{padding:2px 25px 1px 1px;gap:0}.filter-chips button{font-size:10px;min-width:0;margin:0 4px 3px 0}.filter-chips button.active{font-weight:700}

/* Shared source GlassInk applies in both light designs. */
.number,.row-favorite{color:var(--row-ink,var(--accent))}

/* PlayerAdjustmentsV2: duration follows rendered timer size minus one DIP. */
.sound-meta{font:italic 600 var(--duration-font-size,14px) 'Segoe UI';line-height:normal}.sound-size{font-size:10px;font-weight:400;margin-top:2px}.sound-name{font-size:11px;color:var(--MutedBrush)}.sound-categories{gap:0 11px}

/* 2026-11-04: one continuous page, no status/footer reservation. */
#app{background:var(--HeaderBackgroundBrush)}#content{background:transparent}

#counter>*{opacity:var(--counter-opacity,1)}

#theme svg{display:block}#new-tab{display:grid;place-items:center;font-size:inherit}#new-tab svg{display:block}
header{overflow:hidden}.heading{overflow:hidden}.title-area{overflow:visible;clip-path:inset(-30px 0 -30px -2px);max-height:none}#header-library{overflow:visible}
.tab{grid-template-columns:minmax(0,1fr) 15px 22px}.tab-label{text-overflow:ellipsis}.tab-audio{margin:0;width:12px}.tab-audio.compact-hidden{display:none}.tab:has(.tab-label[hidden]){display:flex;justify-content:center}
.row-favorite svg{width:20px;height:20px;margin:auto}
.row-favorite.on .favorite-outline{fill:currentColor}
.row-favorite.on .favorite-detail{fill:var(--Panel2Brush)}

#startup{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}#startup #startup-number{position:static;width:min(42vw,180px);height:auto;object-fit:contain;transform-origin:center}#startup.startup-error{padding:24px;text-align:center}#startup.startup-error button{padding:12px 24px;border:1px solid var(--ButtonBorderBrush);border-radius:18px}
#sheet-backdrop{background:#0007;z-index:90;isolation:isolate}#send-sheet{animation:none;transform-origin:50% 100%;padding-bottom:calc(20px + max(env(safe-area-inset-bottom),var(--safe-bottom)));max-height:94%;will-change:auto}#sheet-backdrop:is([data-state=opening],[data-state=closing]) #send-sheet{will-change:transform,opacity}#sheet-backdrop[data-state=closing]{pointer-events:auto}

#send-sheet{max-height:min(94%,calc(100% - max(env(safe-area-inset-top),var(--safe-top)) - 12px))}

#pull-outline{position:absolute;inset:6px;border:1px dashed var(--pull-accent,var(--accent));border-radius:18px;z-index:85;pointer-events:none}

/* Nine refinements, 2026-11-06. The bottom row has layout only, no panel material. */
#bottom-line {
 --footer-inset:14px;
 height:36px;
 flex:none;
 display:grid;
 grid-template-columns:var(--footer-wing,100px) minmax(0,1fr) var(--footer-wing,100px);
 align-items:center;
 min-width:0;
}
#footer-actions{grid-column:1;grid-row:1;justify-self:start;display:flex;gap:3px;padding-left:calc(var(--footer-inset) - 8px)}
#bottom-line #theme,#bottom-line #share-options{position:relative;inset:auto;flex:none;width:32px;height:36px;margin:0;display:grid;place-items:center;background:transparent;border:0;box-shadow:none;color:var(--footer-ink,var(--SubtleTextBrush))}
#bottom-line #theme::before{content:none}
#bottom-line #share-options svg{transform-origin:50% 85%;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#bottom-line #theme svg,#bottom-line #share-options svg{opacity:var(--footer-opacity,1)}
#bottom-line #counter{grid-column:3;grid-row:1;justify-self:end;position:relative;height:36px;min-width:30px;padding:0 var(--footer-inset) 0 5px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;font:normal 600 16px Numbers;color:var(--SubtleTextBrush);background:transparent;opacity:1;border:0;box-shadow:none}
#bottom-message{grid-column:2;grid-row:1;text-align:center;min-width:0;font:10.5px/1.25 'Segoe UI',Arial,sans-serif;color:var(--footer-ink,var(--SubtleTextBrush));opacity:var(--footer-opacity,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}
#player-area{padding-top:var(--player-top,16px);padding-bottom:var(--player-bottom,1px);z-index:3}
#list {
 margin-block:var(--list-top,5px) var(--list-bottom,6px);
 overscroll-behavior:none;
 z-index:1;
 mask-image:linear-gradient(transparent,#000 var(--list-fade,30px),#000 calc(100% - var(--list-fade,30px)),transparent);
}
#filters{z-index:4}
#filters .filter-card{max-height:calc(28px + var(--filter-options-max,180px))}
#filters .filter-chips {
 max-height:var(--filter-options-max,180px);
 padding:2px 1px 3px;
 gap:3px;
 overflow:auto;
 overscroll-behavior:contain;
 touch-action:pan-y;
 scrollbar-width:thin;
 scrollbar-color:var(--MutedBrush) transparent;
}
#filters .filter-chips button{height:19px;margin:0;padding-inline:5px}
#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow:auto;padding:6px 12px}
#empty br{display:none}
#empty button{margin:4px}
#app[data-short-viewport=short] header{height:84px}
#app[data-short-viewport=short] .heading{height:44px}
#app[data-short-viewport=keyboard] header{height:76px}
#app[data-short-viewport=keyboard] .tabbar{height:31px}
#app[data-short-viewport=keyboard] .tab{height:29px}
#app[data-short-viewport=keyboard] #new-tab{width:26px;height:26px;margin-bottom:1px}
#app[data-short-viewport=keyboard] .heading{height:45px}
.list-continuation{position:absolute;left:0;right:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint;mask-repeat:no-repeat}
.list-continuation *{pointer-events:none!important}.list-continuation .sound-row{touch-action:none}
.boundary-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.boundary-layer *{pointer-events:none!important}
#rows>[data-boundary-visual],#category-list>[data-boundary-visual]{opacity:0!important}
.sound-row{--heart-gap:10px;--row-start-pad:12px;padding:0 16px 0 var(--row-start-pad);grid-template-columns:clamp(28px,9vw,42px) calc(28px + 2 * var(--heart-gap)) minmax(0,1fr) calc(max(64px,var(--duration-font-size,14px)*5) + 8px);gap:0}
/* Center in the space from the outer card edge to the heart, not just
   between the padded grid origin and the next column. */
.sound-row .number{width:auto;justify-self:center;text-align:center;transform:translateX(calc((var(--heart-gap) - var(--row-start-pad)) / 2))}
.sound-row .row-favorite{width:28px;height:28px;justify-self:center;z-index:2}.sound-row .row-favorite:before{inset:-6px -4px}
.sound-row .sound-meta{padding-left:8px;min-width:0;text-align:right}.sound-row .sound-size{white-space:nowrap}
.sound-row .sound-description{min-width:0;max-height:72px;overflow:visible;cursor:inherit}
.sound-select{position:absolute;inset:0;z-index:1;border-radius:inherit;touch-action:pan-y}
.selectable :is(.number,.sound-description,.sound-meta){pointer-events:none}
.selectable .row-favorite{pointer-events:auto}
.sound-row .sound-categories{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-height:none;overflow:visible;flex-wrap:nowrap}
.sound-category-line{display:flex;align-items:baseline;flex:none;white-space:nowrap;font:inherit;line-height:inherit}
.sound-category-line>[data-label]{display:block;white-space:nowrap;flex:none}
.sound-row .sound-name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:13.2px;max-height:14px}
.sound-row .number-locations{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9.5px;line-height:11px;max-height:22px;overflow:hidden}
.tab{padding:0 14px;grid-template-columns:minmax(0,1fr) 13px 24px;column-gap:8px;min-width:84px}.close-tab{width:24px;height:32px;display:grid;place-items:center}.close-tab svg{margin:0}
.tab:has(.tab-label[hidden]){display:grid;grid-template-columns:13px 24px;justify-content:center;column-gap:8px}
#library-home{font-style:normal}
#corner-feedback{position:absolute;z-index:18;pointer-events:none;user-select:none;object-fit:contain;transform-origin:center}
#corner-feedback[data-kind=sheet]{z-index:95}
#ring-face,.material-player-svg{transform-origin:152px 152px;transform-box:view-box}
.tab-label{padding-inline-start:9px}
.counter-value,.counter-outgoing{text-align:right}

#dial{touch-action:pan-y}#ring{pointer-events:none}#ring .ring-hit{fill:none;stroke:transparent;stroke-width:23px;pointer-events:stroke}
.tab-label{text-overflow:ellipsis}.tab-audio{margin-right:0}

.sound-row{--category-base-size:17px}.sound-row.extra{--category-base-size:15px}
@media(max-width:360px){.sound-row{--category-base-size:15px}}