:root{--bg-blue:#bfd3ea}*{box-sizing:border-box}body{background:radial-gradient(circle at 22% 18%, #ffffff6b 0 14%, transparent 14.2%), radial-gradient(circle at 74% 76%, #ffffff3d 0 12%, transparent 12.2%), linear-gradient(160deg, #cad9ec 0%, var(--bg-blue) 55%, #b1c9e3 100%);color:#85546a;min-height:100vh;margin:0;font-family:Trebuchet MS,Comic Sans MS,sans-serif}.app{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.card-wrap{background:#de8fad;border-radius:1.1rem;width:min(100%,520px);padding:.9rem;box-shadow:-12px 14px #6d8ab38c}.cat-card{color:#9e5d7a;background:#ffd7e7;border-radius:.95rem;padding:1.1rem}.card-head{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.card-head h1,.card-head span{letter-spacing:.08em;margin:0;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:900}.image-frame{background:#fdf4ec;border:3px solid #d2b7c1;border-radius:.9rem;min-height:200px;padding:.45rem}.image-frame img{aspect-ratio:3/2;object-fit:cover;background:#c9d893;border:3px solid #bccb7f;border-radius:.6rem;width:100%}.placeholder{text-align:center;color:#8e6274;background:#ebf2c9;border-radius:.6rem;place-items:center;min-height:180px;margin:0;padding:.8rem;font-weight:700;display:grid}.placeholder.error{color:#a5375d;background:#ffe9ef}.card-tag{color:#fff8e5;background:#e89eba;border-radius:999px;justify-content:space-between;gap:.8rem;margin-top:.8rem;padding:.35rem .8rem;font-size:1.1rem;display:flex}.card-note{background:#fbf7e7;border:1px solid #eddcbf;border-radius:.85rem;margin-top:.85rem;padding:.85rem}.card-note p{color:#856676;margin:0;font-size:1rem;line-height:1.5}.card-note span{color:#9b5f7d;font-weight:800}.card-meta{gap:.45rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.meta-info{justify-content:space-between;align-items:center;display:flex}.card-meta li{background:#fff5fad1;border-radius:.65rem;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:.4rem .6rem;display:flex}.card-meta span{font-weight:700}.card-meta strong{text-align:right;word-break:break-word;max-width:70%}button{color:#854f68;cursor:pointer;background:#ffc3da;border:none;border-radius:999px;width:100%;margin-top:.75rem;padding:.7rem 1rem;font-size:1.08rem;font-weight:800;transition:transform .15s,opacity .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}@media (width<=560px){.card-wrap{padding:.6rem;box-shadow:7px 8px #6d8ab380}.cat-card{padding:.8rem}.card-head h1,.card-head span{font-size:1.5rem}.card-tag{font-size:.95rem}.card-note p{font-size:.92rem}.card-meta li{font-size:.9rem}.card-meta strong{text-align:left;max-width:100%}}