:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172b45;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:28px 24px}header,.heading,.room{display:flex;align-items:center;justify-content:space-between;gap:16px}header{border-bottom:1px solid #dce4ee;padding-bottom:24px;margin-bottom:44px}.brand{font-weight:850;letter-spacing:2px;color:#155eef}.brand span{color:#6a7890;font-size:11px;letter-spacing:1.5px;margin-left:10px}h1{font-size:36px;letter-spacing:-1.2px;margin-bottom:8px}h2{font-size:19px}p{line-height:1.6}.intro,.note,small{color:#66758a}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.summary article,.room,#login{background:white;border:1px solid #dee6f0;border-radius:14px;padding:24px}.summary span{display:block;color:#66758a}.summary strong{display:block;font-size:34px;margin-top:10px}.summary .time{font-size:23px;padding-top:10px}button,.link{font:inherit;border:1px solid #cbd7e6;background:white;color:#253b56;border-radius:8px;padding:10px 15px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.link:hover{background:#eef3fb}.primary{background:#155eef;color:white;border-color:#155eef}.primary:hover{background:#004cce}.danger{color:#ba253c;border-color:#f0c6ce}.actions{display:flex;gap:8px;flex-shrink:0}.room{margin:12px 0}.room h3{margin:0 0 6px;overflow-wrap:anywhere}.room p{margin:0;color:#66758a}.empty{border:1px dashed #c3d0e0;border-radius:12px;padding:40px;text-align:center;color:#66758a}label{display:block;font-size:14px;color:#52647c}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #c3d0e0;border-radius:8px;margin:7px 0 18px}#login{max-width:420px;margin:36px auto}small{display:block;font-size:12px;margin-top:14px;line-height:1.6}#new-room{display:flex;align-items:center;gap:14px}#new-room label{flex:1}#new-room input{margin-bottom:8px}#new-room button{margin-top:12px}.history-title{margin-top:40px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:white;font-size:14px}th,td{text-align:left;padding:15px;border-bottom:1px solid #e2e9f2}th{color:#66758a;font-weight:600}td:first-child{overflow-wrap:anywhere}footer{margin-top:60px;padding-top:20px;border-top:1px solid #dce4ee;color:#7b899d;font-size:12px}#message:empty{display:none}#message{background:#fff4db;padding:12px 16px;border-radius:8px}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}@media(max-width:650px){main{padding:20px 16px}.summary{grid-template-columns:1fr}.summary article{padding:18px}.summary strong{font-size:28px}h1{font-size:29px}.room{align-items:flex-start;flex-direction:column}.actions{width:100%}#new-room{align-items:stretch;flex-direction:column;gap:0}#new-room button{margin:0}.brand span{display:block;margin:6px 0 0}}