:root{color:#18202b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fa;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app{min-height:100vh;padding:28px}.topbar{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand svg{color:#2357d6}h1,h2,p{margin:0}h1{font-size:24px;font-weight:760;line-height:1.25}.brand p,.summary-title p,.notice p,small{color:#697386}.brand p{margin-top:4px;font-size:13px}.icon-button,.load-button,.submit-button,.segmented button{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px;max-width:1180px;margin:0 auto;display:grid}.main-panel,.summary-panel{background:#fff;border:1px solid #dce2ea;border-radius:8px;box-shadow:0 18px 45px #18202b0f}.main-panel{padding:22px}.summary-panel{align-self:start;padding:18px}label{gap:8px;display:grid}label span,.notice span,.slot-header{color:#4a5568;font-size:12px;font-weight:720}label span{align-items:center;gap:6px;display:flex}input,select{color:#18202b;background:#fff;border:1px solid #cfd7e3;border-radius:8px;outline:none;height:42px;padding:0 12px}input:focus,select:focus{border-color:#2357d6;box-shadow:0 0 0 3px #2357d624}.context-row{gap:7px;max-width:380px;display:grid}.context-row>span{color:#526070;font-size:12px;font-weight:700}.schedule-status{color:#334155;background:#f7f9fc;border:1px solid #dce2ea;border-radius:8px;min-height:42px;padding:11px 12px;font-size:14px}.notice{background:#f7f9fc;border:1px solid #e1e7ef;border-radius:8px;gap:8px;margin:18px 0;padding:14px;display:grid}.notice p{font-size:14px;line-height:1.6}.identity-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.passcode-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.passcode-field label{min-width:0}.input-with-action{position:relative}.input-with-action input{width:100%;padding-right:42px}.icon-button{color:#526070;background:0 0;border-radius:6px;width:32px;height:32px;position:absolute;top:5px;right:5px}.icon-button:hover{background:#eef2f6}.load-button{color:#fff;white-space:nowrap;background:#18202b;border:0;border-radius:8px;align-self:end;gap:8px;min-width:150px;height:42px;padding:0 14px}.slot-table{border:1px solid #dce2ea;border-radius:8px;overflow:hidden}.slot-header,.slot-row{grid-template-columns:minmax(230px,1fr) minmax(360px,430px);display:grid}.slot-header{background:#f1f4f8;padding:11px 14px}.slot-row{border-top:1px solid #e6ebf1;align-items:center;min-height:76px;padding:12px 14px}.slot-row strong{font-size:15px;line-height:1.4;display:block}.slot-row small{margin-top:4px;font-size:12px;display:block}.segmented{background:#eef2f6;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:#526070;white-space:nowrap;background:0 0;border-radius:6px;min-height:38px;padding:0 10px}.segmented button.active{color:#1f2937;background:#fff;font-weight:720;box-shadow:0 1px 4px #0f172a1f}.segmented button.active.available{color:#047857}.segmented button.active.unavailable{color:#b42318}.segmented button.active.unknown{color:#475569}.message{border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;display:flex}.message.success{color:#047857;background:#ecfdf5}.message.error{color:#be123c;background:#fff1f2}.submit-button{color:#fff;background:#2357d6;border-radius:8px;gap:8px;min-width:180px;height:46px;margin-top:18px;padding:0 18px}button:disabled{cursor:not-allowed;opacity:.62}.summary-title h2{font-size:18px;line-height:1.3}.summary-title p{margin-top:5px;font-size:12px;line-height:1.5}.summary-list{gap:10px;margin-top:16px;display:grid}.summary-item{border:1px solid #e1e7ef;border-radius:8px;padding:12px}.summary-item strong{font-size:13px;line-height:1.45;display:block}.counts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.counts span{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:720}.ok{color:#047857;background:#dcfce7}.ng{color:#be123c;background:#ffe4e6}.maybe{color:#475569;background:#e2e8f0}.loading{color:#697386;align-items:center;gap:8px;padding:22px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.app{padding:18px}.topbar{align-items:flex-start;gap:14px}.layout,.identity-grid,.passcode-field,.slot-header,.slot-row{grid-template-columns:1fr}.slot-header span:last-child{display:none}.slot-row{gap:12px}}@media (width<=560px){.topbar{flex-direction:column}.main-panel,.summary-panel{padding:14px}.segmented{grid-template-columns:1fr}.submit-button,.load-button{width:100%}}