.w27-bookwrap{overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:100%;overflow-x:auto}.w27-bookwrap:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.w27-book{--w27-row:1.25rem;min-width:max-content;display:grid;position:relative}.w27-head{z-index:3;border-bottom:1px solid var(--line);background:var(--surface-2);text-align:center;overflow-wrap:anywhere;min-width:8.75rem;padding:.45rem .5rem;font-size:.82rem;font-weight:700;position:sticky;top:0}.w27-head small{color:var(--text-2);font-size:.72rem;font-weight:500;display:block}.w27-corner{z-index:4;background:var(--surface-2);border-bottom:1px solid var(--line);position:sticky;top:0;left:0}.w27-time{z-index:2;border-top:1px solid var(--line);background:var(--surface);width:3.6rem;font-size:.72rem;font-family:var(--font-mono);color:var(--text-2);text-align:right;padding:0 .4rem;position:sticky;left:0}.w27-slot{border:0;border-top:1px dashed color-mix(in srgb, var(--line) 70%, transparent);cursor:pointer;background:0 0;min-width:8.75rem;margin:0;padding:0;display:block}.w27-slot.is-hour{border-top:1px solid var(--line)}.w27-slot:hover{background:color-mix(in srgb, var(--cat) 9%, transparent)}.w27-slot.is-closed{background:var(--surface-2);cursor:default}.w27-block{z-index:1;border:1px solid color-mix(in srgb, var(--cat) 45%, var(--line));border-left:4px solid var(--cat);border-radius:var(--radius-s);background:color-mix(in srgb, var(--cat) 13%, var(--surface));min-width:0;min-height:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-content:start;gap:.05rem;margin:1px 3px;padding:.2rem .4rem;font-size:.76rem;line-height:1.25;display:grid;overflow:hidden}.w27-block:hover{border-color:var(--cat)}.w27-block:focus-visible{outline:3px solid var(--focus);outline-offset:1px;z-index:2}.w27-block.is-arrived{border-left-color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface))}.w27-block.is-done{border-style:dashed dashed dashed solid;border-left-color:var(--success);background:var(--surface-2)}.w27-block.is-current{box-shadow:0 0 0 2px var(--cat)}.w27-block__time{font-family:var(--font-mono);color:var(--text-2);font-size:.7rem}.w27-block__who{overflow-wrap:anywhere;font-weight:700}.w27-block__what{color:var(--text-2);overflow-wrap:anywhere}.w27-block__flag{color:var(--danger);font-weight:700}.w27-now{z-index:2;border-top:2px solid var(--danger);pointer-events:none;align-self:start;height:0}.w27-booknote{margin:.5rem 0 0}.w27-week{border-collapse:collapse;width:100%;font-size:.86rem}.w27-week th,.w27-week td{border-bottom:1px solid var(--line);text-align:center;vertical-align:top;padding:.35rem .4rem}.w27-week th[scope=row]{text-align:left;overflow-wrap:anywhere;font-weight:650}.w27-week .is-today{background:color-mix(in srgb, var(--cat) 10%, transparent)}.w27-daybtn{border-radius:var(--radius-s);width:100%;min-height:2.5rem;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.2rem}.w27-daybtn:hover{border-color:var(--cat)}.w27-daybtn:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.w27-daybtn small{color:var(--text-2);font-size:.72rem;display:block}.w27-co{gap:.9rem;display:grid}.w27-co__title{margin:0;font-size:.95rem}.w27-rows{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.w27-row{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,7.5rem),1fr));align-items:end;gap:.4rem .5rem;padding:.5rem;display:grid}.w27-row .field{min-width:0;margin:0}.w27-row .field>label{color:var(--text-2);font-size:.76rem;font-weight:650}.w27-row .w27-wide{grid-column:1/-1}.w27-row .input,.w27-row .select{width:100%;min-width:0}.w27-row__rm{justify-self:end}.w27-bill{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-2);gap:0;margin:0;padding:.6rem .75rem;display:grid}.w27-bill>div{justify-content:space-between;gap:1rem;padding:.2rem 0;display:flex}.w27-bill dt{color:var(--text-2)}.w27-bill dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:650}.w27-bill .is-total dt,.w27-bill .is-total dd{color:var(--text);font-size:1.05rem;font-weight:800}.w27-bill .is-due dd{color:var(--danger)}.w27-qr{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.6rem;display:flex}.w27-qr canvas{background:#fff;border-radius:4px;width:9.5rem;height:9.5rem;display:block}.w27-qr p{margin:0}.w27-range{flex-wrap:wrap;align-items:end;gap:.5rem .75rem;display:flex}.w27-range .field{margin:0}.w27-counts{flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.w27-counts strong{font-variant-numeric:tabular-nums}@media (pointer:coarse){.w27-book{--w27-row:1.5rem}.w27-daybtn,.w27-row .btn{min-height:44px}}@media print{.w27-bookwrap{overflow:visible}}