*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6fa}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.page-header h1{font-size:22px;font-weight:600;margin:0}.page-header p{margin:4px 0 0;color:#6b7280;font-size:13px}.step-card{border-left:3px solid #2f54eb}.step-card.step-inactive{border-left-color:#d9d9d9;opacity:.75}.message-block{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:12px}.message-block+.message-block{margin-top:10px}.telegram-preview{background:#e7ebf0;border-radius:10px;padding:14px;min-height:120px}.telegram-bubble{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 2px #00000014;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-width:460px}.telegram-bubble+.telegram-bubble{margin-top:10px}.telegram-bubble a{color:#2f54eb}.telegram-kb{margin-top:8px;display:flex;flex-direction:column;gap:4px}.telegram-kb-row{display:flex;gap:4px}.telegram-kb-btn{flex:1;background:#f1f3f6;border-radius:6px;padding:6px 8px;font-size:12px;text-align:center;color:#2f54eb}.chart-wrap{width:100%;overflow-x:auto}.stat-hint{color:#6b7280;font-size:12px}