*{box-sizing:border-box}body{margin:0;font:14px/1.4 system-ui,sans-serif;background:transparent;color:#edf0f7}article{border:1px solid #363c49;border-radius:9px;padding:15px;background:#181b23;max-width:468px;min-height:210px}header{display:flex;gap:10px;align-items:start;justify-content:space-between}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header a{font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}header span{font-size:11px;color:#ff9a8a;white-space:nowrap}.widget-main{display:flex;gap:14px;align-items:center;margin:16px 0}.widget-main img{object-fit:cover;border-radius:5px}.widget-main strong{font-size:24px}.widget-main small{font-size:11px;font-weight:400}.widget-main p{margin:2px 0;color:#afb7c7}.widget-main code{font-size:11px}footer{display:flex;justify-content:space-between;color:#aeb7c7;font-size:11px}.light{color:#222735}.light article{background:#f8f9fc;border-color:#dce0e8}.light header span{color:#a63323}.light footer,.light .widget-main p{color:#626b7b}@media(max-width:300px){article{padding:10px}.widget-main{gap:8px}.widget-main img{width:70px;height:60px}.widget-main strong{font-size:20px}}