/* Keep BOND's existing shapes and spacing; extend its controls consistently. */
.theme-toggle{border:1px solid var(--line,#ded2df);border-radius:99px;background:transparent;color:var(--ink,#312635);font:500 12px var(--sans,sans-serif);padding:9px 13px;white-space:nowrap;cursor:pointer;margin-left:12px;min-height:36px}.app-header .theme-toggle{flex-shrink:0}.sr-only,.visually-hidden-file{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;padding:0!important;overflow:hidden}.profile-photo-choice{display:inline-flex!important;align-items:center;gap:9px!important;width:max-content;cursor:pointer;font-size:13px!important}.profile-photo-choice svg{width:20px;height:20px}.profile-photo-choice:has(+input:focus-visible){outline:3px solid var(--plum);outline-offset:3px}
.bond-select{position:relative;font-size:13px}.bond-select summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer;line-height:1.5}.bond-select summary::-webkit-details-marker{display:none}.bond-select[open] summary{border-color:var(--plum)}.bond-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #30253520;padding:9px;max-height:300px;overflow:auto}.bond-select-options fieldset{border:0;min-width:0;padding:0}.bond-select .bond-option{display:flex;align-items:center;gap:10px;padding:9px;border-radius:7px;cursor:pointer;margin:0;font-size:12px;font-weight:400}.bond-select .bond-option:hover{background:var(--lilac)}.bond-select .bond-option input{width:16px;height:16px;flex:0 0 16px;accent-color:var(--plum);padding:0}.bond-option[hidden]{display:none!important}.bond-select .bond-option-search{margin-bottom:9px}.bond-select-value{overflow-wrap:anywhere}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='%238c738f' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:35px;border-radius:12px}
.chat-file-previews:empty{display:none}.chat-file-previews{max-height:130px;overflow:auto}.chat-file-preview{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;background:var(--lilac);font-size:12px;overflow-wrap:anywhere}.chat-file-preview small{color:var(--muted)}.chat-file-message{margin:7px 0;max-width:100%;white-space:normal}.chat-file-message a{display:block;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.chat-file-message video{max-width:100%;width:320px;max-height:280px;border-radius:12px;background:#151217;margin:8px 0}.message-text a{color:inherit;text-decoration:underline;text-underline-offset:3px}.message-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:9px}.message-footer time{font-size:10px;color:var(--muted);line-height:1.6;white-space:normal}.message-actions{display:flex;gap:12px}.message-actions .quiet-button{font-size:10px;padding:3px 0}.message-removed{font-style:italic;color:var(--muted);font-size:12px}.removed-message{background:transparent!important;border:1px dashed var(--line)}#message-change-form textarea{width:100%;resize:vertical;min-height:110px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;padding:14px;font:14px var(--sans)}#message-change-form label{display:block;font-size:12px;margin:18px 0 8px}.message-change-actions{display:flex;gap:12px;justify-content:flex-end}.gif-credit{display:block;font-size:9px;line-height:1.5;color:var(--muted);padding:5px}
.chat-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative}.group-code-chip{background:var(--lilac);color:var(--plum);border:1px solid var(--line);padding:5px 9px;border-radius:8px;font:11px var(--sans);cursor:pointer}.group-code-value{display:none;position:absolute;top:100%;left:0;max-width:min(360px,85vw);word-break:break-all;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:10px;z-index:5;box-shadow:0 8px 20px #30253520;font:12px monospace}.chat-title:hover .group-code-value,.chat-title:focus-within .group-code-value,.show-code .group-code-value{display:block}.group-code-value:empty{display:none!important}
.gif-dialog{width:min(630px,calc(100vw - 24px));max-height:88dvh}.gif-dialog h2{font:34px var(--serif)}.gif-dialog label{display:block;font-size:12px;font-weight:600;margin:12px 0 8px}.picker-input-row{display:flex;gap:10px}.picker-input-row input{min-width:0;flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);font:13px var(--sans)}.gif-link{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.gif-link summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.gif-link p,.gif-status{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}.gif-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.gif-results button{border:0;background:var(--lilac);border-radius:10px;padding:0;width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer}.gif-results img{width:100%;height:100%;object-fit:contain}.gif-results figcaption{font-size:9px;line-height:1.4;color:var(--muted);max-height:42px;overflow:auto;margin-top:5px}.gif-results figure{min-width:0}.gif-dialog>small{font-size:11px;color:var(--muted)}
#notifications-dialog{width:min(520px,calc(100vw - 24px));max-height:85dvh}#media-viewer{background:var(--white,#fffdfa);color:var(--ink,#312635);padding:55px 18px 20px;min-width:min(320px,90vw)}#media-viewer .media-frame{min-height:120px;display:grid;place-items:center}#media-viewer .media-close{color:var(--ink);border-color:var(--line);background:var(--white)}#media-viewer::backdrop{background:#18121e88;backdrop-filter:blur(3px)}#media-viewer p{color:var(--muted);margin-top:14px}.story-edit{margin:12px 12px 12px 0;font-size:12px}
html[data-theme=dark]{color-scheme:dark;--paper:#1c1920;--white:#27222c;--ink:#f3ecf4;--muted:#bdb0c4;--plum:#c7a6cf;--line:#4b3e52;--lilac:#3d3047;--peach:#49363e;--sage:#33403a;--butter:#45412e;background:#1c1920;color:#f3ecf4}
html[data-theme=dark] body,html[data-theme=dark] .app-header,html[data-theme=dark] .app-footer,html[data-theme=dark] .signin-body{background:var(--paper);color:var(--ink)}
html[data-theme=dark] :is(dialog,.profile-editor,.photo-card,.prompt-card,.community-post,.conversation,.connection-item,.empty-state,.story-profile,.signin-card,.auth-card,.notification-settings,#message-alert,.bond-select-options){background:var(--white);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(input,textarea,select){background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#a897af}
html[data-theme=dark] :is(.primary,.button.primary){background:#d2b5d9;color:#251a2b;border-color:#d2b5d9}html[data-theme=dark] :is(.primary,.button.primary):hover{background:#e4c8ea}html[data-theme=dark] :is(.secondary,.quiet-button){color:var(--ink);border-color:var(--line)}html[data-theme=dark] :is(.secondary:hover,.connection-item.selected,.message.mine,.notification-settings,.privacy-choice,.prompt-edit,.context-quote,.sample-notice,.inline-reply-form,.comment-emoji-picker,.story-comment-picker,.group-invite-preview,.friend-share-box,.post-event,.signin-tabs,.auth-tabs){background:var(--lilac);color:var(--ink)}html[data-theme=dark] .message{background:#343039;color:var(--ink)}html[data-theme=dark] :is(.avatar,.story-ring){background:#483951;color:#f3ecf4}html[data-theme=dark] .message.mine{background:var(--lilac)}html[data-theme=dark] .comment-emoji,html[data-theme=dark] .comment-reaction{background:var(--white);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .comment-emoji.selected,html[data-theme=dark] .comment-reaction.selected{background:var(--lilac);border-color:var(--plum)}html[data-theme=dark] :is(.wordmark,.signin-wordmark,.brand,.brand-name,h1,h2,h3){color:var(--ink)}html[data-theme=dark] .form-error{color:#ffa3be}html[data-theme=dark] a{color:inherit}html[data-theme=dark] #notice{background:#d2b5d9;color:#251a2b}html[data-theme=dark] :is(.post-attachment,.comment-file,.post-link,.comment-link){background:var(--lilac);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .emoji-picker{background:var(--white);color:var(--ink)}
@media(max-width:700px){.app-header{gap:8px}.app-header .theme-toggle{font-size:10px;padding:7px 9px;margin-left:0;min-height:32px}.app-header nav{gap:14px}.gif-results{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-input-row{flex-wrap:wrap}.picker-input-row input{flex-basis:65%}.message-footer time{font-size:10px}.message-actions .quiet-button{font-size:11px;padding:5px 0}.hellos-view .chat-compose-controls{column-gap:14px}.theme-toggle{margin-left:6px}.profile-photo-choice{max-width:100%}}
@media(max-width:440px){.app-header{flex-wrap:wrap}.app-header nav{order:2;flex-basis:100%;justify-content:space-between}.app-header .theme-toggle{margin-left:auto}.app-header .wordmark{font-size:27px}}

html[data-theme=dark] .interest-list>span,html[data-theme=dark] .interest-post-invite{background:var(--lilac);color:var(--ink)}
html[data-theme=dark] .interest-picker input:checked+span{background:#d2b5d9;color:#251a2b;border-color:#d2b5d9}
/* Keep the availability control readable without squeezing navigation. */
.app-header{gap:22px}.app-header .wordmark{flex-shrink:0}.app-header nav{gap:24px}.app-header nav a{white-space:nowrap}.app-header .header-add-friends{margin-left:auto;flex-shrink:0}.app-header .theme-toggle{margin-left:0}.app-header .availability-button{flex-shrink:0;max-width:160px;min-width:92px}
@media(max-width:820px){.app-header,.hellos-view .app-header{height:104px;flex-wrap:wrap;gap:6px 12px;padding:10px 20px 0}.app-header .wordmark{font-size:28px}.app-header .bond-rings{font-size:34px}.app-header nav{order:3;flex-basis:100%;height:42px;justify-content:space-between;gap:14px}.app-header .header-add-friends{display:none}.app-header .theme-toggle{margin-left:auto}.app-header .availability-button{max-width:145px;min-width:86px;padding:7px 10px;min-height:34px}.hellos-view #content{height:calc(100dvh - 104px)}.chat-focused #content{height:100dvh}.chat-focused .app-header{display:none}}
@media(max-width:440px){.app-header,.hellos-view .app-header{padding-inline:16px;gap:6px 8px}.app-header .availability-button{max-width:125px}.app-header .wordmark{font-size:27px}}