.contact-panel{color:#fff6d9;background:#101f2a;border:2px solid #a88f56;border-radius:12px;width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);box-sizing:border-box;padding:22px;font:16px/1.5 Trebuchet MS,sans-serif;overflow:auto;overscroll-behavior:contain}.contact-panel::backdrop{background:#050d16d9}.contact-panel *,.contact-panel *:before,.contact-panel *:after{box-sizing:border-box}.contact-panel header,.contact-panel nav,.contact-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contact-panel header{justify-content:space-between}.contact-panel h2,.contact-panel h3{color:#ffe39b;margin:0 0 12px}.contact-panel button,.contact-panel input,.contact-panel textarea,.contact-panel select{font:inherit;color:inherit;background:#203b4a;border:1px solid #638195;border-radius:5px;padding:9px 12px}.contact-panel button{cursor:pointer}.contact-panel button:hover{background:#335567}.contact-panel button:disabled{opacity:.45;cursor:default}.contact-panel button[aria-pressed=true],.contact-panel button[type=submit]{color:#10202d;background:#e5c15b;border-color:#e5c15b}.contact-panel :focus-visible{outline:3px solid #8fd0ff;outline-offset:3px}.contact-panel label{display:grid;gap:5px;margin:14px 0}.contact-panel input:not([type=checkbox]),.contact-panel textarea,.contact-panel select{width:100%;min-width:0;background:#08151f}.contact-panel textarea{resize:vertical;min-height:130px}.contact-panel input[type=checkbox]{width:22px;height:22px;accent-color:#e5c15b}.contact-panel small,.contact-muted{color:#b1c6d1}.contact-character-count{display:block}.contact-panel form>button,.contact-content>button:not(.contact-conversation){margin:10px 10px 0 0}.contact-status:empty{display:none}.contact-error{color:#ffb4a8}.contact-conversation{display:flex;flex-direction:column;text-align:left;gap:6px;width:100%;margin:14px 0;overflow-wrap:anywhere}.contact-conversation span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.contact-message{background:#152e3c;padding:16px;border-left:3px solid #b39a61;margin:16px 0;overflow-wrap:anywhere}.contact-message-body{white-space:pre-wrap;margin:10px 0}.contact-message-body p{margin:6px 0}.contact-message-body a{color:#8fd0ff;text-decoration:underline}.contact-entry{position:fixed;z-index:30;top:16px;left:50%;transform:translate(-50%);padding:7px 12px;font:14px Trebuchet MS,sans-serif;color:#ffe39b;background:#09131bf2;border:1px solid #a88f56;border-radius:5px;cursor:pointer}@media(max-width:480px){.contact-panel{padding:14px;width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.contact-panel nav button{flex:1 1 40%;font-size:14px}}.save-entry{position:fixed;top:12px;left:12px;z-index:20;padding:9px 12px;color:#fff6d9;background:#203b4a;border:1px solid #a88f56;border-radius:5px;cursor:pointer;font:14px Trebuchet MS,sans-serif}.save-status{position:fixed;bottom:10px;right:12px;z-index:15;max-width:min(440px,65vw);padding:5px 9px;border-radius:4px;color:#b1c6d1;background:#08151fe6;font:12px/1.4 Trebuchet MS,sans-serif}.save-status[data-state=failed],.save-status[data-state=conflict],.save-status[data-state=offline]{color:#ffb4a8}.save-panel{width:min(620px,calc(100vw - 32px))}.save-panel .contact-content>button{display:block}