:root{
  --bg: #f8f8f9;
  --card: #ffffff;
  --muted: #6b6b6b;
}
body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background: var(--bg);
  margin:0; padding:0;
}
#roomdb{max-width:720px;margin:24px auto;padding:0 12px}
.pane{background:var(--card);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08);overflow:hidden}
.pane-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eee}
.pane-header h1{font-size:18px;margin:0}
.back{background:none;border:0;color:#007aff;font-weight:600;font-size:15px;padding:6px 8px;cursor:pointer}
.list{list-style:none;margin:0;padding:0}
.list-item{border-bottom:1px solid #f0f0f0}
.list-item a{display:block;padding:14px 16px;color:#111;text-decoration:none}
.list-item a:hover{background:#fafafa}
.content{padding:16px}