:root{--ink:#0d1411;--raised:#131d18;--line:#24322b;--bone:#ede7da;--dim:#8b998f;--brass:#c9a24b;--serif:"Hoefler Text", "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}.root{min-height:100vh}.bar{z-index:10;background:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0}.bar-inner{max-width:1180px;margin:0 auto;padding:24px 20px 16px}.title{font-family:var(--serif);letter-spacing:.01em;margin-bottom:20px;font-size:22px;font-weight:400}.search{position:relative}.input{background:var(--raised);border:1px solid var(--line);width:100%;height:60px;color:var(--bone);font-family:var(--sans);border-radius:4px;outline:none;padding:0 52px 0 18px;font-size:18px;transition:border-color .12s}.input::placeholder{color:var(--dim)}.input:focus{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}.clear{width:44px;height:44px;color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear:hover{color:var(--bone)}.clear:focus-visible{outline:1px solid var(--brass);color:var(--bone)}.count{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:12px;font-size:11px}.sheet{max-width:1180px;margin:0 auto;padding:24px 20px 64px}.grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px;display:grid}.card{background:var(--raised);border:1px solid var(--line);border-radius:4px;padding:20px 20px 22px}.card-head{border-bottom:1px solid var(--line);padding-bottom:16px}.table-no{align-items:baseline;gap:10px;font-weight:400;display:flex}.table-word{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:11px}.table-num{font-family:var(--serif);letter-spacing:-.02em;font-size:46px;line-height:.9}.seat-line{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:8px;font-size:11px}.hit{color:var(--brass);background:#c9a24b29;border-radius:2px;padding:0 1px}.guests{padding-top:6px}.guest{border-bottom:1px solid #24322b8c;padding:9px 0;font-size:16px;line-height:1.35}.guest:last-child{border-bottom:none}.empty{text-align:center;padding:96px 20px}.empty-title{font-family:var(--serif);font-size:26px}@media (max-width:480px){.bar-inner{padding:18px 16px 14px}.sheet{padding:18px 16px 56px}.table-num{font-size:40px}.guest{padding:10px 0;font-size:17px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}