:root{color-scheme:light;--ink: #1c1915;--muted: #6d645b;--line: #e4ddd3;--paper: #f7f3ec;--card: #fffdf9;--gold: #8d7040;--taken: #efeae3}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Hiragino Sans,Yu Gothic,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh}main{max-width:520px;margin:0 auto;padding:20px 16px 40px}body.tablet{height:100vh;overflow:hidden}body.tablet main{max-width:none;height:100vh;margin:0;padding:12px 14px;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px}body.tablet .side{min-width:0;min-height:0;display:flex;flex-direction:column}body.tablet .qrbox{margin-top:12px;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;text-align:center}body.tablet .qrbox img{width:min(100%,188px);height:auto;max-height:38vh;display:block;background:#fff}body.tablet .qrbox p{margin:0;font-size:13px;line-height:1.45;font-weight:700}body.tablet .shop{margin:0;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--muted)}body.tablet .day{margin:6px 0 0;line-height:1.05}body.tablet .date-main{display:block;font-size:clamp(28px,4.4vh,40px);font-weight:700;letter-spacing:.02em}body.tablet .date-week{display:block;margin-top:4px;font-size:clamp(22px,3.4vh,32px);font-weight:700;color:var(--gold)}body.tablet #body{min-width:0;min-height:0;height:100%;overflow:hidden;display:flex;flex-direction:column}body.tablet .banner{margin-top:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}body.tablet .action,body.tablet .ghost{flex:none}body.tablet .slots{flex:1;display:flex;flex-direction:column;height:auto;margin:0;min-height:0;gap:10px}body.tablet .hour{flex:1;min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:stretch;padding:4px 6px;border-radius:12px;background:#efe6d6}body.tablet .hour-label{display:flex;align-items:center;justify-content:flex-end;padding-right:4px;color:var(--gold);font-size:clamp(15px,2.4vh,22px);font-weight:700}body.tablet .hour-slots{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:8px}body.tablet .hour-slots.dense{gap:4px}body.tablet .hour-slots.dense .slot{border-radius:10px;font-size:clamp(13px,2vh,20px)}body.tablet .hour-slots.dense .slot.past .state{font-size:10px}body.tablet .slot{min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-size:clamp(16px,2.6vh,28px);line-height:1.1;padding:2px}body.tablet .slot.past .when{font-size:clamp(15px,2.3vh,24px)}body.tablet .slot.past .state{font-size:11px;letter-spacing:.04em;margin-top:1px}h1{font-size:22px;font-weight:700;letter-spacing:.04em;margin:0}.sub{color:var(--muted);margin:6px 0 0;font-size:15px}.banner{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 16px;text-align:center;font-size:18px;line-height:1.6}.slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}button,.linkish{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.slot,.action,.ghost{border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-height:64px;font-size:22px;font-weight:700;transition:background .08s ease,border-color .08s ease,transform .08s ease}.slot{width:100%}.slot.open{border-color:#d9c7a1}.slot.open:active,.slot.open.pressed,.action:active,.action.pressed{background:#e7dcc6;border-color:#c4ae84;transform:translateY(1px)}.ghost:active,.ghost.pressed{background:#efe8dc}.slot.booked,.slot.past,.slot:disabled{background:var(--taken);color:#9a9188;font-weight:600}.slot.past{background:#e6e1d8;border-style:dashed;color:#8d857c;line-height:1.15}.slot.past .when{display:block;font-size:20px}.slot.past .state{display:block;margin-top:2px;font-size:12px;font-weight:600;letter-spacing:.08em}.action,.ghost{width:100%;margin-top:12px;font-size:17px;min-height:52px}.action{background:#2c241c;color:#fff;border-color:#2c241c}.ghost{background:transparent}.mark{margin-top:16px;border-radius:14px;color:#fff;text-align:center;padding:12px;font-size:16px;font-weight:700}.ticket{margin-top:16px;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.band{height:18px}.ticket .body{padding:22px 18px 18px;text-align:center}.when{font-size:20px;margin:0}.time{font-size:64px;line-height:1.1;margin:8px 0 0;letter-spacing:.03em}.code{font-size:28px;margin:18px 0 0}.meta{color:var(--muted);margin:10px 0 0;font-size:15px}.hint{margin:18px 0 0;font-size:15px;line-height:1.6}.today-slot{margin-top:8px}.today-slot .hint{margin-top:10px}.choices{display:flex;gap:8px;margin-top:12px}.choices .choice{flex:1;margin-top:0;min-height:48px;font-size:16px}.choices .choice.selected{background:#2c241c;color:#fff;border-color:#2c241c}.choices .choice:disabled:not(.selected){opacity:.45}.error{color:#8d2f2f;font-size:15px;min-height:1.4em;margin:8px 0 0}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row strong{font-size:20px}.row button{min-height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;padding:0 10px}input{width:100%;font-size:20px;padding:14px;border-radius:12px;border:1px solid var(--line);margin-top:16px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191573;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(520px,100%);background:#fff;border-radius:18px 18px 0 0;padding:22px 16px 28px}.sheet p{font-size:18px;line-height:1.6;margin:0}body.tablet .overlay{align-items:center;padding:24px}body.tablet .sheet{width:min(420px,100%);border-radius:18px;text-align:center}body.tablet .sheet .time{font-size:72px;line-height:1.05;margin:8px 0;font-weight:700}