.icon-button{display:flex;align-items:center;justify-content:center;margin:auto var(--space-sm) auto 0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:.375rem;transition:color .2s ease,background-color .2s ease}.icon-button:hover{background-color:var(--color-primary-hover);color:var(--color-text-primary)}.icon-button.active{background-color:var(--color-primary);color:var(--color-surface)}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;background-color:transparent;color:var(--color-text-secondary)}.icon-button:not(.active):not(:hover){background-color:transparent!important;color:var(--color-text-secondary)!important;box-shadow:none!important;outline:none!important}.icon-button:not(.active):focus:not(:focus-visible){background-color:transparent;color:var(--color-text-secondary);box-shadow:none;outline:none}@media(max-width:768px){.icon-button:not(.active){background-color:transparent!important;box-shadow:none!important}}.audio-player{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:2px var(--space-sm);align-items:center;padding-block:var(--space-lg);padding-inline:var(--space-xl);background:var(--color-surface);border-top:var(--border-width-brutal) solid var(--color-primary);box-shadow:var(--shadow-brutal-1top),var(--shadow-brutal-2top);transition:all var(--transition-base);-webkit-user-select:none;user-select:none;max-width:100vw;box-sizing:border-box}.audio-player__row--controls{grid-column:1;grid-row:1/span 2;display:flex;align-items:center;justify-content:center;padding-inline-end:var(--space-xs)}.audio-player__progress-container{grid-column:2;grid-row:1;display:flex;align-items:center;gap:var(--space-sm);min-width:180px;align-self:self-end}.audio-player__progress-bar{flex:1;height:6px;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-base);touch-action:none}.audio-player__progress-bar:hover{border-color:var(--color-primary);height:15px}.audio-player__progress-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-fast);position:absolute;inset-inline-start:0;inset-block-start:0;border-radius:var(--radius-pill)}.audio-player__time{font-family:var(--font-primary);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;min-width:70px;text-align:right;flex-shrink:0}.audio-player__row--info{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;min-height:20px;align-self:self-start;max-width:100%;overflow:visible}.audio-player__row-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.audio-player__track-info{font-size:var(--font-size-xs);flex:1;min-width:0;overflow:hidden}.audio-player__track-content{display:flex;align-items:center;gap:var(--space-xxs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-player__title{font-weight:var(--font-weight-bold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.audio-player__title:lang(ar){font-family:var(--font-arabic);line-height:1.6}.audio-player__author{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;flex-shrink:2}.audio-player__author:lang(ar){font-family:var(--font-arabic)}.audio-player__actions-container{position:relative;display:flex;align-items:center;flex-shrink:0;gap:var(--space-xs);margin-left:auto;z-index:1;overflow:visible}.audio-player__share{display:flex;align-items:center}.audio-player__error{padding:var(--space-sm) var(--space-md);background-color:var(--color-error-bg);color:var(--color-error);border:var(--border-width) solid var(--color-error);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center}.audio-player--empty{text-align:center;padding:var(--space-xxl);background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border)}.audio-player__placeholder{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base)}.audio-player.embedded{position:relative;bottom:auto;left:auto;right:auto;z-index:auto;border-top:none;box-shadow:none;padding-inline:var(--space-md)}.audio-player.embedded .audio-player__progress-container{align-self:center}.audio-player.embedded .audio-player__actions-container{margin-left:0}@media(max-width:576px){.audio-player{padding-block:var(--space-md);padding-inline:var(--space-md)}.audio-player .audio-player__progress-container{min-width:0}.audio-player .audio-player__progress-bar{height:4px}.audio-player .audio-player__progress-bar:hover{height:15px}.audio-player .audio-player__time{font-size:var(--font-size-xxs);min-width:60px}.audio-player .audio-player__track-info{font-size:var(--font-size-xxs)}.audio-player.embedded{padding-inline:var(--space-sm)}}