*{margin:0;border:0;padding:0;outline:0;user-select:inherit;cursor:inherit;background:transparent;box-sizing:inherit;font:inherit;white-space:inherit}body{background:#f8f8f8;color:#000;box-sizing:border-box;font:normal 16px/18px monospace;user-select:none}input{user-select:text;cursor:text}p{margin:8px 0}.link,.soft-link{cursor:pointer}.link{margin:-2px -4px;padding:2px 4px;background:#fff;color:#000;text-decoration:none}.link:hover{background:#000;color:#fff}.btn{display:inline-block;border:1px solid #000;padding:0 8px;line-height:28px;background:#fff;color:#000}.btn:active{background:#000;color:#fff}.bg{position:fixed;top:0;left:0;right:0;height:30vh;background:#eee;z-index:-1}.bg:after{content:"";position:absolute;top:100%;left:50%;height:0;width:0;margin-left:-50vw;border:50vw solid transparent;border-top-color:#eee}.home{margin:48px 0;text-align:center}h1{font-weight:700;font-size:48px;line-height:64px}.subtitle{margin:0 48px;line-height:1.2}.loader{color:#888;animation:a 1s ease-in-out infinite;text-align:center}@keyframes a{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.room-form{display:inline-block;width:370px;height:80px;margin:48px auto 0;padding:24px;background:#fff;box-shadow:1px 1px 4px #888}.room-form form{line-height:28px}.room-form input{width:13em;border-bottom:1px dashed #000;padding:0 4px}.room-form button:active:active{background:#000;color:#fff}.room-list{margin:48px 16px}.room-list li{display:inline-block;margin:0 8px}.intro,.intro-small{max-width:520px;margin:48px auto;padding:0 16px}h4{font-weight:700;font-size:16px;line-height:18px}.intro-small{font-size:12px}@media only screen and (max-width:767px){.room-form{width:100%}}