.account-page{padding:60px 0}.auth{max-width:590px;margin:auto}.auth h1{font-size:2.6rem}input,textarea,select,button{font:inherit;color:var(--text);background:var(--field);border:1px solid #414141;border-radius:8px;padding:9px 12px}input,textarea,select{max-width:100%}button{cursor:pointer}button:hover{background:#3e3e3e}.primary{background:#e4e4e4;color:#161616}.primary:hover{background:white}button:disabled{opacity:.45;cursor:default}label{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:.9375rem}label>input:not([type=checkbox]),label>textarea{width:100%}input[type=checkbox]{accent-color:#ddd;width:18px;height:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.actions label{margin:0}#port{width:75px}textarea{min-height:70px;resize:vertical}#newRecovery{width:100%;margin-bottom:20px}#message,#passwordMessage{color:#e5c1a5;overflow-wrap:anywhere}.dashboard{padding:36px 0}.dashboard h1{font-size:2rem;letter-spacing:-.035em}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}.dashboard-grid label>textarea{width:100%}.dashboard-grid .actions label>input{width:auto}.device{display:block;text-align:left;width:100%;margin-bottom:8px}.device.selected{border-color:#ddd;background:#393939}.device small{display:block;color:#aaa}#devices{margin:16px 0}#revoke{font-size:.875rem}.muted{font-size:.875rem!important;color:#aaa}.history{margin:16px 0}select{min-width:220px;flex:1}.trace-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}pre{font:13px Consolas,monospace;white-space:pre;overflow:auto;background:#1c1c1c;padding:12px;border-radius:8px;max-height:400px;min-height:80px}#info{max-height:220px;white-space:pre-wrap}#download{background:#303030}dialog{background:#222;color:#ededed;border:1px solid #414141;border-radius:12px;width:480px;max-width:94vw}dialog::backdrop{background:#0009}[hidden]{display:none!important}:focus-visible{outline:2px solid #ddd;outline-offset:3px}@media(max-width:800px){.dashboard-grid,.trace-panes{grid-template-columns:1fr}.header{flex-wrap:wrap;padding:14px 0}.header nav{flex-wrap:wrap}#user{width:100%}.dashboard{padding-top:20px}}

.header nav{align-items:center}#user{display:inline-flex;align-items:center;line-height:1.4;padding:9px 4px;overflow-wrap:anywhere}.device-key-form input{width:100%;min-width:0}.device-key-form button{margin-top:8px}

#port{width:135px}#destinations{flex:1;min-width:180px}.trace-section{padding:12px 0;border-bottom:1px solid #393939}.trace-section .actions{margin:8px 0}.trace-panes pre{height:300px}.trace-primary,.trace-stop{border:0}.ping-footer button{border:0}.ping-tabs button{line-height:1.3}.dashboard-grid .actions label>input[type=checkbox]{width:18px}#pingCount,#pingInterval{width:75px}
