:root{--bg:#071013;--panel:#0c171a;--text:#f3fffc;--muted:#91a2a6;--line:rgba(121,244,207,.16);--accent:#7bf4cf;--bubble:#153830;--incoming:#14242b;color-scheme:dark}
:root[data-theme=light]{--bg:#f5f7fa;--panel:#fff;--text:#17232d;--muted:#566776;--line:#cbd6df;--accent:#176caa;--bubble:#e0f0ff;--incoming:#edf1f5;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.5}#app button,#app input,#app textarea,#app select{font:inherit}#app button,#app a,#app input,#app textarea,#app select{touch-action:manipulation}a{color:var(--accent)}#app button,.support-page-links button,.modal button{background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 16px;cursor:pointer}#app button:disabled{opacity:.55;cursor:wait}#app button.primary,#app .button.primary{background:var(--accent);color:var(--bg);font-weight:700}.button{display:inline-block;padding:12px 20px;text-decoration:none;border:1px solid var(--line)}#app button:hover,#app a.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
#app{max-width:1120px;margin:32px auto;padding:0 24px 40px}h1,h2,h3{line-height:1.3}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card,.panel{background:var(--panel);border:1px solid var(--line);padding:24px}.cards a{color:var(--text);text-decoration:none}.cards h2{color:var(--accent)}.muted,.privacy{color:var(--muted)}.privacy{font-size:13px;margin-top:24px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.availability{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a0a9ae;margin-right:6px}.status-dot.online{background:#5adea4}.status-text{font-size:14px;color:var(--muted)}#app label{display:flex;flex-direction:column;gap:6px;margin:16px 0;font-weight:600}#app input,#app textarea,#app select{width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:12px;font-weight:400}#app textarea{resize:vertical;min-height:110px}.report-form{max-width:760px}.report-form .optional{font-size:13px;color:var(--muted)}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#error{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 22px;background:var(--panel);border:1px solid #e07575;z-index:100}.success{padding:25px;border:1px solid var(--accent);background:var(--panel)}.success strong{font-size:22px;color:var(--accent)}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.chat-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.chat-top h1{font-size:22px;margin:0 0 8px}.chat-status{color:var(--accent);font-weight:700}.chat-thread{height:clamp(280px,50dvh,650px);overflow:auto;overscroll-behavior:auto;display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--bg);border:1px solid var(--line)}.chat-message{padding:12px 15px;max-width:85%;width:fit-content;background:var(--incoming);border:1px solid var(--line);align-self:flex-start;overflow-wrap:anywhere}.chat-message.visitor{align-self:flex-end;background:var(--bubble)}.chat-message p{white-space:pre-wrap;margin:5px 0}.chat-message strong{font-size:13px}.chat-message time,.delivery{font-size:11px;color:var(--muted)}.chat-message time{margin-right:8px}.typing{min-height:24px;font-size:13px;color:var(--muted)}.chat-compose{display:flex;gap:10px;align-items:flex-end}.chat-compose textarea{min-height:70px;max-height:200px}.chat-compose button{min-height:48px}.chat-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chat-tools button{font-size:13px;padding:7px 12px}.recovery-box{padding:15px;border:1px solid var(--line);margin-top:14px}.recovery-box input{font-size:13px}.recent-list{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.owner-login{max-width:440px;margin:auto}.owner-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.owner-list{max-height:70dvh;overflow:auto}.owner-list button{display:block;width:100%;text-align:left;margin:8px 0;overflow-wrap:anywhere}.owner-list button.active{border-color:var(--accent);background:var(--bubble)}.owner-list small{display:block;color:var(--muted)}.unread{color:var(--accent);font-weight:700}.owner-detail{min-width:0}.owner-detail .panel{padding:18px}.owner-detail dl{overflow-wrap:anywhere}.owner-detail dt{font-weight:700;margin-top:15px}.owner-detail dd{margin:4px 0;white-space:pre-wrap}.modal{position:fixed;inset:0;z-index:80;background:#0008;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.modal section{max-width:460px;background:var(--panel);border:1px solid var(--line);padding:24px}.owner-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.live-panel{animation:enter .18s ease}.delete-button{color:#e78686}@keyframes enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){#app{margin:20px auto;padding:0 12px 30px}.cards,.owner-layout{grid-template-columns:1fr}.panel,.card{padding:16px}.owner-list{max-height:230px}.chat-thread{height:50dvh}.chat-message{max-width:94%}.chat-compose{gap:7px}.chat-compose button{padding:10px}.chat-top .actions{width:100%}.privacy{font-size:12px}}

/* Keep the shared Me top bar unchanged; support navigation belongs to the page. */
.site-shell>.nav{--panel:#0c171a;--line:rgba(121,244,207,.16);--muted:#91a2a6;color:#f3fffc}
.support-page-links{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:1120px;margin:90px auto 0;padding:0 24px}.support-page-links span{display:flex;gap:20px}.support-page-links a{font-weight:700;text-decoration:none}.support-page-links #support-back{margin-left:auto}.support-page-links #theme-toggle{border:0;padding:4px;font-size:22px}.support-page-links+#app{position:relative;z-index:1}.site-shell{background:var(--bg)}
@media(max-width:760px){.support-page-links{gap:12px;margin-top:90px;padding:0 12px;font-size:13px}.support-page-links span{gap:12px}}
/* Owner notification uses the existing Xunaro bell, badge and notification dialog. */
.owner-heading{display:flex;align-items:center;gap:16px}.owner-heading h1{margin-right:0}
#app #owner-notifications{position:relative;flex:0 0 30px;padding:0;min-width:30px;height:30px;color:#7bf4cf;border:1px solid #7bf4cf;background:rgba(123,244,207,.07)}
#owner-notifications .notification-badge{position:absolute;left:19px;top:-6px;min-width:15px;height:15px;padding:0 3px;background:#9368ed;color:#fff;font:800 9px/15px Arial;border-radius:8px}
#notification-panel .notification-item{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:left;cursor:pointer;font:inherit}#notification-panel .notification-item span,#notification-panel .notification-item small{display:block}#notification-panel .notification-item small{color:var(--muted)}
.support-page-links #support-back{margin-left:0}
body:has(.support-page-links[hidden]) #app{padding-top:80px}

.support-url-modal input{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);font:13px Arial}.support-url-modal .actions{margin-top:18px}.support-url-modal button{font:inherit}.support-page-links[hidden]+#app{padding-top:80px}

.chat-list{display:grid;gap:12px;margin-top:24px}.chat-list-item{display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding:18px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.chat-list-item strong{color:var(--accent)}.chat-list-item time{grid-column:1/-1;font-size:12px;color:var(--muted)}.chat-list-item:hover{border-color:var(--accent)}