*{box-sizing:border-box}body{margin:0;background:#f1f4f6;color:#173447;font:15px/1.5 system-ui,sans-serif}header,main,nav{max-width:580px;margin:auto}header{padding:24px 20px 17px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #dce4e7}header strong{font-size:25px;letter-spacing:2px}header small{display:block;font-size:8px;letter-spacing:2px}.logo{font-size:44px;line-height:1;color:#157d68}#connection{margin-left:auto;font-size:10px;color:#607580}main{padding:22px 20px 100px}h1{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:12px 0}h2{font-size:18px}p{color:#637b86}button,input,textarea{font:inherit}button{border:0;background:#176f5e;color:white;border-radius:9px;padding:12px 16px;cursor:pointer}button.secondary{background:#e4ebed;color:#294253}button:disabled{opacity:.6;cursor:wait}input,textarea{width:100%;border:1px solid #d8e2e7;border-radius:9px;padding:12px;background:#fff;color:#173447;margin:7px 0 14px}textarea{min-height:84px;resize:vertical}label{font-size:13px;font-weight:600}section,.card{display:block;background:white;border:1px solid #dce5e8;border-radius:12px;padding:16px;margin:15px 0}.muted{font-size:12px;color:#71858e}.tag{display:inline-block;font-size:10px;background:#e0eee7;color:#357255;border-radius:6px;padding:4px 8px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.contact{width:100%;background:white;border:1px solid #dde6e9;color:#173447;text-align:left;display:block;padding:16px;margin:10px 0}.contact b{display:block}.contact small{display:block;color:#677d88;margin-top:4px}.code{font:600 20px monospace;letter-spacing:1px;overflow-wrap:anywhere;color:#176f5e}nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #d7e2e7;display:flex;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}nav[hidden]{display:none}nav button{flex:1;background:white;color:#176f5e;padding:10px 5px}#error{position:fixed;bottom:80px;left:16px;right:16px;max-width:548px;margin:auto;background:#9b3030;color:white;padding:14px;border-radius:9px;z-index:4}.bubble{max-width:88%;background:white;border:1px solid #dbe6e9;border-radius:12px;padding:10px 13px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#dcefe6;border-color:#c8e3d6}.bubble small{font-size:10px;color:#739083;display:block}.bubble img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:7px}.bubble audio{width:100%;min-width:220px}.compose{display:flex;gap:8px;align-items:center}.compose input{margin:0;min-width:0}.compose button{padding:12px}.notice{border-left:2px solid #92b7a9;padding-left:12px;font-size:12px;margin:20px 0;color:#667d85}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.grid button{min-height:70px;text-align:left}.link{color:#176f5e;text-decoration:underline;background:none;padding:5px}a{color:#176f5e}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #409bca;outline-offset:2px}