:root{--ink:#111827;--muted:#4b5563;--line:#d1d5db;--bg:#f3f4f6;--surface:#fff;--field:#fff;--accent:#1d4ed8;--accent-ink:#fff;--success-bg:#ecfdf3;--success-ink:#05603a;--warning-bg:#fff7e6;--warning-ink:#8a4b00;--error:#b42318;--error-bg:#fef3f2;--radius:10px;--control-h:52px;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}.app{max-width:560px;margin:0 auto;padding-bottom:32px}.app-header{background:var(--surface);border-bottom:1px solid var(--line);padding:16px}.app-header h1{font-size:20px;font-weight:700}.screen-message{text-align:center;color:var(--muted);padding:48px 16px}.banner,.notice{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:6px;margin:12px 16px 0;padding:12px 14px;display:flex}.banner-warning,.notice-warning{background:var(--warning-bg);color:var(--warning-ink);border-color:#f5d39b}.banner-error,.notice-error{background:var(--error-bg);color:var(--error);border-color:#f4b8b1}.notice-success{background:var(--success-bg);color:var(--success-ink);border-color:#a6e3c0}.notice-title{font-weight:700}.basics,.site{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:16px;margin-top:12px;padding:16px;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{font-size:18px;font-weight:700}.section-head-sub h3{font-size:16px;font-weight:700}.machine{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:14px;font-weight:700}.field-required{color:var(--error);margin-left:8px;font-size:12px;font-weight:700}.field-error{color:var(--error);font-size:14px;font-weight:700}.hint{color:var(--muted);font-size:14px}.control{width:100%;min-height:var(--control-h);background:var(--field);border-radius:var(--radius);border:1.5px solid #9ca3af;padding:0 12px;font-size:18px}.control:focus{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);border-color:var(--accent)}.control[aria-invalid]{border-color:var(--error);background:var(--error-bg)}select.control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;padding-right:36px}.control-number{text-align:right;font-variant-numeric:tabular-nums}.date-row{align-items:center;gap:8px;display:flex}.date-weekday{white-space:nowrap;font-size:18px}.time-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-select{align-items:center;gap:4px;display:flex}.time-select .control{text-align:center;font-variant-numeric:tabular-nums;padding:0 28px 0 10px}.time-colon{font-size:18px;font-weight:700}.meter-row{grid-template-columns:1fr 1fr 72px;gap:8px;display:grid}.meter-cell{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.meter-usage strong{min-height:var(--control-h);color:var(--ink);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;font-size:18px;display:flex}.summary{gap:24px;margin:0;display:flex}.summary div{align-items:baseline;gap:8px;display:flex}.summary dt{color:var(--muted);font-size:14px}.summary dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.link-button{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0 4px;font-size:15px;font-weight:700;text-decoration:underline}.add-button{min-height:var(--control-h);background:var(--surface);border-radius:var(--radius);color:var(--accent);cursor:pointer;border:1.5px dashed #9ca3af;font-size:16px;font-weight:700}.add-button-site{width:calc(100% - 32px);margin:12px 16px 0;display:block}.submit-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:16px;display:flex;position:sticky;bottom:0}.primary-button{background:var(--accent);min-height:56px;color:var(--accent-ink);border-radius:var(--radius);cursor:pointer;border:none;font-size:18px;font-weight:700}.primary-button:disabled{opacity:.6}.secondary-button{min-height:var(--control-h);background:var(--surface);color:var(--ink);border-radius:var(--radius);cursor:pointer;border:1.5px solid #9ca3af;font-size:16px;font-weight:700}.sheet-backdrop{z-index:10;background:#11182773;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:14px 14px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:88dvh;animation:.2s ease-out slide-up;display:flex}.sheet-body{flex-direction:column;gap:16px;padding:20px 16px 8px;display:flex;overflow-y:auto}.sheet-title{outline:none;font-size:20px;font-weight:700}.sheet-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.confirm-head,.confirm-list{flex-direction:column;margin:0;display:flex}.confirm-head div,.confirm-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.confirm-head dt,.confirm-list dt{color:var(--muted)}.confirm-head dd,.confirm-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.confirm-head dd{font-size:18px}.confirm-site h3{padding-bottom:4px;font-size:16px;font-weight:700}.confirm-total{padding-top:4px}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.sent-sites ul{margin:6px 0 0;padding:0;list-style:none}.sent-sites li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.sent-sites li:first-child{border-top:1px solid var(--line)}.sent-site-name{font-weight:700}.sent-site-time{white-space:nowrap;font-variant-numeric:tabular-nums}.sent-site-pending{color:var(--warning-ink);margin-left:8px;font-size:13px;font-weight:700}.confirm-list-muted dd{font-weight:400}.app-header{z-index:5;align-items:center;gap:8px;padding:8px 16px 8px 4px;display:flex;position:sticky;top:0}.menu-button{border-radius:var(--radius);width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.menu-button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent)}.drawer-backdrop{z-index:20;background:#11182773;animation:.15s ease-out fade-in;position:fixed;inset:0}.drawer{width:min(82vw,320px);height:100%;padding:calc(16px + env(safe-area-inset-top)) 0 16px;background:var(--surface);animation:.2s ease-out slide-in}.drawer ul{margin:0;padding:0;list-style:none}.drawer-item{text-align:left;width:100%;min-height:56px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;padding:0 20px;font-size:17px;font-weight:700}.drawer-item[aria-current=page]{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}@keyframes slide-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.drawer,.drawer-backdrop{animation:none}}.screen-hint{color:var(--muted);padding:24px 16px}.period-locked{color:var(--warning-ink);font-weight:700}.detail-title{font-size:20px;font-weight:700}.detail-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.danger-button{min-height:var(--control-h);background:var(--surface);color:var(--error);border-radius:var(--radius);cursor:pointer;border:1.5px solid #f4b8b1;font-size:16px;font-weight:700}.danger-button:disabled{opacity:.6}.confirm-list dt,.confirm-head dt{flex-shrink:0}.confirm-list .machine-row{flex-direction:column;gap:2px}.confirm-list .machine-row dd{text-align:left}.meter-line{display:block}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1.1em;height:1.1em;animation:.75s linear infinite spin;display:inline-block}.busy-label{justify-content:center;align-items:center;gap:10px;display:inline-flex}.loading-message{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:32px 16px;display:flex}button[aria-busy]{cursor:progress;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.login{flex-direction:column;gap:16px;max-width:420px;margin:48px auto 0;padding:24px 16px;display:flex}.login h1{font-size:22px}.worker-name{min-height:var(--control-h);align-items:center;font-size:18px;font-weight:700;display:flex}.drawer-footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:16px;padding:16px 20px 0;display:flex}.drawer-worker{color:var(--muted);font-size:14px}.field-optional{color:var(--muted);margin-left:8px;font-size:12px;font-weight:700}.loading-inline{align-items:center;gap:8px;display:flex}