:root{--surface:#fff;--bg:#eef2f7;--surface-subtle:#f6f9fc;--neutral-200:#e6ebf2;--ink:#1a2732;--text:#33404d;--muted:#6b7684;--border:#e4e9f0;--border-input:#cdd6e1;--mint:#12b886;--mint-600:#0ca678;--mint-050:#e7f8f2;--mint-100:#dcf5ec;--mint-border:#b7e6d5;--mint-border-strong:#8fd6bd;--grad:linear-gradient(135deg, #22c79a, #0ca678);--chart-bar:linear-gradient(180deg, #3dd6a6, #0ca678);--chart-bar-peak:linear-gradient(180deg, #12b886, #087f5b);--danger:#e03131;--danger-bg:#fff0f0;--danger-border:#ffd3d3;--danger-bg-hover:#ffe0e0;--role-visitor-fg:#0a5f46;--role-visitor-bg:#c8f0e2;--role-staff-fg:#4a2ea0;--role-staff-bg:#e0d7ff;--role-admin-fg:#8f3702;--role-admin-bg:#ffe0cc;--seat-reserved-fg:#12518f;--seat-reserved-bg:#d0ebff;--seat-free-fg:#9c2354;--seat-free-bg:#ffdeeb;--seat-reserved-fill:#1c7ed6;--seat-free-fill:#e64980;--shadow-card:0 1px 2px #141e2d0a, 0 10px 30px #141e2d0f;--shadow-float:0 18px 40px #141e2d29;--shadow-btn:0 8px 18px #0ca67842;--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-56:56px;--sp-72:72px;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-26:26px;--fs-32:32px;--fw-regular:400;--fw-bold:700;--fw-heavy:800;--font-jp:system-ui, -apple-system, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w-page:960px;--w-narrow:440px;--w-auth:420px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-jp);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:var(--mint-600)}main{max-width:var(--w-page);padding:var(--sp-32) var(--sp-24) var(--sp-72);margin:0 auto}main.narrow{max-width:var(--w-narrow)}main.auth{max-width:var(--w-auth);min-height:calc(100dvh - 62px);padding-block:var(--sp-40);flex-direction:column;justify-content:center;display:flex}h1{font-size:var(--fs-26);font-weight:var(--fw-heavy);color:var(--ink);letter-spacing:.02em;margin:0 0 var(--sp-20)}h2{font-size:var(--fs-16);font-weight:var(--fw-heavy);color:var(--ink);margin:var(--sp-32) 0 var(--sp-14)}h3{font-size:var(--fs-14);font-weight:var(--fw-heavy);color:var(--ink);margin:var(--sp-24) 0 var(--sp-12)}.site-nav{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-14) var(--sp-24);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.site-nav .brand{align-items:center;gap:var(--sp-8);font-weight:var(--fw-heavy);font-size:var(--fs-15);color:var(--ink);border-radius:var(--radius-full);padding:var(--sp-6) var(--sp-10);margin-left:calc(-1 * var(--sp-10));text-decoration:none;display:flex}.site-nav .brand:hover{background:var(--surface-subtle)}.site-nav .account{align-items:center;gap:var(--sp-12);display:flex}.site-nav .who{font-size:var(--fs-13);color:var(--muted)}.site-nav .account-btn{align-items:center;gap:var(--sp-6);font:inherit;color:var(--ink);border-radius:var(--radius-full);padding:var(--sp-6) var(--sp-10);cursor:pointer;background:0 0;border:none;display:flex}.site-nav .account-btn:hover{background:var(--surface-subtle)}.site-nav .account-btn .chev{color:var(--muted);transition:transform .15s}.site-nav .account-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.brand-mark{border-radius:var(--radius-xs);object-fit:cover;flex:none;width:16px;height:16px;display:block}.brand-mark.lg{border-radius:var(--radius-lg);width:44px;height:44px}.subnav{align-items:center;gap:var(--sp-4);margin:0 0 var(--sp-24);border-bottom:1px solid var(--border);display:flex}.subnav a{align-items:center;gap:var(--sp-6);font-size:var(--fs-14);font-weight:var(--fw-bold);color:var(--muted);padding:var(--sp-10) var(--sp-14);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none;display:inline-flex}.subnav a:hover{color:var(--text)}.subnav a.active{color:var(--ink);border-bottom-color:var(--mint)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-24);box-shadow:var(--shadow-card)}form label{gap:var(--sp-6);font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--text);margin-bottom:var(--sp-16);flex-direction:column;display:flex}input,select,textarea{font:inherit;font-size:var(--fs-14);font-weight:var(--fw-regular);color:var(--ink);padding:var(--sp-12);border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);width:100%;line-height:1.5}input:focus,select:focus,textarea:focus{outline:2px solid var(--mint);outline-offset:1px;border-color:var(--mint)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--mint-600);border:0;padding:0}textarea{resize:vertical;line-height:1.9;display:block}select{appearance:none;padding-right:var(--sp-32);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-12) center;background-size:16px}.stack{flex-direction:column;display:flex}.form-grid{gap:var(--sp-16);grid-template-columns:repeat(2,1fr);display:grid}.form-grid label{margin-bottom:0}.form-msg{margin:var(--sp-16) 0 0}.form-foot{margin-top:var(--sp-16)}.toolbar{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-16);flex-wrap:wrap;display:flex}.toolbar .field{align-items:center;gap:var(--sp-8);color:var(--text);display:inline-flex}.toolbar input,.toolbar select{width:auto;min-width:88px}.actions{align-items:flex-end;display:flex}button{cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--sp-8);font:inherit;font-weight:var(--fw-heavy);font-size:var(--fs-14);color:var(--surface);background:var(--grad);border-radius:var(--radius-md);padding:var(--sp-12) var(--sp-24);box-shadow:var(--shadow-btn);border:none;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.04)}.btn:focus-visible{outline:2px solid var(--mint-600);outline-offset:2px}.btn-block{width:100%}.btn-secondary{color:var(--text);background:var(--bg);border:1px solid var(--border-input);box-shadow:none}.btn-secondary:hover{background:var(--neutral-200);filter:none}.btn-ghost{font:inherit;font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--mint-600);background:var(--mint-050);border-radius:var(--radius-full);padding:var(--sp-8) var(--sp-14);border:none}.btn-ghost:hover{background:var(--mint-100)}.btn-danger{align-items:center;gap:var(--sp-6);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);padding:var(--sp-8) var(--sp-14);border:1px solid #0000;display:inline-flex}.btn-danger:hover{background:var(--danger-bg-hover)}.btn-neutral{align-items:center;gap:var(--sp-6);font:inherit;font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--text);background:var(--bg);border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:var(--sp-8) var(--sp-14);display:inline-flex}.btn-neutral:hover{background:var(--neutral-200)}.menu{top:calc(100% + var(--sp-6));z-index:10;min-width:12rem;padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:absolute;right:0}.menu a,.menu button{align-items:center;gap:var(--sp-8);text-align:left;width:100%;font:inherit;font-size:var(--fs-14);color:var(--ink);border-radius:var(--radius-sm);padding:var(--sp-8) var(--sp-10);cursor:pointer;white-space:nowrap;background:0 0;border:none;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--surface-subtle)}.menu .danger{color:var(--danger)}.menu .danger:hover{background:var(--danger-bg)}.menu hr{width:100%;height:0;margin:var(--sp-6) 0;border:0;border-top:1px solid var(--border)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--sp-12) var(--sp-16);font-size:var(--fs-13);border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}th{background:var(--surface-subtle);color:var(--muted);font-weight:var(--fw-bold);font-size:var(--fs-12)}td.num,th.num{font-family:var(--font-mono)}td code{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--ink)}.pill{font-size:var(--fs-11);font-weight:var(--fw-heavy);letter-spacing:.12em;color:var(--mint-600);background:var(--mint-100);padding:var(--sp-4) var(--sp-12);border-radius:var(--radius-full);display:inline-block}.chip{font-size:var(--fs-11);font-weight:var(--fw-bold);padding:var(--sp-4) var(--sp-10);border-radius:var(--radius-full);display:inline-block}.chip-visitor{color:var(--role-visitor-fg);background:var(--role-visitor-bg)}.chip-staff{color:var(--role-staff-fg);background:var(--role-staff-bg)}.chip-admin{color:var(--role-admin-fg);background:var(--role-admin-bg)}.chip-muted{color:var(--muted);background:var(--bg)}.chip-seat-reserved{color:var(--seat-reserved-fg);background:var(--seat-reserved-bg)}.chip-seat-free{color:var(--seat-free-fg);background:var(--seat-free-bg)}.lead{color:var(--muted);font-size:var(--fs-14);margin:0 0 var(--sp-20)}.error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);padding:var(--sp-10) var(--sp-12);border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:var(--fw-bold)}.success{color:var(--mint-600);background:var(--mint-050);border:1px solid var(--mint-border);padding:var(--sp-10) var(--sp-12);border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:var(--fw-bold)}.error,.success{align-items:flex-start;gap:var(--sp-8);display:flex}.msg-ico{flex-shrink:0;margin-top:1px}.empty{color:var(--muted);font-size:var(--fs-13);padding:var(--sp-24);text-align:center;border:1px dashed var(--border-input);border-radius:var(--radius-lg);background:var(--surface)}.auth-head{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-20);flex-direction:column;display:flex}.auth-head h1{text-align:center;margin:0}.auth .sub{text-align:center;font-size:var(--fs-13);color:var(--muted);margin-top:var(--sp-16)}.auth .summary{gap:var(--sp-6) var(--sp-16);margin:0 0 var(--sp-24);padding:var(--sp-14) var(--sp-16);background:var(--surface-subtle);border-radius:var(--radius-md);font-size:var(--fs-13);grid-template-columns:auto 1fr;display:grid}.auth .summary dt{color:var(--muted);font-weight:var(--fw-bold)}.auth .summary dd{color:var(--ink);font-weight:var(--fw-bold);margin:0}.stats{gap:var(--sp-16);grid-template-columns:repeat(3,1fr);display:grid}.stat{gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-16) var(--sp-20);flex-direction:column;display:flex}.stat-k{font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--muted)}.stat-v{font-size:var(--fs-32);font-weight:var(--fw-heavy);color:var(--ink);font-family:var(--font-mono)}.stat-v small{font-size:var(--fs-15);font-family:var(--font-jp);margin-left:var(--sp-2)}.stat-sub{font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--mint-600)}.chart{margin-top:var(--sp-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-20) var(--sp-24) var(--sp-14)}.chart-head{font-size:var(--fs-13);font-weight:var(--fw-bold);color:var(--ink);justify-content:space-between;display:flex}.chart-note{color:var(--muted);font-weight:var(--fw-regular)}.chart-plot{align-items:flex-start;gap:var(--sp-8);margin-top:var(--sp-14);display:flex}.y-axis{height:150px;min-width:var(--sp-24);font-family:var(--font-mono);font-size:var(--fs-10);color:var(--muted);position:relative}.y-axis span{white-space:nowrap;position:absolute;right:0;transform:translateY(50%)}.plot-col{flex:1;min-width:0}.bars{align-items:flex-end;gap:var(--sp-4);height:150px;display:flex;position:relative}.bars .gridlines{pointer-events:none;position:absolute;inset:0}.bars .gridlines span{border-top:1px solid var(--border);position:absolute;left:0;right:0}.bars .bar{z-index:1;min-height:var(--sp-4);background:var(--chart-bar);border-radius:var(--radius-xs) var(--radius-xs) 0 0;flex:1;position:relative}.bars .bar.peak{background:var(--chart-bar-peak)}.bars .bar:hover:after{content:attr(data-value);bottom:calc(100% + var(--sp-4));padding:var(--sp-2) var(--sp-8);background:var(--ink);color:var(--surface);font-size:var(--fs-11);font-weight:var(--fw-bold);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-float);z-index:2;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.bar-days{gap:var(--sp-4);margin-top:var(--sp-8);display:flex}.bar-days .bar-day{text-align:center;font-family:var(--font-mono);font-size:var(--fs-10);color:var(--muted);flex:1}.qr-card{background:var(--surface);border-radius:var(--radius-2xl);max-width:360px;box-shadow:var(--shadow-float);margin:0 auto;overflow:hidden}.qr-card-top{padding:var(--sp-16) var(--sp-20);background:var(--grad);color:var(--surface);font-weight:var(--fw-heavy);font-size:var(--fs-12);letter-spacing:.12em;justify-content:center;align-items:center;display:flex}.qr-card-body{padding:var(--sp-24)}.qr-card-name{text-align:center;font-size:var(--fs-18);font-weight:var(--fw-heavy);color:var(--ink);margin:var(--sp-20) 0 0}.qr-card .qr{max-width:210px;margin:0 auto}.qr-card .qr svg{width:100%;height:auto;display:block}.centered{text-align:center}.section{margin-bottom:var(--sp-8)}.panel{gap:var(--sp-24);background:var(--mint-050);border:1px solid var(--mint-border);border-radius:var(--radius-xl);padding:var(--sp-20) var(--sp-24);margin:var(--sp-16) 0;flex-wrap:wrap;align-items:center;display:flex}.panel-txt{flex:1;min-width:240px}.panel-title{font-weight:var(--fw-heavy);color:var(--ink);margin:0 0 var(--sp-6);font-size:var(--fs-14)}.panel-note{font-size:var(--fs-12);color:var(--muted);margin:0 0 var(--sp-12);line-height:1.6}.panel-qr{align-items:center;gap:var(--sp-8);background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-12);flex-direction:column;display:flex}.panel-qr svg{width:150px;height:auto;display:block}.panel-qr .cap{font-size:var(--fs-11);font-weight:var(--fw-bold);color:var(--muted)}.key-code{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--ink);background:var(--surface);border:1px dashed var(--mint-border-strong);border-radius:var(--radius-sm);padding:var(--sp-10) var(--sp-12);word-break:break-all;display:inline-block}.keyform{align-items:flex-end;gap:var(--sp-14);display:flex}.keyform label{flex:1;max-width:320px;margin-bottom:0}@media (width<=720px){main{padding:var(--sp-24) var(--sp-16) var(--sp-56)}.stats,.form-grid{grid-template-columns:1fr}.panel{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@page{size:A4 portrait;margin:12mm}.handouts{display:none}@media print{body :not(:has(.handouts)):not(.handouts):not(.handouts *){display:none!important}.handouts{display:block}body,main{background:var(--surface);max-width:none;margin:0;padding:0}}