.circle-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:16px 0 30px}.circle-heading p,.circle-eyebrow{margin:0 0 10px;color:var(--muted,#82796e);font-size:13px}.circle-heading h1{font-size:clamp(25px,3vw,36px);line-height:1.3;margin:0;letter-spacing:-1px}.circle-books{display:flex;gap:4px;background:var(--panel,rgba(255,255,255,.5));padding:5px;border:1px solid var(--line,#e7dfd3);border-radius:18px}.circle-books button{border:0;background:transparent;color:inherit;border-radius:13px;padding:10px 20px;cursor:pointer}.circle-books button[aria-pressed=true]{background:#e88b42;color:#fff}.circle-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:40px;padding:34px;background:var(--panel,rgba(255,255,255,.55));border:1px solid var(--line,#e8e1d7);border-radius:32px;backdrop-filter:blur(18px)}.circle-map-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.circle-map-panel svg{width:100%;max-width:540px;overflow:visible}.circle-track{fill:#e9e3d9;stroke:#ddd3c4;stroke-width:1}.circle-track.selected{stroke:#cc7538;stroke-width:2}.circle-fill{fill:#f3bc82}.circle-fill.complete{fill:#e98c43}.circle-hit{fill:transparent;cursor:pointer}.circle-core-label,.circle-core-value,.circle-band-label{fill:#514334;pointer-events:none}.circle-core-label{font-size:16px;font-weight:600}.circle-core-value{font-size:13px}.circle-band-label{font-size:12px}.circle-map-note{font-size:12px;color:var(--muted,#82796e);margin:8px 0 0}.circle-detail{padding:10px 4px;align-self:center}.circle-detail h2{font-size:28px;margin:0 0 10px}.circle-rule{font-size:13px;line-height:1.7;color:var(--muted,#82796e);min-height:22px}.circle-count{margin:26px 0 8px}.circle-count strong{font-size:48px;line-height:1;font-weight:600;letter-spacing:-2px}.circle-count>span{font-size:15px;color:var(--muted,#82796e)}.circle-remaining{font-size:14px;margin:12px 0 22px}.circle-primary{width:100%;padding:16px 20px;background:#e88b42;color:#fff;font-size:15px;font-weight:600;border:0;border-radius:16px;cursor:pointer}.circle-primary:hover{background:#d77b34}.circle-primary:disabled{opacity:.5;cursor:default}.circle-secondary-actions{display:flex;justify-content:center;gap:24px;margin:16px 0 24px}.circle-secondary-actions a{font-size:12px;color:var(--muted,#82796e);text-underline-offset:4px}.circle-list{display:grid;gap:5px}.circle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;color:inherit;background:transparent;cursor:pointer;text-align:left}.circle-row.selected{background:rgba(231,144,72,.09);border-color:rgba(231,144,72,.3)}.circle-row>span{display:flex;align-items:center;gap:10px;font-size:13px}.circle-row small{color:var(--muted,#82796e)}.circle-dot{width:9px;height:9px;border-radius:50%;background:#d8cbb9}.circle-dot.done{background:#e88b42}.circle-footer{color:var(--muted,#82796e);font-size:11px;line-height:1.8;margin:22px 8px}#circleError{font-size:14px;color:var(--muted,#82796e)}.circle-study-return{border:0;background:transparent;color:var(--muted,#82796e);padding:8px 0;cursor:pointer;font-size:12px}.circle-done-link{display:block;text-align:center;margin-top:16px;color:inherit;text-underline-offset:4px;font-size:13px}.circle-row:focus-visible,.circle-primary:focus-visible,.circle-books button:focus-visible{outline:3px solid #e88b42;outline-offset:3px}.circle-batch-complete{animation:circle-settle .35s ease-out}@keyframes circle-settle{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .circle-track{fill:#35312d;stroke:#51473d}[data-theme=dark] .circle-track.selected{stroke:#edab70}[data-theme=dark] .circle-core-label,[data-theme=dark] .circle-core-value,[data-theme=dark] .circle-band-label{fill:#e8dbcd}.guide-orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(max-width:800px){.circle-layout{grid-template-columns:1fr;padding:22px;gap:18px}.circle-map-panel svg{max-width:390px}.circle-heading{align-items:flex-start}.circle-heading h1{font-size:25px}.circle-books button{padding:9px 14px}.circle-detail{padding:0}.circle-count{margin-top:20px}.circle-detail h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.circle-batch-complete{animation:none}}
.dark .circle-track{fill:#39342f;stroke:#51473d}.dark .circle-track.selected{stroke:#edab70}.dark .circle-core-label,.dark .circle-core-value,.dark .circle-band-label{fill:#f2e8dd}.dark .circle-layout,.dark .circle-books{background:var(--glass,#302b2bb3)}.dark .circle-fill{fill:#bd7844}.dark .circle-fill.complete{fill:#ec954f}
.circle-books{flex-shrink:0}.circle-books button{white-space:nowrap}@media(max-width:480px){.circle-heading{flex-direction:column;gap:16px;margin-bottom:22px}.circle-heading h1{font-size:24px}.circle-books{align-self:flex-start}.circle-map-note{text-align:center;line-height:1.6}}