.award-form{--af-accent:#7357ff;font:500 17px/1.6 system-ui,sans-serif;color:#171420}
.award-form *{box-sizing:border-box}.award-form form{margin:0}.award-form .af-fields{display:grid;gap:18px}
/* **[hidden] が効かない。**`.af-field{display:grid}` は作者スタイルなので、
   ブラウザ既定の `[hidden]{display:none}`（UA スタイル）に必ず勝つ。
   そのせいで、分野ごとの追加項目18問が主分野に関係なく全部見えていた
   （2026-09-15 実測: 主分野=楽曲・MVでも「試し読み」「プラットフォーム」等が必須のまま並ぶ） */
.award-form .af-field[hidden]{display:none}
.award-form .af-field{display:grid;gap:8px}.award-form label{font-weight:750;font-size:17.5px;line-height:1.45}
.award-form .af-field small{font-size:14.5px;line-height:1.65;color:#5b5568;margin:-2px 0 2px}.award-form .af-required{color:#d21d67;margin-left:4px}
.award-form input,.award-form select,.award-form textarea{width:100%;border:1px solid #cbc6d3;border-radius:12px;background:#fff;color:#171420;padding:14px 15px;font:inherit;font-size:16.5px;outline:none}
.award-form textarea{min-height:130px;resize:vertical}.award-form input:focus,.award-form select:focus,.award-form textarea:focus{border-color:var(--af-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--af-accent) 16%,transparent)}
.award-form .af-check{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px}.award-form .af-check input{width:18px;height:18px;margin-top:3px}
.award-form .af-actions{display:flex;gap:10px;margin-top:22px}.award-form button{border:0;border-radius:999px;padding:13px 22px;font:750 16px inherit;cursor:pointer}
.award-form .af-primary{background:var(--af-accent);color:#fff}.award-form .af-secondary{background:#eeeaf3;color:#171420}.award-form button:disabled{opacity:.4;cursor:not-allowed}
.award-form .af-progress{height:5px;background:#e6e1eb;border-radius:99px;margin-bottom:24px;overflow:hidden}.award-form .af-progress span{display:block;height:100%;background:var(--af-accent);transition:width .25s}
.award-form .af-count{display:block;color:#777080;font-size:13.5px;margin-bottom:10px;letter-spacing:.08em}.award-form .af-conversation{min-height:300px;display:flex;flex-direction:column;justify-content:center}
.award-form .af-error{color:#b00042;font-size:13px;min-height:1.4em}.award-form .af-success{padding:20px;border-radius:14px;background:#e8fff3;color:#075c37;font-weight:700}


/* 画像を「その場で置く」欄。**URL を貼らせない。** */
.af-asset .af-drop{display:flex;align-items:center;justify-content:center;min-height:96px;
  border:1.5px dashed rgba(0,0,0,.22);border-radius:12px;cursor:pointer;padding:1em;
  background:rgba(0,0,0,.02);transition:border-color .15s,background .15s}
.af-asset .af-drop:hover,.af-asset .af-drop:focus-visible,.af-asset .af-drop.over{
  border-color:#a82f61;background:rgba(168,47,97,.05);outline:none}
.af-drop-text{font-size:14px;color:#5c5c5c}
.af-asset-state{margin-top:.6em}
.af-asset-state img{display:block;max-width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.12)}
.af-offer{margin:.6em 0 0;font-size:13.5px;color:#3a3a3a;line-height:1.7}
.af-ai{margin-left:.4em;font:700 13px/1 inherit;padding:.5em .9em;border-radius:8px;
  border:1px solid #a82f61;background:#a82f61;color:#fff;cursor:pointer}
.af-ai:disabled{opacity:.5;cursor:default}
.af-err{margin:.5em 0 0;font-size:13px;color:#a8600f}

/* 文章の下ごしらえ */
.af-assistbar{display:flex;align-items:center;gap:.7em;margin:.4em 0 0;font-size:13px}
.af-assistbar .af-count{color:#5c5c5c;font-variant-numeric:tabular-nums}
.af-assistbar .af-count.over{color:#a8600f;font-weight:700}
.af-trim{font:700 12.5px/1 inherit;padding:.45em .8em;border-radius:8px;
  border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer}
.af-trim:disabled{opacity:.5;cursor:default}

/* 見せ方の切り替え。**24問を「1 / 24」とだけ言われても、残りに何が来るか分からない。**
   まとめて表示を既定にして、1問ずつも選べるようにした（CEO 2026-09-14）。 */
.af-modebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 18px;padding:10px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;
  background:rgba(0,0,0,.03)}
.af-modebar .af-count{font-size:14.5px;opacity:.8;flex:1 1 auto}
.af-modebar .af-modes{display:inline-flex;border:1px solid rgba(0,0,0,.16);border-radius:999px;overflow:hidden}
.af-modebar .af-modes button{border:0;background:transparent;font:inherit;font-size:14.5px;
  padding:7px 14px;cursor:pointer;color:inherit;opacity:.7}
.af-modebar .af-modes button.on{background:#12121a;color:#fff;opacity:1;font-weight:700}
.af-modebar .af-modes button:not(.on):hover{background:rgba(0,0,0,.06);opacity:1}
.af-modebar .af-draft{font-size:12.5px;color:#047857;font-weight:700;min-height:1em}

/* 作品の URL から下書き。**貼るだけで大半が埋まる**入口なので、フォームの上に置く */
.af-fill{margin:0 0 14px;padding:14px 16px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,212,59,.08)}
.af-fill label{display:block;font-weight:700;font-size:16.5px;margin:0 0 .5em}
.af-fill-row{display:flex;gap:8px}
.af-fill-row input{flex:1 1 auto;min-width:0;font:inherit;font-size:16.5px;padding:.6rem .8rem;border:1px solid rgba(0,0,0,.2);border-radius:8px}
.af-fill-row button{font:700 14px/1 inherit;padding:0 16px;border:0;border-radius:999px;background:#12121a;color:#fff;cursor:pointer;white-space:nowrap}
.af-fill-row button:disabled{opacity:.5;cursor:wait}
.af-fill-note{margin:.6em 0 0;font-size:14px;opacity:.85;line-height:1.6}
@media(max-width:560px){.af-fill-row{flex-direction:column}.af-fill-row button{padding:11px 16px}}

/* 切り抜く位置の矢印。**画像の上に小さく重ねる** — 下に大きく置くと、動かすたびに画像が視界から出て、
   何が変わったのか見えない（エンドユーザレビュー 2026-09-22）。切れる向きの2つだけを出す。 */
.af-shot{position:relative;display:inline-block;max-width:100%}
.af-shot img{display:block;max-width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.12)}
.af-nudge{position:absolute;display:flex;gap:6px;pointer-events:none}
.af-nudge-y{inset:0;flex-direction:column;justify-content:space-between;align-items:center;padding:8px}
.af-nudge-x{inset:0;justify-content:space-between;align-items:center;padding:8px}
/* `.award-form button{padding:13px 22px}` に負ける（0,1,1 > 0,1,0）ので `.af-shot` で詳細度を上げる */
.af-shot .af-nudge-btn{box-sizing:border-box;pointer-events:auto;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.45);color:#fff;font-size:12.5px;line-height:1;cursor:pointer;backdrop-filter:blur(2px)}
.af-shot .af-nudge-btn:hover{background:rgba(0,0,0,.72)}
.af-shot .af-nudge-btn:focus-visible{outline:3px solid #fff;outline-offset:1px}
@media (max-width:600px){.af-shot .af-nudge-btn{width:40px;height:40px;font-size:14px}}
.af-draft-note{margin-top:.5em;font-size:13.5px;color:#2b6a3f}
.af-check label a{text-decoration:underline}
/* サインイン直下の一言（応募頁。entry-card.css は応募頁からは読まれていないので、ここに置く） */
.entry-welcome{margin:.5em 0 1.1em;font-size:14.5px;line-height:1.7;color:#3a3a3a}
.entry-welcome a{font-weight:700;text-decoration:underline}
/* 重複投稿の知らせ。**赤で、欄のすぐ下に**（送信のところまで行かないと分からない、にしない） */
.af-dup{margin:.45em 0 0;padding:.6em .8em;border-radius:10px;background:#fdecea;border:1px solid #d93025;color:#a50e0e;font-size:14px;line-height:1.7;font-weight:600}
/* 自分の応募だったときの行き先。**文の中に押せる場所を置く** — 「下の一覧から」と書いても、
   ダッシュボードでは一覧を伏せているので「下」に無い（CEO 2026-10-04） */
.af-dup-go{display:inline-block;margin-left:.2em;color:#a50e0e;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.af-dup-go:focus-visible{outline:2px solid #000;outline-offset:2px;background:#ffe08a}
.af-invalid{border-color:#d93025 !important;outline-color:#d93025}
/* 足りない欄を、その場で示す（送信で止まった理由が画面の上のほうに出ても、人は気づけない） */
.af-invalid-field{outline:2px solid #d93025;outline-offset:6px;border-radius:8px}
.af-error{color:#a50e0e;font-weight:600;line-height:1.7}
/* 画像生成の出どころ（静かな導線）。**主張しすぎない** — 応募の邪魔をしない大きさで */
.af-powered{margin:.35em 0 0;font-size:12.5px;line-height:1.7;color:#5a5a5a}
.af-powered a{color:#0031d8;text-decoration:underline}

/* 動画そのものを置く欄（#450）。**送るのに数分かかる**ので、進み具合を必ず出す。
   ボタンは作品URLの隣に置く（CEO 2026-09-30「最初のURL投稿の隣に」）。 */
.af-video-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.af-video-pick{flex:0 0 auto;padding:11px 18px;border:1.5px solid currentColor;background:transparent;
  color:inherit;font:inherit;font-weight:600;border-radius:2px;cursor:pointer}
.af-video-pick:hover:not(:disabled){background:rgba(127,127,127,.12)}
.af-video-pick:disabled{opacity:.55;cursor:progress}
.af-video-name{font-size:13px;opacity:.75;min-width:0;overflow-wrap:anywhere}
.af-video-bar{height:6px;background:rgba(127,127,127,.22);border-radius:99px;overflow:hidden;margin-top:10px}
.af-video-bar span{display:block;height:100%;background:currentColor;transition:width .2s}
.af-video-state{margin-top:8px;font-size:13px;line-height:1.6}

/* 推薦（他薦）の下書きについての帯。**選ぶ・やめる・戻すが、ここに揃っている。**
   以前は文だけで「1件ずつ応募できます」と書いてあり、2件目へ行く道が無かった（CH-FA8C47CB・2026-10-04）。
   両方の面（応募ページ・ダッシュボード）が読む場所に置く — 面ごとに書き分けない */
.entry-invited{margin:0 0 18px;padding:14px 16px;background:#fffbe6;border:1px solid #e8d98a;border-radius:8px}
.entry-invited .lede{margin:0 0 10px;font-size:14px;line-height:1.8}
.entry-invited .invited-pick{display:block;margin:0 0 12px;font-size:14px;font-weight:600}
.entry-invited .invited-pick select{display:block;margin-top:6px;max-width:100%;padding:8px 10px;font-size:14px;border:1px solid #9a9a9a;border-radius:6px;background:#fff}
.entry-invited button{font-size:14px}

/* 「作品が世に出た日」に添える、読み取った形（form-engine.js の echoDate）。
   **弾かずに見せるだけ。**書き方を直すかどうかは、書かれたご本人が決める */
.af-read{display:block;margin:5px 0 0;font-size:12.5px;line-height:1.7}
.af-read.ok{color:#2CAC6E}
.af-read.warn{color:#E25100}
.af-read.bad{color:#CE0000}