*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fafafa;color:#171717}body{margin:0;min-width:320px}button{font:inherit;color:inherit}svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}main{width:min(760px,calc(100% - 32px));margin:auto;padding:64px 0}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #e3e3df}h1{font-size:34px;letter-spacing:-1.5px;margin:0}header p{font-size:13px;color:#999;margin:7px 0 0}.controls{display:flex;gap:8px}.controls button{width:40px;height:40px;border:1px solid #ddd;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.controls button:hover{background:#f0f0ed}.now{height:64px;display:flex;align-items:center;gap:9px;color:#777;font-size:13px}.now>span:first-child{width:7px;height:7px;border-radius:50%;background:#c9c9c4}.now>span:first-child.on{background:#191919;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}section+section{margin-top:46px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.heading h2{font-size:17px;margin:0}.heading span{font-size:12px;color:#aaa}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.item{height:52px;padding:0 12px;border:1px solid #e0e0dc;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;transition:.15s}.item:hover{border-color:#999}.item:active{transform:scale(.97)}.item.active{background:#181818;border-color:#181818;color:#fff}footer{width:min(760px,calc(100% - 32px));margin:auto;padding:22px 0 36px;border-top:1px solid #e3e3df;color:#aaa;font-size:12px}@media(max-width:650px){main{padding:38px 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){main,footer{width:calc(100% - 24px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item{height:50px}h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Remove mobile tap highlight */
button,.item,.controls button{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none}button:focus:not(:focus-visible){outline:none}.item{-webkit-user-select:none;user-select:none}