.mode-item.preview-only .mi-arrow{display:none}
.mode-item.preview-only .mi-text{min-width:0}
.mi-release-state{flex:0 0 auto;margin-left:auto;padding:4px 7px;border:1px solid color-mix(in srgb,var(--mc) 24%,rgba(80,96,124,.12));border-radius:999px;color:color-mix(in srgb,var(--mc) 72%,#536178);background:color-mix(in srgb,var(--mc) 7%,rgba(255,255,255,.72));font:650 8px/1.2 var(--font-s);letter-spacing:.04em;white-space:nowrap}
.mp-availability{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:5px 9px;border:1px solid color-mix(in srgb,var(--mc) 22%,rgba(80,96,124,.12));border-radius:999px;color:color-mix(in srgb,var(--mc) 72%,#536178);background:color-mix(in srgb,var(--mc) 7%,rgba(255,255,255,.66));font:650 9px/1.2 var(--font-s);white-space:nowrap}
.mp-availability::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mc);box-shadow:0 0 0 4px color-mix(in srgb,var(--mc) 10%,transparent)}
.mode-preview.preview-only .mp-btn{color:var(--mc);border:1px solid color-mix(in srgb,var(--mc) 28%,rgba(80,96,124,.12));background:color-mix(in srgb,var(--mc) 8%,#fff);box-shadow:0 10px 24px color-mix(in srgb,var(--mc) 10%,transparent)}
.mode-preview.preview-only .mp-btn:hover{background:color-mix(in srgb,var(--mc) 12%,#fff);box-shadow:0 13px 28px color-mix(in srgb,var(--mc) 14%,transparent)}
.mode-preview.preview-only .mp-hint{color:#7f8999}
.mode-release-modal{z-index:760;background:rgba(17,27,46,.34);backdrop-filter:blur(10px)}
.mode-release-card{position:relative;max-width:430px;padding:30px;border-color:rgba(73,96,137,.14);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 28px 78px rgba(29,48,84,.20)}
.mode-release-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:10px;color:var(--ink-faint);background:rgba(86,103,133,.07);font-size:20px;line-height:1;cursor:pointer}
.mode-release-kicker{display:block;margin-bottom:12px;color:var(--accent);font:650 9px/1.2 var(--font-m);letter-spacing:.16em}
.mode-release-title{margin:0 36px 9px 0;color:var(--ink);font:800 23px/1.35 var(--font-s);letter-spacing:-.02em}
.mode-release-copy{margin:0;color:var(--ink-dim);font:400 13px/1.8 var(--font-s)}
.mode-release-status{display:flex;align-items:center;gap:11px;margin-top:20px;padding:12px 13px;border:1px solid rgba(72,91,124,.10);border-radius:13px;background:rgba(72,91,124,.035)}
.mode-release-status>i{width:9px;height:9px;border-radius:50%;background:#e4a837;box-shadow:0 0 0 5px rgba(228,168,55,.11)}
.mode-release-status span,.mode-release-status b,.mode-release-status small{display:block}
.mode-release-status b{margin-bottom:3px;color:var(--ink);font:700 11px/1.3 var(--font-s)}
.mode-release-status small{color:var(--ink-faint);font:400 10px/1.35 var(--font-s)}
.mode-release-card .sa-modal-actions{margin-top:20px}
.mode-release-card .btn-primary{min-width:132px}
html:not(.theme-light) .mi-release-state,html:not(.theme-light) .mp-availability{background:color-mix(in srgb,var(--mc) 12%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--mc) 30%,rgba(255,255,255,.10));color:#c4d1e5}
html:not(.theme-light) .mode-preview.preview-only .mp-btn{color:#c9d7f2;background:color-mix(in srgb,var(--mc) 14%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--mc) 34%,rgba(255,255,255,.10))}
@media(max-width:768px){
  .mi-release-state{margin-left:5px;padding:3px 6px;font-size:7px}
  .mp-availability{margin-left:0;padding:4px 7px;font-size:8px}
  .mode-release-card{max-width:none;padding:26px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0}
  .mode-release-title{font-size:21px}
  .mode-release-card .sa-modal-actions{justify-content:stretch}
  .mode-release-card .btn-primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.mode-release-modal,.mode-release-card{transition:none}}