#office-reception {position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:rgba(16,32,43,.17);font:16px 'Noto Sans JP',sans-serif;color:#253445}
#office-reception[hidden]{display:none}
#office-reception *{box-sizing:border-box}
#office-reception button{font:inherit;cursor:pointer;color:inherit}
#office-reception button:disabled{opacity:.45;cursor:default}
#office-reception button:focus-visible{outline:2px solid #009caf;outline-offset:3px}
.rec-panel{width:90%;max-width:1040px;max-height:90vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 18px 65px #10202b1f}
.rec-header{height:88px;padding:20px 32px;display:flex;align-items:center;border-bottom:1px solid #e3e9ee}
.rec-robot{width:48px;height:48px;object-fit:contain;margin-right:18px}
.rec-title{font-size:28px;font-weight:700;margin:0}
.rec-subtitle{font-size:16px;color:#738092;border-left:1px solid #e3e9ee;padding-left:28px;margin-left:28px}
.rec-close{margin-left:auto;border:0;background:none;display:flex;align-items:center;gap:16px;font-size:14px!important;padding:10px}
.rec-close img{width:15px;height:15px}
.rec-body{padding:30px 34px 32px}
.rec-heading{font-size:30px;font-weight:700;text-align:center;margin:0 0 28px}
.rec-cards{display:flex;gap:12px;justify-content:center}
.rec-card{flex:1;min-width:0;height:300px;display:flex;flex-direction:column;align-items:center;padding:28px 24px 22px;border:1px solid #e0e7ed;border-radius:16px;background:white}
.rec-card.featured{background:#f0fafb;border-color:#a9e4ed}
.rec-card:hover{background:#e8f7fa;border-color:#009caf}
.rec-circle{display:flex;align-items:center;justify-content:center;width:90px;height:90px;flex-shrink:0;border-radius:50%;border:1px solid #c2eaf0;background:#f0fafb;margin-bottom:22px}
.rec-circle img{width:46px;height:46px}
.rec-card strong{font-size:22px;line-height:1.5;margin-bottom:16px}
.rec-description{font-size:16px;color:#738092;line-height:1.6;margin:0;white-space:pre-line}
.rec-arrow{width:24px;height:24px;margin-top:auto;align-self:flex-end}
.rec-back{border:0;background:none;color:#008da2!important;margin-bottom:16px;padding:10px 0}
.rec-guide-row{padding:18px 0;border-bottom:1px solid #e3e9ee}
.rec-guide-row h3{font-size:18px;margin:0 0 8px}
.rec-choices{display:flex;gap:12px;justify-content:center;margin-top:20px}
.rec-choice{padding:10px 16px;border:1px solid #dce5ea;border-radius:8px;background:white}
.rec-choice.selected{border-color:#009caf;background:#e8f7fa;color:#008da2!important}
.rec-intro,.rec-notice{text-align:center;line-height:1.6}
.rec-notice{min-height:50px;margin:24px 0;color:#738092}
.rec-primary{display:block;margin:auto;border:0;border-radius:8px;background:#009caf;color:white!important;height:48px;min-width:220px;padding:10px 20px}
.rec-primary:hover{background:#008699}
.rec-music-entry{width:100%;margin-top:18px;padding:14px 18px;min-height:48px;border:1px solid #c2eaf0;border-radius:8px;background:#f0fafb}
.rec-music-entry:hover{background:#e8f7fa}
.rec-music-title{font-size:22px;margin:24px 0 8px;overflow-wrap:anywhere}
.rec-music-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.rec-music-controls button{min-height:44px}
.rec-music-stop{color:#b83240!important}
.rec-music-volume-label{display:block;margin-bottom:4px;color:#738092}
.rec-music-volume{display:block;width:100%;height:36px;margin:0 0 20px;accent-color:#009caf}
.rec-music-volume:focus-visible{outline:2px solid #009caf;outline-offset:3px}
.rec-music-track{display:block;width:100%;text-align:left;min-height:44px;margin-bottom:8px;padding:10px 16px;background:white;border:1px solid #dce5ea;border-radius:8px;overflow-wrap:anywhere}
.rec-music-track.selected{background:#e8f7fa;border-color:#009caf}
.rec-music-track:hover{background:#eff8fa}
@media(max-width:790px){.rec-header{padding:16px}.rec-subtitle{display:none}.rec-body{padding:22px 18px}.rec-heading{font-size:24px}.rec-cards,.rec-choices{flex-direction:column}.rec-card{min-height:180px;height:auto;flex:auto}.rec-circle{width:62px;height:62px;margin-bottom:12px}.rec-circle img{width:34px;height:34px}.rec-arrow{margin-top:16px}.rec-close{font-size:12px!important;gap:8px}.rec-title{font-size:24px}.rec-robot{margin-right:12px}}