html,body{margin:0;height:100%;background:#f4f1ea;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;color:#1c1b19}#studio{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}#join{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(320px,calc(100vw - 32px));height:fit-content;padding:28px;display:grid;gap:10px;background:#fffdf8;border:1px solid #1c1b19;border-radius:14px;box-shadow:6px 6px #1c1b19}#join[hidden],#notice[hidden]{display:none}#join h1{margin:0 0 8px;font-size:22px;letter-spacing:.04em}#join label{font-size:13px}#join input,#join button{font:inherit;padding:10px 12px;border:1px solid #1c1b19;border-radius:8px}#join button{margin-top:6px;background:#1c1b19;color:#fffdf8;cursor:pointer}#notice{position:fixed;left:50%;top:16px;transform:translate(-50%);margin:0;padding:8px 14px;background:#1c1b19;color:#fffdf8;border-radius:999px;font-size:13px}#mic{position:fixed;left:50%;bottom:16px;transform:translate(-50%);font:inherit;font-size:13px;padding:10px 18px;background:#fffdf8;color:#1c1b19;border:1px solid #1c1b19;border-radius:999px;box-shadow:4px 4px #1c1b19;cursor:pointer}#mic[hidden]{display:none}#mic.on{background:#ff5a36;color:#fff}#mic:disabled{opacity:.6;cursor:default}@media(max-width:1400px){#mic{bottom:124px}}@media(max-width:700px){#mic{bottom:152px}}#settings{position:fixed;left:16px;top:56px;font-size:13px;background:#fffdf8;border:1px solid #1c1b19;border-radius:999px;box-shadow:4px 4px #1c1b19;padding:6px 14px}#settings[hidden],#editor[hidden]{display:none}#settings[open]{width:260px;padding:12px;border-radius:12px;z-index:1}#settings>summary{cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}#settings .field{display:block;margin-top:12px}#settings .field>span{display:block;margin-bottom:6px}#settings input[type=range]{width:100%;margin:0;accent-color:#1c1b19}#settings .row{display:flex;gap:6px}#settings button{font:inherit;padding:6px 12px;background:#fffdf8;color:#1c1b19;border:1px solid #1c1b19;border-radius:999px;cursor:pointer}#settings .hint{margin:8px 0 0;color:#6b675f}#settings .hint:empty{display:none}@media(max-width:700px){#settings{left:12px;top:52px}#settings[open]{width:min(260px,calc(100vw - 48px))}}