:root{--kochou-sumi:#1c1b19;--kochou-sumi-80:#3a3936;--kochou-sumi-60:#6e6a63;--kochou-kinari:#ede6d8;--kochou-kinari-deep:#e3dbcb;--kochou-kagabeni:#8a2433;--kochou-kagabeni-hover:#6e1c29;--kochou-kagabeni-wash:#f2e4e4;--kochou-ai:#2b3a52;--kochou-ai-wash:#e4e8ee;--kochou-kincha:#a67c3d;--kochou-yuge:#aebabd;--kochou-yuge-wash:#dfe5e6;--kochou-tonoko:#f6f1e7;--color-ground:var(--kochou-kinari);--color-ground-deep:var(--kochou-kinari-deep);--color-surface:var(--kochou-tonoko);--color-ink:var(--kochou-sumi);--color-ink-soft:var(--kochou-sumi-80);--color-ink-muted:var(--kochou-sumi-60);--color-on-ink:var(--kochou-kinari);--color-on-ink-muted:#ede6d8ad;--color-cta:var(--kochou-kagabeni);--color-cta-hover:var(--kochou-kagabeni-hover);--color-cta-wash:var(--kochou-kagabeni-wash);--color-accent-quiet:var(--kochou-ai);--color-accent-wash:var(--kochou-ai-wash);--color-hairline:#1c1b192e;--color-hairline-firm:#1c1b1957;--color-veil:#1c1b198c;--ink:var(--color-ink);--muted:var(--color-ink-muted);--paper:var(--color-surface);--paper-deep:var(--color-ground-deep);--line:var(--color-hairline);--red:var(--color-cta);--font-mincho:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Shippori Mincho", serif;--font-fn:"Helvetica Neue", "Noto Sans JP", system-ui, sans-serif;--tracking-base:.04em;--leading-airy:2;--leading-snug:1.7;--radius-sm:4px;--radius-md:8px;--shadow-faint:0 1px 2px #1c1b190f;--shadow-lift:0 6px 20px #1c1b1917;color:var(--color-ink);background:var(--color-ground);font-family:var(--font-mincho);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;letter-spacing:var(--tracking-base);margin:0}button,input,select,textarea{font:inherit;letter-spacing:var(--tracking-base)}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}time,.stat strong,.booking-row time,.timeline-row>time{font-variant-numeric:tabular-nums}:focus-visible{outline-offset:3px;outline:3px solid #8a243373}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{align-items:center;gap:12px;min-height:72px;display:flex}.brand__mark{width:42px;height:42px;color:var(--color-on-ink);background:var(--color-ink);border:1px solid #ede6d82e;border-radius:50% 50% 46% 54%;place-items:center;display:grid}.brand__copy{gap:3px;display:grid}.brand__eyebrow{color:var(--color-ink-muted);font-family:var(--font-fn);letter-spacing:.18em;font-size:10px;font-weight:600}.brand__title{font-family:var(--font-mincho);letter-spacing:.08em;font-size:20px;font-weight:600}.brand .icon-button{margin-left:auto}.brand--compact{min-height:auto;color:var(--color-on-ink)}.brand--compact .brand__mark{background:#ede6d81a;width:34px;height:34px}.brand--compact .brand__eyebrow{color:var(--color-on-ink-muted)}.brand--compact .brand__title{font-size:16px}.icon-button{appearance:none;border:1px solid var(--color-hairline);background:var(--color-surface);color:var(--color-ink);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{border-color:var(--color-hairline-firm)}.icon-button--light{color:var(--color-on-ink);background:#ede6d814;border-color:#ede6d833}.mode-badge{width:max-content;color:var(--color-ink-muted);background:var(--color-surface);border:1px solid var(--color-hairline);font-family:var(--font-fn);letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.mode-badge>span{background:var(--kochou-yuge);border-radius:50%;width:7px;height:7px}.mode-badge--api>span{background:var(--color-accent-quiet);box-shadow:0 0 0 4px #2b3a521f}.kicker{color:var(--color-ink-muted);font-family:var(--font-fn);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:600}.notice{border:1px solid var(--color-hairline);background:var(--kochou-yuge-wash);color:var(--color-ink-soft);border-radius:var(--radius-md);font-size:12px;line-height:var(--leading-snug);align-items:flex-start;gap:9px;margin:14px 0;padding:12px 14px;display:flex}.notice svg{flex:none;margin-top:2px}.notice--success{background:var(--color-accent-wash);color:var(--color-accent-quiet);border-color:#2b3a5238}.notice--warning{background:var(--color-surface);color:#6c5027;border-color:#a67c3d66}.notice--error{background:var(--color-cta-wash);color:var(--color-cta);border-color:#8a243347}.loading{min-height:240px;color:var(--color-ink-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.primary-button,.secondary-button,.danger-button,.text-button,.small-add-button,.call-button,.complete-button{appearance:none;border-radius:var(--radius-sm);min-height:42px;font-family:var(--font-fn);letter-spacing:.06em;border:0;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:12px;font-weight:600;transition:background .16s,color .16s,border-color .16s,opacity .16s;display:inline-flex}.primary-button{color:var(--color-on-ink);background:var(--color-cta)}.primary-button:hover:not(:disabled){background:var(--color-cta-hover)}.primary-button:disabled{opacity:.38}.primary-button--wide{width:100%;min-height:50px}.secondary-button{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline-firm)}.secondary-button:hover{border-color:var(--color-ink)}.danger-button{color:var(--color-on-ink);background:var(--color-cta)}.text-button{min-height:32px;color:var(--color-ink);text-underline-offset:4px;background:0 0;padding:0 4px;text-decoration:underline;text-decoration-thickness:1px}.text-button:hover,.text-button--danger{color:var(--color-cta)}.field{gap:7px;display:grid}.field__label{color:var(--color-ink);font-family:var(--font-fn);letter-spacing:.04em;font-size:11px;font-weight:600}.field__hint{color:var(--color-ink-muted);font-size:10px}.field input,.field select,.field textarea{width:100%;min-height:46px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline-firm);border-radius:var(--radius-sm);font-family:var(--font-fn);outline:none;padding:0 12px}.field textarea{resize:vertical;padding-top:11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-cta);box-shadow:0 0 0 3px #8a24331f}.form-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 16px;display:grid}.guest-shell{background:var(--color-ground);min-height:100vh;padding:18px 0 64px}.guest-app{width:min(100% - 28px,640px);margin:0 auto}.guest-shell .brand{min-height:82px}.guest-shell .brand__mark{width:48px;height:48px}.guest-shell .brand__eyebrow{letter-spacing:.12em;font-size:13px}.guest-shell .brand__title{font-size:24px}.guest-intro{padding:24px 2px 26px}.guest-intro h1{font-family:var(--font-mincho);letter-spacing:.08em;margin:0;font-size:clamp(30px,6.6vw,40px);font-weight:600;line-height:1.5}.guest-intro__terms{font-size:17px;line-height:var(--leading-airy);margin:18px 0 0}.guest-fixed-room{border-radius:var(--radius-md);background:var(--color-surface);border-left:3px solid var(--color-accent-quiet);border-top-left-radius:0;border-bottom-left-radius:0;align-items:baseline;gap:14px;margin:22px 0 0;padding:18px 20px;display:flex}.guest-fixed-room span{font-size:17px}.guest-fixed-room strong{font-family:var(--font-mincho);letter-spacing:.08em;font-size:24px;font-weight:600}.guest-check{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-hairline);cursor:pointer;align-items:flex-start;gap:14px;margin:18px 0 0;padding:18px 20px;display:flex}.guest-check input{width:26px;height:26px;accent-color:var(--color-cta);flex:none;margin:2px 0 0}.guest-check span{flex-direction:column;gap:6px;display:flex}.guest-check strong{font-size:19px;font-weight:600}.guest-check small{color:var(--color-ink-soft);font-size:15px;line-height:var(--leading-snug)}.guest-fee-note{border-radius:var(--radius-md);background:var(--color-surface);font-size:17px;line-height:var(--leading-airy);margin:18px 0 0;padding:18px 20px}.fee-tag{font-family:var(--font-fn);white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:13px;font-weight:600}.fee-tag--free_room{color:var(--color-ink-soft);background:var(--kochou-yuge-wash)}.fee-tag--member{color:var(--color-cta);background:var(--color-cta-wash)}.fee-tag--paid{color:var(--color-ink-soft);background:var(--color-ground-deep)}.segmented{border:1px solid var(--color-hairline-firm);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px;display:grid}.segmented button{min-height:64px;color:var(--color-ink-soft);border-radius:var(--radius-sm);font-family:var(--font-fn);background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:8px 10px;font-size:17px;font-weight:600;line-height:1.4;display:flex}.segmented button.is-active{color:var(--color-on-ink);background:var(--color-ink)}.guest-panel{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-faint);padding:30px 28px 28px}.section-heading,.card-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2,.card-heading h2{font-family:var(--font-mincho);letter-spacing:.06em;font-size:21px;font-weight:600;line-height:var(--leading-snug);margin:4px 0 0}.guest-shell .section-heading h2{letter-spacing:.06em;margin:0;font-size:26px}.guest-step-heading{align-items:center;gap:14px;display:flex}.guest-step-heading>span{width:44px;height:44px;color:var(--color-on-ink);background:var(--color-ink);font-family:var(--font-fn);border-radius:50%;flex:none;place-items:center;font-size:21px;font-weight:600;display:grid}.guest-step-heading p{color:var(--color-ink-soft);font-size:16px;line-height:var(--leading-snug);margin:5px 0 0}.availability-count,.count-pill{color:var(--color-accent-quiet);background:var(--color-accent-wash);font-family:var(--font-fn);border-radius:999px;flex:none;padding:6px 10px;font-size:10px;font-weight:600}.panel-lead{color:var(--color-ink-soft);font-size:18px;line-height:var(--leading-airy);margin:12px 0 22px}.date-switcher{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;display:grid}.date-switcher button{min-height:76px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline-firm);border-radius:var(--radius-sm);font-family:var(--font-fn);text-align:left;gap:3px;padding:10px 15px;font-size:18px;font-weight:600;display:grid}.date-switcher button small{color:var(--color-ink-muted);font-size:14px;font-weight:600}.date-switcher button span{font-size:18px}.date-switcher button.is-active{color:var(--color-on-ink);background:var(--color-ink);border-color:var(--color-ink)}.date-switcher button.is-active small{color:var(--color-on-ink-muted)}.period-label{align-items:baseline;gap:8px;margin:28px 0 12px;display:flex}.period-label:after{content:"";background:var(--color-hairline);flex:1;height:1px}.period-label span{font-family:var(--font-mincho);letter-spacing:.08em;font-size:20px;font-weight:600}.period-label small{color:var(--color-ink-muted);font-family:var(--font-fn);letter-spacing:.12em;font-size:9px}.period-label--morning{margin-top:25px}.slot-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.slot-button{min-width:0;min-height:76px;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-hairline-firm);border-radius:var(--radius-sm);align-content:center;place-items:center;gap:5px;display:grid}.slot-button span{font-family:var(--font-fn);font-size:19px;font-weight:600}.slot-button small{color:var(--color-ink-muted);font-family:var(--font-fn);font-size:15px;font-weight:500}.slot-button:hover:not(:disabled){border-color:var(--color-ink)}.slot-button.is-selected{color:var(--color-on-ink);background:var(--color-ink);border-color:var(--color-ink)}.slot-button.is-selected small{color:var(--color-on-ink-muted)}.slot-button:disabled{color:var(--color-ink-muted);background:var(--kochou-yuge-wash);border-color:var(--color-hairline);opacity:1}.slot-button:disabled small{color:var(--color-ink-muted)}.legend{color:var(--color-ink-muted);font-family:var(--font-fn);justify-content:flex-end;gap:16px;margin-top:12px;font-size:9px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend i{border-radius:2px;width:9px;height:9px;display:block}.legend__open{background:var(--color-surface);border:1px solid var(--color-hairline-firm)}.legend__taken{background:var(--kochou-yuge)}.selection-card{color:var(--color-on-ink);background:var(--color-ink);border-left:4px solid var(--color-cta);border-radius:var(--radius-sm);border-top-left-radius:0;border-bottom-left-radius:0;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:18px 20px;display:flex}.selection-card>div{gap:5px;display:grid}.selection-card span{color:var(--color-on-ink-muted);font-size:15px}.selection-card strong{font-family:var(--font-mincho);font-size:21px;font-weight:600;line-height:var(--leading-snug);letter-spacing:.06em}.guest-form-step{border-top:1px solid var(--color-hairline);gap:18px;margin-top:30px;padding-top:28px;display:grid}.guest-manage-form{gap:22px;margin:0 0 24px;display:grid}.guest-shell .field{gap:10px}.guest-shell .field__label{color:var(--color-ink);letter-spacing:.04em;font-size:18px}.guest-shell .field__hint{color:var(--color-ink-soft);font-size:16px;line-height:var(--leading-snug)}.field__problem{color:var(--color-cta);font-family:var(--font-fn);font-size:15px;line-height:var(--leading-snug);font-weight:600}.field__problem:before{content:"⚠ "}.field--problem input,.field--problem select{border-color:var(--color-cta);background:var(--color-cta-wash)}.guest-shell .field__problem{font-size:16px}.busy-overlay{z-index:100;background:var(--color-veil);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:24px;animation:.15s ease-out busy-fade;display:flex;position:fixed;inset:0}@keyframes busy-fade{0%{opacity:0}to{opacity:1}}.busy-overlay__card{border-radius:var(--radius-md);background:var(--color-surface);text-align:center;max-width:380px;box-shadow:var(--shadow-lift);flex-direction:column;align-items:center;gap:14px;padding:34px 30px;display:flex}.busy-overlay__card strong{font-family:var(--font-mincho);letter-spacing:.08em;font-size:19px;font-weight:600}.busy-overlay__card small{color:var(--color-ink-soft);font-size:15px;line-height:var(--leading-snug)}@media (prefers-reduced-motion:reduce){.busy-overlay,.busy-overlay .spin{animation:none}}.submit-reason{border-radius:var(--radius-sm);background:var(--color-cta-wash);border-left:3px solid var(--color-cta);color:var(--color-cta);font-size:16px;line-height:var(--leading-snug);border-top-left-radius:0;border-bottom-left-radius:0;margin:18px 0 -6px;padding:12px 16px;font-weight:600}.guest-retry{margin:4px 0 18px}.guest-retry .notice{margin:0 0 10px}.guest-shell .guest-retry .secondary-button{width:100%;min-height:50px;font-size:17px}.guest-qr-required{background:var(--color-cta-wash);border-radius:var(--radius-md);color:var(--color-cta);border:1px solid #8a243347;align-items:flex-start;gap:14px;margin:4px 0 18px;padding:18px 20px;display:flex}.guest-qr-required strong{font-family:var(--font-mincho);font-size:18px;font-weight:600;line-height:var(--leading-snug);letter-spacing:.06em;display:block}.guest-qr-required p{color:var(--color-ink-soft);font-size:16px;line-height:var(--leading-airy);margin:6px 0 0}.modal-note{color:var(--color-ink-muted);font-size:15px;line-height:var(--leading-airy);margin:0}.guest-shell .field input,.guest-shell .field select{border:1px solid var(--color-hairline-firm);border-radius:var(--radius-sm);min-height:62px;padding:0 16px;font-size:20px}.guest-shell .primary-button--wide{min-height:66px;margin-top:28px;font-size:20px}.guest-shell .notice{font-size:16px}.fineprint{color:var(--color-ink-muted);font-size:10px;line-height:var(--leading-snug);justify-content:center;align-items:flex-start;gap:6px;margin:12px 0 0;display:flex}.lookup-results{gap:10px;margin-top:20px;display:grid}.reservation-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);gap:18px;padding:20px;display:grid}.reservation-card__icon{width:38px;height:38px;color:var(--color-accent-quiet);background:var(--color-accent-wash);border-radius:50%;place-items:center;display:grid}.reservation-card__main{gap:6px;min-width:0;display:grid}.reservation-card__main small{color:var(--color-ink-muted);font-size:16px}.reservation-card__main strong{font-family:var(--font-mincho);letter-spacing:.06em;font-size:25px;font-weight:600}.reservation-card__main span{color:var(--color-ink-soft);font-size:18px}.reservation-card__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.guest-shell .reservation-card__actions .secondary-button{min-height:54px;padding:8px 12px;font-size:16px}.secondary-button--danger{color:var(--color-cta);border-color:#8a243373}.guest-footer{color:var(--color-ink-soft);font-size:17px;line-height:var(--leading-airy);text-align:center;padding:26px 10px}.completion-mark{width:62px;height:62px;color:var(--color-on-ink);background:var(--color-accent-quiet);border:5px solid var(--color-accent-wash);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.confirmation-detail{text-align:center;background:var(--color-ground-deep);border-radius:var(--radius-sm);gap:5px;margin-bottom:12px;padding:18px;display:grid}.confirmation-detail span{color:var(--color-ink-muted);font-size:16px}.confirmation-detail strong{font-family:var(--font-mincho);letter-spacing:.08em;font-size:28px;font-weight:600}.confirmation-detail p{margin:4px 0 0;font-size:17px}.modal-backdrop{z-index:100;background:var(--color-veil);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);width:min(100%,520px);max-height:min(90vh,760px);box-shadow:var(--shadow-lift);flex-direction:column;display:flex;overflow:hidden}.modal__head{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.modal__head h2{font-family:var(--font-mincho);letter-spacing:.06em;margin:4px 0 0;font-size:21px;font-weight:600}.modal__body{gap:15px;padding:20px 22px;display:grid;overflow-y:auto}.modal__footer{background:var(--color-ground-deep);border-top:1px solid var(--color-hairline);justify-content:flex-end;align-items:center;gap:8px;padding:14px 22px;display:flex}.modal-delete{margin-right:auto}.slot-grid--modal{grid-template-columns:repeat(2,1fr)}.guest-shell .modal__head h2{font-size:24px}.guest-shell .modal__body{font-size:17px}.guest-shell .modal__footer .primary-button,.guest-shell .modal__footer .secondary-button,.guest-shell .modal__footer .danger-button{min-height:54px;font-size:17px}.staff-login{background:var(--color-ink);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--color-surface);border-top:3px solid var(--color-cta);width:min(100%,460px);box-shadow:var(--shadow-lift);padding:30px}.login-card .brand{border-bottom:1px solid var(--color-hairline)}.login-card__intro{padding:27px 0 18px}.login-card__intro h1{font-family:var(--font-mincho);letter-spacing:.08em;margin:6px 0 8px;font-size:28px;font-weight:600}.login-card__intro p{color:var(--color-ink-muted);font-size:12px;line-height:var(--leading-airy);margin:0}.login-fields{gap:14px;margin-bottom:18px;display:grid}.guest-link{color:var(--color-ink-soft);font-family:var(--font-fn);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.staff-shell{background:var(--color-ground);min-height:100vh}.staff-topbar{z-index:50;height:66px;color:var(--color-on-ink);background:var(--color-ink);border-bottom:1px solid #ede6d81f;justify-content:space-between;align-items:center;padding:0 22px;display:flex;position:sticky;top:0}.staff-topbar .mode-badge{color:var(--color-on-ink-muted);background:#ede6d814;border-color:#ede6d829}.staff-topbar__right{align-items:center;gap:13px;display:flex}.staff-user{color:var(--color-on-ink-muted);font-family:var(--font-fn);font-size:10px}.staff-layout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 66px);display:grid}.staff-sidebar{height:calc(100vh - 66px);color:var(--color-on-ink-muted);background:var(--color-ink);padding:24px 16px;position:sticky;top:66px}.service-day-label{border-bottom:1px solid #ede6d81f;gap:4px;padding:0 8px 22px;display:grid}.service-day-label span,.service-day-label small{color:var(--color-on-ink-muted);font-family:var(--font-fn);letter-spacing:.11em;font-size:9px;font-weight:600}.service-day-label strong{color:var(--color-on-ink);font-family:var(--font-mincho);letter-spacing:.06em;font-size:16px;font-weight:600}.staff-nav{gap:4px;margin-top:18px;display:grid}.staff-nav a{min-height:43px;color:var(--color-on-ink-muted);border-radius:var(--radius-sm);font-family:var(--font-fn);align-items:center;gap:10px;padding:0 11px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.staff-nav a:hover,.staff-nav a.is-active{color:var(--color-on-ink);background:#ede6d81a}.staff-nav a span{min-width:20px;color:var(--color-ink);background:var(--kochou-yuge);text-align:center;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:9px}.sidebar-note{color:var(--color-on-ink-muted);border-radius:var(--radius-sm);background:#ede6d80f;gap:8px;padding:12px;display:flex;position:absolute;bottom:22px;left:16px;right:16px}.sidebar-note svg{flex:none;margin-top:3px}.sidebar-note p{font-size:9px;line-height:var(--leading-snug);margin:0}.staff-main{width:min(100%,1440px);padding:30px 32px 50px}.staff-page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.staff-page-head h1{font-family:var(--font-mincho);letter-spacing:.08em;margin:5px 0 4px;font-size:27px;font-weight:600}.staff-page-head p{color:var(--color-ink-muted);margin:0;font-size:10px}.staff-head-actions{gap:8px;display:flex}.staff-date-tabs{border-bottom:1px solid var(--color-hairline);gap:4px;padding-bottom:13px;display:flex}.staff-date-tabs button{min-width:150px;color:var(--color-ink-muted);font-family:var(--font-fn);text-align:left;background:0 0;border:0;border-bottom:2px solid #0000;gap:2px;padding:8px 13px;font-size:11px;font-weight:600;display:grid}.staff-date-tabs button small{letter-spacing:.11em;font-size:8px}.staff-date-tabs button.is-active{color:var(--color-ink);border-bottom-color:var(--color-cta)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0;display:grid}.stat{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);min-height:96px;box-shadow:var(--shadow-faint);align-items:center;gap:13px;padding:16px;display:flex}.stat__icon{border-radius:var(--radius-sm);place-items:center;width:38px;height:38px;display:grid}.stat__icon svg{width:18px}.stat>div:last-child{gap:5px;display:grid}.stat span{color:var(--color-ink-muted);font-family:var(--font-fn);font-size:9px;font-weight:600}.stat strong{font-family:var(--font-fn);font-size:25px;font-weight:500;line-height:1}.stat strong small{color:var(--color-ink-muted);margin-left:5px;font-size:9px}.stat--green .stat__icon{color:var(--color-ink);background:var(--kochou-yuge-wash)}.stat--blue .stat__icon{color:var(--color-accent-quiet);background:var(--color-accent-wash)}.stat--red .stat__icon{color:var(--color-cta);background:var(--color-cta-wash)}.stat--gold .stat__icon{color:var(--kochou-kincha);background:#a67c3d24}.staff-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-faint)}.staff-card>.card-heading{border-bottom:1px solid var(--color-hairline);min-height:70px;padding:14px 18px}.staff-card .card-heading h2{font-size:17px}.schedule-legend{color:var(--color-ink-muted);font-family:var(--font-fn);gap:13px;font-size:9px;display:flex}.schedule-legend span{align-items:center;gap:5px;display:inline-flex}.dot{border-radius:50%;width:7px;height:7px}.dot--guest{background:var(--color-ink)}.dot--staff{background:var(--color-accent-quiet)}.dot--block{background:var(--color-cta)}.timeline-columns{grid-template-columns:1fr 1fr;display:grid}.timeline-period+.timeline-period{border-left:1px solid var(--color-hairline)}.timeline-period__head{background:var(--color-ground-deep);border-bottom:1px solid var(--color-hairline);justify-content:space-between;padding:12px 16px;display:flex}.timeline-period__head strong{font-family:var(--font-mincho);letter-spacing:.06em;font-size:13px;font-weight:600}.timeline-period__head span{color:var(--color-ink-muted);font-family:var(--font-fn);letter-spacing:.1em;font-size:8px}.timeline{padding:8px 12px 12px}.timeline-row{border-bottom:1px solid var(--color-hairline);grid-template-columns:52px minmax(0,1fr);align-items:center;min-height:47px;display:grid}.timeline-row>time{color:var(--color-ink-muted);font-family:var(--font-fn);font-size:10px}.timeline-booking,.timeline-open{border-radius:var(--radius-sm);width:100%;min-width:0;min-height:37px}.timeline-booking{text-align:left;border:0;border-left:3px solid;border-top-left-radius:0;border-bottom-left-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;padding:5px 9px;display:grid}.timeline-booking strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.timeline-booking small{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:8px;overflow:hidden}.timeline-booking svg{grid-area:1/2/span 2}.timeline-booking--guest{color:var(--color-ink);background:var(--color-ground-deep);border-left-color:var(--color-ink)}.timeline-booking--staff{color:var(--color-accent-quiet);background:var(--color-accent-wash);border-left-color:var(--color-accent-quiet)}.timeline-booking--block{color:var(--color-cta);background:var(--color-cta-wash);border-left-color:var(--color-cta)}.timeline-open{color:var(--color-ink-muted);border:1px dashed var(--color-hairline-firm);font-family:var(--font-fn);background:0 0;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.timeline-open:hover{color:var(--color-ink);border-color:var(--color-ink)}.timeline-continuation{color:var(--color-ink-muted);text-align:center;font-size:8px}.timeline-row.is-covered{background:var(--color-ground);min-height:34px}.staff-bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:14px;margin-top:14px;display:grid}.booking-list,.wait-list{padding:5px 12px 12px}.booking-row{width:100%;min-height:60px;color:var(--color-ink);border:0;border-bottom:1px solid var(--color-hairline);text-align:left;background:0 0;grid-template-columns:52px 3px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.booking-row:hover{background:var(--color-ground)}.booking-row time{font-family:var(--font-fn);font-size:11px;font-weight:500}.kind-bar{background:var(--color-ink);border-radius:3px;width:3px;height:30px}.kind-bar--staff{background:var(--color-accent-quiet)}.kind-bar--block{background:var(--color-cta)}.booking-row__main{gap:4px;min-width:0;display:grid}.booking-row__main strong,.wait-row__main strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.booking-row__main small,.wait-row__main small{color:var(--color-ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.empty-state{color:var(--color-ink-muted);text-align:center;padding:30px 12px;font-size:10px}.small-add-button{min-height:32px;color:var(--color-ink);background:var(--color-ground-deep);padding:0 10px}.wait-row{border-bottom:1px solid var(--color-hairline);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;display:grid}.wait-row.is-called{background:#a67c3d17}.wait-rank{width:25px;height:25px;color:var(--color-on-ink);background:var(--color-ink);font-family:var(--font-fn);border-radius:50%;place-items:center;font-size:9px;display:grid}.wait-row__main{gap:4px;min-width:0;display:grid}.call-button,.complete-button{min-height:32px;color:var(--color-on-ink);background:var(--color-ink);padding:0 9px;font-size:9px}.complete-button{color:var(--color-ink);background:var(--color-ground-deep)}.card-note{color:var(--color-ink-muted);background:var(--color-ground);border-top:1px solid var(--color-hairline);font-size:8px;line-height:var(--leading-snug);margin:0;padding:12px 16px}.draft-kind-switch{background:var(--color-ground-deep);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;padding:3px;display:grid}.draft-kind-switch button{min-height:37px;color:var(--color-ink-muted);border-radius:var(--radius-sm);font-family:var(--font-fn);background:0 0;border:0;font-size:10px;font-weight:600}.draft-kind-switch button.is-active{color:var(--color-on-ink);background:var(--color-ink)}@media (width<=1040px){.staff-layout{grid-template-columns:1fr}.staff-sidebar{display:none}.staff-main{padding:26px 22px 45px}.staff-bottom-grid{grid-template-columns:1fr}}@media (width<=760px){.guest-shell{padding-top:8px}.guest-app{width:min(100% - 18px,640px)}.guest-intro{padding:18px 2px 22px}.guest-panel{padding:24px 16px}.slot-grid{grid-template-columns:repeat(2,1fr);gap:8px}.slot-button{min-height:74px}.form-grid,.reservation-card__actions{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-height:92vh}.modal__footer{flex-wrap:wrap}.modal-delete{order:3;width:100%;margin:5px 0 0}.staff-topbar{height:60px;padding:0 12px}.staff-topbar .mode-badge,.staff-user{display:none}.staff-main{padding:20px 12px 40px}.staff-page-head{align-items:flex-start}.staff-page-head h1{font-size:22px}.staff-head-actions{flex-direction:column}.staff-head-actions button{min-height:36px}.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:78px;padding:12px}.stat strong{font-size:21px}.timeline-columns{grid-template-columns:1fr}.timeline-period+.timeline-period{border-left:0;border-top:1px solid var(--color-hairline)}.schedule-legend{display:none}.staff-date-tabs button{flex:1;min-width:0}}@media (width<=390px){.slot-button span,.segmented button{font-size:17px}.stats-grid{gap:7px}.stat__icon,.staff-head-actions .secondary-button{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}