/* mine.css — 내 문장 쓰는 칸과 내려받기 줄. mine.js 와 한 벌이다. */

.trwrite{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--rule)}
.trwrite textarea{width:100%;box-sizing:border-box;min-height:62px;resize:vertical;
  border:1px solid var(--rule);border-radius:8px;background:var(--card);padding:10px 12px;
  font:400 14px/1.8 var(--kr);color:var(--ink)}
.trwrite textarea:focus{outline:none;border-color:var(--gold)}
.trwrite .row{display:flex;gap:8px;align-items:center;margin:8px 0 0;flex-wrap:wrap}
.trwrite .hint{font:400 11px var(--kr);color:var(--ink3);margin-left:auto}

.savetag{font:400 10.5px var(--kr);color:#1D8151;margin:5px 0 0;opacity:0;
  transition:opacity .2s}
.savetag.on{opacity:1}

.dlbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 0;
  padding:16px 0 0;border-top:1px solid var(--rule)}
.dlbar .hint{font:400 11.5px var(--kr);color:var(--ink3);margin-left:auto}

/* 헬라어 화면에는 .mini 가 없어서 여기서 함께 준다.
   히브리어에도 같은 값이 있지만 겹쳐도 결과가 같다. */
.dlbar .mini{border:1px solid var(--rule);background:var(--bg);border-radius:99px;
  padding:6px 13px;font:400 12px var(--kr);color:var(--ink2);cursor:pointer}
.dlbar .mini:hover{border-color:var(--gold)}