body{background:#0C111B;color:#E6E8EB;font-family:'Inter',Arial;margin:0;padding:30px;}

.site-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:16px;}
.brand-logo{width:48px;height:48px;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(46,157,251,0.2));}
.brand h1{font-size:32px;font-weight:700;margin:0 0 6px;}
#time{color:#9096a3;font-size:14px;}
.site-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;}
.site-nav a{color:#E6E8EB;text-decoration:none;font-weight:500;opacity:0.85;transition:opacity 0.2s ease,color 0.2s ease;}
.site-nav a:hover{opacity:1;color:#ffffff;}

table{width:100%;border-collapse:collapse;background:#131A26;border-radius:10px;font-size:17px;table-layout:fixed;}
th{padding:14px;background:#141C2A;color:#9ca3af;font-weight:600;}
td{padding:14px;border-bottom:1px solid #1A2332;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.col-ticker{width:55%;}
.col-id{width:10%;}
.col-links{width:15%;}
.col-best{width:20%;}

th:nth-child(1),td:nth-child(1){text-align:left;}
th:nth-child(2),td:nth-child(2){text-align:center;}
th:nth-child(3),td:nth-child(3){text-align:center;}
th:nth-child(4),td:nth-child(4){text-align:center;}

.pointer:hover{background:#1A2437;cursor:pointer;}
.price{font-family:monospace;color:#AEC6FF;font-size:17px;}
.details{display:none;background:#101722;}
.details-box{padding:12px;margin-bottom:8px;border-left:3px solid #2E9DFB;background:#182231;font-size:16px;}

.site-footer{margin-top:40px;padding:32px;background:#101722;border-radius:12px;}
.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:24px;}
.footer-brand h2{margin:0 0 8px;font-size:22px;}
.footer-brand p{margin:0;color:#9096a3;font-size:14px;line-height:1.5;}
.footer-menu h3{margin:0 0 8px;font-size:16px;color:#E6E8EB;}
.footer-menu ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;}
.footer-menu a{color:#9096a3;text-decoration:none;font-size:14px;}
.footer-menu a:hover{color:#ffffff;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #1A2332;padding-top:16px;}
.footer-developer a{display:inline-flex;align-items:center;gap:8px;}
.footer__logo{opacity:0.85;transition:opacity 0.2s ease;}
.footer__logo:hover{opacity:1;}
.footer-copy{color:#9096a3;font-size:13px;}

.table-wrapper{overflow-x:auto;border-radius:10px;box-shadow:0 10px 30px rgba(7,11,18,0.35);}
.table-wrapper table{min-width:600px;}

.page{max-width:1100px;margin:0 auto;}
.page-header{margin:30px 0 24px;}
.page-title{font-size:32px;margin:0 0 12px;}
.page-subtitle{color:#9096a3;font-size:16px;margin:0;max-width:680px;}

.possibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.possibility-card{background:#131A26;border:1px solid #1A2332;border-radius:14px;padding:20px;min-height:170px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px rgba(7,11,18,0.35);}
.possibility-card h3{margin:0;font-size:18px;}
.possibility-card p{margin:0;color:#aeb5c2;font-size:14px;line-height:1.5;}

/* ЦВЕТА ПО ПОРОГАМ */
.diff-ultra{color:#ff4d4d;font-weight:800;}   /* >4% — красный */
.diff-strong{color:#FF901A;font-weight:700;} /* >3 */
.diff-medium{color:#FFE05E;font-weight:700;}/* >2 */
.diff-low{color:#32E57F;font-weight:700;}   /* >1 */

/* МИГАНИЕ ТОЛЬКО НОВЫХ >4% */
.row-flash{
    animation:flash 1.2s ease-out;
    box-shadow:0 0 15px #ff4d4d80 inset;
}
@keyframes flash{
0%{background:#430000;}
60%{background:#7a0000;}
100%{background:transparent;}
}

@media (max-width: 900px){
  body{padding:20px;}
  .site-header{align-items:flex-start;}
  .brand h1{font-size:28px;}
  .site-nav{width:100%;gap:12px;font-size:13px;}
  .page{max-width:100%;}
  .page-title{font-size:28px;}
  .page-subtitle{font-size:15px;}
  table{font-size:16px;}
  .details-box{font-size:15px;}
}

@media (max-width: 600px){
  body{padding:16px;}
  .site-header{gap:16px;}
  .brand{gap:12px;}
  .brand-logo{width:40px;height:40px;}
  .brand h1{font-size:24px;}
  #time{font-size:12px;}
  .site-nav{flex-wrap:wrap;}
  .table-wrapper{margin:0 -16px;border-radius:0;}
  .table-wrapper table{min-width:0;}
  table{table-layout:auto;}
  th,td{padding:10px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:14px;}
  .col-ticker,.col-id,.col-links,.col-best{width:auto;}
  .possibility-card{padding:16px;min-height:auto;}
  .site-footer{margin-top:32px;padding:24px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}

@media (max-width: 420px){
  body{padding:12px;}
  .table-wrapper{margin:0 -12px;}
  .site-nav a{white-space:nowrap;}
}