:root{--bg:#f5f5f7;--card:#fff;--text:#202124;--muted:#6b7280;--line:#d9dce2;--accent:#2563eb;--danger:#c62828;--ok:#18794e;--soft:#eef4ff;--draft:#a7adb7;--purple:#be63ff;--green:#91dc35}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;padding-bottom:env(safe-area-inset-bottom)}.app-header{position:sticky;top:0;z-index:10;background:rgba(245,245,247,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.wrap{max-width:980px;margin:0 auto;padding:16px}.header-inner{padding-top:14px;padding-bottom:12px}.title{display:flex;align-items:center;gap:8px;font-size:22px;line-height:1.25;margin:0 0 5px;font-weight:750}.heart{line-height:1}.title-heart{font-size:.94em;transform:translateY(1px)}.heart-purple{color:var(--purple)}.heart-green{color:var(--green)}.subtitle{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.subheart{font-size:1.05em}.panel,.tweet{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;margin:13px 0;box-shadow:0 2px 10px rgba(0,0,0,.035)}.section-title{font-size:16px}.source-head{align-items:flex-start}.source-label-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.source-help{color:#9aa0a6;font-size:12px;line-height:1.55}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}button,select,input{font:inherit;font-size:16px}button{min-height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;touch-action:manipulation}button:hover{background:#f7f8fa}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.danger{color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}label.inline{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151}input[type=number]{width:74px;padding:8px;border:1px solid var(--line);border-radius:8px}.editor{min-height:150px;border:1px solid var(--line);border-radius:10px;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;background:#fff;outline:none;font-size:16px;-webkit-user-select:text;user-select:text}.editor:focus{border-color:#7da5ff;box-shadow:0 0 0 3px #e8f0ff}.tweet .editor{min-height:115px}.editor:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.draft{color:var(--draft);background:transparent;text-decoration:none}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;color:var(--muted);font-size:13px}.tweet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.tweet-title{font-weight:700}.badge{font-variant-numeric:tabular-nums;padding:5px 10px;border-radius:999px;background:#eef1f5;color:#46505c;white-space:nowrap}.badge.over{background:#fdeaea;color:var(--danger)}.notice{background:var(--soft);border-radius:10px;padding:11px 12px;font-size:13px;color:#334155;line-height:1.55}.saved{font-size:12px;color:var(--ok);opacity:0;transition:opacity .2s}.saved.show{opacity:1}#tweets:empty::before{content:"「分割！」を押すと、ここにツイートごとの編集欄が表示されます。";display:block;color:var(--muted);text-align:center;padding:30px}footer{color:var(--muted);font-size:12px;text-align:center;padding:20px}.title .title-heart{display:none}.subtitle .subheart{display:inline-block}@media(max-width:700px){.wrap{padding:11px}.header-inner{text-align:center}.title,.subtitle{justify-content:center}.title{font-size:21px}.title .title-heart{display:inline-block}.subtitle .subheart{display:none}.panel,.tweet{padding:12px}.source-head{flex-direction:column;gap:8px}.source-help{display:block;width:100%}.toolbar>button{flex:1 1 calc(50% - 8px)}.settings #splitBtn{flex-basis:100%}.editor{min-height:180px}.tweet .editor{min-height:140px}}

.split-action-row{
  display:flex;
  justify-content:center;
  margin:2px 0 12px;
}
.split-main{
  min-width:180px;
  min-height:48px;
  padding:10px 28px;
  font-size:17px;
}

@media(max-width:700px){
  .split-action-row{
    justify-content:center;
    margin:2px 0 12px;
  }
  .split-main{
    width:100%;
    max-width:420px;
    min-height:50px;
    font-size:18px;
  }
}



/* Ver.2.8 UI polish */
.bottom-actions{
  margin-top:14px;
  gap:10px;
}
.bottom-actions button{
  min-width:240px;
}
#copySource,
#copySourceWithout,
#clearSource{
  min-width:170px;
}
@media(max-width:700px){
  #copySource,
  #copySourceWithout,
  #clearSource,
  .bottom-actions button{
    width:100%;
    flex:1 1 100%;
  }
}

/* Ver.3.0.1: スマホではタイトルをスクロール固定しない */
@media(max-width:700px){
  .app-header{
    position:static !important;
    top:auto !important;
  }
}