/* Rabri Audio Studio 1.4.0 — high-contrast audiobook player. */
.rabri-audio-studio{--as-bg:var(--rb-palette-carbon);--as-panel:var(--rb-palette-graphite);--as-text:var(--rb-palette-white);--as-muted:var(--rb-surface-1);--as-line:color-mix(in srgb,var(--rb-palette-steel-blue) 38%,transparent);--as-accent:var(--rb-palette-steel-blue);--as-accent-2:var(--rb-palette-cerulean);position:relative;isolation:isolate;margin:18px 0 20px;padding:15px;border:1px solid var(--as-line);border-radius:20px;overflow:hidden;color:var(--as-text);background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--rb-palette-steel-blue) 22%,transparent),transparent 19rem),linear-gradient(145deg,var(--as-bg),var(--rb-palette-carbon) 58%,var(--rb-palette-graphite));box-shadow:0 22px 58px color-mix(in srgb,var(--rb-palette-carbon) 28%,transparent)}
.rabri-audio-studio:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--rb-palette-steel-blue) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--rb-palette-steel-blue) 8%,transparent) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,var(--rb-palette-carbon),transparent 75%)}
.rabri-audio-studio :where(button,a,select,input){font:inherit}.rabri-audio-studio :where(button,a){color:var(--as-text);-webkit-text-fill-color:currentColor}.rabri-audio-studio__head,.rabri-audio-studio__display,.rabri-audio-studio__tools,.rabri-audio-studio__queue-head{display:flex;align-items:center}.rabri-audio-studio__head{justify-content:space-between;gap:12px;margin-bottom:12px}.rabri-audio-studio__head>div{display:grid;gap:1px}.rabri-audio-studio__kicker{color:var(--rb-accent-text);font-size:12px;font-weight:900;letter-spacing:.14em}.rabri-audio-studio__head strong{color:var(--as-text);font-size:17px}.rabri-audio-studio__head>button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--as-line);border-radius:11px;background:var(--as-panel);cursor:pointer}.rabri-audio-studio__head>button:hover{background:var(--rb-palette-cerulean);border-color:var(--rb-accent-text);color:var(--rb-action-fg)}
.rabri-audio-studio__display{display:grid;grid-template-columns:62px minmax(150px,1fr) minmax(180px,.8fr);gap:13px;min-height:76px;padding:10px;border:1px solid var(--as-line);border-radius:15px;background:color-mix(in srgb,var(--rb-palette-carbon) 88%,transparent)}.rabri-audio-studio__cover{width:60px;height:60px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--as-line);border-radius:12px;background:var(--rb-palette-graphite);color:var(--rb-accent-text)}.rabri-audio-studio__cover img{width:100%;height:100%;object-fit:cover}.rabri-audio-studio__cover svg{width:26px;height:26px}.rabri-audio-studio__now{min-width:0;display:grid;align-content:center}.rabri-audio-studio__now small{color:var(--rb-accent-text);font-size:12px;font-weight:800}.rabri-audio-studio__now strong{overflow:hidden;color:var(--as-text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.rabri-audio-studio__now span{overflow:hidden;color:var(--as-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.rabri-audio-visualizer,.rabri-mini-visualizer{display:block;width:100%;height:48px}
.rabri-audio-studio__timeline{margin:11px 3px 4px}.rabri-audio-studio__timeline input,.rabri-mini-progress input{width:100%;height:6px;accent-color:var(--as-accent);cursor:pointer}.rabri-audio-studio__timeline>div{direction:ltr;display:flex;justify-content:space-between;gap:8px;margin-top:2px;color:var(--as-muted);font-size:12px}.rabri-audio-studio__timeline [data-player-buffered]{margin:auto;color:var(--rb-accent-text)}.rabri-audio-studio__controls{direction:ltr;display:flex;justify-content:center;align-items:center;gap:7px;margin:2px 0 10px}.rabri-audio-studio__controls button{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--as-line);border-radius:50%;background:var(--as-panel);color:var(--as-text);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.rabri-audio-studio__controls button:hover,.rabri-audio-studio__controls button:focus-visible,.rabri-audio-studio__controls button.is-active{background:var(--rb-palette-cerulean);border-color:var(--rb-accent-text);color:var(--rb-action-fg);transform:translateY(-2px)}.rabri-audio-studio__controls button>span:not([data-repeat-label]){position:absolute;inset:auto auto 0 3px;font-size:9px;font-weight:900}.rabri-audio-studio__controls [data-repeat-label]{position:absolute;inset:auto 3px 1px auto;font-size:9px;font-weight:900}.rabri-audio-studio__controls .rabri-audio-studio__play{width:66px;height:66px;border:4px solid color-mix(in srgb,var(--rb-palette-white) 92%,transparent);background:linear-gradient(135deg,var(--as-accent),var(--as-accent-2));box-shadow:0 0 0 6px color-mix(in srgb,var(--rb-palette-steel-blue) 18%,transparent),0 12px 28px color-mix(in srgb,var(--rb-palette-carbon) 38%,transparent);color:var(--rb-action-fg)}.rabri-audio-studio__controls .rabri-audio-studio__play:hover{background:linear-gradient(135deg,var(--rb-palette-cerulean),var(--rb-palette-cerulean));transform:scale(1.04)}.rabri-audio-studio__play svg{width:27px;height:27px;fill:currentColor;stroke:none}
.rabri-audio-studio__tools{flex-wrap:wrap;justify-content:center;gap:7px;padding:9px;border:1px solid var(--as-line);border-radius:14px;background:color-mix(in srgb,var(--rb-palette-carbon) 76%,transparent)}.rabri-audio-studio__tools :where(label,button,a){min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--as-line);border-radius:10px;background:var(--rb-palette-graphite);color:var(--as-text)}.rabri-audio-studio__tools button,.rabri-audio-studio__tools a{cursor:pointer}.rabri-audio-studio__tools :where(button,a):hover{background:var(--rb-palette-cerulean);border-color:var(--rb-accent-text);color:var(--rb-action-fg)}.rabri-audio-studio__tools select{border:0;background:var(--rb-palette-graphite);color:var(--rb-action-fg);outline:0}.rabri-audio-studio__tools input{width:92px;accent-color:var(--as-accent)}
.rabri-audio-studio__queue{margin-top:9px;max-height:255px;overflow:auto;border:1px solid var(--as-line);border-radius:14px;background:color-mix(in srgb,var(--rb-palette-carbon) 82%,transparent)}.rabri-audio-studio__queue[hidden]{display:none}.rabri-audio-studio__queue-head{justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--as-line)}.rabri-audio-studio__queue-head strong{color:var(--as-text)}.rabri-audio-studio__queue-head span{color:var(--as-muted);font-size:12px}.rabri-audio-studio__queue ol{list-style:none;margin:0;padding:5px}.rabri-audio-studio__queue li+li{border-top:1px solid color-mix(in srgb,var(--rb-palette-steel-blue) 19%,transparent)}.rabri-audio-studio__queue button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto 24px;align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;background:transparent;text-align:right;cursor:pointer}.rabri-audio-studio__queue button:hover,.rabri-audio-studio__queue li.is-active button{background:var(--rb-palette-cerulean);color:var(--rb-action-fg)}.rabri-audio-studio__queue button>b{color:var(--rb-accent-text);text-align:center}.rabri-audio-studio__queue button>span{min-width:0}.rabri-audio-studio__queue button strong,.rabri-audio-studio__queue button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rabri-audio-studio__queue button strong{color:inherit}.rabri-audio-studio__queue button small,.rabri-audio-studio__queue button time{color:var(--as-muted)}.rabri-audio-studio__queue button time{direction:ltr;font-size:12px}
.rabri-mini-player{--as-text:var(--rb-palette-white);--as-muted:var(--rb-surface-1);--as-line:color-mix(in srgb,var(--rb-palette-steel-blue) 42%,transparent);--as-accent:var(--rb-palette-steel-blue);position:fixed!important;z-index:10020!important;left:12px!important;right:12px!important;bottom:12px!important;max-width:1320px!important;display:grid!important;grid-template-columns:54px minmax(150px,1.1fr) 120px auto minmax(160px,1.2fr) auto auto auto auto!important;gap:9px!important;align-items:center!important;padding:9px 11px!important;border:1px solid var(--as-line)!important;border-radius:17px!important;background:color-mix(in srgb,var(--rb-palette-carbon) 96%,transparent)!important;color:var(--as-text);box-shadow:0 25px 75px color-mix(in srgb,var(--rb-palette-carbon) 50%,transparent)!important;backdrop-filter:blur(22px)!important}.rabri-mini-player[hidden]{display:none!important}.rabri-mini-player :where(strong,small,span,time,label,button,select){color:inherit;-webkit-text-fill-color:currentColor}.rabri-mini-cover{width:52px!important;height:52px!important;background:var(--rb-palette-graphite)!important;border:1px solid var(--as-line);border-radius:10px!important}.rabri-mini-info>span{display:block;color:var(--rb-accent-text);font-size:10px;font-weight:900;letter-spacing:.13em}.rabri-mini-info strong{color:var(--rb-action-fg)}.rabri-mini-info small{color:var(--as-muted)}.rabri-mini-visualizer{height:38px}.rabri-mini-controls{direction:ltr}.rabri-mini-controls button,.rabri-mini-close,.rabri-mini-sleep,.rabri-mini-queue-toggle{width:36px;min-width:36px!important;height:36px!important;border:1px solid var(--as-line)!important;background:var(--rb-palette-graphite)!important;color:var(--rb-action-fg)}.rabri-mini-controls button:hover,.rabri-mini-close:hover,.rabri-mini-sleep:hover,.rabri-mini-queue-toggle:hover{background:var(--rb-palette-cerulean)!important;border-color:var(--rb-accent-text);color:var(--rb-action-fg)}.rabri-mini-controls button b{position:absolute;font-size:8px}.rabri-mini-controls .rabri-mini-play{width:48px!important;height:48px!important;background:linear-gradient(135deg,var(--rb-palette-steel-blue),var(--rb-palette-cerulean))!important;border:3px solid var(--rb-palette-white)!important;color:var(--rb-action-fg)}.rabri-mini-progress{display:grid;gap:2px}.rabri-mini-progress time{direction:ltr;color:var(--as-muted);font-size:11px;text-align:center}.rabri-mini-speed select{height:36px!important;border-color:var(--as-line);background:var(--rb-palette-graphite)!important;color:var(--rb-action-fg)}.rabri-mini-volume{display:flex;align-items:center;gap:4px}.rabri-mini-volume input{width:72px;accent-color:var(--rb-accent-text)}.rabri-mini-sleep{display:flex!important;gap:2px}.rabri-mini-sleep span:empty{display:none}.rabri-mini-queue{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:290px;overflow:auto;padding:7px;border:1px solid var(--as-line);border-radius:15px;background:color-mix(in srgb,var(--rb-palette-carbon) 98%,transparent);box-shadow:0 -18px 45px color-mix(in srgb,var(--rb-palette-carbon) 40%,transparent)}.rabri-mini-queue[hidden]{display:none}.rabri-mini-queue ol{display:grid;gap:3px;list-style:none;margin:0;padding:0}.rabri-mini-queue button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:9px;padding:9px;border:0;border-radius:9px;background:var(--rb-palette-graphite);color:var(--rb-action-fg);text-align:right}.rabri-mini-queue li.is-active button,.rabri-mini-queue button:hover{background:var(--rb-palette-cerulean)}.rabri-mini-queue button span,.rabri-mini-queue button strong,.rabri-mini-queue button small{display:block}.rabri-mini-queue button small{color:var(--as-muted)}
@media(max-width:1050px){.rabri-mini-player{grid-template-columns:50px minmax(120px,1fr) auto minmax(150px,1fr) auto auto!important}.rabri-mini-visualizer,.rabri-mini-volume,.rabri-mini-sleep{display:none!important}}@media(max-width:720px){.rabri-audio-studio{padding:11px}.rabri-audio-studio__display{grid-template-columns:54px 1fr}.rabri-audio-studio__cover{width:52px;height:52px}.rabri-audio-visualizer{grid-column:1/-1;height:35px}.rabri-audio-studio__controls{gap:3px}.rabri-audio-studio__controls button{width:36px;height:36px}.rabri-audio-studio__controls .rabri-audio-studio__play{width:58px;height:58px}.rabri-audio-studio__tools{justify-content:stretch}.rabri-audio-studio__tools>*{flex:1;justify-content:center}.rabri-audio-studio__tools label:first-child{display:none}.rabri-mini-player{left:6px!important;right:6px!important;bottom:6px!important;grid-template-columns:44px minmax(100px,1fr) auto auto!important}.rabri-mini-cover{width:44px!important;height:44px!important}.rabri-mini-info>span,.rabri-mini-info small{display:none}.rabri-mini-controls{grid-column:3;grid-row:1}.rabri-mini-controls [data-player-previous],.rabri-mini-controls [data-player-next],.rabri-mini-controls [data-player-back],.rabri-mini-controls [data-player-forward]{display:none}.rabri-mini-progress{grid-column:1/-1}.rabri-mini-speed,.rabri-mini-queue-toggle{display:none!important}.rabri-mini-close{grid-column:4;grid-row:1}}@media(prefers-reduced-motion:reduce){.rabri-audio-studio *{transition:none!important}}