:root { color-scheme: dark; }
body { font-family: system-ui, sans-serif; background: #1a1a1a; color: #e0e0e0; max-width: 720px; margin: 20px auto; padding: 16px; }
h1 { font-size: 20px; margin: 0 0 16px; text-align: center; }
h2 { font-size: 13px; margin: 18px 0 8px; color: #aaa; text-transform: uppercase; letter-spacing: 1px; }
.row5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
#paste { width: 100%; background: #111; color: #fff; border: 1px solid #333; border-radius: 6px; padding: 10px; font-family: monospace; font-size: 13px; box-sizing: border-box; }
button { margin-top: 12px; padding: 10px 20px; background: #2a6; color: #fff; border: 0; border-radius: 6px; font-size: 15px; cursor: pointer; width: 100%; }
button:hover { background: #38a; }
.reset { background: #555; margin-top: 6px; }
.result { margin-top: 16px; padding: 12px; background: #252525; border-radius: 6px; }
.send-cell { padding: 10px; border-radius: 4px; text-align: center; }
.send-cell .label { font-size: 11px; color: #aaa; margin-bottom: 4px; }
.send-cell .num { font-size: 22px; font-weight: bold; }
.send-cell .score { font-size: 11px; color: #888; margin-top: 2px; }
.good { background: #1a4a1a; border: 1px solid #4f4; }
.neutral { background: #2a2a2a; border: 1px solid #666; opacity: 0.7; }
.bad { background: #3a1a1a; border: 1px solid #844; opacity: 0.5; }
.summary { margin-top: 10px; font-size: 13px; color: #aaa; text-align: center; }
.preview-cell { padding: 8px 4px; border-radius: 4px; text-align: center; background: #2a2a2a; border: 1px solid #444; }
.preview-cell .label { font-size: 11px; color: #aaa; margin-bottom: 2px; }
.preview-cell .num { font-size: 16px; font-weight: bold; }
.parseo-header { display: flex; justify-content: space-between; align-items: center; }
.copy-btn { width: auto; margin: 0; padding: 6px 12px; font-size: 12px; background: #444; }
.verdict { padding: 12px; border-radius: 6px; margin: 12px 0; text-align: center; font-size: 14px; font-weight: bold; }
.verdict.win { background: #1a4a1a; border: 1px solid #4f4; color: #afa; }
.verdict.risk { background: #4a3a1a; border: 1px solid #fa4; color: #fda; }
.verdict.lose { background: #4a1a1a; border: 1px solid #f44; color: #faa; }
.ratio { font-size: 12px; color: #aaa; margin-top: 4px; font-weight: normal; }