.circle-page{color:#20382d;background:#eee8dc;min-height:70svh}.circle{max-width:1160px;margin:auto;padding:48px 32px 72px}.circle :is(h1,h2,h3,p,blockquote){margin:0}.circle :is(button,a,input){font-family:var(--sans)}.circle :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #866225}.circle a{color:inherit;text-decoration:none}.circle button{cursor:pointer;color:inherit}.circle button:disabled{cursor:wait;opacity:.6}.circle-heading{margin-bottom:32px}.circle-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.circle-kicker{color:#796134;font:600 11px/1.5 var(--sans);letter-spacing:.12em}.circle-heading h1{font:400 clamp(32px,4vw,48px)/1.2 var(--serif);margin:12px 0}.circle-heading p:not(.circle-kicker){font:16px/1.7 var(--sans);color:#546155;max-width:540px}.circle-profile{border-bottom:1px solid #a9ad9c;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:44px;font-size:14px;display:flex}.circle-tabs{border-bottom:1px solid #b8bdad;grid-template-columns:repeat(3,1fr);display:grid}.circle-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;min-width:0;min-height:52px;padding:12px 8px;font-size:16px}.circle-tabs button[aria-selected=true]{color:#10271f;background:#e2dfd1;border-bottom-color:#94743e;font-weight:650}.circle-panel{padding-top:28px}.circle-panel:focus-visible{outline-offset:4px;outline:2px solid #94743e}.circle-empty{background:#e3e3d5;max-width:660px;padding:32px}.circle-empty :is(h2,h3){font:400 28px/1.3 var(--serif);margin:8px 0 12px}.circle-empty p{font:16px/1.75 var(--sans);color:#546155;max-width:540px}.circle-empty>div{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:20px;display:flex}.circle-empty :is(button,a),.circle-welcome-copy button{color:#eee8dc;background:#20382d;border:0;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:12px 16px;font-size:14px;display:inline-flex}.circle-empty>:is(button,a){margin-top:20px}.circle-empty>div>a{color:#20382d;text-underline-offset:4px;background:0 0;padding-inline:0;text-decoration:underline}.circle-feed{max-width:820px}.circle-feed>article{border-bottom:1px solid #c2c4b5;padding:24px 0}.circle-feed>article:first-child{padding-top:0}.circle-feed article>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.circle-person{align-items:center;gap:12px;min-width:0;min-height:44px;display:flex}.circle-person>img,.circle-person>span:first-child{object-fit:cover;background:#d4d9c9;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.circle-person>span:last-child{min-width:0}.circle-person strong{overflow-wrap:anywhere;font:600 15px/1.4 var(--sans);display:block}.circle-person small,.circle-feed time{color:#626c5f;font:12px/1.5 var(--sans);overflow-wrap:anywhere;display:block}.circle-feed time{flex-shrink:0}.circle-bottle{background:#e5e3d7;grid-template-columns:96px minmax(0,1fr) 20px;align-items:center;gap:20px;padding:12px;display:grid}.circle-bottle img,.circle-bottle [data-catalog-image-missing]{object-fit:contain;background:#f7f5ef;width:96px;height:112px}.circle-bottle small{font:12px/1.5 var(--sans);color:#596554;margin-bottom:4px;display:block}.circle-bottle strong{font:400 24px/1.3 var(--serif);overflow-wrap:anywhere;display:block}.circle-bottle div>span{font:12px/1.4 var(--sans);margin-top:8px;display:block}.circle-score{font:12px/1.4 var(--sans);color:#566252;align-items:center;gap:12px;padding-top:16px;display:flex}.circle-score b{color:#20382d;font-size:20px}.circle-score b small{margin-left:4px;font-size:12px;font-weight:400}.circle-feed blockquote{font:16px/1.8 var(--sans);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:16px}.circle-ranking>header{margin-bottom:24px}.circle-ranking h2{font:400 26px/1.3 var(--serif)}.circle-ranking h2 span{font:14px/1 var(--sans);color:#686c58;margin-left:12px}.circle-ranking header p{font:14px/1.7 var(--sans);color:#546155;margin-top:8px}.circle-ranking ol{margin:0;padding:0;list-style:none}.circle-ranking li{border-top:1px solid #c2c4b5;grid-template-columns:36px minmax(0,1fr) 72px;align-items:center;gap:16px;padding:16px 0;display:grid}.circle-rank{color:#796134;font:14px/1 var(--sans)}.circle-ranking-bottle{align-items:center;gap:24px;min-width:0;display:flex}.circle-ranking-bottle img,.circle-ranking-bottle [data-catalog-image-missing]{object-fit:contain;background:#f7f5ef;flex-shrink:0;width:80px;height:96px}.circle-ranking-bottle>span{min-width:0}.circle-ranking-bottle small{font:12px/1.5 var(--sans);color:#586252}.circle-ranking-bottle strong{font:400 22px/1.3 var(--serif);overflow-wrap:anywhere;margin:4px 0;display:block}.circle-ranking-bottle em{font:13px/1.5 var(--sans);color:#586252}.circle-rating{text-align:right;font:400 28px/1 var(--serif)}.circle-rating small{font:12px/1.5 var(--sans);color:#586252;margin-top:8px;display:block}.circle-finder{max-width:820px}.circle-finder label{font:400 26px/1.3 var(--serif);margin-bottom:16px;display:block}.circle-finder form>div{border:1px solid #a4ad9a;display:flex}.circle-finder input{color:#20382d;background:#f7f5ef;border:0;border-radius:0;flex:1;min-width:0;padding:12px;font-size:16px}.circle-finder form button{color:#eee8dc;background:#20382d;border:0;min-height:48px;padding:12px 20px;font-size:14px}.circle .circle-result-label{font:12px/1.5 var(--sans);color:#586252;margin:20px 0 8px}.circle-people>article{border-bottom:1px solid #c2c4b5;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.circle-people article>div:first-child{min-width:0}.circle-people article>div>p{font:12px/1.5 var(--sans);color:#586252;margin:8px 0 0 52px}.circle-friend-actions{max-width:320px;font:13px/1.5 var(--sans);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.circle-friend-actions button{background:0 0;border:1px solid #a4ad9a;min-height:44px;padding:8px 12px;font-size:13px}.circle-friend-actions small{flex-basis:100%}.circle .circle-error{color:#813d36;font:14px/1.6 var(--sans);margin-top:12px}.circle-welcome{grid-template-columns:1fr 1fr;gap:40px;display:grid}.circle-welcome-copy{color:#eee8dc;background:#20382d;padding:32px}.circle-welcome h2{font:400 32px/1.3 var(--serif)}.circle-welcome-copy p{font:16px/1.8 var(--sans);margin:20px 0 24px}.circle-welcome-copy button{color:#20382d;background:#d0af70}.circle-welcome nav a{border-bottom:1px solid #b8bdad;grid-template-columns:24px 1fr 20px;align-items:start;gap:16px;padding:24px 0;display:grid}.circle-welcome nav a>span{font:12px/1.7 var(--sans);color:#796134}.circle-welcome nav strong{font:400 26px/1.3 var(--serif)}.circle-welcome nav p{font:15px/1.7 var(--sans);color:#546155;margin-top:12px}@media (max-width:820px){.circle{padding:20px 16px 32px}.circle-heading{margin-bottom:16px}.circle-heading h1{font:600 24px/1.3 var(--sans);margin:0}.circle-heading p{display:none}.circle-profile{gap:8px;font-size:12px}.circle-tabs button{min-height:48px;font-size:14px}.circle-panel{padding-top:24px}.circle-tabs{background:#e1e3d6;border:0;border-radius:12px;gap:4px;padding:4px}.circle-tabs button{border:0;border-radius:9px;padding:8px 4px}.circle-tabs button[aria-selected=true]{color:#faf6eb;background:#20382d}.circle-empty{background:0 0;padding:24px 8px}.circle-empty :is(h2,h3){font-size:24px}.circle-empty :is(a,button),.circle-bottle{border-radius:10px}.circle-welcome{grid-template-columns:1fr;gap:16px}.circle-welcome-copy{padding:24px}}@media (max-width:500px){.circle-profile{min-height:44px}.circle-empty{padding:24px}.circle-bottle{grid-template-columns:72px minmax(0,1fr) 16px;gap:12px}.circle-bottle img,.circle-bottle [data-catalog-image-missing]{width:72px;height:88px}.circle-bottle strong{font-size:20px}.circle-ranking li{grid-template-columns:24px minmax(0,1fr) 52px;gap:8px}.circle-ranking-bottle{gap:12px}.circle-ranking-bottle img,.circle-ranking-bottle [data-catalog-image-missing]{width:52px;height:72px}.circle-ranking-bottle strong{font-size:18px}.circle-rating{font-size:24px}.circle-person strong{font-size:14px}.circle-people>article{flex-wrap:wrap;gap:12px}.circle-friend-actions{justify-content:flex-start;margin-left:52px}}