.saipOa_container{max-width:700px;color:var(--text-primary);margin:0 auto;padding:1.5rem 1rem 3rem}.saipOa_grid{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.5rem;display:grid}.saipOa_signCard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .5rem;transition:border-color .18s,transform .18s,background .18s;display:flex}.saipOa_signCard:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.saipOa_signActive{border-color:var(--accent-primary);background:color-mix(in srgb, var(--accent-primary) 10%, var(--bg-secondary))}.saipOa_signEmoji{font-size:1.6rem;line-height:1}.saipOa_signName{color:var(--text-primary);font-size:.82rem;font-weight:700}.saipOa_signDates{color:var(--text-secondary);letter-spacing:.01em;font-size:.62rem}.saipOa_readingCard{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);padding:1.5rem;scroll-margin-top:5rem}.saipOa_readingHeader{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1.1rem;padding-bottom:1rem;display:flex}.saipOa_readingEmoji{font-size:2.4rem;line-height:1}.saipOa_readingSign{color:var(--text-primary);margin:0 0 .2rem;font-size:1.15rem;font-weight:700}.saipOa_readingDate{color:var(--text-secondary);margin:0;font-size:.78rem}.saipOa_readingText{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.8}.saipOa_readingError{color:var(--text-secondary);opacity:.7;margin:0;font-size:.88rem;font-style:italic}.saipOa_skeletonWrap{flex-direction:column;gap:.55rem;display:flex}.saipOa_skeleton{background:linear-gradient(90deg, var(--border-color) 25%, #ffffff0f 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:100%;height:.85rem;animation:1.4s infinite saipOa_shimmer}@keyframes saipOa_shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.saipOa_empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.95rem;display:flex}.saipOa_emptyEmoji{opacity:.5;font-size:2.5rem}@media (max-width:560px){.saipOa_grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:380px){.saipOa_grid{grid-template-columns:repeat(2,1fr)}}