:root{font-synthesis:none;text-rendering:optimizelegibility;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;margin:0 auto;padding:2rem}.App h1{color:#e3e3e3;margin-bottom:1.5em;font-size:3.2em;line-height:1.1}.data-source{color:#555;margin-bottom:1rem;font-size:.9em}.data-source a{color:#a4a4ec;text-decoration:none}.card-grid{flex-flow:wrap;justify-content:center;gap:2rem;margin-top:2rem;display:flex}.pretty-card{background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff 100%);border:1.5px solid #e0e7ff;border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:220px;max-width:450px;min-height:180px;padding:2rem 1.5rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 24px #5050a01a,0 1.5px 6px #5050a014}.pretty-card:hover{transform:translateY(-4px)scale(1.025);box-shadow:0 8px 32px #5050a029,0 2px 8px #5050a01a}.card-date{color:#444;text-align:left;width:100%;margin-bottom:.5rem;font-weight:700}.card-from{color:#666;text-align:left;width:100%;margin-bottom:1rem;font-style:italic}.card-message{color:#333;white-space:pre-wrap;text-align:left;width:100%}@media (max-width:600px){.card-grid{gap:1rem}.pretty-card{min-width:160px;max-width:98vw;padding:1.2rem .7rem}}