:root{--color-bg:oklch(97.5% 0.008 80);--color-surface:oklch(94.8% 0.016 78);--color-surface-sunk:oklch(96.2% 0.012 78);--color-line:oklch(89% 0.018 76);--color-line-strong:oklch(80% 0.02 74);--color-text:oklch(28% 0.014 60);--color-text-secondary:oklch(42% 0.014 60);--color-text-muted:oklch(55% 0.012 62);--color-brand:oklch(37% 0.06 165);--color-brand-soft:oklch(93% 0.02 165);--color-accent:oklch(53% 0.125 45);--color-accent-soft:oklch(93.5% 0.03 55);--color-accent-deep:oklch(44% 0.11 42);--color-like:oklch(53% 0.125 45);--color-neutral-verdict:oklch(66% 0.055 70);--color-mismatch:oklch(58% 0.02 60);--text-hero:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);--text-title:clamp(1.15rem,1.05rem + 0.5vw,1.4rem);--text-lg:1.0625rem;--text-base:0.9375rem;--text-meta:0.8125rem;--text-tiny:0.75rem;--font-numeric:Georgia,"Times New Roman","Songti SC",serif;--space-1:0.375rem;--space-2:0.625rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-section:clamp(1.75rem,1.2rem + 2vw,3rem);--radius-card:14px;--radius-sm:9px;--radius-pill:999px;--shadow-card:0 1px 2px oklch(30% 0.02 70/0.05),0 0 0 1px var(--color-line);--shadow-raised:0 4px 16px oklch(30% 0.03 70/0.09),0 0 0 1px var(--color-line);--duration-fast:150ms;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--shell-main:46rem;--shell-aside:19rem;--shell-nav:13.5rem}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer;padding:0}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute;width:1px;height:1px;-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.shell{min-height:100dvh}.shell-main{max-width:var(--shell-main);margin-inline:auto;padding:var(--space-3) var(--space-3) calc(var(--space-5) + 4.25rem)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in oklch,var(--color-bg) 88%,white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line)}.topbar-inner{max-width:var(--shell-main);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7rem var(--space-3)}.brand{font-weight:750;font-size:1.2rem;letter-spacing:-.02em;color:var(--color-brand)}.brand em{font-style:normal;color:var(--color-accent)}.topbar-back{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.bottom-tabs{position:fixed;inset-inline:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);background:color-mix(in oklch,var(--color-surface) 92%,white);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom)}.bottom-tab{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 0;font-size:var(--text-base);color:var(--color-text-muted);border-top:2px solid transparent;transition:color var(--duration-fast) var(--ease-out-expo)}.bottom-tab[aria-current=page]{color:var(--color-accent-deep);font-weight:650;border-top-color:var(--color-accent);background:linear-gradient(to bottom,var(--color-accent-soft),transparent 70%)}.shell-aside,.side-nav{display:none}@media (min-width:1024px){.shell{display:grid;grid-template-columns:var(--shell-nav) minmax(0,var(--shell-main)) var(--shell-aside);grid-gap:var(--space-4);gap:var(--space-4);max-width:calc(var(--shell-nav) + var(--shell-main) + var(--shell-aside) + var(--space-4) * 4);margin-inline:auto;padding-inline:var(--space-4)}.bottom-tabs,.topbar{display:none}.shell-main{max-width:none}.shell-main,.side-nav{padding:var(--space-5) 0}.side-nav{display:flex;flex-direction:column;gap:var(--space-1);position:-webkit-sticky;position:sticky;top:0;height:100dvh}.side-nav .brand{font-size:1.45rem;margin-bottom:var(--space-4);padding-inline:.85rem}.side-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:550;transition:background var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.side-link:hover{background:var(--color-surface);color:var(--color-text)}.side-link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-deep);font-weight:700}.side-nav-footer{margin-top:auto;padding-inline:.85rem;font-size:var(--text-tiny);color:var(--color-text-muted);line-height:1.7}.shell-aside{display:block;padding:var(--space-5) 0}.shell--wide{grid-template-columns:var(--shell-nav) minmax(0,1fr);max-width:calc(var(--shell-nav) + 62rem + var(--space-4) * 3)}.shell--wide .shell-main{max-width:none}.aside-sticky{position:-webkit-sticky;position:sticky;top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2)}.section-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;margin:0}.section-hint{font-size:var(--text-tiny);color:var(--color-text-muted)}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .65rem;border-radius:var(--radius-pill);background:var(--color-surface-sunk);border:1px solid var(--color-line);font-size:var(--text-meta);color:var(--color-text-secondary);white-space:nowrap}.pill--accent{background:var(--color-accent-soft);border-color:color-mix(in oklch,var(--color-accent) 30%,transparent);font-weight:600}.pill--accent,.pill--count b{color:var(--color-accent-deep)}.pill--count b{font-family:var(--font-numeric);font-weight:700;margin-left:.15rem}.seed-badge{padding:.05rem .45rem;border-radius:5px;border:1px dashed var(--color-line-strong);font-size:var(--text-tiny);color:var(--color-text-muted);letter-spacing:.02em}.avatar,.seed-badge{display:inline-flex;align-items:center}.avatar{justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--color-brand);color:oklch(97% .01 120);font-size:.85rem;font-weight:650;flex-shrink:0}.avatar--lg{width:3.2rem;height:3.2rem;font-size:1.2rem}.verdict-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--text-meta);font-weight:650}.verdict-chip:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}.verdict-chip[data-verdict=LIKE]{color:var(--color-like)}.verdict-chip[data-verdict=NEUTRAL]{color:var(--color-neutral-verdict)}.verdict-chip[data-verdict=NEUTRAL]:before{background:linear-gradient(90deg,currentColor 50%,transparent 0);border:1px solid;width:.44rem;height:.44rem}.verdict-chip[data-verdict=MISMATCH]{color:var(--color-mismatch)}.verdict-chip[data-verdict=MISMATCH]:before{width:.5rem;height:2px;border-radius:1px}.empty-state{text-align:center;padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.empty-state .glyph{width:3.4rem;height:3.4rem;border-radius:50%;background:var(--color-surface-sunk);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.empty-state h2{margin:.3rem 0 0;font-size:var(--text-title)}.empty-state p{margin:0;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.4rem;border-radius:var(--radius-pill);font-weight:650;border:1px solid var(--color-line-strong);background:var(--color-surface);transition:transform var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.btn:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:oklch(98% .008 80)}.btn--primary:hover{background:var(--color-accent-deep);border-color:var(--color-accent-deep);color:oklch(98% .008 80)}.load-more{display:flex;justify-content:center;margin-top:var(--space-4)}.feed-lede{margin:var(--space-2) 0 var(--space-4)}.feed-lede h1{font-size:var(--text-hero);letter-spacing:-.025em;line-height:1.2;margin:0}.feed-lede p{margin:.35rem 0 0;color:var(--color-text-muted)}.feed-list{display:flex;flex-direction:column;gap:var(--space-3)}.feed-item{padding:var(--space-3) var(--space-3) var(--space-2)}.feed-item-head{display:flex;align-items:center;gap:.7rem}.feed-item-head .who{min-width:0}.feed-item-head .who .name{font-weight:700}.feed-item-head .who .meta{display:flex;align-items:center;gap:.5rem;font-size:var(--text-meta);color:var(--color-text-muted)}.feed-item-head .seed-badge{margin-left:auto}.feed-note{margin:var(--space-2) 0 0;font-size:var(--text-lg);line-height:1.7}.feed-facets{display:flex;flex-direction:column;gap:.35rem;margin-top:var(--space-2);font-size:var(--text-meta);color:var(--color-text-secondary)}.feed-facets .facet{display:flex;align-items:baseline;gap:.55rem}.feed-facets .facet-icon{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-tiny)}.bean-mini{display:flex;align-items:center;gap:.85rem;margin-top:var(--space-3);padding:.8rem .9rem;border-radius:var(--radius-sm);background:var(--color-surface-sunk);border:1px solid var(--color-line);transition:border-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.bean-mini:hover{border-color:var(--color-accent)}.bean-thumb{width:2.9rem;height:2.9rem;border-radius:10px;flex-shrink:0;background:var(--color-brand-soft);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;color:var(--color-brand)}.bean-mini .info{min-width:0;flex:1 1}.bean-mini .roaster{display:block;font-size:var(--text-tiny);color:var(--color-text-muted)}.bean-mini .name{display:block;font-weight:700;line-height:1.35}.bean-mini .spec{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bean-mini .signal,.bean-mini .spec{font-size:var(--text-tiny);color:var(--color-text-muted)}.bean-mini .signal{flex-shrink:0;text-align:right;line-height:1.5}.bean-mini .signal b{display:block;font-family:var(--font-numeric);font-size:1.05rem;color:var(--color-accent-deep)}.search-bar{display:flex;gap:.6rem;margin-bottom:var(--space-3)}.search-bar input[type=search]{flex:1 1;min-width:0;padding:.6rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);background:var(--color-surface);font:inherit;color:inherit}.search-bar input[type=search]::placeholder{color:var(--color-text-muted)}.search-bar input[type=search]:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:transparent}.filter-rows{display:flex;flex-direction:column;gap:.55rem;margin-bottom:var(--space-4)}.filter-row{display:flex;align-items:baseline;gap:.6rem}.filter-row .label{flex-shrink:0;font-size:var(--text-tiny);color:var(--color-text-muted);width:3em}.filter-row .options{display:flex;flex-wrap:wrap;gap:.4rem}.filter-chip{padding:.14rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--color-line);font-size:var(--text-meta);color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.filter-chip[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:oklch(97% .01 120);font-weight:600}.result-meta{font-size:var(--text-meta);color:var(--color-text-muted);margin:0 0 var(--space-2)}.bean-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:768px){.bean-grid{grid-template-columns:1fr 1fr}}.bean-card{padding:var(--space-3);display:flex;flex-direction:column;gap:.55rem;transition:box-shadow var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.bean-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-1px)}.bean-card .roaster{font-size:var(--text-tiny);color:var(--color-text-muted);display:flex;justify-content:space-between;gap:.5rem}.bean-card .name{display:block;font-size:var(--text-lg);font-weight:750;letter-spacing:-.01em;line-height:1.35}.bean-card .spec{display:block;font-size:var(--text-meta);color:var(--color-text-secondary)}.bean-card .flavors{display:flex;flex-wrap:wrap;gap:.35rem}.bean-card .foot{margin-top:auto;padding-top:.45rem;border-top:1px dashed var(--color-line);display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-tiny);color:var(--color-text-muted)}.bean-card .foot b{font-family:var(--font-numeric);color:var(--color-accent-deep);font-size:.95rem}.bean-detail,.bean-detail>.community-col{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:1024px){.bean-detail{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.bean-detail>.fact-col{position:-webkit-sticky;position:sticky;top:var(--space-5)}}.fact-card{padding:var(--space-4) var(--space-3) var(--space-3);border-top:3px solid var(--color-brand)}.fact-card .roaster-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:var(--text-meta);color:var(--color-text-muted)}.fact-card h1{font-size:var(--text-hero);letter-spacing:-.02em;line-height:1.25;margin:.3rem 0 .2rem}.fact-card .name-en{font-size:var(--text-meta);color:var(--color-text-muted);font-style:italic;font-family:var(--font-numeric)}.fact-rows{margin:var(--space-3) 0 0;display:grid;grid-template-columns:auto 1fr;grid-gap:.35rem .9rem;gap:.35rem .9rem;font-size:var(--text-meta)}.fact-rows dt{color:var(--color-text-muted)}.fact-rows dd{margin:0;color:var(--color-text)}.official-flavors{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-line)}.official-flavors .label{font-size:var(--text-tiny);color:var(--color-text-muted);margin-bottom:.4rem}.official-flavors .chips{display:flex;flex-wrap:wrap;gap:.4rem}.official-note{margin:var(--space-2) 0 0;font-size:var(--text-meta);color:var(--color-text-secondary);line-height:1.7}.state-actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem;padding:var(--space-3)}.state-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 0;border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);font-weight:650;color:var(--color-text-secondary);transition:border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo)}.state-btn:hover{border-color:var(--color-accent);color:var(--color-accent-deep);background:var(--color-accent-soft)}.state-actions--mine{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.state-actions--mine .btn{white-space:nowrap}.community-section{padding:var(--space-3)}.community-section>.section-head{padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);margin-bottom:var(--space-3)}.verdict-board{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.verdict-hero{padding:.6rem 1.1rem;border-radius:var(--radius-sm);background:var(--color-accent-soft);text-align:center}.verdict-hero b{display:block;font-family:var(--font-numeric);font-size:2.1rem;line-height:1.1;color:var(--color-accent-deep)}.verdict-hero span{font-size:var(--text-meta);font-weight:650;color:var(--color-accent-deep)}.verdict-rows{display:flex;flex-direction:column;gap:.45rem}.verdict-row{display:grid;grid-template-columns:3.2em 1fr 2.8em;align-items:center;grid-gap:.6rem;gap:.6rem;font-size:var(--text-meta)}.verdict-row .vlabel,.verdict-row .vpct{color:var(--color-text-secondary)}.verdict-row .vpct{text-align:right;font-family:var(--font-numeric)}.track{height:.42rem;border-radius:var(--radius-pill);background:var(--color-surface-sunk);border:1px solid var(--color-line);overflow:hidden}.track>i{display:block;height:100%;border-radius:inherit;background:var(--color-accent)}.track>i.i-neutral{background:var(--color-neutral-verdict)}.track>i.i-mismatch{background:var(--color-mismatch)}.stat-counts{display:flex;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--color-line);font-size:var(--text-meta);color:var(--color-text-muted);flex-wrap:wrap}.stat-counts b{font-family:var(--font-numeric);color:var(--color-text);margin-left:.2rem}.consensus-chips{display:flex;flex-wrap:wrap;gap:.5rem}.consensus-chip{display:inline-flex;align-items:baseline;gap:.35rem;padding:.28rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-surface-sunk);font-size:var(--text-base);color:var(--color-text-secondary)}.consensus-chip b{font-family:var(--font-numeric);font-size:var(--text-meta);color:var(--color-accent-deep)}.consensus-chip:first-child,.consensus-chip:nth-child(2){background:var(--color-accent-soft);border-color:color-mix(in oklch,var(--color-accent) 28%,transparent);color:var(--color-accent-deep);font-weight:650}.radar-wrap{display:grid;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.radar-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:var(--text-tiny);color:var(--color-text-muted)}.radar-legend b{color:var(--color-text-secondary);font-weight:650}.dist-group+.dist-group{margin-top:var(--space-3)}.dist-group .glabel{font-size:var(--text-tiny);color:var(--color-text-muted);margin-bottom:.5rem}.dist-rows{display:flex;flex-direction:column;gap:.5rem}.dist-row{display:grid;grid-template-columns:6.5em 1fr 2.8em;align-items:center;grid-gap:.7rem;gap:.7rem;font-size:var(--text-meta)}.dist-row .dlabel{color:var(--color-text-secondary);display:flex;align-items:center;gap:.4rem}.dist-row .dpct{text-align:right;font-family:var(--font-numeric);color:var(--color-text-secondary)}.note-list{display:flex;flex-direction:column}.note-item{padding:var(--space-3) 0}.note-item+.note-item{border-top:1px solid var(--color-line)}.note-item .head{display:flex;align-items:center;gap:.6rem;font-size:var(--text-meta)}.note-item .head .name{font-weight:700;font-size:var(--text-base)}.note-item .head .time{color:var(--color-text-muted)}.note-item .body{margin:.45rem 0 0;line-height:1.75}.note-item .facets{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:var(--text-tiny);color:var(--color-text-muted)}.accumulating{padding:var(--space-4) var(--space-3);text-align:center;border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);background:var(--color-surface-sunk);color:var(--color-text-muted)}.accumulating b{color:var(--color-text-secondary)}.aside-card{padding:var(--space-3)}.aside-card .section-title{font-size:var(--text-base)}.aside-bean{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.45rem 0;font-size:var(--text-meta)}.aside-bean+.aside-bean{border-top:1px dashed var(--color-line)}.aside-bean .name{font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aside-bean .count{flex-shrink:0;font-family:var(--font-numeric);color:var(--color-text-muted)}.aside-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.4rem}.placeholder-page{padding:var(--space-5) var(--space-3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.placeholder-page h1{font-size:var(--text-title);margin:0}.placeholder-page p{margin:0;color:var(--color-text-muted);max-width:32rem}.panel-overlay{position:fixed;inset:0;z-index:50;background:oklch(25% .02 60/.35);display:flex;align-items:flex-end;justify-content:center}.record-panel{background:var(--color-bg);width:100%;max-height:88dvh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;animation:sheet-up .24s var(--ease-out-expo)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}}@media (min-width:1024px){.panel-overlay{align-items:stretch;justify-content:flex-end}.record-panel{width:30rem;max-height:none;border-radius:0;border-left:1px solid var(--color-line);animation:panel-in .24s var(--ease-out-expo)}@keyframes panel-in{0%{transform:translateX(32px);opacity:.6}}}.panel-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:color-mix(in oklch,var(--color-bg) 92%,white);border-bottom:1px solid var(--color-line)}.panel-head h2{margin:0;font-size:var(--text-lg)}.panel-bean{margin:.15rem 0 0;font-size:var(--text-meta)}.panel-bean,.panel-close{color:var(--color-text-muted)}.panel-close{width:2rem;height:2rem;border-radius:50%;border:1px solid var(--color-line);flex-shrink:0}.panel-close:hover{border-color:var(--color-accent);color:var(--color-accent-deep)}.panel-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.panel-field{border:none;margin:0;padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}.panel-field legend{float:left;width:100%;font-weight:700;margin-bottom:.6rem;display:flex;align-items:baseline;justify-content:space-between}.panel-field>:not(legend){clear:both}.panel-field legend .hint{font-size:var(--text-tiny);font-weight:400;color:var(--color-text-muted)}.panel-field textarea{width:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-bg);padding:.6rem .8rem;font:inherit;color:inherit;resize:vertical}.char-count{text-align:right;font-size:var(--text-tiny);color:var(--color-text-muted);margin-top:.3rem;font-family:var(--font-numeric)}.segmented{display:flex;gap:.45rem}.segment{flex:1 1;padding:.5rem 0;border-radius:var(--radius-pill);border:1px solid var(--color-line-strong);font-weight:600;color:var(--color-text-secondary);transition:background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.segment:hover,.segment[aria-checked=true]{border-color:var(--color-accent)}.segment[aria-checked=true]{background:var(--color-accent);color:oklch(98% .008 80)}.segment[data-verdict=MISMATCH][aria-checked=true]{background:var(--color-mismatch);border-color:var(--color-mismatch)}.segment[data-verdict=NEUTRAL][aria-checked=true]{background:var(--color-neutral-verdict);border-color:var(--color-neutral-verdict)}.segmented--sm .segment{padding:.26rem 0;font-size:var(--text-meta)}.chip-select{display:flex;flex-wrap:wrap;gap:.4rem}.chip-select+.chip-select{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--color-line)}.chip-select .filter-chip{background:var(--color-bg)}.chip-select .filter-chip[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:oklch(97% .01 120)}.flavor-input{display:flex;gap:.5rem;margin-top:.7rem}.flavor-input input{flex:1 1;min-width:0;border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-bg);padding:.45rem .9rem;font:inherit;color:inherit}.flavor-input .btn{padding:.45rem 1rem}.intensity-grid{display:flex;flex-direction:column;gap:.55rem}.intensity-row{display:grid;grid-template-columns:4.2em 1fr;align-items:center;grid-gap:.7rem;gap:.7rem}.intensity-row .axis-label,.visibility-toggle{font-size:var(--text-meta);color:var(--color-text-secondary)}.visibility-toggle{display:flex;align-items:center;gap:.55rem;background:none;box-shadow:none;padding:0 var(--space-1)}.visibility-toggle input{accent-color:var(--color-accent);width:1.05rem;height:1.05rem}.panel-error{margin:0;padding:.6rem .9rem;border-radius:var(--radius-sm);background:oklch(95% .03 30);border:1px solid oklch(75% .08 30);color:oklch(45% .12 30);font-size:var(--text-meta)}.panel-foot{display:flex;justify-content:flex-end;gap:.7rem;padding-bottom:env(safe-area-inset-bottom)}.panel-save{min-width:9rem}.panel-withdraw-row{padding:0 var(--space-3) var(--space-3);display:flex;justify-content:center}.panel-withdraw{border-color:transparent;color:var(--color-text-muted);font-size:var(--text-meta)}.panel-withdraw:hover{color:var(--color-mismatch);border-color:var(--color-line-strong)}.my-state{grid-column:span 2;display:flex;align-items:center;gap:.6rem}.form-page{max-width:30rem;margin-inline:auto}.form-page .card{padding:var(--space-4) var(--space-3)}.form-page h1{font-size:var(--text-title);margin:0 0 .4rem}.form-page .sub{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-meta);line-height:1.7}.field{margin-bottom:var(--space-3)}.field>label{display:block;font-weight:650;font-size:var(--text-meta);margin-bottom:.35rem}.field input[type=text],.field select,.field textarea{width:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-bg);padding:.55rem .8rem;font:inherit;color:inherit}.quick-users{display:flex;flex-direction:column;gap:.5rem}.quick-user{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .8rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg);text-align:left;transition:border-color var(--duration-fast) var(--ease-out-expo)}.quick-user:hover{border-color:var(--color-accent)}.divider,.quick-user .meta{font-size:var(--text-tiny);color:var(--color-text-muted)}.divider{display:flex;align-items:center;gap:.8rem;margin:var(--space-3) 0}.divider:after,.divider:before{content:"";flex:1 1;border-top:1px solid var(--color-line)}.me-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.me-head .who{flex:1 1;min-width:0}.me-head .name{font-size:var(--text-title);font-weight:750}.me-head .joined{font-size:var(--text-meta);color:var(--color-text-muted)}.me-stats{display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:.6rem;gap:.6rem;margin-top:var(--space-3)}.stat-tile{padding:.7rem .5rem;border-radius:var(--radius-sm);background:var(--color-surface-sunk);border:1px solid var(--color-line);text-align:center;transition:border-color var(--duration-fast) var(--ease-out-expo)}a.stat-tile:hover{border-color:var(--color-accent)}.stat-tile.total{background:var(--color-accent-soft);border-color:color-mix(in oklch,var(--color-accent) 25%,transparent)}.stat-tile b{display:block;font-family:var(--font-numeric);font-size:1.5rem;line-height:1.2;color:var(--color-accent-deep)}.stat-tile span{font-size:var(--text-tiny);color:var(--color-text-secondary)}.me-list-item{display:block;padding:var(--space-3) 0}.me-list-item+.me-list-item{border-top:1px solid var(--color-line)}.me-list-item .top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.me-list-item .bean-name{font-weight:700}.me-list-item .time{flex-shrink:0;font-size:var(--text-tiny);color:var(--color-text-muted)}.me-list-item .sub{font-size:var(--text-meta);color:var(--color-text-muted);margin-top:.15rem}.me-list-item .note{margin:.4rem 0 0;font-size:var(--text-meta);color:var(--color-text-secondary)}.success-note{padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--color-brand-soft);border:1px solid color-mix(in oklch,var(--color-brand) 30%,transparent);color:var(--color-brand);font-size:var(--text-meta)}.ai-suggest-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.5rem}.ai-suggest-btn{font-size:var(--text-meta);padding:.35rem .9rem;border-style:dashed}.ai-suggest-btn:disabled{opacity:.5;cursor:default}.ai-suggest-msg{font-size:var(--text-tiny);color:var(--color-brand)}