:root{--bg: #0a0a0b;--bg-soft: #131316;--bg-warn: #2a2310;--bg-danger: #2a1010;--fg: #f5f5f5;--fg-muted: #a1a1a6;--fg-faint: #6a6a6f;--border: #1d1d20;--accent: #c6ff3a;--accent-hover: #d6ff5a;--danger: #ff6b6b;--code-bg: #131316;--radius: 6px;--max-width: 720px;--border-soft: #1d1d20;--bg-selected: #1a1d22;--bg-unread: #1a1f12;--accent-soft: #1a2310;--pill-bg: #1a2310;--pill-fg: var(--accent);--shell-bg: #0a0a0b;--chat-bg: #0f0f12;--bubble-them-bg: #131316;--bubble-them-border: #1d1d20;--bubble-them-fg: var(--fg);--bubble-me-bg: var(--accent);--bubble-me-fg: #0a0a0b;--nick-1: #f0b066;--nick-2: #6db8ee;--nick-3: #b07cf0;--nick-4: #6df0a0;--nick-5: #f06b96;--nick-6: #9cf06b;--nick-7: #6bf0e4;--nick-8: #f0e06b}*{box-sizing:border-box}html,body{margin:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent, inherit)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:var(--bg)}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.brand{font-weight:700;font-size:18px;color:var(--fg);text-decoration:none;letter-spacing:-.01em}.site-header nav{display:flex;gap:18px;align-items:center}.site-header nav a{color:var(--fg-muted);text-decoration:none;font-size:14px}.site-header nav a:hover{color:var(--fg)}.site-header nav a.active{color:var(--fg);font-weight:600}.site-header nav a.has-unread:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#dc2626;margin-left:4px}.site-header nav .nav-greeting{color:var(--fg-muted);font-size:13px;font-weight:400}main{padding:32px 20px 80px}.site-footer{border-top:1px solid var(--border);padding:24px 0;color:var(--fg-muted);font-size:13px}h1,h2,h3{line-height:1.25;letter-spacing:-.015em}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px;margin:0 0 4px}p.lede{font-size:17px;color:var(--fg-muted);max-width:60ch;margin:0 0 24px}.muted{color:var(--fg-muted)}.small{font-size:13px}.hero{padding:48px 0 24px}.cta-form{margin-top:24px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.feature h3{margin-bottom:4px}.feature p{margin:0;color:var(--fg-muted);font-size:14px}.page-section{margin-bottom:48px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.primary-button,.secondary-button,.danger-button,.link-button{display:inline-block;padding:8px 16px;font-size:14px;font-family:inherit;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color 80ms ease,border-color 80ms ease}.primary-button{background:var(--accent);color:#0a0a0b}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:var(--bg-soft);color:var(--fg);border-color:var(--border)}.secondary-button:hover{background:var(--code-bg)}.danger-button{background:var(--bg-danger);color:var(--danger);border-color:var(--danger)}.danger-button:hover{background:#3a1515}.link-button{background:none;color:var(--fg-muted);padding:0;font-weight:400}.link-button:hover{color:var(--fg)}.secondary-button.small,.danger-button.small{padding:4px 10px;font-size:12px}.copied{background:#1f3a26!important;border-color:#4d8a5e!important;color:#b6f0c4!important}.capability-success{padding:32px 0}.capability-box{background:var(--bg-warn);border:1px solid #6b541a;border-radius:var(--radius);padding:20px;margin:24px 0}.capability-box code{display:block;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;padding:12px;background:var(--bg);border-radius:4px}.capability-actions{display:flex;gap:12px;margin-top:12px}.warning-details{margin-top:24px;font-size:14px}.capability-url-section{margin-bottom:16px;font-size:14px}.capability-url-section>summary{cursor:pointer;font-weight:500;margin-bottom:8px}.capability-url-box{display:flex;align-items:center;gap:8px;margin-top:8px}.capability-url-box code{flex:1;min-width:0;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:8px 10px;background:var(--code-bg, #131316);border:1px solid var(--border, #1d1d20);border-radius:4px}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.qr-modal{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:20px;max-width:320px;width:100%;box-shadow:0 8px 28px #00000080;text-align:center}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;text-align:left}.qr-modal-close{background:none;border:none;font-size:18px;line-height:1;color:var(--fg-muted);cursor:pointer;padding:4px}.qr-modal-close:hover{color:var(--fg)}.qr-modal-canvas{display:flex;justify-content:center;margin:0 auto 12px}.qr-modal-canvas img,.qr-modal-canvas canvas{display:block}.qr-modal-url{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--fg-muted);margin-bottom:12px;word-break:break-all}.qr-modal-actions{display:flex;gap:8px;justify-content:center}.link-list,.room-list,.account-actions{list-style:none;padding:0;margin:0}.link-row,.room-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:12px}.link-row-main{flex:1;min-width:0}.link-row-main strong{display:block;margin-bottom:4px}.link-url{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--fg-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-row-actions{display:flex;gap:6px;flex-shrink:0}.link-create-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.link-create-row{display:flex;gap:8px}.link-create-form input[type=text]{flex:1;padding:8px 12px;font-size:14px;font-family:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg)}.link-create-css-toggle{border-top:1px dashed var(--border-soft);padding-top:8px}.link-create-css-toggle summary{cursor:pointer;font-size:13px;color:var(--fg-muted);list-style:none;padding:4px 0}.link-create-css-toggle summary:before{content:"▸";display:inline-block;margin-right:6px;transition:transform .12s ease;color:var(--fg-faint)}.link-create-css-toggle[open] summary:before{transform:rotate(90deg)}.link-create-css-toggle summary:hover{color:var(--fg)}.link-create-css-toggle textarea{width:100%;margin-top:8px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;line-height:1.5;box-sizing:border-box}.link-create-css-toggle .muted.small{font-size:11px;margin-top:6px}.link-create-css-toggle .muted.small code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code-bg);padding:1px 5px;border-radius:3px;font-size:10.5px}.custom-css-pill{background:var(--accent-soft);color:var(--accent)}.empty-state{padding:24px;text-align:center;color:var(--fg-muted);background:var(--bg-soft);border-radius:var(--radius)}.account-section ul{list-style:disc;padding-left:20px}.account-section li{margin-bottom:8px}.credentials-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.credentials-card dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 16px}.credentials-card dt{color:var(--fg-muted);font-size:13px;padding-top:2px}.credentials-card dd{margin:0}.credentials-card code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;background:var(--code-bg);padding:2px 6px;border-radius:4px}details{margin-bottom:12px;padding:12px 16px;background:var(--bg-soft);border-radius:var(--radius)}details summary{cursor:pointer;font-weight:500}details[open] summary{margin-bottom:8px}.inline{display:inline}@media (max-width: 600px){.link-row{flex-direction:column;align-items:stretch}.link-row-actions{justify-content:flex-end;flex-wrap:wrap}.credentials-card dl{grid-template-columns:1fr}}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.room-card{display:block;padding:14px 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--fg);transition:border-color 80ms ease,background 80ms ease}.room-card:hover{border-color:var(--accent);background:var(--bg)}.room-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.room-card-cta{color:var(--accent);font-size:13px;font-weight:500;margin-top:8px}.chats-cta{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;margin:20px 0 32px;text-decoration:none;color:var(--fg)}.chats-cta:hover,.chats-cta strong{color:var(--accent)}.chats-cta-arrow{font-size:18px;color:var(--accent)}.connect-card{padding:16px 20px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius)}.connect-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft)}.connect-card-row:last-child{border-bottom:none}.connect-card-label{font-size:13px;color:var(--fg-muted)}.connect-card-value{font-size:13px;color:var(--fg);font-weight:500;display:flex;align-items:center;gap:8px}.connect-card-status{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--bg-soft);color:var(--fg-muted)}.label-pill{display:inline-block;font-size:10px;padding:1px 6px;background:var(--accent-soft);color:var(--accent);border-radius:3px;font-weight:500;margin-left:8px}.auth-flow{max-width:460px;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-form .form-row{display:flex;flex-direction:column;gap:6px}.auth-form label{font-size:14px;font-weight:500}.auth-form input[type=email],.auth-form input[type=password]{padding:10px 12px;border:1px solid var(--code-bg);border-radius:6px;font-size:15px;background:var(--bg);color:var(--fg)}.auth-form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.4);color:var(--danger);padding:10px 14px;border-radius:6px;font-size:14px}.flash-message{background:var(--accent-soft);color:var(--accent);padding:10px 14px;border-radius:6px;font-size:14px}.register-banner.anon-nudge{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;padding:14px 18px;margin:16px 0 24px}.register-banner.anon-nudge p{margin:0}.register-banner-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}[x-cloak]{display:none!important}.customize-page{max-width:1100px;margin:0 auto;padding:20px}.breadcrumb{font-size:13px;color:var(--fg-muted);margin:0 0 6px}.breadcrumb a{color:var(--fg-muted);text-decoration:none}.breadcrumb a:hover{color:var(--fg)}.customize-page h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.lede{color:var(--fg-muted);margin:0 0 24px;font-size:14px;max-width:720px;line-height:1.55}.lede strong{color:var(--fg);font-weight:500}.lede code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code-bg);padding:1px 5px;border-radius:3px;font-size:12px}.editor-grid{display:flex;flex-direction:column;gap:20px}.editor-pane,.embed-section{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px}.pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pane-header h2{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.char-counter{font-size:11px;color:var(--fg-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.char-counter.over{color:var(--danger);font-weight:500}.css-textarea{width:100%;padding:12px;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;line-height:1.6;color:var(--fg);background:var(--bg);box-sizing:border-box}.css-textarea:focus{outline:none;border-color:var(--accent)}.text-input{width:100%;padding:8px 10px;font-size:13.5px;font-family:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box}.text-input:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-soft)}.save-status{margin-left:auto;font-size:11px;color:var(--fg-faint)}.field-label{display:block;margin-top:12px;font-size:12px;color:var(--fg-muted);font-weight:500}.field-label textarea,.field-label input,.field-label select{display:block;margin-top:4px}.origins-textarea{width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;box-sizing:border-box}.origins-textarea:focus{outline:none;border-color:var(--accent)}.color-input{width:40px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;vertical-align:middle}.hex-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--fg-muted);margin-left:8px}.embed-snippet{margin:8px 0 0;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--fg);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all}.sender-flow{max-width:720px;margin:0 auto}.sender-landing{display:flex;flex-direction:column;align-items:center;padding:60px 24px;min-height:50vh;text-align:center}.embed-shell{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.embed-nickname{max-width:360px;margin:0 auto;padding:32px 20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.embed-nickname h1{font-size:18px;margin:4px 0 0;letter-spacing:-.01em}.embed-nickname p{font-size:13px;line-height:1.5;color:var(--fg-muted);margin:0 0 8px}.embed-nickname form{display:flex;flex-direction:column;gap:10px;width:100%}.embed-nickname input[type=text]{width:100%;padding:10px 12px;font-size:15px;font-family:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);box-sizing:border-box}.embed-nickname input[type=text]:focus{outline:none;border-color:var(--accent)}.embed-nickname .primary-button{width:100%;padding:10px 16px;font-size:14px;font-weight:500}.embed-greeting{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--fg);margin:0 0 8px;max-width:100%}.embed-chat-ended-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;background:var(--bg-soft);border:1px solid rgba(255,107,107,.4);border-radius:var(--radius);padding:8px 12px;font-size:12px;color:var(--fg-muted);margin:0 0 8px}.embed-chat-ended-notice button{background:none;border:none;color:var(--fg-muted);cursor:pointer;padding:0;font-size:16px;line-height:1}.embed-chat-ended-notice button:hover{color:var(--fg)}.embed-nickname .ephemerality-notice{margin-top:16px;font-size:11px;color:var(--fg-faint);text-align:center}.embed-message{display:flex;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:var(--fg-muted);font-size:14px;min-height:200px}.sender-landing h1{font-size:24px;margin-bottom:8px}.sender-landing p{color:var(--fg-muted);max-width:400px;margin-bottom:24px}.sender-landing form{display:flex;gap:8px;max-width:480px;width:100%}.sender-landing input{flex:1;padding:10px 14px;font-size:15px;border:1px solid var(--border);border-radius:6px}.context-pill{display:inline-block;background:var(--pill-bg);color:var(--pill-fg);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:16px}.ephemerality-notice{margin-top:24px;font-size:11px;color:var(--fg-faint)}.warning{color:var(--danger);font-weight:500}.creator-note{background:var(--accent-soft);border-left:3px solid var(--accent);padding:12px 16px;border-radius:var(--radius);margin:0 auto 20px;max-width:440px;text-align:left;font-size:13.5px;line-height:1.55;color:var(--fg);white-space:pre-wrap;word-wrap:break-word}.creator-note-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:4px}.creator-note-body{display:inline}.creator-note-banner{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;background:var(--accent-soft);border-bottom:1px solid var(--accent);font-size:13px;color:var(--fg);line-height:1.55}.creator-note-banner .label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:2px}.creator-note-banner .body{flex:1}.creator-note-banner .creator-note-body{white-space:pre-wrap;word-wrap:break-word}.chat-shell{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:480px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--shell-bg)}.chat-header{padding:14px 20px;border-bottom:1px solid var(--border)}.chat-header .who{font-weight:600;font-size:14px}.chat-header .meta{color:var(--fg-muted);font-size:12px;margin-top:4px}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-header-row{display:flex;align-items:center;gap:12px;margin-top:6px}.mute-toggle{font-size:16px;line-height:1;padding:4px 8px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color 80ms ease}.mute-toggle:hover{background:var(--code-bg)}.return-hint{color:var(--fg-faint);font-size:12px}.push-toggle{font-size:13px;line-height:1;padding:5px 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background-color 80ms ease,border-color 80ms ease,color 80ms ease;font-family:inherit;color:var(--fg-muted);display:inline-flex;align-items:center;gap:4px}.push-toggle:hover{color:var(--fg)}.push-toggle.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}.push-toggle.primary:hover{background:#243218}.push-toggle.active{background:#16a34a;border-color:#16a34a;color:#fff}.push-toggle.blocked{background:var(--bg-soft);border-color:var(--border);color:var(--fg-faint);cursor:not-allowed;text-decoration:line-through}.return-link-banner{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#2a2310;border-bottom:1px solid #6b541a;color:#f0d68a;font-size:13px}.return-link-banner code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0006;padding:2px 6px;border-radius:3px;font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.return-link-banner .link-button{font-size:12px;color:#f0d68a}.return-link-banner .link-button:hover{color:#ffe9b3}.chat-ended-banner{padding:12px 16px;background:var(--bg-warn);border-bottom:1px solid #6b541a;color:#f0d68a;font-size:14px;text-align:center}.chat-ended-banner .muted.small{display:block;margin-top:2px}.chat-messages{flex:1;padding:16px 20px;overflow-y:auto;background:var(--chat-bg)}.chat-msg{margin-bottom:12px;max-width:70%}.chat-msg.them{margin-right:auto}.chat-msg.me{margin-left:auto;text-align:right}.chat-msg .bubble{display:inline-block;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;text-align:left}.chat-msg.them .bubble{background:var(--bubble-them-bg);color:var(--bubble-them-fg);border:1px solid var(--bubble-them-border);border-bottom-left-radius:4px}.chat-msg.me .bubble{background:var(--bubble-me-bg);color:var(--bubble-me-fg);border-bottom-right-radius:4px}.chat-msg .meta{font-size:10px;color:var(--fg-faint);margin-top:3px}.chat-msg{position:relative}.chat-msg .react-picker{display:flex;gap:2px;padding:2px 4px;background:var(--bg-elevated, rgba(255,255,255,.08));border:1px solid var(--border);border-radius:14px;margin-bottom:4px;width:fit-content;opacity:0;transition:opacity .1s;pointer-events:none}.chat-msg.them .react-picker{margin-right:auto}.chat-msg.me .react-picker{margin-left:auto}.chat-msg:hover .react-picker{opacity:1;pointer-events:auto}.chat-msg .react-button{background:transparent;border:none;cursor:pointer;font-size:14px;padding:2px 4px;line-height:1;border-radius:10px}.chat-msg .react-button:hover{background:var(--bg-warn, rgba(255,255,255,.12))}.chat-msg .reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-msg.me .reactions{justify-content:flex-end}.chat-msg .reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:10px;font-size:12px;background:var(--bg-elevated, rgba(255,255,255,.06));border:1px solid var(--border)}.chat-msg .reaction-pill .reaction-count{color:var(--fg-faint);font-size:11px}.chat-msg.system{text-align:center;max-width:100%}.chat-msg.system .bubble{background:var(--bg-warn);color:#f0d68a;border:1px solid #6b541a;font-size:12px;border-radius:4px}.chat-input{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-input textarea{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;resize:none;min-height:38px;background:var(--bg);color:var(--fg)}.creator-chat-page{max-width:900px;margin:0 auto}.creator-chat-page .chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:12px}.back-link{color:var(--fg-muted);text-decoration:none;font-size:13px}.chat-meta-bar{padding:8px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border);font-size:12px;color:var(--fg-muted);display:flex;gap:16px}.chat-meta-bar code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code-bg);padding:2px 6px;border-radius:3px}.peer-name,.presence-pill{display:inline-flex;align-items:center;white-space:nowrap}.peer-name{gap:5px}.presence-pill{gap:6px;font-size:12px;color:var(--fg-muted);padding:3px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);vertical-align:middle;margin-left:6px;text-transform:capitalize}.peer-name .dot,.presence-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--fg-faint);flex-shrink:0}.peer-name.online .dot,.presence-pill.online .dot{background:#16a34a}.peer-name.idle .dot,.presence-pill.idle .dot{background:#d97706;animation:bewoke-breathe 2.4s ease-in-out infinite}.peer-name.away .dot,.presence-pill.away .dot{background:transparent;border:1.5px solid #d97706;width:9px;height:9px}.peer-name.connecting .dot,.presence-pill.connecting .dot{background:var(--fg-faint);animation:bewoke-pulse 1.2s ease-in-out infinite}.peer-name.reconnecting .dot,.presence-pill.reconnecting .dot{background:#d97706;animation:bewoke-pulse 1.2s ease-in-out infinite}.peer-name.offline .dot,.presence-pill.offline .dot{background:transparent;border:1.5px solid var(--fg-faint);width:9px;height:9px}.peer-name .aside{font-size:12px;color:var(--fg-muted);font-weight:400;margin-left:2px}@keyframes bewoke-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.75)}}@keyframes bewoke-breathe{0%,to{opacity:1}50%{opacity:.55}}.inbox-shell{display:flex;flex-direction:column;height:calc(100vh - 60px)}.inbox-tabs{display:flex;gap:2px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border-soft);overflow-x:auto}.inbox-tab{padding:10px 14px;font-size:13px;color:var(--fg-muted);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;border-bottom:2px solid transparent}.inbox-tab:hover{color:var(--fg)}.inbox-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.inbox-tab .unread-pill{font-size:10px;padding:1px 6px;border-radius:999px;background:#dc2626;color:#fff;font-weight:600}.unread-pill[x-show=false]{display:none}.inbox-mute-toggle{margin-left:auto;padding:6px 10px;font-size:14px;line-height:1;border-bottom-color:transparent!important}.inbox-mute-toggle:hover,.inbox-mute-toggle.active{border-bottom-color:transparent!important}.inbox-body{flex:1;display:grid;grid-template-columns:320px 1fr;min-height:0}.conv-list{border-right:1px solid var(--border-soft);overflow-y:auto}.conv-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-soft)}.conv-item:hover{background:var(--bg-soft)}.conv-item.selected{background:var(--bg-selected)}.conv-item.unread{background:var(--bg-unread);border-left:3px solid var(--accent);padding-left:13px}.conv-item-top{display:flex;justify-content:space-between;align-items:baseline}.conv-item-name{font-size:14px;font-weight:600;color:var(--fg);display:flex;align-items:center;gap:6px}.conv-item.unread .conv-item-name{font-weight:700}.conv-item.unread .conv-item-name:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:4px;flex-shrink:0}.conv-item-name .dot-pres,.chat-pane-meta .dot-pres{width:7px;height:7px;border-radius:50%;background:var(--fg-faint);display:inline-block}.conv-item-name .dot-pres.online,.chat-pane-meta .dot-pres.online{background:#16a34a}.conv-item-name .dot-pres.idle,.chat-pane-meta .dot-pres.idle{background:#d97706}.conv-item-name .dot-pres.away,.chat-pane-meta .dot-pres.away{background:transparent;border:1.5px solid #d97706;width:8px;height:8px}.conv-item-name .dot-pres.offline,.chat-pane-meta .dot-pres.offline{background:transparent;border:1.5px solid var(--fg-faint);width:8px;height:8px}.conv-item-time{font-size:11px;color:var(--fg-faint)}.conv-item-unread-badge{display:inline-block;background:var(--accent);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;margin-right:6px;min-width:16px;text-align:center}.conv-item-unread-badge[x-show=false]{display:none}.conv-item-preview{font-size:12px;color:var(--fg-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item-link-tag{display:inline-block;font-size:10px;padding:1px 6px;background:var(--bg);border:1px solid var(--border-soft);border-radius:3px;color:var(--fg-muted);margin-top:4px}.empty-state,.empty-chat{padding:40px 20px;text-align:center;color:var(--fg-muted);font-size:13px}.empty-chat h3{margin:0 0 8px;color:var(--fg);font-size:16px}.chat-pane{display:flex;flex-direction:column;min-height:0}.chat-pane-inner{display:flex;flex-direction:column;flex:1;min-height:0}.chat-pane-header{padding:12px 16px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-pane-title{font-size:16px;font-weight:600;color:var(--fg)}.chat-pane-meta{font-size:12px;color:var(--fg-muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chat-pane-meta .room-jid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 5px;background:var(--bg);border:1px solid var(--border-soft);border-radius:3px;cursor:pointer}.chat-pane-meta .room-jid:hover{color:var(--fg);border-color:var(--border)}.chat-pane-meta .display-name-label{font-size:12px;color:var(--fg-muted);font-weight:500}.chat-pane-meta .display-name-edit{font-size:12px;font-family:inherit;padding:2px 6px;width:140px;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--fg)}.chat-pane-meta .display-name-edit:focus{outline:none;border-color:var(--accent)}.chat-pane-actions{display:flex;gap:8px}.chat-pane .chat-messages{flex:1;overflow-y:auto;padding:12px 16px}.chat-pane .chat-msg.me .bubble{background:var(--bubble-me-bg);color:var(--bubble-me-fg);margin-left:60px}.chat-pane .chat-msg.them .bubble{background:var(--bg-soft);margin-right:60px}.chat-pane .chat-msg .bubble{padding:8px 12px;border-radius:8px;font-size:14px}.chat-pane .chat-msg .meta{font-size:11px;color:var(--fg-faint);margin-top:3px}.chat-pane .chat-input{padding:10px 16px;border-top:1px solid var(--border-soft);display:flex;gap:8px}.chat-pane .chat-input textarea{flex:1;resize:none;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font:inherit;min-height:40px;background:var(--bg);color:var(--fg)}.mobile-back-btn{display:none}@media (max-width: 720px){.inbox-body{grid-template-columns:1fr}.inbox-shell.mobile-view-chat .conv-list,.inbox-shell.mobile-view-list .chat-pane,.inbox-shell.mobile-view-list .empty-chat{display:none}.mobile-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:6px 10px}}.chat-msg[data-nick-color] .bubble{border-left:3px solid var(--nick-color, transparent)}.chat-msg.me[data-nick-color] .bubble{border-left:none}.chat-msg .nick-avatar{display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--nick-color, var(--muted-bg));color:#fff;font-size:11px;text-align:center;line-height:20px;margin-right:6px}.chat-msg .bubble-header{display:flex;align-items:center;gap:4px;margin-bottom:2px;font-size:.8rem;color:var(--muted-text)}.link-mode-badge.conference{background:var(--accent);color:#fff}.link-mode-badge.direct{background:var(--muted-bg);color:var(--muted-text)}.link-mode-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;margin-left:6px}.chat-header .header-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-header .header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-header .header-actions{display:flex;align-items:center;gap:8px}.popover-region{position:relative;display:inline-block}.occupants-trigger{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:500;color:var(--fg);cursor:pointer;font-family:inherit;transition:background .12s ease,border-color .12s ease,color .12s ease}.occupants-trigger:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.occupants-trigger:hover .trigger-avatar{border-color:var(--accent-soft)}.trigger-stack{display:flex}.trigger-avatar{width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;margin-left:-6px;border:1.5px solid var(--bg-soft);transition:border-color .12s ease}.trigger-avatar:first-child{margin-left:0}.trigger-count{font-variant-numeric:tabular-nums}.occupants-popover{position:absolute;top:calc(100% + 8px);right:0;width:280px;max-width:calc(100vw - 32px);background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000080,0 2px 4px #0000004d;padding:14px 16px 12px;z-index:50}.occupants-popover:before{content:"";position:absolute;top:-7px;right:28px;width:12px;height:12px;background:var(--bg-soft);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.popover-enter,.popover-leave{opacity:0;transform:translateY(-4px)}.popover-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.popover-title{font-size:13px;font-weight:600}.popover-close{background:none;border:none;cursor:pointer;color:var(--fg-faint);font-size:16px;line-height:1;padding:2px 4px;border-radius:4px}.popover-close:hover{color:var(--fg);background:var(--bg-soft)}.popover-summary{font-size:11px;color:var(--fg-muted);padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--border-soft);display:flex;gap:10px;flex-wrap:wrap}.summary-chip{display:inline-flex;align-items:center;gap:4px}.summary-dot{width:6px;height:6px;border-radius:50%}.summary-dot.online{background:var(--online-color, #16a34a)}.summary-dot.idle{background:var(--idle-color, #d97706)}.summary-dot.away{background:transparent;border:1.5px solid var(--away-color, #d97706)}.popover-list{max-height:280px;overflow-y:auto;margin:0 -4px;padding:0 4px}.popover-occupant{display:flex;align-items:center;gap:10px;padding:5px 4px;border-radius:4px}.popover-occupant.offline{opacity:.55}.popover-avatar-wrap{position:relative;display:inline-block;flex-shrink:0}.popover-avatar{width:28px;height:28px;border-radius:50%;color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.popover-presence{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-soft)}.popover-presence.online{background:#16a34a}.popover-presence.idle{background:#d97706}.popover-presence.away{background:transparent;border-color:#d97706}.popover-presence.offline{background:transparent;border-color:#6a6a6f}.popover-occupant-info{flex:1;min-width:0}.popover-occupant-name{font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;line-height:1.2}.popover-occupant-status{font-size:10px;color:var(--fg-muted);margin-top:2px}.creator-tag{font-size:9px;background:var(--bg-warn);color:#f0d68a;border:1px solid #6b541a;padding:1px 5px;border-radius:999px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.you-tag{font-size:10px;color:var(--fg-faint);font-weight:400}