:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;font-size:16px;line-height:1.65;color:#243d38;background:#f4f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:24px 20px}h1{font-size:28px;margin:8px 0}h2{font-size:21px;margin:20px 0 12px}h3{font-size:18px}p{margin:10px 0;overflow-wrap:anywhere}section{margin:18px 0;padding:16px;background:#fffef9;border:1px solid #dbe0d4;border-radius:14px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{min-height:48px;padding:10px 14px;border:1px solid #244f40;border-radius:8px;background:#244f40;color:white;cursor:pointer;overflow-wrap:anywhere}button.secondary{background:transparent;color:#244f40}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #276a56;outline-offset:3px}input{display:block;width:100%;min-height:48px;padding:10px;border:1px solid #9daea0;border-radius:8px;background:white;margin:8px 0 12px}a{display:inline-flex;align-items:center;min-height:44px;color:#244f40}.row{display:flex;flex-wrap:wrap;gap:10px}.badge{font-size:14px;background:#e4e8dd;padding:4px 9px;border-radius:6px}.hint{font-size:14px}.notice{padding:12px;background:#e9ecdf;border-radius:8px}#status{min-height:27px}#status.error{color:#923a2c}.person{padding:12px 0;border-bottom:1px solid #dbe0d4}.person small{display:block;overflow-wrap:anywhere}#room-list button{display:block;width:100%;margin:10px 0;text-align:left}#demo-slot iframe{display:block;width:100%;height:75dvh;min-height:480px;border:1px solid #dbe0d4;border-radius:10px}footer{font-size:13px;color:#52655e;margin:24px 0}dialog{width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:14px;padding:20px;color:inherit}dialog::backdrop{background:#14251e88}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}