.ciorigins{--cream:#f4ede1;--paper:#faf6ee;--ink:#1c1410;--terracotta:#c4633a;--gold:#b88a2c;--sage:#8a9b82;--espresso:#241a14;--bg:var(--cream);--card:var(--paper);--txt:var(--ink);--rule:#1c141024;--rule-strong:#1c14104d;--ink-70:#1c1410b8;--ink-55:#1c14108f;--ink-40:#1c141066;--field:#1c141009;--field-on:#fffdf8;--c-africa:#c4633a;--c-south:#6f7d57;--c-central:#b88a2c;--c-asia:#7a5f86;--c-carib:#3f8a84;--serif:var(--font-cormorant), "Cormorant Garamond", "EB Garamond", Georgia, serif;--mincho:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--mono:var(--font-geist-mono), "Geist Mono", ui-monospace, Menlo, monospace;--sans:var(--font-inter), "Inter", "Hiragino Sans", system-ui, sans-serif;color:var(--txt);font-family:var(--sans);background:var(--bg);margin-inline:-16px;padding-inline:clamp(16px,2.5vw,32px)}html.dark .ciorigins{--cream:#171210;--paper:#211913;--ink:#efe6d6;--bg:#141010;--card:#1e1712;--txt:#efe6d6;--rule:#efe6d624;--rule-strong:#efe6d64d;--ink-70:#efe6d6bd;--ink-55:#efe6d68c;--ink-40:#efe6d661;--field:#efe6d60d;--field-on:#2a201a;--terracotta:#dc8158;--gold:#d0a24c;--sage:#a3b39a;--c-south:#8a9b76;--c-central:#d0a24c;--c-asia:#a288ad;--c-carib:#56a59c}.ciorigins .serif-it{font-family:var(--serif);color:var(--terracotta);letter-spacing:.01em;font-style:italic;font-weight:500}.ciorigins .mono-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-55);font-size:11px;font-weight:500}.ciorigins .ctick{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.ciorigins .filterbar{background:color-mix(in srgb, var(--bg) 92%, transparent);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:18px}.ciorigins .fb-row{border-top:1px solid var(--rule);padding:13px 0}.ciorigins .fb-row:first-child{border-top:none}.ciorigins .fb-top{align-items:center;gap:18px;display:flex}.ciorigins .search{flex:1;align-items:center;display:flex;position:relative}.ciorigins .search__icon{width:17px;height:17px;color:var(--ink-40);pointer-events:none;position:absolute;left:14px}.ciorigins .search__input{border:1px solid var(--rule);background:var(--field);width:100%;color:var(--txt);font-family:var(--mincho);border-radius:2px;outline:none;padding:11px 38px 11px 40px;font-size:14.5px;transition:all .2s}.ciorigins .search__input:focus{border-color:var(--terracotta);background:var(--field-on)}.ciorigins .search__input::placeholder{color:var(--ink-40);font-family:var(--mincho)}.ciorigins .search__clear{color:var(--ink-40);background:0 0;border:none;font-size:19px;line-height:1;position:absolute;right:10px}.ciorigins .search__clear:hover{color:var(--terracotta)}.ciorigins .sortwrap{flex:none;align-items:center;gap:10px;display:flex}.ciorigins .seg{border:1px solid var(--rule);border-radius:2px;display:inline-flex;overflow:hidden}.ciorigins .seg__btn{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-55);border:none;border-left:1px solid var(--rule);background:0 0;padding:7px 13px;font-size:11px;transition:all .15s}.ciorigins .seg__btn:first-child{border-left:none}.ciorigins .seg__btn:hover{color:var(--txt)}.ciorigins .seg__btn.is-on{background:var(--espresso);color:var(--cream)}html.dark .ciorigins .seg__btn.is-on{background:var(--terracotta);color:#1a120c}.ciorigins .fb-continents{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ciorigins .ctab{border:1px solid var(--rule);font-family:var(--mincho);color:var(--ink-70);white-space:nowrap;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:7px 15px;font-size:13.5px;transition:all .18s;display:inline-flex}.ciorigins .ctab:hover{border-color:var(--rule-strong);color:var(--txt)}.ciorigins .ctab.is-on{background:var(--espresso);color:var(--cream);border-color:var(--espresso)}html.dark .ciorigins .ctab.is-on{background:var(--paper);color:var(--txt);border-color:var(--rule-strong)}.ciorigins .fb-disc{gap:10px;display:flex}.ciorigins .disc{border:1px solid var(--rule);font-family:var(--mincho);color:var(--ink-70);background:0 0;border-radius:2px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;transition:all .18s;display:inline-flex}.ciorigins .disc:hover{border-color:var(--rule-strong);color:var(--txt)}.ciorigins .disc__plus{font-family:var(--mono);text-align:center;width:12px;color:var(--terracotta);font-size:14px}.ciorigins .disc.is-open{background:var(--field);color:var(--txt)}.ciorigins .disc.has{border-color:var(--terracotta)}.ciorigins .disc__n{font-family:var(--mono);background:var(--terracotta);color:#fff;letter-spacing:0;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.ciorigins .panel{border-top:1px solid var(--rule);padding:16px 0 18px;animation:.22s ciorigins-slide}@keyframes ciorigins-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ciorigins .panel__chips{flex-wrap:wrap;gap:8px;display:flex}.ciorigins .panel--detail{flex-wrap:wrap;align-items:center;gap:26px 40px;display:flex}.ciorigins .facet{align-items:center;gap:12px;display:flex}.ciorigins .facet--slider{flex:1;min-width:280px}.ciorigins .slider{min-width:120px;accent-color:var(--terracotta);flex:1;height:3px}.ciorigins .mono-val{font-family:var(--mono);color:var(--ink-70);letter-spacing:.04em;min-width:84px;font-size:11.5px}.ciorigins .fchip{font-family:var(--mincho);color:var(--ink-70);border:1px solid var(--rule);white-space:nowrap;border-radius:2px;padding:4px 11px;font-size:12.5px;line-height:1.5}.ciorigins .fchip--btn{background:0 0;transition:all .15s}.ciorigins .fchip--btn:hover{border-color:var(--rule-strong);color:var(--txt)}.ciorigins .fchip--btn.is-on{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.ciorigins .card__flavors .fchip.is-match{border-color:var(--terracotta);color:var(--terracotta)}.ciorigins .fb-active{align-items:center;display:flex}.ciorigins .active{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.ciorigins .count{font-family:var(--mincho);color:var(--ink-55);margin-right:6px;font-size:13px}.ciorigins .count b{font-family:var(--mono);color:var(--txt);letter-spacing:.02em;font-size:15px;font-weight:600}.ciorigins .achip{border:1px solid var(--rule-strong);background:var(--field);font-family:var(--mincho);color:var(--txt);border-radius:2px;align-items:center;gap:7px;padding:4px 6px 4px 11px;font-size:12.5px;display:inline-flex}.ciorigins .achip__x{font-family:var(--mono);color:var(--ink-40);font-size:14px;line-height:1}.ciorigins .achip:hover .achip__x{color:var(--terracotta)}.ciorigins .clearall{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--terracotta);text-underline-offset:3px;background:0 0;border:none;padding:4px;font-size:11px;text-decoration:underline}.ciorigins .grid-wrap{min-height:40vh;padding:30px 0 16px}.ciorigins .grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.ciorigins .grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width:1024px){.ciorigins .grid{grid-template-columns:repeat(3,1fr);gap:20px}}.ciorigins .card{background:var(--card);border:1px solid var(--rule);border-radius:3px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.ciorigins .card:hover{border-color:var(--rule-strong);transform:translateY(-2px);box-shadow:0 14px 30px -22px #1c141080}.ciorigins .card__plate{border-bottom:1px solid var(--rule);height:96px;position:relative;overflow:hidden}.ciorigins .card__photo{z-index:0;object-fit:cover;position:absolute;inset:0}.ciorigins .card__plate.has-photo:after{content:"";z-index:1;background:linear-gradient(165deg,#140c0838 0%,#140c088c 100%);position:absolute;inset:0}.ciorigins .card__rank{z-index:2;font-family:var(--serif);color:#f4ede1eb;text-shadow:0 1px 14px #0000004d;font-size:38px;font-style:italic;font-weight:600;line-height:1;position:absolute;top:8px;right:14px}.ciorigins .card__platecap{z-index:2;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede1d1;font-size:10px;position:absolute;bottom:9px;left:14px}.ciorigins .card__body{flex-direction:column;flex:1;gap:0;padding:16px 18px 17px;display:flex}.ciorigins .card__kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-40);align-items:center;gap:7px;margin-bottom:7px;font-size:10px;display:flex}.ciorigins .card__name{flex-wrap:wrap;align-items:baseline;gap:9px;margin:0;display:flex}.ciorigins .card__ja{font-family:var(--mincho);letter-spacing:.01em;font-size:22px;font-weight:700;line-height:1.2}.ciorigins .card__en{font-family:var(--serif);color:var(--terracotta);font-size:18px;font-style:italic;font-weight:500}.ciorigins .card__summary{font-family:var(--mincho);color:var(--ink-55);text-wrap:pretty;min-height:2.6em;margin:9px 0 13px;font-size:12.5px;line-height:1.75}.ciorigins .card__flavors{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.ciorigins .card__rule{background:var(--rule);height:1px;margin:auto 0 11px}.ciorigins .card__meta{font-family:var(--mono);letter-spacing:.03em;color:var(--ink-70);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;display:flex}.ciorigins .card__meta .dot{color:var(--ink-40)}.ciorigins .card__stats{gap:18px;display:flex}.ciorigins .stat{font-family:var(--mono);color:var(--txt);letter-spacing:.02em;align-items:baseline;gap:6px;font-size:11px;display:flex}.ciorigins .stat i{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);font-size:9px;font-style:normal}.ciorigins .empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:80px 20px;display:flex}.ciorigins .empty__mark{font-family:var(--serif);color:var(--terracotta);opacity:.7;font-size:54px;font-style:italic;line-height:1}.ciorigins .empty__title{font-family:var(--mincho);margin:0;font-size:24px;font-weight:700}.ciorigins .empty__title em{font-family:var(--serif);color:var(--terracotta);font-style:italic;font-weight:500}.ciorigins .empty__sub{font-family:var(--mincho);color:var(--ink-55);margin:0 0 8px;font-size:14px}@media (min-width:1024px){.ciorigins .filterbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}}@media (max-width:680px){.ciorigins .fb-top{flex-direction:column;align-items:stretch;gap:11px}.ciorigins .sortwrap{justify-content:space-between}.ciorigins .fb-continents{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:12px;overflow-x:auto}.ciorigins .fb-continents::-webkit-scrollbar{display:none}.ciorigins .ctab{flex:none}.ciorigins .panel--detail{flex-direction:column;align-items:stretch;gap:16px}.ciorigins .facet{flex-wrap:wrap}.ciorigins .facet--slider{min-width:0}}