:root{color:#1f2933;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:42px;padding:0 16px;transition:background .18s ease,color .18s ease,transform .18s ease}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):hover{transform:translateY(-1px)}input{background:#fff;border:1px solid #c9d4df;border-radius:8px;color:#1f2933;min-height:44px;outline:0;padding:0 14px;width:100%}input:focus{border-color:#147d8d;box-shadow:0 0 0 3px #147d8d29}a{color:#116a7a;text-decoration:none}.home-shell,.room-shell{min-height:100vh}.home-shell{align-items:center;display:flex;justify-content:center;padding:32px 16px}.home-panel{background:#fff;border:1px solid #d7e0e8;border-radius:8px;box-shadow:0 20px 45px #2637461f;max-width:760px;padding:32px;width:100%}.brand-block h1{color:#14212b;font-size:42px;line-height:1.05;margin:0}.lead{color:#4d5f6f;line-height:1.7;margin:18px 0 0;max-width:560px}.eyebrow{color:#c04735;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.connection-strip{align-items:center;background:#f6f8fb;border:1px solid #dce5ed;border-radius:8px;color:#526577;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0;padding:12px 14px}.connection-strip code{background:#e5edf3;border-radius:6px;color:#263746;padding:3px 8px}.status-dot{border-radius:999px;display:inline-flex;height:10px;width:10px}.status-dot.ok{background:#2f9e44}.status-dot.danger{background:#d64545}.action-grid{display:grid;gap:18px}.primary-action{background:#147d8d;color:#fff;font-weight:800;min-height:54px;width:100%}.primary-action:not(:disabled):hover{background:#0f6a78}.join-form{display:grid;gap:8px}.join-form label{color:#526577;font-size:14px;font-weight:700}.join-row{display:grid;gap:10px;grid-template-columns:1fr auto}.join-row button,.chat-form button,.file-picker button,.room-code button,.error-banner button{background:#263746;color:#fff}.room-shell{padding:20px}.room-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 auto 16px;max-width:1180px}.ghost-button{background:#fff;border:1px solid #d7e0e8;color:#263746}.room-code{align-items:center;background:#fff;border:1px solid #d7e0e8;border-radius:8px;display:flex;gap:10px;min-height:50px;padding:5px 6px 5px 14px}.room-code span{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:800}.room-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);margin:0 auto;max-width:1180px}.panel{background:#fff;border:1px solid #d7e0e8;border-radius:8px;box-shadow:0 14px 30px #26374614;min-width:0;padding:20px}.panel-heading{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.panel-heading.compact{align-items:center;margin-bottom:14px}.panel-heading h2{color:#14212b;font-size:22px;line-height:1.2;margin:0}.pill{border-radius:999px;font-size:13px;font-weight:800;padding:7px 10px;white-space:nowrap}.pill.ok,.icon-badge.ok{background:#e5f5e9;color:#2f7d3f}.pill.warn,.icon-badge.warn{background:#fff3d6;color:#8a5a00}.pill.danger,.icon-badge.danger{background:#fde7e7;color:#b42323}.status-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.status-item{align-items:center;background:#f7fafc;border:1px solid #e0e8ef;border-radius:8px;display:flex;gap:12px;min-height:76px;padding:12px}.icon-badge{align-items:center;border-radius:8px;display:inline-flex;height:38px;justify-content:center;width:38px}.status-item span,.transfer-meta span,.selected-file,.empty-state,.metric-list dt,.event-log{color:#637487}.status-item strong{color:#1f2933;display:block;margin-top:3px}.chat-panel{min-height:560px}.message-list{background:#f7fafc;border:1px solid #e0e8ef;border-radius:8px;display:flex;flex-direction:column;gap:10px;height:380px;overflow:auto;padding:14px}.message-bubble{border-radius:8px;max-width:min(78%,520px);padding:10px 12px}.message-bubble p{line-height:1.5;margin:0;overflow-wrap:anywhere}.message-bubble time{display:block;font-size:12px;margin-top:6px;opacity:.7}.message-bubble.me{align-self:flex-end;background:#147d8d;color:#fff}.message-bubble.peer{align-self:flex-start;background:#e9eef4;color:#263746}.chat-form{display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:12px}.file-picker{display:grid;gap:10px;grid-template-columns:1fr auto}.file-picker label{align-items:center;background:#f7fafc;border:1px dashed #9fb2c4;border-radius:8px;color:#263746;cursor:pointer;display:flex;gap:10px;min-height:46px;min-width:0;padding:0 14px}.file-picker label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{display:none}.selected-file{font-size:14px;margin:10px 0 0;overflow-wrap:anywhere}.transfer-section{margin-top:20px}.transfer-section h3{color:#263746;font-size:15px;margin:0 0 10px}.transfer-row{border:1px solid #e0e8ef;border-radius:8px;margin-top:10px;padding:12px}.transfer-meta{display:grid;gap:4px}.transfer-meta strong{overflow-wrap:anywhere}.progress-track{background:#e9eef4;border-radius:999px;height:10px;margin:12px 0 8px;overflow:hidden}.progress-track span{background:#e05f45;display:block;height:100%}.transfer-footer{align-items:center;display:flex;justify-content:space-between}.transfer-footer a{align-items:center;display:inline-flex;gap:6px;font-weight:800}.metric-list{display:grid;gap:12px;margin:0}.metric-list div{align-items:center;border-bottom:1px solid #e7eef4;display:flex;justify-content:space-between;padding-bottom:12px}.metric-list dt{align-items:center;display:inline-flex;gap:7px;font-weight:700}.metric-list dd{color:#1f2933;font-weight:800;margin:0}.event-log{background:#f7fafc;border:1px solid #e0e8ef;border-radius:8px;line-height:1.5;margin:16px 0 0;padding:12px}.empty-state{align-items:center;display:flex;flex:1;justify-content:center;line-height:1.6;margin:0;text-align:center}.empty-state.small{background:#f7fafc;border:1px solid #e0e8ef;border-radius:8px;display:block;font-size:14px;padding:12px}.error-text,.error-banner{color:#b42323}.error-text{margin:18px 0 0}.error-banner,.notice-banner{border-radius:8px;margin:0 auto 16px;max-width:1180px;padding:12px 14px}.error-banner{align-items:center;background:#fde7e7;border:1px solid #f7b7b7;display:flex;justify-content:space-between}.notice-banner{background:#fff3d6;border:1px solid #f3d28a;color:#7a5200}@media(max-width:900px){.room-grid{grid-template-columns:1fr}}@media(max-width:640px){.home-panel,.panel{padding:16px}.brand-block h1{font-size:34px}.join-row,.chat-form,.file-picker,.status-grid{grid-template-columns:1fr}.room-header{align-items:stretch;flex-direction:column}.room-code{justify-content:space-between}.message-list{height:320px}}