:root{--wccs-accent:#667eea;--wccs-accent-2:#8fa4f3;--wccs-bg:#fff;--wccs-text:#1d1d1f;--wccs-muted:#6b7280;--wccs-ring:3px;--wccs-shadow:0 8px 18px rgba(0,0,0,.08)}.wccs-container{align-items:center;background:0 0;color:var(--wccs-text);isolation:isolate;--_side-pad:max(env(safe-area-inset-left), 12px);--_btn-size:40px}.wccs-nav{width:var(--_btn-size);height:var(--_btn-size);border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);box-shadow:var(--wccs-shadow);display:grid;place-items:center;color:var(--wccs-accent);transition:transform .2s ease,opacity .2s ease,background .2s ease}.wccs-nav:hover{transform:translateY(-1px)}.wccs-nav:active{transform:translateY(0)}@media (max-width:767px){.wccs-container{grid-template-columns:var(--_btn-size) 1fr var(--_btn-size)}.wccs-nav.prev{margin-left:var(--_side-pad)}.wccs-nav.next{margin-right:var(--_side-pad)}}.wccs-list{align-items:center}.wccs-item{display:flex;flex-direction:column;align-items:center;gap:8px}.wccs-link{position:relative;display:grid;place-items:center;text-decoration:none;color:inherit}.wccs-link:before{content:"";position:absolute;width:calc(var(--wccs-size) + (var(--wccs-ring) * 2) + 8px);height:calc(var(--wccs-size) + (var(--wccs-ring) * 2) + 8px);top:0;left:50%;transform:translate(-50%,-4px);border-radius:999px;background:conic-gradient(from 0deg,var(--wccs-accent),var(--wccs-accent-2));box-shadow:var(--wccs-shadow);z-index:0}.wccs-link:after{content:"";position:absolute;width:calc(var(--wccs-size) + 8px);height:calc(var(--wccs-size) + 8px);top:0;left:50%;transform:translate(-50%,-4px);border-radius:999px;background:var(--wccs-bg);z-index:0}.wccs-img,.wccs-fallback{position:relative;z-index:1;box-shadow:none;border-radius:9999px;object-fit:cover}.wccs-label{font-size:.875rem;line-height:1.1;color:var(--wccs-text);text-align:center;max-width:calc(var(--wccs-size) + 10px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wccs-link:focus-visible{outline:2px solid var(--wccs-accent);outline-offset:6px;border-radius:12px}.wccs-item:hover .wccs-link:before{filter:brightness(1.05)}.wccs-item:hover .wccs-link:after{box-shadow:0 0 0 1px rgba(0,0,0,.04) inset}@media (prefers-reduced-motion:reduce){.wccs-container *{transition:none !important;animation:none !important}}@media (prefers-color-scheme:dark){:root{--wccs-bg:#1a1a1a;--wccs-text:#eaeaea}.wccs-nav{background:rgba(20,20,20,.9);border-color:rgba(255,255,255,.08)}}