body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:CopperplateGothicLight;src:url(/static/media/CopperplateGothicLightRegular.210ad1e4ec66267c32b4.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f2f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{margin:0 auto;max-width:1200px;padding:2rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.title{color:#2c3e50;font-family:CopperplateGothicLight,serif;font-size:3rem}.refresh-btn{background-color:#2c3e50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background-color .2s}.refresh-btn:hover{background-color:#34495e}.refresh-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.bento-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-auto-flow:dense;grid-auto-rows:200px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bento-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.bento-card:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.bento-card h2{color:#2c3e50;font-family:CopperplateGothicLight,serif;font-size:1.8rem;margin-bottom:.5rem;text-transform:capitalize}.bento-card p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:1rem;line-height:1.5;overflow:hidden}.bento-card.large{background-color:#2c3e50;grid-column:span 2;grid-row:span 2}.bento-card.large h2{color:#ecf0f1;font-size:2.5rem}.bento-card.large p{-webkit-line-clamp:8;color:#bdc3c7;font-size:1.2rem}.bento-card.medium{background-color:#e0e6ed;grid-column:span 2}.bento-card.small{grid-column:span 1;grid-row:span 1}@media (max-width:768px){.bento-card.large,.bento-card.medium{grid-column:span 1;grid-row:auto}.bento-grid{grid-auto-rows:auto}}
/*# sourceMappingURL=main.a10313a6.css.map*/