/* An opaque player menu; media, permission and reporting stay with their owners. */
.feed-options{position:absolute;margin:0;z-index:8;top:12px;right:12px;left:auto;bottom:auto;width:min(300px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;container:feed-options / inline-size;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg);color:var(--color-text);text-align:left;font:13px/1.45 var(--font-ui);box-shadow:0 12px 36px #0006}
.feed-options[hidden]{display:none}
body.is-feed-options :is(.feed-toolbar,.feed-mid-sound){visibility:hidden;pointer-events:none}
.feed-options header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.feed-options h2{flex:1;min-width:0;margin:0;font-size:17px;line-height:1.25;overflow-wrap:anywhere}
.feed-options header button{flex:none;display:grid;place-items:center;min-width:36px;min-height:44px;padding:4px}
.feed-options .icon{width:20px;height:20px;flex:none}
.feed-options button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
.feed-options-list{display:grid;gap:4px}
.feed-options-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:44px;padding:10px 8px;border-radius:6px;text-align:left}
.feed-options-list button[aria-pressed=true]{color:var(--color-accent);background:var(--color-surface)}
.feed-options p{margin:12px 0;font-size:12px;overflow-wrap:anywhere}
.feed-options-note,.feed-options-subject{color:var(--color-text-secondary)}
.feed-options form,.feed-options label{display:grid;gap:8px}
.feed-options form{gap:16px}
.feed-options label{font-size:12px}
.feed-options label span{color:var(--color-text-secondary)}
.feed-options :is(select,textarea){width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--color-control-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font:inherit}
.feed-options textarea{resize:vertical;max-height:180px}
.feed-options form>button{min-height:44px;padding:10px}
.feed-options .feed-options-primary{width:100%;min-height:44px;padding:10px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:500}
.feed-options .feed-options-error{color:var(--color-error)}
.feed-options :is(button,select,textarea):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.feed-options ::selection{background:var(--color-accent);color:var(--color-text-on-accent)}
@media(hover:hover){.feed-options button:hover{background:var(--color-surface)}.feed-options .feed-options-primary:hover{background:var(--color-accent-hover)}}
@container feed-options (max-width:190px){.feed-options header{gap:4px}.feed-options h2{font-size:15px}}
@media(max-height:480px){.feed-options{top:8px;max-height:calc(100% - 16px);padding:12px}}

.feed-options-handle{display:none}
.feed-options::backdrop{background:#0008;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px),(max-height:480px) and (pointer:coarse){
 .feed-options{position:fixed;inset:auto 0 var(--options-keyboard-offset,0px);box-sizing:border-box;width:100%;max-width:none;max-height:calc(var(--options-viewport-height,100dvh) - env(safe-area-inset-top,0px) - 16px);margin:0;padding:0 20px calc(20px + env(safe-area-inset-bottom,0px));border:1px solid var(--color-border);border-bottom:0;border-radius:20px 20px 0 0;background:#080808;box-shadow:0 -12px 36px #0004;font-size:15px;scrollbar-width:thin;scrollbar-color:var(--color-control-border) #080808}
 .feed-options-handle{display:grid;place-items:center;height:28px;touch-action:none;cursor:grab}
 .feed-options-handle span{width:36px;height:4px;border-radius:4px;background:var(--color-control-border)}
 .feed-options header{margin-bottom:12px;touch-action:none;user-select:none}
 .feed-options h2{font-size:20px}
 .feed-options-list{gap:4px}
 .feed-options-list button{min-height:52px;padding:12px}
 .feed-options-list button[aria-pressed=true]{color:#FF913D}
 .feed-options p,.feed-options label{font-size:14px}
 .feed-options :is(select,textarea){font-size:16px;caret-color:#FF913D}
 .feed-options textarea{max-height:160px}
}