.random-panel{display:flex;gap:28px;align-items:center;position:relative;overflow:hidden;padding:30px;border:1px solid #52683c;border-radius:8px;background:radial-gradient(ellipse at 100% 50%,#6b8e392b,transparent 65%),var(--panel)}.random-visual{width:100px;flex:none;color:var(--lime);display:grid;place-items:center;aspect-ratio:1;border:1px solid #788c5a55;border-radius:50%;box-shadow:0 0 0 12px #72885208,0 0 0 28px #72885205}.random-visual svg{width:48px;height:48px;stroke-width:1.2}.random-copy{min-width:0;flex:1}.random-copy .eyebrow{font-size:9px;letter-spacing:2px;color:var(--lime)}.random-copy h3{font-size:22px;line-height:1.5;letter-spacing:-.7px;margin:10px 0}.random-copy p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.random-actions{display:flex;gap:14px;align-items:center;margin-top:19px;flex-wrap:wrap}.random-actions .primary{font-size:11px;padding:12px 17px}.random-actions .text-link{font-size:10px}.random-meta{display:flex;align-items:center;gap:12px;margin-top:15px;color:var(--muted);font-size:9px;line-height:1.8}.random-meta strong{color:var(--lime);font-weight:500}.playback-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin:15px 0}.playback-settings label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:9px;color:var(--muted)}.playback-settings select{width:100%;max-width:none;min-height:36px;font-size:11px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--deep)}.playback-settings select:disabled{opacity:.55}.queue-mode-label{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font-size:8px;letter-spacing:0;color:var(--muted)}.queue-mode-label.random{color:var(--lime)}#random-panel[hidden],#ranking-tabs[hidden]{display:none!important}
[data-theme="light"] .random-panel{border-color:#bdcdb1;background:radial-gradient(ellipse at 100% 50%,#c1d7a755,transparent 65%),var(--panel)}[data-theme="light"] .random-visual,[data-theme="light"] .random-meta strong,[data-theme="light"] .random-copy .eyebrow,[data-theme="light"] .queue-mode-label.random{color:#4e742e}
.segment-repeat{margin:0 0 17px;border:1px solid var(--line);border-radius:5px;background:var(--deep)}.segment-repeat summary{cursor:pointer;list-style:none;padding:11px 12px;font-size:10px;display:flex;align-items:center;justify-content:space-between}.segment-repeat summary::-webkit-details-marker{display:none}.segment-repeat summary:after{content:'+';color:var(--muted);font-size:14px}.segment-repeat[open] summary:after{content:'−'}.segment-repeat summary>span{margin-left:auto;margin-right:12px;font:9px Arial,sans-serif;color:var(--lime)}.segment-repeat form{padding:0 12px 11px}.segment-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.segment-inputs label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:var(--muted)}.segment-inputs>span{padding-bottom:10px;color:var(--muted)}.segment-inputs input{min-width:0;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:4px;color:var(--text);font-size:12px;padding:9px 8px;min-height:36px}.segment-actions{display:flex;align-items:center;gap:13px;margin-top:12px;flex-wrap:wrap}.segment-actions button{font-size:9px}.segment-repeat #segment-status{font-size:9px;line-height:1.7;color:var(--muted);margin:10px 0 0}.segment-repeat #segment-status.error{color:var(--orange)}.entry-bottom{flex-wrap:wrap;gap:10px}.queue-mode-label{font-weight:400}
@media(max-width:1190px){.random-panel{gap:22px;padding:24px}.random-visual{width:75px}.random-visual svg{width:35px;height:35px}}
@media(max-width:760px){.archive-categories button{flex:1 1 calc(50% - 6px)}.random-panel{padding:22px 18px;display:block}.random-visual{position:absolute;right:16px;top:20px;width:42px;opacity:.45}.random-visual svg{width:23px;height:23px}.random-copy .eyebrow{padding-right:45px;font-size:8px}.random-copy h3{font-size:19px;max-width:90%;margin:13px 0 10px}.random-copy p{font-size:10px}.random-actions{gap:12px}.random-actions .primary{font-size:10px;padding:11px 13px}.random-actions .text-link{font-size:9px}.random-meta{display:block;font-size:8px}.random-meta span{display:block;margin-top:4px}.playback-settings{gap:7px;margin:13px 0}.playback-settings select{min-height:34px;font-size:10px;padding:6px 8px}.playback-settings label{font-size:8px}.queue-mode-label{font-size:7px}}

.segment-inputs{display:grid;grid-template-columns:1fr;gap:12px}.segment-time{border:0;padding:0;margin:0;min-width:0}.segment-time legend{padding:0;margin-bottom:7px;font-size:10px;color:var(--text)}.segment-time>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.segment-time label{display:flex;flex-direction:row;align-items:center;gap:5px}.segment-time input{width:100%;min-width:0;padding:8px 5px;text-align:center;font-variant-numeric:tabular-nums}.segment-time label>span{flex:none;font-size:9px;min-width:10px}

.short-play{margin:16px 0 0;border:1px solid var(--line);border-radius:6px;background:var(--deep)}.short-play.enabled{border-color:#9fce6a88}.short-play-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.short-play-heading>span{font-size:11px;color:var(--muted)}.short-play-heading button{flex:none;min-height:44px;min-width:64px;padding:8px 13px;border:1px solid var(--line);border-radius:24px;font-size:11px;color:var(--muted);background:var(--panel)}.short-play-heading button[aria-checked="true"]{background:var(--lime);color:var(--deep);border-color:var(--lime)}.short-play p{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0}.short-play form{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.short-play .segment-time input{min-height:44px;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px}.short-play form>button{min-height:44px;font-size:11px;justify-self:stretch}.short-play #short-play-status{margin-bottom:0}.short-play #short-play-status.error{color:var(--orange)}.short-play button:focus-visible,.short-play input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.short-play summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 12px;cursor:pointer;list-style:none;font-size:11px}.short-play summary::-webkit-details-marker{display:none}.short-play summary:after{content:"+";font-size:14px;color:var(--muted)}.short-play[open] summary:after{content:"−"}.short-play #short-play-summary{margin-left:auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.short-play.enabled #short-play-summary{color:var(--lime)}.short-play-content{padding:0 12px 12px}.short-play summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}