/* Nightline owns the app frame. The photographic studio runtime is not loaded. */
:root { --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --serif:var(--sans); --shadow:none; }
:root[data-theme="dark"] { color-scheme:dark; --page:#13221e;--paper:#13221e;--surface:#1b2e27;--elevated:#24382e;--ink:#f1f2e7;--muted:#abb8af;--line:#344a40;--accent:#d5e5af;--accent-ink:#162018;--sage:#24382e;--bubble:#24382e;--clay:#dcc4b6;--clay-ink:#272b24;--avatar:#c9d9b2;--avatar-ink:#1c2d21; }
:root[data-theme="light"] { color-scheme:light; --page:#f3f5ed;--paper:#f3f5ed;--surface:#f9fbf5;--elevated:#e6eddf;--ink:#18281f;--muted:#516358;--line:#c3d0c0;--accent:#2e4d34;--accent-ink:#f5f8ed;--sage:#e6eddf;--bubble:#e6eddf;--clay:#dcc4b6;--clay-ink:#322b25;--avatar:#cad9b8;--avatar-ink:#233720; }
html,body { height:100%;overflow:hidden; } body { background:var(--paper);font-family:var(--sans); }
.app-shell { display:grid;grid-template-columns:370px minmax(0,1fr);height:100dvh;min-height:0;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--paper); }
.sidebar { padding:28px 20px 0;overflow:hidden;border-right:1px solid var(--line);gap:0; }
.brand-row { padding:0;gap:12px;min-height:48px; }.brand-row h1 { font-size:27px;letter-spacing:-.055em;font-weight:750; }.brand-mark { width:30px;height:36px;border:0;background:none; }.brand-mark svg { width:30px;height:34px;stroke-width:1.5; }.brand-row #about-demo { width:44px;height:44px;margin:0; }.brand-row .theme-toggle { margin-left:auto; }
.theme-toggle { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:44px;height:44px;flex:none;background:none;border:0;border-radius:50%;color:var(--muted);padding:0; }.theme-toggle .ui-icon { width:18px;height:18px; }.theme-label { font-size:10px;line-height:1.2; }.theme-toggle:hover { background:var(--elevated);color:var(--ink); }
.inbox-heading { margin:28px 0 15px;min-height:50px; }.inbox-heading h2 { font:750 42px/1.1 var(--sans);letter-spacing:-.055em; }.search-toggle { width:48px;height:48px;border:1px solid var(--line);color:var(--ink);background:var(--surface); }.search-toggle .ui-icon { width:25px;height:25px; }
.search-wrap { margin:0 0 10px;min-height:46px;flex:none; }.search-wrap input { font-size:15px; }
.side-heading { padding:0 0 8px;align-items:center;min-height:36px;flex:none; }.side-heading select { max-width:120px;min-height:36px;color:var(--muted);font-size:12px; }.side-heading #inbox-count { font-size:12px; }
.conversation-list { display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin; }
.inbox-group { margin:0; }.group-label { display:flex;gap:10px;align-items:center;margin:17px 2px 8px;font:500 13px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink); }.group-count { display:grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:12px;letter-spacing:0; }.inbox-recent .group-count { display:none; }
.conversation-card { display:flex;align-items:center;gap:16px;min-height:80px;padding:15px 10px 15px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0; }.conversation-card:hover { background:var(--surface); }.conversation-card.selected { background:var(--elevated);border-color:var(--line);border-radius:10px; }.conversation-card .avatar { width:44px;height:44px;border-radius:50%;font-size:14px;font-weight:550; }.conversation-copy { gap:3px; }.conversation-name strong { font-size:17px;line-height:1.45;font-weight:650;letter-spacing:-.025em; }.conversation-name small { font-size:12px; }.conversation-preview { font-size:15px;line-height:1.5; }.contact-tag { font-size:12px; }.unread-dot { top:50%;left:1px;right:auto;bottom:auto;width:5px;height:28px;transform:translateY(-50%);border-radius:3px; }
.inbox-requests { margin:4px 0 20px; }.inbox-requests .group-label { position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden; }.inbox-requests .conversation-card { background:var(--surface);border:0;border-radius:9px;padding:12px 12px;min-height:64px;gap:14px; }.inbox-requests .conversation-card .ui-icon { width:20px;height:20px;transform:rotate(-90deg);color:var(--muted); }.inbox-requests .conversation-card+.conversation-card { margin-top:6px; }
.search-empty { padding:18px 10px;font-size:15px; }.sidebar-note { display:none; }
.avatar-slate { background:#b5c0cf;color:#24313f; }.mailbox-tools { margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px; }.mailbox-tools select { margin:6px 0 8px; }
.conversation-list { scrollbar-width:none; }.conversation-list::-webkit-scrollbar { display:none; }
.conversation-card.selected { border-radius:0; }.composer textarea { scrollbar-width:none; }.composer textarea::-webkit-scrollbar { display:none; }
.inbox-requests .conversation-card.selected { background:var(--surface);border-radius:9px; }
.conversation-card { border-radius:0;box-shadow:none; }.sidebar-footer button[aria-current] { text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px; }
.contact-context { color:var(--muted); }.contact-context summary { min-height:44px;display:flex;align-items:center;cursor:pointer; }.contact-context label { display:block; }.contact-submit { position:sticky;bottom:0;display:grid;gap:8px;padding-block:14px;background:var(--surface); }.contact-submit button { width:100%; }
.space-media-tools { width:100%;margin:0 0 18px; }
.new-message { display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;flex:none;width:100%;margin:18px 0 16px;border:0;border-radius:32px;background:var(--accent);color:var(--accent-ink);font-size:18px;font-weight:650;letter-spacing:-.025em; }.new-message .ui-icon { width:25px;height:25px; }
.sidebar-footer { display:grid;grid-template-columns:1fr 1fr;gap:0;flex:none;padding:0 0 max(12px,env(safe-area-inset-bottom));margin:0 -20px;border-top:1px solid var(--line);background:var(--paper); }.sidebar-footer button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;border:0;background:none;color:var(--muted);padding:10px 6px;font:13px var(--sans); }.sidebar-footer button[aria-current] { color:var(--accent); }.sidebar-footer .ui-icon { float:none;width:25px;height:25px; }.icon-messages { --icon:url('/icons/quantum-envelope.svg'); }.icon-space { --icon:url('/icons/bookmark-simple.svg'); }
.conversation { background:var(--paper); }.conversation-header { min-height:84px;border-bottom:1px solid var(--line);padding:18px 26px; }.person h2 { font-size:18px; }.person p { font-size:12px; }.person>.avatar { width:40px;height:40px; }.header-actions { gap:5px; }.thread-actions summary,.view-menu summary { min-height:44px; }.thread-actions summary { width:44px; }
.timeline { padding:26px max(26px,calc((100% - 760px)/2)) 20px; }.message-row { max-width:100%;grid-template-columns:30px minmax(0,1fr) 44px;gap:10px; }.message-options>summary { width:44px;height:44px; }.bubble { padding:12px 16px;background:var(--bubble);border-radius:2px 16px 16px;font-size:16px;line-height:1.55; }.mine .bubble { border-radius:16px 2px 16px 16px; }.message-row.mine { grid-template-columns:minmax(0,1fr) 44px; }.message-meta { font-size:12px; }.message-speaker { font-size:11px; }.message-actions { background:var(--surface); }.message-actions button { min-height:44px; }
.composer { padding:12px max(26px,calc((100% - 760px)/2)) max(14px,env(safe-area-inset-bottom)); }.composer-tray { border:1px solid var(--line);border-radius:18px;background:var(--surface); }.composer textarea { font-size:16px; }.composer .attachment-button { width:44px;min-width:44px; }.compose-box { gap:8px; }.composer-tools { color:var(--muted);font-size:12px; }.reply-preview button,.attachment-preview button { min-width:44px;min-height:44px; }
.request-card { background:var(--surface);border:1px solid var(--line); }.request-copy strong { font-size:16px; }.request-copy p { font-size:14px; }
dialog,.flow-dialog,.about-dialog,.appearance-sheet,.media-bench { color:var(--ink);background:var(--surface);border-color:var(--line);font-family:var(--sans); }.flow-dialog h2,.about-dialog h2,.appearance-sheet h2,.wallet-title { font-family:var(--sans);font-weight:650;font-style:normal; }.flow-dialog em,.about-dialog em { font-family:inherit;font-style:normal; }.flow-dialog input,.flow-dialog textarea,.media-bench input,.media-bench select { background:var(--paper);color:var(--ink);border-color:var(--line); }.flow-dialog button,.product-nav button { min-height:44px; }.appearance-sheet h2 { font-size:30px; }.appearance-footer { background:var(--surface); }.appearance-palettes { gap:10px; }.palette-card { background:var(--paper); }
#contact-dialog { width:min(500px,calc(100% - 28px)); }#contact-dialog>p:not([id]) { font-size:13px; }#contact-dialog h2 { font-size:30px;margin-top:6px; }#contact-dialog .dialog-kicker { display:none; }#contact-form label,#contact-form input,#contact-form textarea { font-size:16px; }#contact-form textarea { min-height:90px; }
:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
@media(min-width:761px){.mobile-back{display:none;}.conversation-card.selected{box-shadow:inset 3px 0 var(--accent);}}
@media(max-width:760px){
 .app-shell { display:block;height:100dvh; }.sidebar { height:100%;padding:max(24px,env(safe-area-inset-top)) 20px 0; }.brand-row h1 { font-size:27px; }.brand-row { gap:12px; }.brand-row #about-demo { width:36px; }.inbox-heading { margin-top:17px;margin-bottom:15px; }.conversation-list { margin:0 -2px; }.inbox-requests { margin-bottom:15px; }.conversation-card.selected { background:transparent; }.conversation-card { min-height:76px; }.new-message { margin-top:14px; }.sidebar-footer button { min-height:74px; }
 .conversation { height:100%; }.conversation-header { padding:max(10px,env(safe-area-inset-top)) 8px 10px;gap:4px;min-height:76px; }.mobile-back { display:grid;width:44px;height:44px; }.person { gap:8px; }.person>.avatar { display:none; }.person h2 { font-size:16px; }.person p { font-size:11px;max-width:120px; }.header-actions { gap:0; }.view-menu summary { padding:4px 8px;font-size:12px; }.thread-actions summary { width:44px; }.timeline { padding:20px 12px 14px; }.message-row { grid-template-columns:24px minmax(0,1fr) 44px;gap:6px;margin-bottom:22px; }.message-avatar { width:24px;height:24px;font-size:10px; }.message-row.mine { margin-left:24px;grid-template-columns:minmax(0,1fr) 44px; }.bubble { font-size:16px;padding:11px 13px; }.message-content { max-width:100%; }.composer { padding:8px 12px max(10px,env(safe-area-inset-bottom)); }.request-card { margin:10px 12px; }.request-actions { width:auto;margin-left:auto; }.request-copy { min-width:0; }.request-copy p { font-size:13px; }.flow-dialog,.media-bench { max-height:calc(100dvh - 24px);overflow:auto; }.flow-dialog input,.flow-dialog select,.flow-dialog textarea { font-size:16px; }
}
@media(max-width:350px){.sidebar{padding-inline:16px;}.sidebar-footer{margin-inline:-16px;}.brand-row h1{font-size:24px;}.brand-row{gap:8px;}.brand-mark{width:26px;}.inbox-heading h2{font-size:38px;}.conversation-card{gap:12px;padding-right:4px;}.conversation-name strong{font-size:17px;}.conversation-preview{font-size:15px;}.person p{max-width:90px;}.person h2{font-size:15px;}.view-menu summary{padding:4px 6px;}.conversation-header{padding-inline:4px;}}
@media(max-width:760px) and (min-height:681px){.inbox-heading{margin-bottom:10px;}.inbox-heading h2{font-size:46px;}.inbox-requests{margin-top:0;margin-bottom:12px;}.inbox-requests .conversation-card{min-height:64px;padding:6px 12px;}.group-label{margin-top:14px;}.conversation-card{padding-top:12px;padding-bottom:12px;min-height:76px;}.conversation-name strong{line-height:1.35;}.conversation-preview{line-height:1.4;}}
@media(max-width:760px){.conversation-card.selected{border-radius:0;}}
@media(max-width:760px){.brand-row #about-demo{width:44px;height:44px;}}
@media(max-width:760px){#contact-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:max(28px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));}#contact-dialog h2{margin:16px 44px 26px 0;}#contact-dialog .dialog-close{top:max(14px,env(safe-area-inset-top));right:14px;}#contact-form textarea{min-height:140px;}#contact-form .contact-submit{margin-top:10px;}}
@media(max-height:680px){.sidebar{padding-top:10px;}.inbox-heading{margin-top:12px;margin-bottom:8px;}.new-message{margin-block:10px;min-height:48px;}.sidebar-footer button{min-height:58px;}.brand-row{min-height:44px;}}