@charset "UTF-8";/* Patho Audio v2 — fully namespaced to avoid Joomla / T4 styles leaking */
#player.float-player{--ap-bg:#171d30;--ap-panel:#212940;--ap-border:#46506c;--ap-text:#f5f4fa;--ap-muted:#abb5d1;--ap-violet:#b998f3;--ap-cyan:#83d8e4;position:fixed;right:20px;top:24px;width:min(94vw,560px);max-height:calc(100dvh - 16px);overflow:hidden;z-index:9999;background:linear-gradient(155deg,#252e48 0%,#181f33 48%,#14192a 100%);color:var(--ap-text);border:1px solid #7b82a35c;border-radius:23px;box-shadow:0 26px 75px #0009,0 0 0 1px #fff1,inset 0 1px #fff2;font:14px/1.4 system-ui,-apple-system,Segoe UI,Arial,sans-serif;opacity:0;pointer-events:none;transform:translateY(16px) scale(.98);transition:opacity .26s,transform .26s;user-select:none;isolation:isolate;box-sizing:border-box}
#player *{box-sizing:border-box}#player.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}#player.dragging{box-shadow:0 30px 95px #000b}#player button,#player input{font:inherit}#player button{cursor:pointer;color:inherit}#player button:focus-visible,#player input:focus-visible{outline:2px solid #d5acff;outline-offset:2px}#player .bar{height:58px;display:flex;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid #ffffff19;background:#ffffff08}#player .drag-handle{border:1px solid #ffffff28;border-radius:11px;width:35px;height:35px;flex:none;color:#d3cee4;background:#ffffff0b;font-size:24px;line-height:1;touch-action:none;cursor:grab;display:grid;place-items:center}#player .player-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:12px;font-weight:820;letter-spacing:.13em}#player .brand-accent{color:#d3b1ff}#player .player-brand small{display:block;color:#8898be;font-size:8px;letter-spacing:.20em;margin-top:2px}#player .brand-signal{display:flex;gap:2px;align-items:center;height:24px}#player .brand-signal i{display:block;width:3px;height:9px;border-radius:3px;background:#b99cf0;animation:ap-wave 1.1s ease-in-out infinite alternate}#player .brand-signal i:nth-child(2),#player .brand-signal i:nth-child(4){height:17px;animation-delay:.19s}#player .brand-signal i:nth-child(3){height:24px;animation-delay:.35s}#player .bar-actions{margin-left:auto;display:flex;gap:5px}#player .bar-actions button{border:1px solid #ffffff23;background:#ffffff0c;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px}#player .bar-actions .close-btn{font-size:25px;line-height:1;color:#f2b3c4}#player button:hover{background-color:#8e7bc24d}#player .player-main{padding:17px 22px 12px}#player .track-overview{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-width:0}#player .art{width:88px;height:88px;flex:0 0 88px;border-radius:19px;background:radial-gradient(circle at 45% 40%,#a888d2 0%,#525581 35%,#293451 70%,#171e31 100%);border:1px solid #ffffff40;box-shadow:0 8px 27px #08091790,inset 0 1px #ffffff55;display:grid;place-items:center}#player .audio-orbit{width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff4f;border-radius:50%;box-shadow:0 0 0 7px #ffffff10,inset 0 0 18px #b191e659}#player .audio-orbit span{font-size:31px;color:#f0defb}#player .info-row{min-width:0;flex:1}#player .now-label{font-size:10px;letter-spacing:.14em;color:#d1b1ff;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:7px}#player .playing-dot{width:7px;height:7px;border-radius:50%;background:#b8a8d8}#player.is-playing .playing-dot{background:#7ee5ce;box-shadow:0 0 0 5px #7ee5ce18;animation:ap-pulse 1.6s infinite}#player.is-playing .brand-signal i{background:#86e0e9}#player .title{font-weight:750;font-size:19px;line-height:1.25;color:#fcf9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player .subtitle{font-size:11px;margin-top:7px;color:#aebada;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player .seek-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:11px;margin:0 0 11px}#player .time{font-size:11px;color:#b7c3dd;font-variant-numeric:tabular-nums;text-align:center}#player input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;min-width:0;margin:0}#player input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#c4a4ee var(--pct,0%),#ffffff2d var(--pct,0%))}#player input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:#ffffff2d}#player input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:#c4a4ee}#player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-4.5px;background:#f6edff;border:3px solid #bda0e8;border-radius:50%;box-shadow:0 0 0 4px #bda0e81c}#player input[type=range]::-moz-range-thumb{width:12px;height:12px;border:3px solid #bda0e8;border-radius:50%;background:white}#player .transport{display:flex;align-items:center;justify-content:center;gap:26px;padding:0 0 9px}#player .transport-left,#player .transport-right{display:flex;align-items:center;gap:13px}#player button.icon{border:1px solid transparent;background:transparent;border-radius:12px;min-width:37px;min-height:40px;font-size:16px;display:flex;align-items:center;justify-content:center;color:#d8d8ed}#player .transport .jump{display:flex;flex-direction:column;gap:0;font-size:25px;line-height:23px;position:relative}#player .jump small{position:absolute;font-size:9px;bottom:8px;line-height:10px}#player .primary-play{width:64px;height:64px!important;flex:0 0 64px;background:linear-gradient(145deg,#d4abff,#9c85eb)!important;border:0!important;border-radius:50%!important;color:#19203b!important;box-shadow:0 8px 22px #9b6dea55,0 0 0 6px #bc9ef526}#player .primary-play:hover{transform:scale(1.06)}#player .primary-play svg{width:25px;height:25px}#player .utility-row{display:flex;align-items:center;gap:7px;border-top:1px solid #ffffff14;padding-top:10px}#player .volume-box{display:flex;align-items:center;gap:8px;min-width:92px;width:105px;color:#bfc9e0;font-size:13px}#player .volume-box input{flex:1}#player .utility-button{border:1px solid #ffffff29;border-radius:9px;background:#ffffff0a;padding:7px 10px;min-height:32px;font-size:11px;color:#d9dafa;white-space:nowrap}#player .track-indicator{margin-left:auto;color:#aebbd4;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player .panel{border-top:1px solid #ffffff20;background:#131c2eee;max-height:0;overflow:hidden;transition:max-height .3s ease}#player .panel.open{max-height:min(62dvh,510px);overflow-y:auto}#player .nav-tabs{margin:0;padding:10px 16px 5px;display:flex;gap:8px;list-style:none;border:0}#player .nav-item{margin:0;height:auto!important}#player .nav-tabs .nav-link{background:transparent!important;color:#aeb8d2!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:8px 9px;font-size:12px}#player .nav-tabs .nav-link.active{color:#f5eaff!important;border-color:#c5a7ef!important}#player #playlistCount{color:#d3b2f9}#player .tab-content{padding:4px 16px 15px}#player .browser-tools{margin-bottom:10px}#player .browser-filter-wrap{display:flex;align-items:center;gap:9px;background:#ffffff0c;border:1px solid #ffffff2d;border-radius:11px;padding:0 11px;color:#c5cbe3}#player #fileFilter{border:none;background:transparent;color:white;outline:none;width:100%;height:39px;font-size:12px}#player #fileFilter::placeholder{color:#8e9bb5}#player .browser-card,#player .playlist-card{background:#ffffff09;border:1px solid #ffffff1b;border-radius:12px;overflow:hidden}#player .browser-head,#player .playlist-head{min-height:42px;padding:8px 11px;display:flex;align-items:center;border-bottom:1px solid #ffffff17;gap:8px}#player .crumbs-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0;color:#c5c6df;font-size:11px}#player .crumb{cursor:pointer;color:#d8c6f1}#player .crumb:hover{text-decoration:underline}#player .up-btn{margin-left:auto;border:1px solid #ffffff25;border-radius:8px;width:29px;height:29px;background:#ffffff0a;color:#eee}#player .browser-list,#player .playlist-list,#player .chapters-list{height:225px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:#7e719e transparent}#player .entry,#player .track{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px;padding:7px 11px;border:1px solid transparent;border-radius:9px;background:#ffffff08;color:#e6e6f6;cursor:pointer}#player .entry:hover,#player .track:hover{background:#987bbf2b;border-color:#ffffff25}#player .entry .name,#player .track .name{font-size:12px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}#player .entry .tag{color:#a6adbf;font-size:10px;border:1px solid #ffffff2b;border-radius:5px;padding:2px 5px}#player .entry .add{display:grid;place-items:center;border:1px solid #9278b5;color:#e4d5f3;border-radius:8px;width:28px;height:27px;font-size:14px}#player .track{grid-template-columns:auto minmax(0,1fr) auto}#player .track.active{border-color:#b7a3e6;background:#a185d42d}#player .track .icon{min-height:30px;min-width:30px}#player .chapters-list button{width:100%;text-align:left;padding:8px;border-radius:8px;background:#ffffff0c;color:#fff;border:1px solid #ffffff25;font-size:12px}#player .playlist-head strong{font-size:12px}#player .playlist-head #clearPlaylist{margin-left:auto}#player.mini{width:min(94vw,420px)}#player.mini .player-main{padding:9px 14px}#player.mini .art,#player.mini .now-label,#player.mini .utility-row,#player.mini .panel,#player.mini .subtitle,#player.mini .brand-signal{display:none!important}#player.mini .track-overview{margin:0 0 6px}#player.mini .title{font-size:12px}#player.mini .transport{gap:6px;padding:0}#player.mini .transport-left,#player.mini .transport-right{gap:5px}#player.mini .primary-play{width:42px!important;height:42px!important;flex-basis:42px}#player.mini .seek-row{margin:3px 0}#player.mini .bar{height:45px}#player .tab-pane:not(.show){display:none!important}@media (max-width:650px) {#player.float-player{width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;max-height:calc(100dvh - 16px);border-radius:18px}#player .drag-handle{display:none}#player .player-main{padding:13px 14px 9px}#player .art{width:64px;height:64px;flex-basis:64px;border-radius:14px}#player .audio-orbit{width:43px;height:43px}#player .title{font-size:16px}#player .transport{gap:12px}#player .transport-left,#player .transport-right{gap:8px}#player .volume-box{min-width:75px;width:78px}#player .utility-row{gap:5px}#player .utility-button{font-size:10px;padding:6px}#player .track-indicator{display:none}#player .panel.open{max-height:min(49dvh,400px)}#player .browser-list,#player .playlist-list,#player .chapters-list{height:min(28dvh,210px)}}@media (max-width:365px) {#player .player-brand{letter-spacing:0;font-size:11px}#player .utility-row{flex-wrap:wrap}#player .transport{gap:4px}}@media (prefers-reduced-motion:reduce) {#player *{animation:none!important;transition:none!important}}@keyframes ap-wave {to{transform:scaleY(.45)}}@keyframes ap-pulse {50%{opacity:.4}}
#player .ap-empty{padding:18px 12px;color:#aab5d1;text-align:center;font-size:12px;line-height:1.5}
#player .entry .add{font-size:18px;font-weight:600}
#player .track .icon{font-size:20px;color:#e6bddf}
/* V3 pop-out affordance: accessible quick launch even when player is hidden. */
#player #popoutBtn{font-size:14px;letter-spacing:-.07em;color:#d1b7fa}
#pathoAudioPopoutLaunch{position:fixed;right:16px;bottom:18px;z-index:9997;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #bb9de7;background:linear-gradient(150deg,#564879,#242a43);color:#fff;font:28px system-ui;box-shadow:0 8px 22px #0007;cursor:pointer}
#pathoAudioPopoutLaunch:hover{background:#74529d;transform:translateY(-2px)}
#pathoAudioPopoutLaunch:focus-visible{outline:3px solid #e5c8ff;outline-offset:3px}
body:has(#player.visible) #pathoAudioPopoutLaunch{display:none}
@media (max-width:650px) {#pathoAudioPopoutLaunch{bottom:14px;right:12px}}

/* V11: Persistent audio button, separated from the context-menu button. */
#pathoAudioPopoutLaunch{right:18px!important;bottom:84px!important;width:55px;height:55px;font-size:27px;z-index:9997;transition:transform .2s ease,background .2s ease;}
#pathoAudioPopoutLaunch:hover{transform:translateY(-3px) scale(1.05)}
body:has(#player.visible) #pathoAudioPopoutLaunch{display:grid!important;opacity:.68}body:has(#player.visible) #pathoAudioPopoutLaunch:hover{opacity:1}
@media (max-width:650px) {#pathoAudioPopoutLaunch{bottom:79px!important;right:13px!important}}

