.brief-artist-note { margin-top: 16px; max-width: 660px; font-size: 14px; line-height: 1.65; color: var(--muted); }
.brief-artist-note a, .brief-gate a { color: var(--accent-hi); text-decoration: underline; text-underline-offset: 3px; }
.brief-gate { background: var(--bg); color: var(--text); border: 1px solid var(--line); border-radius: 12px; padding: 28px; width: min(540px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; margin: auto; box-shadow: 0 20px 80px #0007; }
.brief-gate::backdrop { background: #0009; }
.brief-gate h2 { font-size: 24px; margin: 0 0 16px; line-height: 1.25; }
.brief-gate p { font-size: 15px; line-height: 1.6; margin: 0 0 20px; }
.brief-purpose { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.55; cursor: pointer; }
.brief-purpose input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; accent-color: var(--accent); }
.brief-gate .brief-gate-status { min-height: 3em; margin: 20px 0; font-size: 13px; color: var(--muted); }
.brief-gate-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.brief-gate button:disabled { opacity: .45; cursor: not-allowed; }
.brief-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 480px) { .brief-gate { padding: 22px; } .brief-gate-actions { flex-direction: column; align-items: stretch; } .brief-gate-actions button { min-height: 44px; justify-content: center; } }