.oddiary-page{max-width:1100px;margin:auto}.oddiary-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.oddiary-filters button{min-height:44px;padding:10px 12px;font-size:.75rem}.oddiary-filters [aria-pressed=true]{background:var(--orange,#ff914d);color:#201b18}.oddiary-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;display:grid}.oddiary-card{color:#302921;overflow-wrap:anywhere;min-width:0;min-height:180px;font:inherit;background:#fff9ed;border:2px solid #302921;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.oddiary-card img{object-fit:contain;width:100%;height:110px}.oddiary-card strong{font-size:.9rem}.oddiary-card span,.oddiary-card small{font-size:.75rem}.oddiary-card.unknown{background:#f2ece1;border-color:#d4cbbd;justify-content:center}.oddiary-card.unknown>span{border:2px dashed #b1a593;border-radius:40%;place-items:center;width:64px;height:64px;font-size:2rem;display:grid}.oddiary-detail>img{object-fit:contain;width:100%;height:210px;display:block}.oddiary-detail p{line-height:1.65}.oddiary-card:focus-visible{outline-offset:3px;outline:3px solid #8358af}.oddiary-card:hover:not(.unknown){background:#ffecd0}.new-oddiary-entry{color:#674b1e;font-size:.8rem}@media (max-width:420px){.oddiary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oddiary-card{padding:12px 6px}}.oddiary-card[data-reveal=pending]{opacity:0}.oddiary-card[data-reveal=shown]{animation:oddiary-arrive .65s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s) both}.oddiary-card:focus-visible{opacity:1;animation:none}.oddiary-art{opacity:0;transition:opacity .45s ease-out}.oddiary-art[data-loaded=true]{opacity:1}@keyframes oddiary-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.oddiary-card[data-reveal]{opacity:1;animation:none}.oddiary-art{opacity:1;transition:none}}