@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Oswald:wght@500;600&display=swap";:root{color:#e8dcb8;font-synthesis:none;background:#0d0b08;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}.shell{background:radial-gradient(circle at 20% 0,#352a18 0,#0000 35%),repeating-linear-gradient(0deg,#0000 0 3px,#ffffff05 3px 4px),#0d0b08;place-items:center;min-height:100vh;padding:32px 16px;display:grid}.terminal{background:#17130df2;border:1px solid #66583d;border-radius:4px;width:min(680px,100%);padding:clamp(22px,5vw,48px);box-shadow:0 24px 80px #000,inset 0 0 45px #0008}.masthead{border-bottom:3px double #66583d;margin-bottom:28px;padding-bottom:18px;position:relative}.eyebrow{color:#a69164;letter-spacing:.18em;margin:0 0 7px;font-size:11px}h1{letter-spacing:.08em;margin:0;font-family:Oswald,sans-serif;font-size:clamp(30px,7vw,52px);line-height:1}.lamp{background:#544b38;border-radius:50%;width:13px;height:13px;position:absolute;bottom:22px;right:2px;box-shadow:0 0 0 4px #272116}.lamp--ready,.lamp--connected{background:#83bd5c;box-shadow:0 0 12px #83bd5c,0 0 0 4px #272116}.lamp--dialing,.lamp--ringing,.lamp--connecting,.lamp--handshaking,.lamp--registering{background:#e4a948;box-shadow:0 0 12px #e4a948,0 0 0 4px #272116}.lamp--error{background:#d54e3d;box-shadow:0 0 12px #d54e3d,0 0 0 4px #272116}.number-panel{color:#9ed277;background:#0b0f09;border:1px solid #4f452f;margin-bottom:15px;padding:17px 20px}.number-panel span,.status-row span,.incoming span{color:#817454;letter-spacing:.14em;margin-bottom:6px;font-size:11px;display:block}.number-panel strong{letter-spacing:.06em;text-shadow:0 0 10px #6cad494d;font-size:clamp(24px,6vw,38px)}.status-row{justify-content:space-between;align-items:baseline;padding:13px 0;display:flex}.status-row span{margin:0}.status-row strong{color:#d3bd84;font-size:13px}.error{color:#ff9589;background:#3b1714;border-left:3px solid #d54e3d;padding:12px;font-size:13px}.dial-form{grid-template-columns:1fr auto;gap:10px;margin:20px 0;display:grid}.dial-form label{color:#817454;letter-spacing:.14em;grid-column:1/-1;font-size:11px}input{color:#f3e4b9;background:#0e0c08;border:1px solid #66583d;outline:none;min-width:0;padding:14px}input:focus{border-color:#d4ae5c;box-shadow:0 0 0 2px #d4ae5c22}button{color:#ddc991;letter-spacing:.06em;background:#292318;border:1px solid #66583d;padding:12px 17px;font-size:12px}button:hover:not(:disabled){background:#3a3020;border-color:#9f8650}button.primary{color:#fff4d6;background:#a66f25;border-color:#d7a450;font-weight:600}button.danger{color:#e58377;border-color:#763b34}.incoming{background:#332510;border:1px solid #b07a2c;margin:20px 0;padding:18px;animation:1.4s infinite pulse}.incoming strong{margin-bottom:16px;font-size:25px;display:block}.button-row,.controls{flex-wrap:wrap;gap:10px;display:flex}.peer{color:#9a8962;font-size:13px}.peer strong{color:#e8dcb8}.meter{margin:28px 0 20px}.meter-label{color:#817454;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.meter-track{border:1px solid #4f452f;height:10px;padding:2px}.meter-track span{background:linear-gradient(90deg,#6ca449,#e0a33a,#c74437);height:100%;transition:width .1s;display:block}.controls button{flex:1}.messages{background:#090b08;border:1px solid #4f452f;margin:24px 0}.protocol{background:#090b08;border:1px solid #4f452f;margin:20px 0 24px}.protocol__log{height:132px;padding:8px 12px;overflow-y:auto}.protocol__entry{grid-template-columns:18px 92px 1fr;align-items:baseline;gap:5px;margin:3px 0;font-size:10px;display:grid}.protocol__entry span{color:#77705a}.protocol__entry strong{color:#b6a77f;font-weight:600}.protocol__entry small{color:#696b59;overflow-wrap:anywhere;font-size:9px}.protocol__entry--tx span,.protocol__entry--tx strong{color:#d99a3c}.protocol__entry--rx span,.protocol__entry--rx strong{color:#82b85d}.messages__header{color:#817454;letter-spacing:.1em;border-bottom:1px solid #4f452f;justify-content:space-between;padding:9px 12px;font-size:10px;display:flex}.messages__log{height:180px;padding:10px 12px;overflow-y:auto}.messages__empty{color:#4d503f;text-align:center;margin-top:66px;font-size:11px}.message{color:#d9d1ae;overflow-wrap:anywhere;margin:5px 0;font-size:13px}.message span{color:#6ca449;width:34px;font-size:10px;display:inline-block}.message--sent{color:#d4ae5c}.message--sent span{color:#c88938}.message-form{border-top:1px solid #4f452f;padding:12px}.message-form label{color:#817454;letter-spacing:.12em;margin-bottom:7px;font-size:10px;display:block}.message-form div{grid-template-columns:1fr auto;display:grid}.message-form input{border-right:0}audio{display:none}footer{color:#665c43;text-align:center;letter-spacing:.13em;border-top:1px solid #403724;margin-top:30px;padding-top:14px;font-size:9px}@keyframes pulse{50%{border-color:#e7b456;box-shadow:0 0 18px #bf771c22}}@media (width<=500px){.dial-form{grid-template-columns:1fr}.dial-form label{grid-column:auto}.dial-form button{width:100%}.message-form div{grid-template-columns:1fr}.message-form input{border-right:1px solid #66583d}}