.sm-wrap{container-type:inline-size;margin:18px 0 8px}.sm-panel{--gap:3px;--pad:6px;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:calc((100cqw - 2 * var(--pad)) / var(--cols));grid-gap:0;gap:0;padding:var(--pad);border-radius:20px;background:#efefed}.sm-cell{position:relative;min-width:0;margin:calc(var(--gap) / 2);transition:transform .18s ease}.sm-cell:hover{transform:translateY(-5px) scale(1.04);z-index:1}.sm-cell[data-movable]{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sm-cell[data-movable] .sm-tile{cursor:-webkit-grab;cursor:grab}.sm-cell--dragging{z-index:20}.sm-cell--dragging .sm-tile{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 6px 12px rgba(0,0,0,.16),0 24px 40px rgba(0,0,0,.28)}.sm-cell--target .sm-tile{outline:2px dashed #111;outline-offset:3px}.sm-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;min-width:0;padding:6px;border:0;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px rgba(0,0,0,.1);color:#333;text-align:center;font-family:var(--font-now);cursor:pointer;transition:box-shadow .18s ease,background .18s ease}.sm-cell:hover .sm-tile{box-shadow:0 2px 4px rgba(0,0,0,.1),0 14px 28px rgba(0,0,0,.18)}.sm-tile:focus-visible{outline:2px solid #111;outline-offset:2px}.sm-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sm-emoji{font-size:26px;line-height:1.1}.sm-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;font-weight:600;line-height:1.25}.sm-count{font-size:11px;color:#999}.sm-tile--big{border-radius:30px;gap:8px}.sm-tile--big .sm-emoji{font-size:58px}.sm-tile--big .sm-name{font-size:17px;font-weight:700;-webkit-line-clamp:3}.sm-tile--big .sm-count{font-size:12px}.sm-tile--wide{flex-direction:row;gap:12px;border-radius:999px;padding:6px 18px}.sm-tile--wide .sm-emoji{font-size:34px}.sm-tile--wide .sm-text{text-align:left}.sm-tile--wide .sm-name{font-size:13px}.sm-tile--tall{border-radius:999px;gap:6px}.sm-tile--tall .sm-emoji{font-size:34px}.sm-tile--tall .sm-name{font-size:12.5px}.sm-tile--on{background:#111;color:#fff}.sm-tile--on .sm-count{color:rgba(255,255,255,.7)}.sm-tile--soon{opacity:.5;cursor:default}.sm-cell:hover .sm-tile--soon,.sm-tile--soon{box-shadow:0 1px 2px rgba(0,0,0,.06)}@media (min-width:720px){.sm-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.sm-cell,.sm-tile{transition:none}.sm-cell:hover{transform:none}}.sm-heart{position:absolute;top:8px;right:10px;z-index:2;display:flex;padding:3px;border:0;background:none;color:#9b9b96;cursor:pointer}.sm-tile--big~.sm-heart{top:20px;right:26px}.sm-tile--wide~.sm-heart{top:14px;right:40px}.sm-tile--tall~.sm-heart{top:18px;right:auto;left:50%;transform:translateX(-50%)}.sm-heart:hover{color:#111}.sm-heart--on,.sm-heart--on:hover{color:#3b82f6}.sm-heart--ondark{color:#fff}.sm-heart--ondark.sm-heart--on{color:#6ea8ff}.sm-heart:focus-visible{outline:2px solid #111;outline-offset:2px;border-radius:6px}.sm-tile--one{padding-top:22px}