/* Tirazel Prism: static depth, bounded blur and opt-out motion. */
:root{--glass:rgba(255,255,255,.79);--glass-edge:rgba(255,255,255,.9);--glass-shadow:0 16px 50px -30px #34599d40;--blue:#2b5fe9}
body{background:radial-gradient(ellipse at 12% 5%,#d8e8ff 0,transparent 45%),radial-gradient(ellipse at 92% 92%,#e5dcff 0,transparent 46%),#f2f6fd}
body.dark{--glass:rgba(17,29,48,.85);--glass-edge:#7da2d525;--glass-shadow:0 20px 60px -30px #0009;background:radial-gradient(ellipse at 8% 0,#192d52 0,transparent 45%),radial-gradient(ellipse at 95% 90%,#271c40 0,transparent 45%),#080f1c}
.shell{gap:10px;padding:12px;background:transparent}.rail{background:transparent;border:0}.sidebar,.conversation{border:1px solid var(--glass-edge);border-radius:24px;box-shadow:var(--glass-shadow);background:var(--glass);overflow:hidden}.sidebar{backdrop-filter:blur(18px)}.sidebar-header{padding-top:25px}.sidebar-eyebrow{letter-spacing:.17em}.rail .icon-button{border-radius:17px;transition:background .18s,transform .18s}.rail .icon-button:hover{transform:translateY(-2px)}.rail .icon-button.active{background:linear-gradient(145deg,var(--selected),var(--soft));box-shadow:inset 0 1px 0 var(--glass-edge)}
.chat-filters{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.chat-filters button{white-space:nowrap;flex-shrink:0;border:1px solid transparent}.chat-filters .selected{border-color:var(--glass-edge);box-shadow:0 3px 12px #2859a410}.chat-item{border-radius:16px;transition:background .15s}.chat-item.selected{box-shadow:inset 0 0 0 1px var(--glass-edge)}.chat-header,.composer-wrap{background:var(--glass);border-color:var(--line)}.chat-header{box-shadow:0 5px 25px #0d2d5910}.avatar{background:linear-gradient(145deg,var(--selected),var(--soft));box-shadow:inset 0 1px 0 var(--glass-edge)}.message{border:1px solid var(--glass-edge);box-shadow:0 3px 14px #18395d08}.media-tile{border:1px solid #ffffff35;border-radius:18px;box-shadow:0 10px 24px -16px #0b274b90}.media-cover img{transition:transform .22s ease}.media-tile:hover .media-cover img{transform:scale(1.025)}.media-play{box-shadow:0 5px 20px #0005}.gallery-dialog{border:1px solid var(--glass-edge);border-radius:26px;background:var(--glass);backdrop-filter:blur(20px)}.gallery-media{animation:media-reveal .2s ease-out}.media-stage{border-radius:18px;background:radial-gradient(ellipse at 50% 0,#23334e,#080e18 65%)}
.secretary-symbol{box-shadow:inset 0 1px 0 #ffffff70,0 12px 32px -14px #5348dd99;background:linear-gradient(140deg,#437bf8,#6c3bdd)}.secretary-heading{padding:12px 0}.secretary-heading h2{font-size:32px}.secretary-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:22px}.secretary-skill{border:1px solid var(--glass-edge);background:linear-gradient(145deg,var(--selected),var(--soft));color:var(--ink);border-radius:16px;padding:17px 12px;text-align:left;font-size:12px;line-height:1.5}.secretary-skill span{display:block;font-size:26px;color:var(--blue);margin-bottom:10px}.secretary-style{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;color:var(--muted)}.secretary-style select{padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel)}.secretary-privacy{border-radius:18px;background:var(--soft);margin-top:16px}.secretary-response-actions{display:flex;gap:10px}.secretary-ai-message{border-radius:20px}.secretary-ai-message.working{border-color:var(--blue)}#secretary-live:after{content:'▍';color:var(--blue);animation:live-caret 1.2s steps(2,end) infinite}.secretary-note,.secretary-item{background:var(--glass);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}.folder-people{max-height:45vh;overflow:auto}.folder-people label{display:flex;gap:12px;align-items:center;padding:12px 3px;color:var(--ink)}.folder-people input{accent-color:var(--blue)}.folder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.folder-people .avatar{width:34px;height:34px;font-size:14px}
.reduce-effects .sidebar,.reduce-effects .conversation,.reduce-effects .gallery-dialog{backdrop-filter:none;background:var(--panel)}.reduce-effects *{animation:none!important;transition:none!important}.reduce-effects .sidebar,.reduce-effects .conversation,.reduce-effects .message{box-shadow:none}
@keyframes media-reveal{from{opacity:.45;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes live-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.sidebar,.conversation,.gallery-dialog{backdrop-filter:none;background:var(--panel)}}
@media(max-width:760px){.shell{padding:0;gap:0}.sidebar,.conversation{border-radius:0;border:0;box-shadow:none}.sidebar{backdrop-filter:none}.secretary-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.secretary-heading h2{font-size:25px}.secretary-style{align-items:flex-start;flex-direction:column}.gallery-dialog{border-radius:18px}.secretary-view{max-width:100%}}

.secretary-privacy details{margin:10px 0 15px;font-size:12px;color:var(--muted);line-height:1.7}.secretary-privacy summary{cursor:pointer}.secretary-skill{padding:12px}.secretary-skill span{display:inline-block;font-size:18px;margin:0 8px 0 0}.secretary-ai-history p{overflow-wrap:anywhere}

.secretary-style{justify-content:flex-start}.secretary-style select{width:auto;max-width:100%;min-width:220px}.chat-filters{scrollbar-width:none}.chat-filters::-webkit-scrollbar{display:none}.folder-people span:last-child{min-width:0;overflow-wrap:anywhere}

/* Everyday chat refinements: discoverable contacts and image-first bubbles. */
body.dark{--bg:#0b121c;--panel:#121c28;--soft:#1b2938;--line:#273747;--ink:#edf3fa;--muted:#a1b1c4;color-scheme:dark}
body.dark .onboarding-aside{background:radial-gradient(ellipse at 25% 40%,#1d385a,transparent 70%),#0b1728}body.dark .onboarding-aside h1{color:#edf3fa}body.dark .onboarding-aside h1 em{color:#9fbaff}body.dark .onboarding-aside p{color:#a9bad0}
.contact-shortcut{padding:0 14px 14px}.add-contact-button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--ink);font-size:13px;font-weight:650;text-align:left}.add-contact-button svg{width:22px;height:22px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.add-contact-button small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400}.add-contact-button:hover{border-color:var(--blue);background:var(--soft)}
.message-bubble.media-bubble{padding:4px 4px 5px;border-radius:18px;overflow:hidden;min-width:220px;max-width:min(390px,88%)}.outgoing .message-bubble.media-bubble{border-radius:18px}.media-bubble .media-tile{margin:0;width:340px;min-width:0;max-width:100%;border:0;border-radius:14px;box-shadow:none}.media-bubble .media-cover{aspect-ratio:4/3;min-height:160px;max-height:340px;background:#09121c}.media-cover img{object-fit:contain;max-height:340px}.media-bubble .media-cover img{transition:filter .18s}.media-bubble .media-tile:hover .media-cover img{transform:none;filter:brightness(1.04)}.media-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 4px 0 9px;color:var(--muted);font-size:11px}.media-save-inline{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:transparent;color:var(--blue);font-size:24px;cursor:pointer}.media-save-inline:hover{background:var(--soft)}.media-bubble .file-actions:empty{display:none}.media-bubble .file-actions{padding:0 7px 4px}.media-bubble .message-meta{margin:0 8px 0;min-height:15px}.media-bubble .message-tools{background:#07111dbd;color:#fff;opacity:1;width:30px;height:30px;top:8px;right:8px}.media-bubble .message-tools:hover{background:#07111de8}.media-bubble .message-author,.media-bubble .forwarded,.media-bubble .reply-preview{margin:4px 8px 8px}
@media(max-width:760px){.contact-shortcut{padding-bottom:12px}.message-bubble.media-bubble{max-width:92%}.media-bubble .media-tile{width:310px}.media-caption{min-height:44px}.media-save-inline{width:44px;height:44px}}