.sc-boxrow{display:flex;gap:8px}
.sc-box{flex:1;min-width:0;font-size:20px}
.sc-recent{display:grid;gap:6px}
.sc-recent-list{display:flex;flex-wrap:wrap;gap:6px}
.sc-cats{display:flex;flex-wrap:wrap;gap:6px}
.sc-cats .chip{min-height:36px}
.sc-sec+.sc-sec{margin-top:20px}
.sc-sec h3{font-size:15px;margin:0 0 8px;color:var(--muted)}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.sc-grid.sc-wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.sc-ch{min-height:46px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:22px;line-height:1;cursor:pointer;padding:4px;display:grid;place-items:center;transition:background .12s,border-color .12s,transform .05s;font-family:"Apple SD Gothic Neo","Malgun Gothic","Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans KR",var(--font)}
.sc-ch:hover{border-color:var(--brand);background:var(--brand-soft)}
.sc-ch:active{transform:scale(.94)}
.sc-wide .sc-ch{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-recent-list .sc-ch{min-width:42px;min-height:42px;font-size:20px;padding:4px 8px}
.sc-ch.sc-flash{background:var(--brand);color:var(--brand-text);border-color:var(--brand)}
@media (max-width:480px){.sc-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.sc-box{font-size:18px}}
.sc-grid .sc-long{grid-column:span 2;font-size:17px}
.sc-wide .sc-long{grid-column:auto}
@media (max-width:560px){.sc-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.sc-cats::-webkit-scrollbar{display:none}.sc-cats .chip{flex:none}}