.circle-board{display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto}.circle-board__hero{display:flex;align-items:center;min-height:5.35rem;padding:1.1rem 1.35rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--border-color) 14%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface-color) 96%,var(--bg-color) 4%);box-shadow:0 12px 34px color-mix(in srgb,var(--text-main) 7%,transparent)}.circle-board__hero-main{display:flex;align-items:center;gap:1rem;min-width:0}.circle-board__hero-icon{width:2.35rem;height:2.35rem;flex:0 0 2.35rem;color:var(--accent-strong)}.circle-board__hero-icon path{stroke:currentColor;stroke-width:2.25;stroke-linecap:round}.circle-board__hero-icon circle{fill:currentColor}.circle-board__hero-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:.62rem 1rem;min-width:0}.circle-board__title{margin:0;color:var(--text-main);font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.18;font-weight:900;letter-spacing:0;white-space:nowrap}.circle-board__hero-copy p{color:var(--text-sec)!important;font-weight:700}.circle-board__hero-copy p{margin:0!important;font-size:.95rem!important;line-height:1.65!important}.circle-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.82rem;margin-bottom:1.25rem}.circle-stat{display:flex;align-items:center;gap:.72rem;min-width:0;min-height:4.35rem;padding:.7rem .84rem;border:1px solid color-mix(in srgb,var(--border-color) 14%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface-color) 96%,var(--bg-color) 4%);box-shadow:0 10px 26px color-mix(in srgb,var(--text-main) 5%,transparent)}.circle-stat__icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 2rem;color:var(--accent-strong)}.circle-stat__icon svg{width:1.88rem;height:1.88rem;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.circle-stat__body{min-width:0;display:block}.circle-stat__label{display:block;margin-bottom:.34rem;color:var(--text-sec);font-size:.82rem;font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap}.circle-stat__value{display:inline-flex;align-items:baseline;gap:.28rem;max-width:100%;color:var(--text-main);font-size:.78rem;line-height:1;font-weight:900}.circle-stat__value em{overflow:hidden;font-style:normal;font-size:clamp(1.28rem,2.2vw,1.58rem);line-height:1;font-weight:950;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.circle-stat__value--date em{font-size:clamp(1.05rem,1.8vw,1.34rem)}.circle-board__list{display:flex;flex-direction:column;gap:1rem}.circle-entry{display:flex;flex-direction:column;min-height:0;padding:1.05rem;border:1px solid color-mix(in srgb,var(--border-color) 14%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--surface-color) 96%,var(--bg-color) 4%);box-shadow:0 10px 26px color-mix(in srgb,var(--text-main) 5%,transparent);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.circle-entry:hover{border-color:color-mix(in srgb,var(--accent-strong) 34%,transparent);background:color-mix(in srgb,var(--surface-color) 94%,var(--accent-color) 6%);box-shadow:0 16px 30px color-mix(in srgb,var(--text-main) 8%,transparent);transform:translateY(-2px)}.circle-entry__icon{width:1.45rem;height:1.45rem;flex:0 0 1.45rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color) 16%,transparent);background:color-mix(in srgb,var(--surface-muted) 78%,var(--surface-color) 22%);object-fit:cover}.circle-entry__icon--fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--accent-strong)}.circle-entry__footer{display:flex;align-items:center;gap:.5rem;min-width:0;margin-top:auto;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--border-color) 12%,transparent);color:var(--text-sec)}.circle-entry__site-name,.circle-entry__time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-entry__site-name{color:var(--text-main);font-size:.84rem;font-weight:800}.circle-entry__title{margin:0!important;padding-left:0!important;border-left:none!important;font-size:1.05rem!important;line-height:1.45!important;font-weight:900!important;color:var(--text-main)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.circle-entry:hover .circle-entry__title{color:var(--accent-strong)!important}.circle-entry__summary{margin:.45rem 0 .85rem!important;color:var(--text-sec)!important;font-size:.92rem!important;line-height:1.75!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.circle-entry__time{margin-left:auto;color:var(--text-sec);font-size:.82rem;font-weight:700}.circle-board__empty{padding:1.2rem .2rem;border:1px solid color-mix(in srgb,var(--border-color) 14%,transparent);border-radius:1rem;text-align:center;color:var(--text-sec);font-size:.92rem;background:color-mix(in srgb,var(--surface-color) 90%,var(--bg-color) 10%)}@media(max-width:820px){.circle-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.circle-board__hero{min-height:0;padding:.95rem 1rem}.circle-board__hero-main{align-items:flex-start;gap:.78rem}.circle-board__hero-icon{width:1.85rem;height:1.85rem;flex-basis:1.85rem;margin-top:.18rem}.circle-board__hero-copy{display:block}.circle-board__hero-copy p{margin-top:.25rem!important;white-space:normal}.circle-board__title{font-size:1.58rem}.circle-stat{gap:.62rem;min-height:4.15rem;padding:.66rem .72rem}.circle-stat__icon{width:1.68rem;height:1.68rem;flex-basis:1.68rem}.circle-stat__icon svg{width:1.58rem;height:1.58rem}.circle-stat__label{font-size:.76rem}.circle-stat__value em{font-size:1.2rem}.circle-stat__value--date em{font-size:1.02rem}.circle-entry{min-height:0;padding:.95rem}.circle-entry__title{font-size:1rem!important}}@media(max-width:380px){.circle-stats{grid-template-columns:1fr}}