.tc{--tc-ink:var(--ink);--tc-line:var(--ink);--tc-tint:#f3f5ff;--tc-tile:var(--sky);border:2.5px solid var(--rule);min-height:196px;color:var(--ink);transition:border-color .15s, transform .2s var(--spring);background:#fff;border-radius:26px;flex-direction:column;flex:auto;text-decoration:none;display:flex;overflow:hidden}.tc[data-tone=rising]{--tc-ink:var(--up-ink);--tc-line:var(--up);--tc-tint:#eef8ea}.tc[data-tone=fading]{--tc-ink:var(--down-ink);--tc-line:var(--down);--tc-tint:#fbf1f6}.tc[data-tone=menu]{--tc-ink:var(--muted);--tc-tint:#fffaf0;--tc-tile:var(--butter)}button.tc{width:100%;font:inherit;text-align:left;cursor:pointer;padding:0}a.tc:hover,button.tc:hover{border-color:var(--ink);transform:translateY(-2px)}a.tc:focus-visible,button.tc:focus-visible{outline:3px solid var(--tomato);outline-offset:3px}.tc-head{align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.tc-tile{background:var(--tc-tile);border-radius:14px;flex:0 0 56px;place-items:center;height:64px;display:grid}.tc-art{width:50px;height:50px}.tc-names{flex-direction:column;gap:3px;min-width:0;display:flex}.tc-name{font:400 1.1875rem/1.05 var(--display);letter-spacing:.005em;overflow-wrap:anywhere}.tc-phrase{font-size:.8125rem;font-weight:600;line-height:1.3}.tc-word{color:var(--tc-ink)}.tc-kind{color:var(--muted)}.tc-foot{background:var(--tc-tint);height:104px;margin-top:auto;display:block;position:relative}.tc-price{color:var(--tc-ink);flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex;position:absolute;top:8px;left:14px;right:14px}.tc-price b{font:400 1.625rem/1 var(--display)}.tc-price small{font-size:.75rem;font-weight:600;line-height:1.3}.tc-line{width:100%;height:58px;display:block;position:absolute;bottom:0;left:0;right:0}.tc-stroke{fill:none;stroke:var(--tc-line);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.tc-fade-top{stop-color:var(--tc-line);stop-opacity:.32}.tc-fade-end{stop-color:var(--tc-line);stop-opacity:.04}.tc-slot{color:var(--ink);font-size:.8125rem;line-height:1.35;position:absolute;bottom:12px;left:14px;right:14px}@container (max-width:210px){.tc{border-radius:20px;min-height:0}.tc-head{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 10px 8px}.tc-tile{border-radius:12px;flex:none;width:48px;height:52px}.tc-art{width:42px;height:42px}.tc-name{font-size:1.0625rem}.tc-phrase{font-size:.75rem}.tc-foot{height:100px}.tc-price{top:8px;left:10px;right:10px}.tc-price b{font-size:1.375rem}.tc-slot{font-size:.75rem;bottom:10px;left:10px;right:10px}}.tc-skel{pointer-events:none}.tc-skel .tc-tile{background:var(--sky)}.tc-bone{background:var(--sky-2);border-radius:8px;height:16px;display:block}.tc-bone-s{height:12px}.tc-skel .tc-names{flex:1;gap:8px}@media (prefers-reduced-motion:no-preference){.tc-skel{animation:1.4s ease-in-out infinite tc-pulse}}@keyframes tc-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.tc,a.tc:hover,button.tc:hover{transition:none;transform:none}}