:root{
  --bg: #fbf4f5; --panel: #ffffff; --panel-2: #f4e6e9; --line: #e7cad0;
  --accent: #9d253b; --accent-soft: #e9c9cf; --accent-dim: #f8f0f1;
  --text: #291418; --muted: #80565a; --muted-2: #b8949a;
}

textarea#input{ width: 100%; min-height: 200px; max-height: 400px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; resize: vertical; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.6; background: var(--panel-2); color: var(--text); overflow: auto; }
textarea#input:focus{ outline: none; border-color: var(--accent); }

.score-strip{ display: flex; gap: 14px; margin: 18px 0; flex-wrap: wrap; }
.score-card{ flex: 1; min-width: 200px; background: var(--panel-2); border: 1px solid var(--line); border-radius: 12px; padding: 18px; text-align: center; }
.score-card .num{ font-size: 32px; font-weight: 800; font-family: 'JetBrains Mono', monospace; color: var(--accent); }
.score-card .lbl{ font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: .6px; margin-top: 4px; }
.score-card .level{ margin-top: 8px; font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 20px; display: inline-block; }

.stats-strip{ display: flex; gap: 10px; flex-wrap: wrap; }
.stat-card{ flex: 1; min-width: 100px; background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; text-align: center; }
.stat-card .num{ font-size: 16px; font-weight: 800; color: var(--accent); font-family: 'JetBrains Mono', monospace; }
.stat-card .lbl{ font-size: 10px; letter-spacing: .5px; text-transform: uppercase; color: var(--muted); margin-top: 2px; }

.btns{ display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.app{ padding: 11px 20px; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; font-size: 13.5px; font-family: 'Inter', sans-serif; color: #fff; background: var(--accent); transition: filter .15s ease; }
.app:hover{ filter: brightness(1.08); }
.gray{ background: var(--line); color: var(--text); }

.note{ margin-top: 14px; font-size: 12px; color: var(--muted); line-height: 1.6; background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; padding: 10px 14px; }