:root{--cell-size: 40px}@media(max-width:768px){:root{--cell-size: 24px}}@media(max-width:480px){:root{--cell-size: 16px}}.bluesky-container{position:relative;padding:var(--cell-size)}#bluesky-feed{position:relative;margin:1.5em 0;padding:3em 1.5em;border:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-text) 1%,var(--color-bg));width:100%;display:flex;justify-content:center}@media(max-width:480px){#bluesky-feed{padding:1em}}#bluesky-feed:before{position:absolute;left:calc(var(--cell-size) * -1);top:calc(var(--cell-size) * -1);width:var(--cell-size);height:var(--cell-size);border-right:1px solid;border-bottom:1px solid;border-image:linear-gradient(135deg,transparent,transparent,var(--color-border)) 1;display:block;content:""}#bluesky-feed:after{position:absolute;right:calc(var(--cell-size) * -1);top:calc(var(--cell-size) * -1);width:var(--cell-size);height:var(--cell-size);border-bottom:1px solid;border-left:1px solid;border-image:linear-gradient(-135deg,transparent,transparent,var(--color-border)) 1;display:block;content:""}.bluesky-feed:before{position:absolute;left:calc(var(--cell-size) * -1);bottom:calc(var(--cell-size) * -1);width:var(--cell-size);height:var(--cell-size);border-top:1px solid;border-right:1px solid;border-image:linear-gradient(45deg,transparent,transparent,var(--color-border)) 1;display:block;content:""}.bluesky-feed:after{position:absolute;right:calc(var(--cell-size) * -1);bottom:calc(var(--cell-size) * -1);width:var(--cell-size);height:var(--cell-size);border-top:1px solid;border-left:1px solid;border-image:linear-gradient(-45deg,transparent,transparent,var(--color-border)) 1;display:block;content:""}#bluesky-feed:after{position:absolute;right:calc(var(--cell-size) * -1);top:calc(var(--cell-size) * -1);width:var(--cell-size);height:var(--cell-size);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);display:block;content:""}.bluesky-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:2em 1em;margin:1.5em 0}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bluesky-loading p{color:var(--color-muted);font-size:.95rem;margin:0}.bluesky-feed{max-width:600px;width:100%;display:flex;flex-direction:column;gap:1em}.bluesky-card{display:block;width:100%;padding:1em;border:1px solid var(--color-border);border-radius:8px;background-color:color-mix(in srgb,var(--color-text) 2.5%,var(--color-bg));text-decoration:none;color:var(--color-text);transition:background-color .15s ease,border-color .15s ease}.card-header{display:flex;gap:.75em;margin-bottom:.75em;align-items:center}.card-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-author-info{flex:1}.card-author-name{font-weight:600;font-size:1rem;line-height:1.2}.card-author-handle{color:var(--color-muted);font-size:.9rem}.card-content{line-height:var(--line-height-body);word-wrap:break-word;margin-bottom:.75em}.card-content a{color:var(--color-accent);text-decoration:none}.card-content a:hover{text-decoration:underline}.card-images{margin-bottom:.75em;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5em}.card-image-wrapper{position:relative;width:100%;aspect-ratio:1;background-color:var(--color-border);border-radius:8px;overflow:hidden}.card-image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border) 25%,color-mix(in srgb,var(--color-border) 50%,transparent) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-image-placeholder.loaded{display:none}.card-image{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease;position:absolute;inset:0}.card-image.loaded{opacity:1;position:relative;width:100%;height:auto;inset:auto}.card-media-container{margin-bottom:.75em;border-radius:8px;overflow:hidden;position:relative;background-color:var(--color-border);aspect-ratio:16 / 9}.card-media-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border) 25%,color-mix(in srgb,var(--color-border) 50%,transparent) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 2s infinite}.card-media-placeholder.loaded{display:none}.card-video{margin-bottom:.75em;border-radius:8px;overflow:hidden}.card-media{width:100%;height:100%;display:block;border-radius:8px;object-fit:cover;opacity:0;transition:opacity .3s ease;position:absolute;inset:0}.card-media.loaded{opacity:1;position:relative;height:auto;inset:auto}.card-footer{color:var(--color-muted);font-size:.85rem}.view-more{display:block;width:fit-content;//margin-top: 1em;margin:auto;//text-align: center;color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .3s ease}.view-more:hover{opacity:.7}.skeleton{opacity:1;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-avatar{background-color:var(--color-border)}.skeleton-text{height:1em;background-color:var(--color-border);border-radius:4px;display:block;margin-bottom:.5em}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}