.cs{gap:1.5rem;display:grid}.cs-kinds{flex-wrap:wrap;gap:.5rem;display:flex}.cs-pick{background:#fff;border:1px solid #1d15171a;border-radius:1rem;gap:.75rem;padding:1.25rem;display:grid}.cs-h{letter-spacing:.12em;color:#1d151799;font-size:12px}.cs-presets{flex-wrap:wrap;gap:.5rem;display:flex}.cs-chip{cursor:pointer;background:#fff;border:1px solid #1d151726;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .35rem;font-size:13px;transition:border-color .3s;display:inline-flex}.cs-chip:hover{border-color:var(--color-ink)}.cs-chip[aria-pressed=true]{border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink) inset}.cs-dot{border:1px solid #1d15171f;border-radius:999px;flex:none;width:1.4rem;height:1.4rem}.cs-find{gap:.4rem;display:grid;position:relative}.cs-find input{background:#fff;border:1px solid #1d15172e;border-radius:999px;width:100%;padding:.55rem .9rem;font-size:14px}.cs-sug{z-index:6;background:#fff;border:1px solid #1d151726;border-radius:.8rem;max-height:22rem;padding:.3rem;position:absolute;top:2.6rem;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #1d15171f}.cs-sug li button{text-align:left;border-radius:.5rem;align-items:center;gap:.6rem;width:100%;padding:.4rem .5rem;font-size:13px;line-height:1.4;display:flex}.cs-sug li button:hover,.cs-sug li button.is-on{background:#1d15170d}.cs-sug .cs-sw{width:1.8rem;height:1.8rem}.cs-sug .cs-img{width:2rem;height:2rem}.cs-sug-none{color:#1d15178c;padding:.5rem;font-size:12px}.cs-base{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:13px;display:flex}.cs-base .cs-dot{display:inline-block}.cs-base button{color:#1d151799;font-size:12px;text-decoration:underline}.cs-weights{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;font-size:12px;display:flex}.cs-weights label{align-items:center;gap:.5rem;display:inline-flex}.cs-weights input{width:7.5rem;accent-color:var(--color-ink)}.cs-weights output{min-width:1.2em;font-weight:600}.cs-weights .cs-h{flex-basis:100%}.cs-end{color:#1d151780;font-size:10px}.cs-wreset{color:#1d151799;font-size:12px;text-decoration:underline}.cs-own{cursor:pointer;align-items:center;gap:.6rem;font-size:13px;display:inline-flex}.cs-own input{cursor:pointer;background:0 0;border:none;width:2.4rem;height:2.4rem;padding:0}.cs-own code{font-size:13px;font-weight:600}.cs-own-h{letter-spacing:.12em;color:#1d151799;font-size:12px}.cs-own-note{color:#1d151780;font-size:11px}.cs-status{color:#1d151799;font-size:13px}.cs-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cs-sort{gap:.4rem;display:flex}.cs-mapbox{background:#fff;border:1px solid #1d15171a;border-radius:1rem;gap:.6rem;padding:1.25rem;display:grid}.cs-maphead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cs-legend{color:#1d151799;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:11px;display:flex}.cs-lg{vertical-align:-.1rem;border-radius:999px;width:.8rem;height:.8rem;margin-right:-.25rem;display:inline-block}.cs-lg-t{border:2px solid var(--color-ink)}.cs-lg-m{border:2.5px solid var(--color-rose);background:#fff}.cs{--wish:#2f6fdb}.cs-lg-w{border:2.5px solid var(--wish);background:#fff}.cs-map .mn.w{fill:var(--wish)}.cs-mytag.w{border-color:var(--wish);color:var(--wish)}.cs-item.is-wish{border-color:#2f6fdb73}.cs-mine b.w{color:var(--wish)}.cs-lg-n{border:1.5px solid var(--color-ink);background:#d9a0a8}.cs-mapwrap{position:relative;overflow-x:auto}.cs-filter{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cs-filter .cs-h{margin-right:.3rem}.cs-pop{z-index:5;background:#fff;border:1px solid #1d151726;border-radius:.8rem;gap:.35rem;width:16rem;max-width:calc(100% - 1rem);padding:.75rem;font-size:12px;line-height:1.5;display:grid;position:absolute;box-shadow:0 8px 24px #1d151726}.cs-pop.is-hover{pointer-events:none;width:15rem}.cs-pop-top{align-items:center;gap:.6rem;display:flex}.cs-pop .cs-sw{width:2.4rem;height:2.4rem}.cs-pop .cs-img{width:2.6rem;height:2.6rem}.cs-pop-x{color:#1d151780;font-size:16px;position:absolute;top:.25rem;right:.4rem}.cs-pop-btns{flex-wrap:wrap;gap:.4rem;margin-top:.2rem;display:flex}.cs-pop-btns .cs-go{background:var(--color-ink);color:var(--color-paper);border-radius:999px;padding:.3rem .8rem;font-size:12px}.cs-pop-btns a{border:1px solid #1d151733;border-radius:999px;padding:.3rem .8rem;font-size:12px}.cs-kindtag{background:#1d15170f;border-radius:999px;margin-right:.3rem;padding:0 .4rem;font-size:10px;display:inline-block}.cs-map{cursor:crosshair;background:#faf8f7;border-radius:.6rem;width:100%;min-width:34rem;height:auto;display:block}.cs-map .ax{fill:#1d151780;font-size:13px}.cs-map .band{fill:#1d1517b3;font-size:13px;font-weight:700}.cs-map .mn{fill:var(--color-rose);paint-order:stroke;stroke:#fff;stroke-width:3px;pointer-events:none;font-size:13px;font-weight:700}.cs-note{color:#1d15178c;font-size:11px}.cs-mine{flex-wrap:wrap;gap:.4rem .9rem;font-size:12px;display:flex}.cs-mine b{color:var(--color-rose);margin-right:.2rem}.cs-mine button{text-align:left}.cs-mine button:hover{color:var(--color-rose)}.cs-mine .cs-dot{vertical-align:-.12rem;width:.9rem;height:.9rem;margin-left:.15rem;display:inline-block}.cs-mytag{border:1px solid var(--color-rose);color:var(--color-rose);border-radius:999px;margin-left:.3rem;padding:0 .4rem;font-size:10px;display:inline-block}.cs-item.is-mine{border-color:#e6007673}.cs-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;display:grid}.cs-item{background:#fff;border:1px solid #1d151714;border-radius:.9rem;align-items:center;gap:.9rem;min-width:0;padding:.8rem;display:flex}.cs-sw{border:1px solid #1d15171f;border-radius:999px;flex:none;width:3.4rem;height:3.4rem;position:relative}.cs-sw-go{cursor:pointer;transition:box-shadow .2s}.cs-sw-go:hover,.cs-sw-go:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--color-ink);outline:none}.cs-ping{transform-box:fill-box;transform-origin:50%;animation:.9s ease-out 3 cs-ping}@keyframes cs-ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.cs-img{object-fit:contain;background:#faf7f5;border-radius:.5rem;flex:none;width:3.4rem;height:3.4rem}.cs-body{gap:.15rem;min-width:0;font-size:13px;line-height:1.45;display:grid}.cs-brand{color:#1d15178c;font-size:11px}.cs-name{overflow-wrap:anywhere;font-weight:600}.cs-name:hover{color:var(--color-rose)}.cs-shade{color:#1d1517bf;overflow-wrap:anywhere}.cs-shade a{text-underline-offset:2px;text-decoration:underline}.cs-meta{color:#1d15178c;font-size:11px}.cs-near{color:var(--color-rose);background:#e6007614;border-radius:999px;margin-right:.4rem;padding:0 .45rem;display:inline-block}
