.eyecatch{--ec-size: 3.5rem;--ec-emoji: 52%;flex:0 0 auto;display:inline-grid;place-items:center;inline-size:var(--ec-size);block-size:var(--ec-size);border-radius:calc(var(--ec-size) * .22);background-color:transparent}.eyecatch__img{display:block;inline-size:var(--ec-emoji);block-size:var(--ec-emoji)}.eyecatch[data-ec-bg=red-pale]{background-color:#60302d;background-color:light-dark(#ffd1cd,#60302d)}.eyecatch[data-ec-bg=orange-pale]{background-color:#5c3518;background-color:light-dark(#ffd4b8,#5c3518)}.eyecatch[data-ec-bg=amber-pale]{background-color:#513c09;background-color:light-dark(#f2dbad,#513c09)}.eyecatch[data-ec-bg=olive-pale]{background-color:#3f4413;background-color:light-dark(#dce4b3,#3f4413)}.eyecatch[data-ec-bg=green-pale]{background-color:#264928;background-color:light-dark(#c4eac4,#264928)}.eyecatch[data-ec-bg=teal-pale]{background-color:#004b3e;background-color:light-dark(#b1eddb,#004b3e)}.eyecatch[data-ec-bg=cyan-pale]{background-color:#004950;background-color:light-dark(#abebf3,#004950)}.eyecatch[data-ec-bg=sky-pale]{background-color:#0f455f;background-color:light-dark(#bae5ff,#0f455f)}.eyecatch[data-ec-bg=blue-pale]{background-color:#2d3e65;background-color:light-dark(#cedeff,#2d3e65)}.eyecatch[data-ec-bg=violet-pale]{background-color:#433861;background-color:light-dark(#e0d8ff,#433861)}.eyecatch[data-ec-bg=purple-pale]{background-color:#523254;background-color:light-dark(#f5d0f6,#523254)}.eyecatch[data-ec-bg=pink-pale]{background-color:#5c2f42;background-color:light-dark(#ffcfe0,#5c2f42)}.eyecatch[data-ec-bg=gray-pale]{background-color:#3c4046;background-color:light-dark(#e5e8ed,#3c4046)}.eyecatch[data-ec-bg=red-soft]{background-color:#954440;background-color:light-dark(#ffa59e,#954440)}.eyecatch[data-ec-bg=orange-soft]{background-color:#8f4d16;background-color:light-dark(#f8ae7b,#8f4d16)}.eyecatch[data-ec-bg=amber-soft]{background-color:#7a5b00;background-color:light-dark(#e2bb6a,#7a5b00)}.eyecatch[data-ec-bg=olive-soft]{background-color:#5f6703;background-color:light-dark(#beca74,#5f6703)}.eyecatch[data-ec-bg=green-soft]{background-color:#327036;background-color:light-dark(#93d495,#327036)}.eyecatch[data-ec-bg=teal-soft]{background-color:#00715d;background-color:light-dark(#6ad8bd,#00715d)}.eyecatch[data-ec-bg=cyan-soft]{background-color:#006e77;background-color:light-dark(#5ad5e3,#006e77)}.eyecatch[data-ec-bg=sky-soft]{background-color:#006993;background-color:light-dark(#74ccfe,#006993)}.eyecatch[data-ec-bg=blue-soft]{background-color:#415d9f;background-color:light-dark(#a3c0ff,#415d9f)}.eyecatch[data-ec-bg=violet-soft]{background-color:#665298;background-color:light-dark(#c6b3ff,#665298)}.eyecatch[data-ec-bg=purple-soft]{background-color:#7f4882;background-color:light-dark(#e5a8e8,#7f4882)}.eyecatch[data-ec-bg=pink-soft]{background-color:#8f4364;background-color:light-dark(#faa3c4,#8f4364)}.eyecatch[data-ec-bg=gray-soft]{background-color:#5c6167;background-color:light-dark(#c7cbd0,#5c6167)}.eyecatch[data-ec-bg=red-vivid]{background-color:#d46660;background-color:light-dark(#ed756e,#d46660)}.eyecatch[data-ec-bg=orange-vivid]{background-color:#cb7229;background-color:light-dark(#e48233,#cb7229)}.eyecatch[data-ec-bg=amber-vivid]{background-color:#b08400;background-color:light-dark(#c79600,#b08400)}.eyecatch[data-ec-bg=olive-vivid]{background-color:#8a9513;background-color:light-dark(#9ca81f,#8a9513)}.eyecatch[data-ec-bg=green-vivid]{background-color:#4ea253;background-color:light-dark(#5bb661,#4ea253)}.eyecatch[data-ec-bg=teal-vivid]{background-color:#00a388;background-color:light-dark(#00b89a,#00a388)}.eyecatch[data-ec-bg=cyan-vivid]{background-color:#009fac;background-color:light-dark(#00b3c2,#009fac)}.eyecatch[data-ec-bg=sky-vivid]{background-color:#0097d2;background-color:light-dark(#00abed,#0097d2)}.eyecatch[data-ec-bg=blue-vivid]{background-color:#6288e1;background-color:light-dark(#709afb,#6288e1)}.eyecatch[data-ec-bg=violet-vivid]{background-color:#9379d7;background-color:light-dark(#a689f1,#9379d7)}.eyecatch[data-ec-bg=purple-vivid]{background-color:#b66cbb;background-color:light-dark(#cc7bd1,#b66cbb)}.eyecatch[data-ec-bg=pink-vivid]{background-color:#cc6490;background-color:light-dark(#e573a3,#cc6490)}.eyecatch[data-ec-bg=gray-vivid]{background-color:#82868e;background-color:light-dark(#9b9fa3,#82868e)}.eyecatch-link{flex:0 0 auto;display:inline-flex;padding:0;border:0;background:transparent;line-height:0;text-decoration:none;cursor:pointer}.eyecatch-link:hover .eyecatch{box-shadow:0 0 0 2px var(--accent)}.ecbtn{flex:0 0 auto;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;line-height:0}.ecbtn .eyecatch{--ec-size: 3rem;box-shadow:0 0 0 1px var(--border)}.ecbtn:hover .eyecatch{box-shadow:0 0 0 2px var(--accent)}.ecbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ecdlg{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.ecdlg[hidden]{display:none}.ecdlg__backdrop{position:absolute;inset:0;background:#0000008c}.ecdlg__panel{position:relative;width:min(38rem,100%);max-height:calc(100vh - 3rem);overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.3rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px var(--shadow)}.ecdlg__title{margin:0;font-size:.95rem}.ecdlg__top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ecdlg__preview{--ec-size: 3.5rem}.ecdlg__reset{flex:0 0 auto}.ecdlg__heading{margin:.45rem 0 0;font-size:.8rem}.ecdlg__group+.ecdlg__group{margin-top:.45rem}.ecdlg__list[data-ec-list=emoji]{max-height:min(25rem,calc(40vh + 6rem));overflow-y:auto;padding:.1rem .25rem .1rem .1rem}.ecdlg__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.3rem,1fr));gap:.2rem}.ecdlg__bggrid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:.25rem}.ecopt{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:0;padding:.25rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:.75rem;cursor:pointer}.ecopt:hover{background:var(--surface-2)}.ecopt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ecopt[aria-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ecopt__img{display:block;inline-size:1.6rem;block-size:1.6rem}.ecopt--bg{padding:.15rem}.ecopt__swatch{--ec-size: 2.2rem}.ecopt--bg .ecopt__swatch{inline-size:100%;block-size:auto;aspect-ratio:1}@media(max-width:520px){.ecdlg{padding:.75rem}.ecdlg__panel{max-height:calc(100vh - 1.5rem);padding:.9rem .9rem 1rem}.ecopt--bg .eyecatch__img{display:none}}