.tool__app {   --accent: #0047AB; --ok: #1a7f37; --warn: #b3801a; --bad: #b3261e; --border: #ddd; --radius: 8px;  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.tool__app .scorebar-wrap { position: sticky; top: 0; background: var(--bg); padding: 14px 0; z-index: 5; border-bottom: 1px solid #eee; margin-bottom: 24px; }
.tool__app .scorebar { height: 14px; background: #eee; border-radius: 20px; overflow: hidden; }
.tool__app .scorebar > i { display:block; height:100%; width:0; background: var(--accent); transition: width .25s, background .25s; }
.tool__app .scoretop { display:flex; justify-content: space-between; align-items:center; margin-bottom: 8px; }
.tool__app .scoreval { font-weight: 800; font-size: 18px; }
.tool__app .verdict { font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 20px; }
.tool__app .cat { background:#fff; border:1px solid var(--border); border-radius: var(--radius); padding: 22px 24px; margin-bottom: 18px; }
.tool__app .cat h2 { font-size: 19px; font-weight: 800; margin: 0 0 6px; }
.tool__app .cat .why { font-size: 13px; color: #5c5c5c; margin-bottom: 16px; }
.tool__app .item { display:flex; gap: 12px; align-items:flex-start; padding: 10px 0; border-top: 1px solid #f0f0f0; cursor:pointer; }
.tool__app .item:first-of-type { border-top: none; }
.tool__app .item input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--accent); flex-shrink:0; }
.tool__app .item label { cursor:pointer; }
.tool__app .item .hint { display:block; font-size: 13px; color: #666; margin-top: 2px; }
.tool__app .result { background:#111; color:#fff; border-radius: var(--radius); padding: 26px; margin: 30px 0 60px; }
.tool__app .result h2, .tool__app .result h3 { margin:0 0 10px; font-size: 20px; }
.tool__app .result .rec { font-size: 15px; color:#ddd; }
.tool__app .result textarea { width:100%; margin-top: 16px; background:#000; color:#9ad; border:1px solid #333; border-radius:6px; padding:12px; font-family: var(--mono); font-size:12px; min-height: 120px; }
.tool__app .copy-btn { background: var(--accent); color:#fff; border:none; padding: 8px 16px; border-radius:4px; font-weight:700; font-size:12px; text-transform:uppercase; cursor:pointer; margin-top:10px; }