.fc-shell{margin-top:1.5rem}.fc-random{padding:1rem}.fc-loading,.fc-error{min-height:10rem;color:color-mix(in srgb, var(--foreground) 58%, transparent);justify-content:center;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.fc-spinner{border:2px solid color-mix(in srgb, var(--border) 25%, transparent);border-top-color:var(--accent);border-radius:999px;width:1.5rem;height:1.5rem;animation:.8s linear infinite fc-spin}@keyframes fc-spin{to{transform:rotate(360deg)}}.fc-error{flex-direction:column}.fc-error button,.fc-more,.fc-random-actions button{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);border-radius:999px;padding:.45rem .9rem;font-size:.9375rem;font-weight:700;transition:border-color .18s,background-color .18s,transform .18s}.fc-error button:hover,.fc-more:hover,.fc-random-actions button:hover{border-color:color-mix(in srgb, var(--accent) 38%, transparent);background:color-mix(in srgb, var(--accent) 13%, transparent);transform:translateY(-1px)}.fc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.fc-stat{border:1px solid color-mix(in srgb, var(--border) 18%, transparent);background:color-mix(in srgb, var(--foreground) 4%, transparent);text-align:center;border-radius:.9rem;padding:.85rem 1rem}.fc-stat strong{color:var(--accent);font-family:var(--font-cartograph), monospace;font-size:1.35rem;line-height:1;display:block}.fc-stat span{color:color-mix(in srgb, var(--foreground) 58%, transparent);margin-top:.35rem;font-size:.875rem;display:block}.fc-random-panel{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.9rem;display:flex}.fc-random-content{min-width:0}.fc-kicker{color:color-mix(in srgb, var(--accent) 76%, transparent);font-family:var(--font-cartograph), monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.fc-random-title,.fc-card-title{color:var(--foreground);text-align:left;-webkit-box-orient:vertical;transition:color .18s;display:-webkit-box;overflow:hidden}.fc-random-title{-webkit-line-clamp:2;margin-top:.3rem;font-size:1.15rem;font-weight:800;line-height:1.45}.fc-random-title:hover,.fc-card-title:hover{color:var(--accent)}.fc-random-info{color:color-mix(in srgb, var(--foreground) 56%, transparent);margin-top:.4rem;font-size:.9375rem}.fc-random-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;display:flex}.fc-grid{grid-template-columns:1fr;gap:.85rem;margin-top:1rem;display:grid}.fc-card{min-height:7.3rem;padding:.9rem;animation:.35s both fc-card-in}@keyframes fc-card-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.fc-card:before{content:"";z-index:1;opacity:0;background:radial-gradient(300px circle at var(--mouse-x,50%) var(--mouse-y,50%), color-mix(in srgb, var(--accent) 8%, transparent), transparent 65%);pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.fc-card:hover:before{opacity:1}.fc-card-title{z-index:2;-webkit-line-clamp:2;font-size:.92rem;font-weight:750;line-height:1.5;position:relative}.fc-author{z-index:2;border:1px solid color-mix(in srgb, var(--border) 18%, transparent);background:color-mix(in srgb, var(--background) 72%, transparent);max-width:calc(100% - 7.5rem);color:color-mix(in srgb, var(--foreground) 68%, transparent);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem .25rem .3rem;font-size:.875rem;transition:border-color .18s,color .18s;display:inline-flex;position:absolute;bottom:.75rem;left:.85rem}.fc-author:hover{border-color:color-mix(in srgb, var(--accent) 32%, transparent);color:var(--accent)}.fc-author img{object-fit:cover;border-radius:999px;flex-shrink:0;width:1.25rem;height:1.25rem}.fc-author span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fc-date{z-index:2;color:color-mix(in srgb, var(--foreground) 48%, transparent);font-family:var(--font-cartograph), monospace;font-size:.875rem;position:absolute;bottom:.92rem;right:.85rem}.fc-card-bg{z-index:0;opacity:.22;object-fit:cover;filter:saturate(.9);border-radius:999px;width:6.5rem;height:6.5rem;transition:opacity .25s,transform .35s;position:absolute;bottom:-1.5rem;right:-1rem;transform:scale(1)}.fc-card:hover .fc-card-bg{opacity:.22;transform:scale(1.08)translate(-.25rem,-.25rem)}.fc-more{justify-content:center;min-width:9rem;margin:1.4rem auto 0;display:flex}.fc-meta{max-width:100%;color:color-mix(in srgb, var(--foreground) 38%, transparent);font-family:var(--font-cartograph), monospace;text-align:right;margin:1rem 0 0 auto;font-size:.875rem;line-height:1.7}.fc-meta a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--foreground) 22%, transparent);text-underline-offset:.18em;transition:color .18s,text-decoration-color .18s}.fc-meta a:hover{color:var(--accent);text-decoration-color:var(--accent)}.fc-modal{z-index:999;background:color-mix(in srgb, var(--background) 52%, transparent);opacity:0;backdrop-filter:blur(18px)saturate(130%);place-items:center;padding:1rem;transition:opacity .2s;display:grid;position:fixed;inset:0}.fc-modal.fc-modal-open{opacity:1}.fc-modal-card{border:1px solid color-mix(in srgb, var(--border) 22%, transparent);background:color-mix(in srgb, var(--background) 88%, transparent);width:min(90vw,24rem);box-shadow:0 20px 70px -36px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:1.2rem;padding:1.1rem;transition:transform .2s;transform:translateY(.75rem)scale(.98)}.fc-modal.fc-modal-open .fc-modal-card{transform:translateY(0)scale(1)}.fc-modal-card>img{border:2px solid color-mix(in srgb, var(--border) 36%, transparent);object-fit:cover;border-radius:999px;width:4.8rem;height:4.8rem;margin:0 auto;display:block}.fc-modal-card>a{color:var(--foreground);text-align:center;margin-top:.65rem;font-weight:800;display:block}.fc-modal-posts{gap:.55rem;margin-top:1rem;display:grid}.fc-modal-post{border:1px solid color-mix(in srgb, var(--border) 16%, transparent);background:color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:.85rem;padding:.75rem .75rem 1.85rem;text-decoration:none;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.fc-modal-post:before{content:"";opacity:0;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 9%, transparent), transparent 62%);pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.fc-modal-post:hover,.fc-modal-post:focus-visible{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 5%, transparent);box-shadow:0 12px 28px -22px color-mix(in srgb, var(--accent) 60%, transparent);outline:none;transform:translateY(-2px)}.fc-modal-post:hover:before,.fc-modal-post:focus-visible:before{opacity:1}.fc-modal-post span{z-index:1;-webkit-line-clamp:2;min-height:2.7rem;color:var(--foreground);-webkit-box-orient:vertical;font-size:.9375rem;font-weight:650;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.fc-modal-post time{z-index:1;color:color-mix(in srgb, var(--foreground) 48%, transparent);font-size:.875rem;position:absolute;bottom:.55rem;right:.75rem}@media (width>=640px){.fc-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.fc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.fc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=560px){.fc-random-panel{flex-direction:column;align-items:stretch}.fc-random-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.fc-spinner,.fc-card{animation:none}.fc-card,.fc-card-bg,.fc-more,.fc-random-actions button{transition:none}}