.showcase-bar{border:1px dashed #8a83d980;border-radius:12px;background:#171c30;padding:12px;margin:0 0 22px;width:100%}.showcase-bar>div{display:flex;align-items:end;gap:8px}.showcase-bar label{display:grid;gap:5px;color:#d9bd8b;font-size:11px;flex:1;min-width:0}.showcase-bar select{font-size:13px;min-height:44px;padding:8px}.showcase-bar p{font-size:11px;color:#aeb8cd;line-height:1.6;margin:7px 0 0}.showcase-bar button{font-size:12px;min-height:44px;padding:8px 10px;white-space:nowrap}
#networkProposalV3 textarea{display:block;width:100%;min-height:112px;font:inherit;line-height:1.75;padding:12px 14px;background:#1c2438;color:#eef3ff;border:1px solid #59637a;border-radius:8px;resize:vertical;overflow-wrap:anywhere}
#networkProposalV3 textarea:focus-visible{outline:3px solid #ff7a84;outline-offset:3px}
/* Mobile controls retain their full labels and comfortable touch height. */
.invitecode,#ownKakao,#pastKakaoV3{overflow-wrap:anywhere;word-break:break-word}
dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:#11192b;color:#eef3ff;border:1px solid #59637a;border-radius:14px;padding:24px}
dialog::backdrop{background:#030713cc}
@media(max-width:850px){
  .showcase-bar>div{flex-wrap:wrap;align-items:stretch}
  .showcase-bar label{flex:1 0 100%}
  .showcase-bar select{font-size:16px;width:100%}
  .showcase-bar button{flex:1}
  .selection{align-items:center}
  .selection span{min-width:0;overflow-wrap:anywhere}
  .selection button{min-height:44px;min-width:44px;flex-shrink:0}
  .day,.times button,.graph-scopes button,nav#screens button,.stepmeta button{min-height:44px}
  main input:not([type=checkbox]),main select,main textarea{font-size:16px}
  label.row:has(input[type=checkbox]){min-height:44px;padding:6px 0}
}