/* Stable application surfaces. Motion belongs to characters and explicit feedback. */
.workspace,.main-pane,.message-area,.settings-content,.chat-sidebar,.chat-list,.chat-item,.space-cover,.preset-art,.home-hero,.home-product,.entry-card,.site-header,.site-footer{animation:none!important;transition:background-color .15s,border-color .15s!important}
.workspace,.main-pane,.message-area,.settings-content,.chat-sidebar,.space-cover,.preset-art{transform:none!important}
.home-product{transform:none}.site a:hover,.site button:hover{transform:none!important}.workspace .message-arriving{animation:message-fade .16s ease-out!important}@keyframes message-fade{from{opacity:.4}to{opacity:1}}
.identity-card,dialog[open],dialog::backdrop{animation:message-fade .15s ease-out!important}.badge svg{animation:official-light 4s ease-in-out infinite!important;transform:none!important}@keyframes official-light{0%,100%{opacity:1}50%{opacity:.68}}
.official-brand{width:42px;height:42px;border-radius:13px;object-fit:cover;display:block;border:1px solid #fff2;flex-shrink:0}.avatar img[src='/official-avatar.jpg']{object-fit:cover}.official-explanation{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 24px}.home-product{border-radius:30px;box-shadow:0 24px 70px #0003}.site-footer>div{flex-wrap:wrap}.site-footer a{font-size:11px}.workspace .chat-item .avatar{contain:layout}.message .image-attachment>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.settings-workspace .settings-section .btn{margin-bottom:8px}.password-fields .btn{margin-right:8px}.delete-account-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.delete-confirm{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.65;padding:8px 0 24px}.delete-confirm input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--accent)}#delete-code,#password-mail-code{letter-spacing:.18em;font-size:20px;font-variant-numeric:tabular-nums}.sticker-toolbar{display:flex;align-items:center;gap:10px;position:sticky;top:0;background:var(--panel);padding:7px 0 10px;z-index:2}.sticker-toolbar input{min-width:0;width:0;flex:1;padding:12px;font-size:14px;border-radius:14px}.sticker-toolbar .text-btn{font-size:11px;padding:7px 0}.character-grid article{position:relative;border-radius:22px;background:linear-gradient(145deg,var(--panel2),var(--panel));padding-top:23px}.character-grid .character-pick:hover svg{transform:scale(1.05)}.sticker-star{position:absolute;right:5px;top:5px;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--muted)}.sticker-star.selected{color:var(--accent);background:var(--soft-accent)}.sticker-star .icon{width:16px;height:16px}.character-grid .character-pick b{font-size:11px}.character-grid .text-btn{font-size:10px}.sticker-empty{padding:20px;text-align:center}.emoji-picker{flex-wrap:wrap;gap:5px}.emoji-picker button{min-width:38px}
.scene-dots circle{animation:scene-dot 1.4s ease-in-out infinite}.scene-dots circle:nth-child(2){animation-delay:.18s}.scene-dots circle:nth-child(3){animation-delay:.36s}@keyframes scene-dot{0%,70%,100%{transform:translateY(0);opacity:.5}35%{transform:translateY(-7px);opacity:1}}
.scene-balloon{animation:scene-float 2.6s ease-in-out infinite;transform-origin:25px 138px}@keyframes scene-float{0%,100%{transform:rotate(-8deg) translateY(1px)}50%{transform:rotate(7deg) translateY(-7px)}}
.scene-gift{animation:scene-gift 2.8s ease-in-out infinite;transform-origin:96px 160px}@keyframes scene-gift{0%,60%,100%{transform:translateY(0) rotate(0)}70%{transform:translateY(-5px) rotate(-7deg)}80%{transform:translateY(-5px) rotate(7deg)}}
.scene-rainbow{animation:scene-rainbow 3.2s ease-in-out infinite;transform-origin:98px 48px}@keyframes scene-rainbow{0%,100%{transform:scaleY(.85);opacity:.6}50%{transform:scaleY(1.1);opacity:1}}
.drum-stick{animation:scene-drum .45s ease-in-out infinite alternate;transform-origin:97px 150px}@keyframes scene-drum{to{transform:rotate(8deg) translateY(-8px)}}
.scene-hearts path{animation:scene-heart 2.3s ease-in-out infinite;transform-origin:center}.scene-hearts path:nth-child(2){animation-delay:.7s}@keyframes scene-heart{0%,100%{transform:translateY(6px) scale(.9);opacity:.45}50%{transform:translateY(-7px) scale(1.05);opacity:1}}
.scene-cloud{animation:scene-cloud 3.2s ease-in-out infinite}@keyframes scene-cloud{0%,100%{transform:translateX(-6px)}50%{transform:translateX(5px)}}
.scene-confetti{animation:scene-confetti 2.5s ease-out infinite;transform-origin:98px 60px}@keyframes scene-confetti{0%{transform:translateY(-8px) scale(.8);opacity:0}25%{opacity:1}100%{transform:translateY(16px) scale(1.15);opacity:0}}
@media(min-width:781px){html{scrollbar-gutter:stable}.site-header .official-brand{width:44px;height:44px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.official-brand{width:36px;height:36px;border-radius:11px}.site-footer{padding-bottom:35px}.site-footer>div{gap:14px;line-height:1.8}.sticker-toolbar{gap:8px}.sticker-toolbar input{font-size:16px}.sticker-toolbar .text-btn{font-size:10px}.character-grid{gap:8px}.character-grid article{border-radius:18px}.character-pick svg{height:85px}.delete-account-copy p{font-size:12px}.delete-confirm{font-size:12px}.settings-workspace .password-fields .btn{width:100%;margin:8px 0}.workspace .settings-page-header{backdrop-filter:none;background:var(--panel)}.workspace .composer{backdrop-filter:none}.workspace .chat-header{backdrop-filter:none}.entry-progress{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.scene-dots circle,.scene-balloon,.scene-gift,.scene-rainbow,.drum-stick,.scene-hearts path,.scene-cloud,.scene-confetti,.badge svg{animation:none!important}}

/* LinkFy 0.13 — glass navigation inspired by the owner's video reference. */
:root{--liquid-surface:color-mix(in srgb,var(--panel) 78%,transparent);--liquid-edge:color-mix(in srgb,var(--text) 16%,transparent)}
.workspace .rail{position:relative;isolation:isolate;border:1px solid var(--liquid-edge);border-radius:32px;background:linear-gradient(145deg,#ffffff0c,transparent 60%),var(--liquid-surface);box-shadow:inset 0 1px 0 #ffffff1c,0 12px 35px #0002;backdrop-filter:blur(18px) saturate(145%);overflow:hidden}
.workspace .rail-item{position:relative;z-index:1;transition:color .22s ease;touch-action:manipulation}
.workspace .rail-item.active{background:transparent!important;box-shadow:none!important;color:var(--accent)}
.glass-lens{position:absolute;left:0;top:0;pointer-events:none;z-index:0;border-radius:24px;border:1px solid color-mix(in srgb,var(--text) 25%,transparent);background:radial-gradient(ellipse at 20% 0%,#ffffff24,transparent 60%),linear-gradient(140deg,color-mix(in srgb,var(--accent) 18%,transparent),#ffffff08);box-shadow:inset 0 1px 1px #ffffff35,inset 0 -1px 1px #ffffff12,0 4px 14px #0002;opacity:0;will-change:transform}
.glass-lens.ready{opacity:1;transition:transform .42s cubic-bezier(.2,.85,.2,1),width .3s ease,height .3s ease}
.workspace .chat-sidebar,.workspace .main-pane{background:linear-gradient(155deg,#ffffff04,transparent 45%),var(--liquid-surface);border-color:var(--liquid-edge)}
.workspace .chat-header{background:var(--liquid-surface);border-bottom:1px solid var(--line);backdrop-filter:blur(14px) saturate(130%)}
.workspace .searchbox{background:color-mix(in srgb,var(--bg) 65%,transparent);border:1px solid var(--line);box-shadow:inset 0 1px 2px #0001;border-radius:20px}
.workspace .filter-tab.active{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 1px #ffffff18;color:var(--accent)}
.workspace .chat-item{border-radius:22px}.workspace .chat-item.active{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 17%,transparent),color-mix(in srgb,var(--accent) 6%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.workspace .composer{background:linear-gradient(165deg,#ffffff09,transparent),var(--liquid-surface);border-color:var(--liquid-edge);box-shadow:inset 0 1px #ffffff14,0 5px 22px #0002}
.workspace .bubble{border-radius:23px 23px 23px 7px;background:color-mix(in srgb,var(--panel2) 92%,transparent)}
.workspace .mine .bubble{border-radius:23px 23px 7px 23px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 23%,var(--panel)),color-mix(in srgb,var(--accent) 12%,var(--panel)))}
.workspace .settings-nav>button{border:1px solid transparent}.workspace .settings-nav>button.active{background:linear-gradient(125deg,var(--soft-accent),#ffffff03);border-color:var(--line)}
.workspace .settings-section{box-shadow:inset 0 1px #ffffff09}.workspace .settings-nav-icon{background:linear-gradient(135deg,var(--soft-accent),#ffffff05);border:1px solid var(--line);border-radius:15px}
dialog{border:1px solid var(--liquid-edge);box-shadow:inset 0 1px #ffffff16,0 30px 100px #0005}.modal-action,.choice-option{border-radius:17px}.modal-action:hover,.choice-option:hover{background:var(--soft-accent)}
.site-header{background:var(--liquid-surface);border:1px solid var(--liquid-edge);border-radius:26px;max-width:1120px;margin:16px auto;box-shadow:inset 0 1px #ffffff15,0 10px 40px #0001}.home-product,.entry-card,.auth-card{background:linear-gradient(135deg,#ffffff08,transparent 65%),var(--liquid-surface);border-color:var(--liquid-edge);box-shadow:inset 0 1px #ffffff16,0 20px 80px #0002}.home-copy h1{letter-spacing:-.065em}.home-product{border-radius:36px}.home-product .product-message{border-radius:22px}.site .btn,.entry-card .btn{border-radius:999px}.site .btn.primary{box-shadow:inset 0 1px #ffffff40,0 8px 25px color-mix(in srgb,var(--accent) 15%,transparent)}
@media(min-width:781px){.workspace .rail{margin-block:8px;padding-block:14px;align-self:stretch}.workspace .rail-item{width:56px;height:58px;margin-inline:auto}.workspace .rail-signature{margin-bottom:6px}}
@media(max-width:780px){
 .workspace:not(.chat-open),.workspace.settings-workspace.chat-open:not(.settings-detail){grid-template-rows:minmax(0,1fr) calc(90px + env(safe-area-inset-bottom))!important;background:var(--bg)}
 .workspace .rail{align-self:start;justify-self:center;width:calc(100% - 24px);max-width:480px;height:70px;min-height:70px;margin:6px 12px 0;padding:5px!important;border-radius:36px;gap:0;background:linear-gradient(150deg,#ffffff0d,transparent 60%),var(--liquid-surface);border:1px solid var(--liquid-edge);overflow:visible}
 .workspace .rail-nav{display:contents!important}.workspace .rail-bottom{display:contents}.workspace .rail-item{flex:1;min-width:0;width:auto;height:58px;border-radius:29px;padding:7px 2px;gap:5px}.workspace .rail-item span{font-size:9px;letter-spacing:-.02em}.workspace .rail-item .icon{width:23px;height:23px}.glass-lens{border-radius:29px}.workspace .rail-nav [data-action=nav-groups]{display:flex}.workspace .rail-nav [data-action=moderation]{display:none}
 .workspace .chat-sidebar{background:var(--bg)}.workspace .sidebar-head{padding:23px 18px 9px}.workspace .chat-header{background:var(--liquid-surface);backdrop-filter:blur(12px)}.workspace .composer-shell{background:transparent;padding-bottom:max(9px,env(safe-area-inset-bottom))}.workspace .composer{backdrop-filter:none}.workspace .chat-list{padding-inline:8px}.workspace .chat-item{padding:14px 12px}.workspace .message-area{padding-inline:10px}.workspace .settings-account{margin-inline:18px}.workspace .settings-page-header{border-radius:0}.site-header{margin:10px 12px;padding:13px 15px;border-radius:24px}.site-header .brand-by{display:none}.site-header nav>a.btn{min-height:40px;padding:10px 15px}.new-home{padding-inline:24px}.home-hero{padding-top:36px}.home-copy h1{font-size:clamp(48px,15vw,66px)}.entry-layout{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){.glass-lens.ready{transition:none}.workspace .rail-item{transition:none}}
.workspace .rail{background:linear-gradient(145deg,#ffffff0c,transparent 60%),var(--liquid-surface)!important}.workspace .rail-item.active:before,.workspace .rail-item.active:after{display:none!important}
.workspace .message{touch-action:pan-y;transition:transform .16s ease-out}.workspace .message.reply-ready:before{content:'↩';position:absolute;left:-25px;top:20px;color:var(--accent);font-size:23px}.workspace .searchbox input{background:transparent;border:0;box-shadow:none}
@media(prefers-reduced-motion:reduce){.workspace .message{transition:none}}
/* 0.13.1: consistent header insets and interruptible navigation motion. */
.site .site-header{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:90px;padding:20px 28px;gap:24px;margin:16px auto;border-radius:28px}.site-header>a{flex-shrink:0}.site-header nav{min-width:0;gap:28px}.site-header .brand{line-height:1.2}.site-header .official-brand{flex-shrink:0}.site-header .btn{white-space:nowrap}
.glass-lens.ready{transition:opacity .2s ease!important}.workspace .rail-item .icon{stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.workspace .rail-item{transition:color .25s ease,opacity .25s ease}.workspace .rail-item:active{opacity:.72}.workspace .message{transition:transform .25s cubic-bezier(.22,1,.36,1)}
@media(max-width:1000px){.site-header .brand-by{display:none}.site-header nav{gap:18px}}
@media(max-width:780px){.site .site-header{min-height:72px;padding:14px 16px;margin:12px auto;gap:12px;border-radius:24px}.site-header nav{gap:10px}.site-header .brand{font-size:23px}.site-header .official-brand{width:36px;height:36px}.site-header .btn{padding:10px 13px}.site{padding-inline:16px}.new-home{padding-inline:8px}}
@media(max-width:360px){.site .site-header{padding-inline:12px}.site-header .brand{font-size:21px;gap:8px}.site-header .btn{font-size:12px;padding-inline:10px}.site-header .btn .icon{width:16px}}
@media(prefers-reduced-motion:reduce){.workspace .message,.workspace .rail-item,.glass-lens.ready{transition:none!important}}

/* Conversation 0.14: a single reading column, clear actions, generous touch targets. */
.workspace:not(.utility-view) .main-pane{background-color:var(--bg);overflow:hidden}
.workspace .chat-header{height:82px;min-height:82px;padding:16px 26px;gap:16px;background:var(--liquid-surface);box-shadow:0 1px 0 #ffffff03;z-index:4}
.workspace .chat-heading{gap:13px;min-width:0;text-align:left}.workspace .chat-heading h2{font-size:16px;letter-spacing:-.025em;font-weight:750;line-height:1.45;margin:0}.workspace .chat-heading p{font-size:12px;line-height:1.4;margin-top:4px;color:var(--muted)}.workspace .chat-heading .avatar{width:45px;height:45px;border-radius:17px}
.workspace .header-tools{gap:7px}.workspace .header-tools .icon-btn{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 55%,transparent)}.workspace .header-tools .icon-btn:hover{background:var(--soft-accent);color:var(--accent)}
.workspace .message-area{padding:24px max(24px,calc((100% - 760px)/2));scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-padding-block:24px;overflow-x:hidden}
.workspace .message{max-width:84%;gap:9px;margin-bottom:17px;position:relative;align-items:flex-end;min-width:0}.workspace .message.message-continuation{margin-top:-10px}.workspace .message-wrap{min-width:0;max-width:100%}.workspace .bubble{font-size:15px;line-height:1.58;letter-spacing:.005em;padding:12px 16px 8px;border:1px solid color-mix(in srgb,var(--text) 7%,transparent);border-radius:21px 21px 21px 7px;box-shadow:0 2px 5px #0000000a;background:color-mix(in srgb,var(--panel2) 85%,var(--bg));overflow-wrap:anywhere;word-break:normal}
.workspace .mine .bubble{border-radius:21px 21px 7px 21px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--panel)),color-mix(in srgb,var(--accent) 16%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 17%,transparent)}
.workspace .message-meta{margin-top:5px;font-size:10px;line-height:1.5;gap:5px;color:var(--muted);font-variant-numeric:tabular-nums}.workspace .message-meta .read{color:var(--accent)}.workspace .message-meta .icon{width:16px;height:16px}.workspace .message-author{font-size:11px;font-weight:700;letter-spacing:.01em;margin:0 0 5px 7px;color:var(--accent)}
.workspace .message-avatar .avatar{width:30px;height:30px;font-size:10px;border-radius:12px}.workspace .message-menu{align-self:center;width:30px;min-width:30px;height:36px;border-radius:12px;color:var(--muted);opacity:.65}.workspace .message-menu:hover,.workspace .message-menu:focus-visible{opacity:1;background:var(--soft-accent);color:var(--accent)}.workspace .message-menu .icon{width:18px;height:18px}
.workspace .day-label{margin:14px 0 26px}.workspace .day-label span{font-size:10px;letter-spacing:.025em;padding:6px 12px;background:var(--panel);border:1px solid var(--line);box-shadow:none}
.workspace .message-reply{display:block;max-width:100%;width:100%;border-radius:9px;border-left:3px solid var(--accent);background:var(--soft-accent);padding:8px 11px;margin:0 0 9px;font-size:12px;line-height:1.45;overflow:hidden;text-overflow:ellipsis}.workspace .message-reply b{display:block;margin-bottom:3px;color:var(--accent)}
.workspace .reactions{gap:5px;flex-wrap:wrap;margin-top:6px}.workspace .reaction{padding:4px 9px;border-radius:12px;font-size:12px;min-height:28px;background:var(--panel);border:1px solid var(--line)}.workspace .reaction.mine{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--soft-accent)}
.workspace .composer-shell{padding:12px max(22px,calc((100% - 790px)/2)) 16px;background:linear-gradient(0deg,var(--bg) 55%,transparent);z-index:3}.workspace .composer{border-radius:23px;padding:7px;gap:3px;background:var(--panel);border:1px solid var(--liquid-edge);box-shadow:0 7px 28px #0002,inset 0 1px #ffffff08}.workspace .composer:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 6px 28px #0002,0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}.workspace .composer textarea{font-size:15px;line-height:1.5;padding:11px 8px;max-height:150px}.workspace .composer .icon-btn{border-radius:15px;color:var(--muted)}.workspace .composer .icon-btn:hover{background:var(--soft-accent);color:var(--accent)}.workspace .composer .send-button{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff30;border-radius:16px!important;transition:background .2s,box-shadow .2s}.workspace .composer-note{padding:8px 7px 0;line-height:1.5}
.workspace .compose-context{border-radius:15px;margin:0 0 9px;padding:11px 14px;background:var(--soft-accent);border-left:3px solid var(--accent);font-size:12px}.workspace .compose-context span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace .attachment-draft{border:1px solid var(--line);background:var(--panel);padding:10px;margin-bottom:9px;border-radius:18px}.workspace .voice-player{padding:5px;gap:12px}.workspace .voice-play{width:43px;height:43px}.workspace .voice-track{min-width:0}.workspace .voice-caption{margin-top:5px}
.workspace .bubble:has(.image-attachment),.workspace .bubble:has(.video-attachment){padding:6px 6px 8px;min-width:0;width:320px;max-width:100%}.workspace .image-attachment,.workspace .video-attachment{border-radius:16px}.workspace .attachment-caption{background:transparent;font-size:10px;padding:8px 6px}.workspace .jump-latest{border-radius:20px;background:var(--panel);border:1px solid var(--liquid-edge);box-shadow:0 5px 20px #0002;font-size:12px;padding:10px 16px}
.message-action-preview{border:1px solid var(--line);background:var(--soft-accent);padding:13px 15px;border-radius:18px;margin-bottom:9px}.message-action-preview>span{display:flex;align-items:center;gap:9px;font-size:12px}.message-action-preview time{margin-left:auto;font-size:10px;color:var(--muted)}.message-action-preview p{font-size:13px;color:var(--muted);line-height:1.6;max-height:62px;overflow:hidden;overflow-wrap:anywhere;margin:9px 0 0}.message-action-preview .avatar{width:26px;height:26px;font-size:10px}
@media(max-width:780px){.workspace .chat-header{height:70px;min-height:70px;padding:10px 10px;gap:6px}.workspace .chat-header>.row{gap:3px;flex:1;min-width:0}.workspace .chat-heading{gap:9px}.workspace .chat-heading h2{font-size:14px;max-width:calc(100vw - 214px)}.workspace .chat-heading p{font-size:10px}.workspace .chat-heading .avatar{width:38px;height:38px;border-radius:14px}.workspace .header-tools{gap:3px}.workspace .header-tools .icon-btn{display:flex!important;width:32px;min-width:32px;height:36px;border:0;background:transparent;border-radius:12px}.workspace .header-tools .icon{width:18px;height:18px}.workspace .message-area{padding:16px 10px 20px}.workspace .message{max-width:94%;gap:4px;margin-bottom:15px}.workspace .bubble{font-size:15px;padding:11px 13px 7px;line-height:1.53}.workspace .message-menu{width:25px;min-width:25px;height:36px}.workspace .composer-shell{padding:8px 9px max(10px,env(safe-area-inset-bottom))}.workspace .composer{padding:5px;border-radius:22px;gap:0}.workspace .composer textarea{font-size:16px;padding:10px 6px;max-height:110px}.workspace .composer .icon-btn,.workspace .composer .send-button{width:39px;min-width:39px;height:43px}.workspace .message-author{font-size:11px}.workspace .day-label{margin:8px 0 21px}.workspace .bubble:has(.image-attachment),.workspace .bubble:has(.video-attachment){width:270px}.workspace .voice-player{width:235px;max-width:100%}.workspace .voice-play{width:37px;height:37px}.workspace .message-reply{font-size:11px}.workspace .conversation-search{padding:9px 12px}.workspace .chat-heading .badge .icon{width:13px;height:13px}}
@media(max-width:360px){.workspace .chat-heading .avatar{width:32px;height:32px}.workspace .chat-heading h2{max-width:calc(100vw - 196px);font-size:13px}.workspace .voice-player{width:200px}.workspace .bubble{font-size:14px}.workspace .composer .icon-btn,.workspace .composer .send-button{width:35px;min-width:35px}.workspace .bubble:has(.image-attachment),.workspace .bubble:has(.video-attachment){width:235px}}
/* Preserve the existing appearance controls in the refined conversation. */
[data-size=large] .workspace .bubble{font-size:18px}[data-size=small] .workspace .bubble{font-size:13px}
[data-bubbles=square] .workspace .bubble,[data-bubbles=square] .workspace .mine .bubble{border-radius:7px}
[data-bubbles=outline] .workspace .bubble,[data-bubbles=outline] .workspace .mine .bubble{background:transparent;border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
[data-chat-width=wide] .workspace .message-area{padding-inline:20px}[data-chat-width=wide] .workspace .message{max-width:94%}
[data-compact=true] .workspace .message{margin-bottom:8px}[data-compact=true] .workspace .message.message-continuation{margin-top:0}[data-compact=true] .workspace .bubble{padding:8px 12px 6px}
[data-time=hide] .workspace .message-meta{font-size:0}

/* LinkFy 0.15 — Atmosphere. Keep controls stable; animate navigation and ambient layers. */
.workspace .searchbox{position:relative;display:flex;align-items:center;overflow:hidden;border-radius:20px;padding:0 13px;min-height:46px}.workspace .searchbox input{width:0;flex:1;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:12px 9px;font-size:16px;background:transparent}.workspace .searchbox:focus-within{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.workspace .filter-tabs{margin-top:13px;padding:3px 0 6px}.workspace .settings-search input{width:0}
.workspace .main-pane{isolation:isolate}.workspace:not(.utility-view) .main-pane:before,.entry-layout:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 22%,#88b9ed0d 0 4px,transparent 5px),radial-gradient(circle at 74% 42%,#ccb6f415 0 6px,transparent 7px),radial-gradient(circle at 40% 76%,#8ae5d40b 0 3px,transparent 4px);background-size:193px 241px,311px 293px,167px 181px;animation:atmosphere-drift 40s linear infinite}.entry-layout{position:relative;isolation:isolate}.lf-orbit{display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:linear-gradient(140deg,var(--soft-accent),transparent);border:1px solid var(--edge);color:var(--accent);font-size:55px;font-weight:800;box-shadow:inset 0 1px #ffffff18}.welcome-character .lf-orbit{margin:auto}.animated-sticker,.custom-emoji{animation:none!important}.settings-nav-footer{display:grid;gap:12px}.settings-nav-footer .text-btn{text-align:left;justify-content:flex-start}
@keyframes atmosphere-drift{to{background-position:25px -241px,-40px -293px,15px -181px}}
.feature-page{padding:30px clamp(20px,4vw,64px) 60px;width:100%;max-width:1120px;margin:0 auto;overflow-y:auto;min-height:0;height:100%;scrollbar-width:thin}.feature-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.feature-header h1{font-size:28px;letter-spacing:-.045em;line-height:1.25;margin:0}.feature-header p{font-size:12px;color:var(--muted);margin:7px 0 0}.feature-header>.icon-btn{width:42px;min-width:42px;height:42px;border:1px solid var(--line);border-radius:15px}.feature-page h2{font-size:23px;letter-spacing:-.025em}.feature-page h3{font-size:16px}.page-skeleton{height:300px;border-radius:25px;background:linear-gradient(100deg,var(--panel),var(--panel2),var(--panel));background-size:200% 100%;animation:skeleton-flow 2s ease infinite}@keyframes skeleton-flow{to{background-position:-200% 0}}
.person-page{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--panel)}.person-cover{height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#81bdff40,transparent 60%),linear-gradient(115deg,#261f45,#152d39)}.person-cover>img{width:100%;height:100%;object-fit:cover}.cover-art{position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 80px,#ffffff04 81px 82px,transparent 83px 150px)}.premium-label{position:absolute;right:20px;bottom:20px;border:1px solid #fff4;background:#1117;backdrop-filter:blur(15px);padding:8px 12px;border-radius:20px;font-size:10px;letter-spacing:.1em;color:#eee0b5}.person-identity{position:relative;padding:0 32px 22px}.person-identity>.avatar{width:100px;height:100px;border-radius:32px;margin-top:-50px;border:5px solid var(--panel);box-shadow:0 8px 30px #0003}.person-identity h2{font-size:28px;margin:17px 0 5px;overflow-wrap:anywhere}.person-identity>p{color:var(--muted);font-size:14px;margin:0 0 8px}.person-online{color:var(--accent);font-size:11px}.person-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 32px 26px}.person-section{padding:22px 32px;border-top:1px solid var(--line)}.person-section h3{margin:0 0 12px}.person-section p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:var(--muted);font-size:14px}.person-section .text-btn{margin-right:20px}.shared-group{display:flex;align-items:center;gap:12px;padding:15px 0;width:100%;text-align:left}.shared-group>.icon:last-child{margin-left:auto}
.nick-blue{color:#78b8ff}.nick-rose{color:#f1a3c6}.nick-mint{color:#84d8bd}.nick-gold{color:#efc976}[data-theme=light] .nick-blue{color:#2161ba}[data-theme=light] .nick-rose{color:#a32f70}[data-theme=light] .nick-mint{color:#18724e}[data-theme=light] .nick-gold{color:#8a640c}
.balance-card{padding:30px;border-radius:28px;border:1px solid #a2c3ff30;background:radial-gradient(ellipse at 95% 0%,#b4a4ff24,transparent 55%),linear-gradient(130deg,#182b40,#201c35);color:#eef0ff}.balance-card>span{font-size:10px;letter-spacing:.15em;color:#a9b8d5}.balance-card h2{font-size:52px;letter-spacing:-.05em;margin:13px 0}.balance-card h2 small{font-size:20px;font-weight:500}.balance-card>p{font-size:12px;color:#afbbd4}.balance-card>div{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.balance-card>small{display:block;font-size:11px;line-height:1.8;color:#afbbd4}.wallet-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 35px}.wallet-links button{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:18px;padding:19px;text-align:left;font-size:13px}.style-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.style-shop article{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:22px;gap:13px;min-width:0}.style-shop article>b{font-size:22px;overflow-wrap:anywhere;max-width:100%}.style-shop article>span{color:var(--muted);font-size:12px}.style-shop .btn{font-size:12px}.ledger{border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:18px 0}.ledger>div{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line)}.ledger b{font-size:13px}.ledger small{font-size:11px;display:block;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}.ledger strong{font-size:15px;white-space:nowrap}.positive{color:#80d7b5}.ledger>p{padding:15px}.payment-row{padding:15px;border:1px solid var(--line);border-radius:15px;font-size:12px}.payment-row small{display:block;overflow-wrap:anywhere;color:var(--muted);margin-top:6px}
.premium-hero{position:relative;text-align:center;padding:38px 25px;border:1px solid #ccb7ff25;border-radius:30px;background:radial-gradient(ellipse at 50% 0%,#9b77ec35,transparent 75%),var(--panel);overflow:hidden}.premium-star{display:block;font-size:62px;color:#d6c2ff;text-shadow:0 0 55px #b694ff55;line-height:1.2}.premium-hero h2{font-size:40px;line-height:1.12;letter-spacing:-.045em}.premium-hero p{max-width:420px;margin:20px auto;line-height:1.8;font-size:13px;color:var(--muted)}.premium-hero small{display:block;font-size:10px;color:var(--muted);margin-top:16px}.premium-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0}.premium-features article{border:1px solid var(--line);border-radius:20px;padding:19px}.premium-features h3{font-size:14px}.premium-features p{font-size:12px;line-height:1.7;color:var(--muted)}.premium-theme-options{display:flex;gap:10px}.premium-theme-options button{flex:1;padding:24px 8px;border-radius:18px;border:1px solid #fff2;font-size:12px;text-transform:capitalize}.theme-aurora{background:linear-gradient(120deg,#233b57,#3c265b);color:#d8d7ff}.theme-obsidian{background:linear-gradient(120deg,#161719,#302c25);color:#ecdbbb}.theme-pearl{background:linear-gradient(120deg,#d6e5f6,#f1dfe8);color:#4b4d69}.premium-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.premium-plans button{padding:21px 12px;border:1px solid var(--line);border-radius:20px;background:var(--panel);text-align:left;display:flex;flex-direction:column;gap:12px}.premium-plans strong{font-size:16px;color:var(--accent)}.premium-plans small{font-size:10px;color:var(--muted);line-height:1.6}
.feature-form{margin:22px 0;padding:25px;border-radius:24px;border:1px solid var(--line);background:var(--panel)}.feature-form label{display:block;margin:15px 0;font-size:12px;line-height:1.7}.feature-form input,.feature-form select{display:block;width:100%;min-width:0;font-size:16px;margin-top:7px;border-radius:13px;padding:13px;border:1px solid var(--line);background:var(--bg)}.feature-form>.btn{margin-top:15px}.feature-form .small{font-size:11px;line-height:1.8}.purchase-summary{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.admin-command-grid{display:flex;flex-wrap:wrap;gap:12px}.admin-command-grid button{padding:17px;border:1px solid var(--line);border-radius:17px}.weather-preview{border:1px solid var(--line);border-radius:26px;padding:30px;background:linear-gradient(145deg,#1f344b,#19202c);color:#ebf0ff}.weather-preview>span{font-size:58px;color:#dcc796}.weather-preview p{font-size:12px;color:#bbc4d6}.weather-toggle{display:flex!important;align-items:center;gap:12px}.weather-toggle input{width:22px;height:22px;min-height:0;margin:0}.coordinate-fields{display:flex;gap:15px}.coordinate-fields label{flex:1;min-width:0}.legal-document{max-width:840px}.legal-document p{line-height:1.9}
[data-premium=on][data-premium-theme=aurora] .workspace{--accent:#afc9ff;--soft-accent:#9aafff1c;background:radial-gradient(ellipse at 70% 0%,#705b9033,transparent 65%),var(--bg)}[data-premium=on][data-premium-theme=obsidian] .workspace{--accent:#d8bd88;--soft-accent:#d8bd881c;--panel:#171719;--panel2:#242326;--bg:#101113;--text:#f0eade;--muted:#b1aaa0;background:#101113}[data-premium=on][data-premium-theme=pearl] .workspace{--bg:#edf0f7;--panel:#fff;--panel2:#e4e8f2;--text:#29314b;--muted:#63718b;--accent:#7666ad;--accent-ink:#fff;--line:#3c45771a;--liquid-edge:#3c457730;--liquid-surface:#fffffff0;--soft-accent:#8579bf18;background:radial-gradient(ellipse at 85% 0,#e8ddef,transparent 60%),#edf0f7}
[data-weather=sunny] .workspace:not(.utility-view) .main-pane:before{background:radial-gradient(ellipse at 90% 5%,#f9d38330,transparent 55%),radial-gradient(ellipse at 20% 45%,#ffffff09,transparent 20%)}[data-weather=cloudy] .workspace:not(.utility-view) .main-pane:before{background:radial-gradient(ellipse at 20% 30%,#a4c8eb20,transparent 40%),radial-gradient(ellipse at 80% 60%,#8fb4d315,transparent 40%);animation:cloud-shift 18s ease-in-out infinite alternate}[data-weather=rain] .workspace:not(.utility-view) .main-pane:before,[data-weather=storm] .workspace:not(.utility-view) .main-pane:before{background:repeating-linear-gradient(105deg,transparent 0 38px,#badfff12 39px 40px,transparent 41px 95px),linear-gradient(#26364b22,#18253122);background-size:140px 210px,100% 100%;animation:rain-fall 2s linear infinite}[data-weather=storm] .workspace:not(.utility-view) .main-pane:before{background-size:70px 150px,100% 100%;animation-duration:1s;opacity:.85}[data-weather=snow] .workspace:not(.utility-view) .main-pane:before{background:radial-gradient(circle,#fff4 0 1px,transparent 2px),radial-gradient(circle,#fff2 0 2px,transparent 3px);background-size:71px 97px,131px 173px;animation:snow-fall 16s linear infinite}@keyframes rain-fall{to{background-position:-45px 210px,0 0}}@keyframes snow-fall{to{background-position:30px 194px,-20px 346px}}@keyframes cloud-shift{to{transform:translateX(30px);opacity:.55}}
@media(min-width:781px){.workspace{max-width:none!important;width:100%!important;padding:10px!important}.workspace:not(.settings-workspace){grid-template-columns:68px minmax(270px,310px) minmax(0,1fr)!important}.workspace .message-area{padding-inline:28px}.workspace .message{max-width:88%}.workspace .composer-shell{padding-inline:24px}.workspace .main-pane{position:relative}}
@media(max-width:780px){.workspace.utility-view:not(.settings-workspace) .main-pane{display:flex!important;flex-direction:column}.feature-page{padding:18px 16px 40px}.feature-header{gap:12px;margin-bottom:22px}.feature-header h1{font-size:25px}.feature-header p{font-size:11px}.person-cover{height:155px}.person-identity{padding:0 20px 20px}.person-identity>.avatar{width:84px;height:84px;border-radius:27px;margin-top:-42px}.person-identity h2{font-size:25px}.person-actions{padding:0 20px 22px}.person-actions .btn{font-size:12px;padding:12px 15px}.person-section{padding:20px}.person-section p{font-size:13px}.balance-card{padding:25px}.balance-card h2{font-size:44px}.balance-card .btn{font-size:12px}.wallet-links{grid-template-columns:1fr}.style-shop{gap:9px}.style-shop article{padding:16px}.style-shop article>b{font-size:19px}.premium-hero h2{font-size:34px}.premium-features{grid-template-columns:1fr}.premium-features article{padding:17px}.premium-features p{margin-bottom:0}.premium-plans{grid-template-columns:1fr 1fr}.feature-form{padding:18px}.workspace .composer{border-radius:26px;padding:5px 6px;box-shadow:0 4px 20px #0002}.workspace .composer .send-button{border-radius:50%!important}.workspace .composer textarea{padding-block:11px}.workspace .chat-sidebar{overflow-x:hidden!important}.workspace .sidebar-head{padding-inline:17px}.workspace .main-pane{position:relative}}
@media(prefers-reduced-motion:reduce){.workspace .main-pane:before,.entry-layout:before,.page-skeleton{animation:none!important}}
.workspace .main-pane{transform:none!important}.workspace .main-pane>.feature-page,.workspace .main-pane>.settings-content{will-change:auto}.premium-features{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-hero .btn:disabled{opacity:.65;cursor:default}
@media(max-width:780px){.premium-features{grid-template-columns:1fr}}

/* 0.15.1 — continuous shapes and precise single focus borders. */
.searchbox,.workspace .searchbox,dialog .searchbox{box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:18px;outline:0!important;box-shadow:none!important;transition:border-color .2s,background .2s}
.searchbox:focus-within,.workspace .searchbox:focus-within,dialog .searchbox:focus-within{border-color:var(--accent);outline:0!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
.searchbox input,dialog .searchbox input,.workspace .searchbox input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;min-width:0;border-radius:0!important}
.new-dialog-button{box-sizing:border-box;width:46px!important;height:46px!important;min-width:46px;padding:0!important;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)!important;border-radius:16px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel))!important;box-shadow:inset 0 1px 0 #ffffff0d!important;outline-offset:3px}.new-dialog-button svg{width:21px;height:21px}
.chat-row{position:relative;display:flex;align-items:center;min-width:0;border-radius:20px}.chat-row .chat-item{flex:1;min-width:0;padding-right:38px!important}.chat-row-menu{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:36px;border:0;background:transparent;color:var(--muted);border-radius:11px;display:grid;place-items:center}.chat-row-menu:hover,.chat-row-menu:focus-visible{background:var(--soft-accent);color:var(--accent)}.chat-row-menu svg{width:19px;height:19px}.chat-tools-caption{color:var(--muted);margin:0 0 20px;font-size:13px}.chat-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.chat-tools-grid button{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:18px 5px;display:flex;align-items:center;flex-direction:column;gap:11px;font-size:11px;color:var(--text);transition:background .2s,transform .2s}.chat-tools-grid button:hover{transform:translateY(-2px);background:var(--soft-accent)}.chat-tools-grid svg{width:23px;height:23px;color:var(--accent)}.chat-background-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chat-background-grid button{min-height:90px;border:1px solid #ffffff25;border-radius:20px;color:#fff}.background-default{background:#22232c}.background-iris,[data-chat-background=iris]{background:radial-gradient(ellipse at 90% 10%,#58477455,transparent 70%),var(--bg)!important}.background-lagoon,[data-chat-background=lagoon]{background:radial-gradient(ellipse at 90% 10%,#277b7755,transparent 70%),var(--bg)!important}.background-ember,[data-chat-background=ember]{background:radial-gradient(ellipse at 90% 10%,#a4514555,transparent 70%),var(--bg)!important}.background-graphite,[data-chat-background=graphite]{background:linear-gradient(135deg,#23252d,#14151b)!important}
.main-pane,.entry-layout{position:relative;isolation:isolate}.falling-objects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:inherit}.falling-objects i{position:absolute;top:-50px;left:var(--x);width:var(--size);height:var(--size);border:1px solid color-mix(in srgb,var(--accent,#b8a5da) 25%,transparent);background:color-mix(in srgb,var(--accent,#b8a5da) 9%,transparent);border-radius:28%;animation:linkfy-object-fall var(--duration) var(--delay) linear infinite;will-change:transform}.falling-objects i:nth-child(3n){border-radius:50%;background:color-mix(in srgb,var(--accent,#b8a5da) 12%,transparent)}.falling-objects i:nth-child(4n){clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0}.workspace.utility-view .falling-objects{opacity:.35}.entry-layout .falling-objects{opacity:.8}.main-pane:before{opacity:.3!important}
@keyframes linkfy-object-fall{0%{transform:translate3d(0,-40px,0) rotate(0);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translate3d(var(--drift),110vh,0) rotate(var(--turn));opacity:0}}
@media(prefers-reduced-motion:reduce){.falling-objects i{animation:none;top:calc(var(--x) * .8);opacity:.25}.chat-tools-grid button{transition:none}}
.workspace .main-pane>.falling-objects{z-index:0}.workspace .main-pane>.message-area{position:relative;z-index:1;background:transparent!important}.workspace .main-pane>.chat-header,.workspace .main-pane>.composer-shell,.workspace .main-pane>.demo-bar{position:relative;z-index:2}.workspace .main-pane>.feature-page,.workspace .main-pane>.settings-content{position:relative;z-index:1}.falling-objects i{background:color-mix(in srgb,var(--accent,#b8a5da) 13%,transparent)}

/* Rain on glass: transparent and behind messages, no photographic backdrop. */
.rain-glass{position:absolute;inset:0;width:100%;height:100%;pointer-events:none!important;z-index:0;border-radius:inherit}.rain-preview{position:relative;isolation:isolate;overflow:hidden;height:220px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 80% 10%,#588c9140,transparent 70%),linear-gradient(140deg,#20232f,#14171e);margin:20px 0}.rain-preview-caption{position:absolute;bottom:23px;left:22px;z-index:1;color:#e3e5ef;font-size:20px;font-weight:600;pointer-events:none}.rain-preview-caption small{font-size:12px;color:#b9c3d0;font-weight:400}.rain-enable{display:flex;align-items:center;gap:12px;padding-top:16px}.rain-enable input{width:20px;height:20px;accent-color:var(--accent)}.rain-presets{display:flex;gap:8px;margin-bottom:22px}.rain-presets button{flex:1;border:1px solid var(--line);border-radius:14px;background:var(--soft-accent);padding:12px 6px;color:var(--text)}.rain-slider{display:block;margin:20px 0}.rain-slider>span{display:flex;justify-content:space-between;font-size:13px}.rain-slider output{color:var(--accent);font-variant-numeric:tabular-nums}.rain-slider input{width:100%;height:24px;margin:10px 0 4px;accent-color:var(--accent);padding:0;box-shadow:none}.rain-slider small{font-size:11px;color:var(--muted)}
.rain-settings{padding:18px!important}.rain-settings .settings-section-title{padding:0 0 15px!important}.rain-settings>.small{line-height:1.7}.rain-settings .rain-preview{margin-top:18px}

/* Readable layouts for phones, tablets and desktop. */
.workspace .bubble{font-size:17px;line-height:1.55;background:var(--panel2);box-shadow:none;backdrop-filter:none;padding:12px 15px 9px}.workspace .message-meta{font-size:12px!important;line-height:1.4;font-weight:500;opacity:1;color:var(--muted);font-variant-numeric:tabular-nums}.workspace .message-meta .icon{width:16px;height:16px}.workspace .chat-time{display:none}.workspace .chat-name{font-size:16px}.workspace .chat-snippet{font-size:14px;line-height:1.5}.workspace .chat-item{min-height:80px}.workspace .chat-count{font-size:13px}.workspace .filter-tab{font-size:13px;min-height:38px}.workspace .chat-header{backdrop-filter:none!important;background:var(--panel);border-bottom:1px solid var(--line)}.workspace .main-pane{border:0!important;border-radius:18px!important;box-shadow:none!important}.workspace .composer-note{display:none!important}.workspace .composer-shell{padding-bottom:max(14px,env(safe-area-inset-bottom))}.workspace .composer textarea{font-size:17px}.workspace .message-menu{width:28px;min-width:28px;height:36px;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;color:var(--muted);align-self:center}.workspace .message-menu .icon{width:20px;height:20px;stroke-width:3;stroke-linecap:round}.workspace .message{gap:6px}.workspace .day-label:before,.workspace .day-label:after{display:none}.workspace .day-label span{font-size:12px}.workspace .sidebar-head>.row.spread{justify-content:flex-start;gap:12px}.workspace .sidebar-head h1{flex:0 1 auto;font-size:26px;letter-spacing:-.8px}.workspace .new-dialog-button{width:40px!important;min-width:40px;height:40px!important;border-radius:13px!important}.workspace .sidebar-head{padding:20px 14px 10px}.workspace .chat-list{padding-inline:6px}.workspace .chat-item{padding-left:10px}.workspace .section-overline{font-size:11px}.workspace .topbar-help{display:flex;align-items:center;gap:8px;padding:10px;border:0;border-radius:12px;color:var(--muted);background:transparent}.topbar-help .icon{width:21px;height:21px}.topbar-help span{font-size:14px}.workspace .topbar-breadcrumb{display:none}.workspace .topbar-appearance span{font-size:14px}.workspace .rail-item span{font-size:11px}.workspace .rail{backdrop-filter:none;box-shadow:none}.workspace .settings-nav b,.workspace .setting-row b{font-size:16px}.workspace .setting-row p,.workspace .settings-nav small,.workspace .settings-footnote{font-size:13px;line-height:1.6}.workspace .settings-title p,.workspace .settings-page-header p{font-size:13px}.workspace .settings-section-title{font-size:15px}.workspace .settings-body select{font-size:15px}.appearance-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-bottom:24px}.appearance-tabs button{flex:1;padding:12px 8px;border:0;border-radius:12px;font-size:15px;color:var(--muted);background:transparent}.appearance-tabs button[aria-pressed=true]{background:var(--soft-accent);color:var(--text);font-weight:600}.appearance-body{animation:message-fade .2s ease-out}.readability-preview{padding:22px;background:var(--panel2);border-radius:20px;max-width:360px}.readability-preview span{font-size:12px;color:var(--muted)}.linkfy-about{padding:12px 4px 20px}.linkfy-about p{font-size:16px;line-height:1.65;margin:24px 0}.about-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:14px}.rain-slider>span{font-size:15px}.rain-slider small,.rain-settings>.small{font-size:13px}
[data-size=large] .workspace .bubble{font-size:19px!important}
@media(hover:hover) and (pointer:fine){.workspace .message-menu{opacity:0;transition:opacity .15s}.workspace .message:hover .message-menu,.workspace .message:focus-within .message-menu{opacity:1}}
@media(min-width:781px) and (max-width:1100px){.workspace:not(.settings-workspace){grid-template-columns:58px 230px minmax(0,1fr)!important;gap:8px!important;padding:8px!important}.workspace.settings-workspace{grid-template-columns:58px 230px minmax(0,1fr)!important;gap:8px!important}.workspace .topbar-help span,.workspace .topbar-appearance span,.workspace .account-control>span,.workspace .brand-by{display:none}.workspace .workspace-topbar{padding:8px 12px;min-height:62px}.workspace .sidebar-head h1{font-size:23px}.workspace .sidebar-head{padding-inline:10px}.workspace .chat-count{margin-left:5px}.workspace .message-area{padding:20px 12px}.workspace .message{max-width:96%}.workspace .composer-shell{padding-inline:10px}.workspace .composer{gap:0;padding:5px}.workspace .composer .icon-btn,.workspace .composer .send-button{width:36px;min-width:36px}.workspace .composer textarea{padding-inline:5px}.workspace .details-panel{display:none!important}.workspace .sidebar-bottom{display:none}.workspace .chat-row .avatar{width:40px;height:40px}.workspace .chat-name{font-size:15px}.workspace .chat-sidebar,.workspace .rail{border-radius:18px}.workspace .settings-content{padding:22px 18px}.workspace .settings-nav small{display:none}.workspace .rail-item{padding-inline:2px}.workspace .rail-item span{font-size:10px}.workspace .topbar-actions{gap:5px}}
@media(min-width:1101px){.workspace:not(.settings-workspace){grid-template-columns:68px 290px minmax(0,1fr)!important}.workspace .message-area{padding:24px 24px}.workspace .message{max-width:85%}}
@media(max-width:780px){.workspace .main-pane{border-radius:0!important}.workspace .bubble{font-size:17px}.workspace .message-meta{font-size:12px!important}.workspace .chat-heading h2{font-size:16px}.workspace .chat-heading p{font-size:12px}.workspace .sidebar-head h1{font-size:28px}.workspace .rail .about-linkfy{display:none}.workspace .rail-item span{font-size:11px}.workspace .settings-content{padding-inline:16px}.workspace .appearance-tabs{gap:2px}.appearance-tabs button{padding:12px 5px;font-size:14px}.workspace .message-area{padding-inline:10px}.workspace .chat-name{font-size:17px}.workspace .chat-snippet{font-size:14px}.workspace .chat-item{min-height:82px}.workspace .composer textarea{font-size:17px}.workspace .message-menu{width:24px;min-width:24px}}

.season-collection{padding:22px;border-radius:24px;border:1px solid #c9986340;background:linear-gradient(125deg,#b9773018,transparent);margin-bottom:28px}.season-heading>span{font-size:10px;letter-spacing:1.7px;color:var(--muted)}.season-heading h2{font-size:28px;margin:9px 0}.season-heading p{font-size:14px;color:var(--muted);margin-bottom:23px}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wallpaper-card{overflow:hidden;padding:0;border-radius:17px;background:var(--panel);border:2px solid transparent;min-width:0;text-align:left}.wallpaper-card.selected{border-color:var(--accent)}.wallpaper-card img{width:100%;height:155px;object-fit:cover;display:block;transition:transform .3s}.wallpaper-card:hover img{transform:scale(1.035)}.wallpaper-card span{display:block;padding:12px 8px;font-size:13px;color:var(--text);line-height:1.4}.permanent-collection{margin:24px 0 30px}.wallpaper-demo{height:330px;border-radius:20px;background-size:260px auto;padding:50px 18px;display:flex;flex-direction:column;gap:25px;margin-bottom:18px}.wallpaper-demo-bubble{background:#fff;color:#262438;padding:14px 16px;border-radius:18px 18px 18px 5px;max-width:85%;box-shadow:0 3px 14px #0002;font-size:16px}.wallpaper-demo-bubble.outgoing{align-self:flex-end;background:#e9defb;border-radius:18px 18px 5px 18px}.wallpaper-demo-bubble small{display:block;font-size:11px;text-align:right;margin-top:7px;color:#656071}.wallpaper-art{position:absolute;inset:0;z-index:0;pointer-events:none;background-size:360px auto;background-repeat:repeat;opacity:.24;border-radius:inherit}.main-pane[data-illustrated=true]>.falling-objects{display:none}.main-pane[data-illustrated=true]>.rain-glass{z-index:1}.main-pane[data-illustrated=true]>.message-area{z-index:2}.main-pane[data-illustrated=true] .bubble{background:var(--panel2)}.main-pane[data-illustrated=true] .mine .bubble{background:color-mix(in srgb,var(--accent) 25%,var(--panel))}[data-theme=light] .wallpaper-art{opacity:.38}@media(max-width:780px){.season-collection{padding:16px}.wallpaper-grid{gap:8px}.wallpaper-card img{height:130px}.wallpaper-card span{font-size:12px;padding:10px 6px}.season-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.wallpaper-card img{transition:none}}

.wallpaper-demo{position:relative;isolation:isolate;overflow:hidden;background:var(--panel2)}.wallpaper-demo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.wallpaper-demo-bubble{position:relative;flex-shrink:0}

/* Conversation recovery states */
.conversation-state{min-height:240px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:32px;color:var(--text)}
.conversation-state h3{font-size:19px;margin:0}.conversation-state p{max-width:360px;line-height:1.6;opacity:.7;margin:0 0 8px}
.chat-spinner{width:28px;height:28px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:chat-spin .8s linear infinite;opacity:.65}
@keyframes chat-spin{to{transform:rotate(360deg)}}
.connection-bar:not([hidden]){display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:10px 16px;font-size:13px;line-height:1.5}.connection-bar .text-btn{flex-shrink:0;min-height:32px}
@media(prefers-reduced-motion:reduce){.chat-spinner{animation:none}}

.send-status{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;line-height:1.5;color:var(--muted)}.send-status.error{border:1px solid #d77e6d55;border-radius:14px;background:#d77e6d0c;color:var(--text)}.send-status.error .icon-btn{margin-left:auto;flex-shrink:0}.send-status-dot{width:8px;height:8px;background:currentColor;border-radius:50%;animation:send-pulse 1s ease-in-out infinite}@keyframes send-pulse{50%{opacity:.3}}
#modal[data-kind=media]{width:min(1000px,96vw);max-width:96vw}.viewer-toolbar{display:flex;align-items:center;gap:16px;padding:8px 0 16px;font-size:13px}.viewer-filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7}.viewer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.viewer-actions button:disabled{opacity:.3;cursor:default}#modal[data-kind=media] .media-viewer{height:min(65dvh,700px);overflow:auto;display:flex;align-items:center;justify-content:center;background:#0005;border-radius:16px}#modal[data-kind=media] .media-viewer img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}#modal[data-kind=media] .media-viewer.zoomed{display:block}#modal[data-kind=media] .media-viewer.zoomed img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%}
@media(max-width:600px){.viewer-toolbar{gap:9px}.viewer-actions .btn{padding:10px 14px}.send-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.send-status-dot{animation:none}}
/* Bubble collection — consistent surfaces, readable messages, quiet depth. */
.workspace{--float-surface:color-mix(in srgb,var(--panel) 92%,transparent);--bubble-in:color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%);--bubble-out:color-mix(in srgb,var(--panel2) 74%,var(--accent) 26%);--edge:color-mix(in srgb,var(--text) 10%,transparent);background:radial-gradient(ellipse at 75% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 58%),var(--bg)}
.workspace .chat-sidebar{border:1px solid var(--edge);border-radius:28px;background:var(--float-surface);box-shadow:0 18px 50px #00000010}
.workspace .main-pane{border:1px solid var(--edge);border-radius:28px;overflow:hidden;background-color:var(--bg);box-shadow:0 18px 60px #00000014}
.workspace .rail{border:1px solid var(--edge);border-radius:30px;background:var(--float-surface);box-shadow:0 12px 40px #00000010}
.workspace .sidebar-head{padding:25px 20px 17px}.workspace .sidebar-head h1{font-size:28px;letter-spacing:-1.1px}.workspace .sidebar-caption{opacity:.65;letter-spacing:.06em}
.workspace .sidebar-head .icon-btn{border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent);box-shadow:inset 0 1px 0 #ffffff0c}
.workspace .searchbox{border-radius:22px;background:color-mix(in srgb,var(--bg) 70%,var(--panel));border:1px solid var(--edge);box-shadow:inset 0 2px 7px #00000008;padding-inline:15px;transition:border-color .2s,box-shadow .2s}.workspace .searchbox:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.workspace .searchbox input:focus{outline:none!important;box-shadow:none!important}
.workspace .filter-tabs{background:transparent;border:0;padding:0;gap:5px}.workspace .filter-tab{border-radius:30px;padding:9px 12px;border:1px solid transparent;transition:background .2s,color .2s}.workspace .filter-tab.active{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);border-color:color-mix(in srgb,var(--accent) 20%,transparent)}
.workspace .chat-list{padding:4px 10px 18px}.workspace .chat-item{border-radius:22px;margin:4px 0;padding:16px 13px;border:1px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}.workspace .chat-item:hover{background:color-mix(in srgb,var(--text) 4%,var(--panel))}.workspace .chat-item.active{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),color-mix(in srgb,var(--accent) 8%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 23%,transparent);box-shadow:inset 0 1px 0 #ffffff09,0 5px 18px #00000008}.workspace .chat-item.active .chat-name{color:var(--text)}.workspace .chat-item .avatar{width:49px;height:49px}.workspace .unread{border-radius:50%;min-width:22px;height:22px;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 15%,transparent)}
.workspace .chat-header{background:var(--float-surface);border-bottom:1px solid var(--edge);padding:17px 26px;min-height:82px;height:82px;backdrop-filter:blur(18px)}.workspace .header-tools .icon-btn{border-radius:50%;border:1px solid var(--edge);background:color-mix(in srgb,var(--text) 3%,transparent);width:40px;height:40px}.workspace .chat-heading h2{font-size:18px}.workspace .chat-heading p{margin-top:4px;font-size:12px}.workspace .header-tools{gap:8px}
.workspace .message-area{padding:24px clamp(16px,4vw,66px);scrollbar-width:thin}.workspace .message{margin-bottom:15px;gap:8px;max-width:82%}.workspace .message-continuation{margin-top:-8px}.workspace .bubble,.workspace .main-pane[data-illustrated=true] .bubble{background:var(--bubble-in);border:1px solid var(--edge);border-radius:25px 25px 25px 9px;padding:13px 17px 9px;box-shadow:0 4px 16px #0000000c,inset 0 1px 0 #ffffff07;line-height:1.55}.workspace .mine .bubble,.workspace .main-pane[data-illustrated=true] .mine .bubble{background:linear-gradient(130deg,color-mix(in srgb,var(--bubble-out) 94%,white 6%),var(--bubble-out));border-color:color-mix(in srgb,var(--accent) 20%,transparent);border-radius:25px 25px 9px 25px;box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 5%,transparent),inset 0 1px 0 #ffffff12}.workspace .message-meta{margin-top:5px;gap:6px;font-size:12px!important;color:color-mix(in srgb,var(--text) 62%,transparent)}.workspace .message-meta .read{color:var(--accent)}.workspace .message.deleted .bubble{background:transparent;box-shadow:none}.workspace .message-reply{border-radius:13px;background:color-mix(in srgb,var(--bg) 26%,transparent);padding:8px 12px}.workspace .reaction{border-radius:20px;padding:4px 10px;box-shadow:0 2px 6px #00000008}.workspace .day-label span{border-radius:30px;padding:6px 14px;background:var(--float-surface);border:1px solid var(--edge);font-size:11px;box-shadow:0 3px 12px #00000008}
.workspace .composer-shell{border-top:0;background:linear-gradient(transparent,var(--bg) 80%);padding:13px clamp(16px,3vw,42px) 19px}.workspace .composer{border-radius:32px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:color-mix(in srgb,var(--panel2) 88%,var(--bg));padding:8px 9px 8px 12px;gap:5px;box-shadow:0 12px 35px #00000018,inset 0 1px 0 #ffffff0b;transition:border-color .2s,box-shadow .2s}.workspace .composer:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 10px 32px #00000018,0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}.workspace .composer .icon-btn{border-radius:50%;background:transparent}.workspace .composer textarea{padding:11px 7px;font-size:17px;line-height:1.5}.workspace .send-button{border-radius:50%!important;width:44px;height:44px;background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 17px color-mix(in srgb,var(--accent) 24%,transparent);transition:transform .18s,box-shadow .18s}.workspace .send-button:hover{transform:translateY(-2px);box-shadow:0 7px 22px color-mix(in srgb,var(--accent) 32%,transparent)}.workspace .send-button:active{transform:scale(.94)}.workspace .compose-context,.workspace .attachment-draft{border-radius:20px}.workspace .jump-latest{border-radius:30px;box-shadow:0 6px 22px #0002}.workspace .image-attachment{border-radius:18px;overflow:hidden}.workspace .image-attachment img{border-radius:16px}.workspace .voice-player{border-radius:22px;background:color-mix(in srgb,var(--bg) 20%,transparent)}.workspace .voice-play{border-radius:50%}
.workspace .settings-section{border-radius:24px;border:1px solid var(--edge);background:color-mix(in srgb,var(--panel) 80%,transparent);overflow:hidden}.workspace .settings-link-row{border-radius:17px}.workspace .settings-tab{border-radius:18px}.workspace .person-page{border-radius:28px;overflow:hidden}.workspace .person-section{border-radius:23px}.workspace .sidebar-bottom{border-radius:22px;background:transparent;border-color:var(--edge)}
[data-theme=light] .workspace{--bubble-in:#ffffff;--bubble-out:color-mix(in srgb,var(--accent) 16%,#f7f7ff);--float-surface:#ffffffdd;--edge:#27234b12}[data-theme=light] .workspace .composer{background:#ffffffed;box-shadow:0 8px 32px #4034700d,inset 0 1px 0 white}[data-theme=light] .workspace .bubble{box-shadow:0 3px 13px #30274f08}[data-theme=light] .workspace .chat-header{background:#ffffffda}
@media(hover:hover){.workspace .message-menu{opacity:0;transition:opacity .18s}.workspace .message:hover .message-menu,.workspace .message:focus-within .message-menu{opacity:1}}
@media(min-width:1101px){.workspace .chat-sidebar{min-width:0}.workspace .message{max-width:76%}}
@media(max-width:780px){.workspace .chat-sidebar{border-radius:0;border:0}.workspace .main-pane{border:0!important}.workspace .chat-header{height:74px;min-height:74px;padding:12px 14px}.workspace .chat-heading h2{font-size:17px}.workspace .header-tools{gap:4px}.workspace .header-tools .icon-btn{width:35px;height:35px;border:0;background:transparent}.workspace .message-area{padding:18px 10px}.workspace .message{max-width:92%;gap:5px}.workspace .bubble{padding:11px 14px 8px;border-radius:23px 23px 23px 8px}.workspace .mine .bubble{border-radius:23px 23px 8px 23px}.workspace .composer-shell{padding:9px 9px max(10px,env(safe-area-inset-bottom))}.workspace .composer{padding:6px 7px;border-radius:29px;gap:2px}.workspace .composer textarea{padding-inline:4px}.workspace .composer .icon-btn{width:34px;min-width:34px}.workspace .send-button{width:40px;height:40px}.workspace .chat-item{border-radius:24px;min-height:88px}.workspace .sidebar-head{padding:24px 20px 16px}.workspace .sidebar-head h1{font-size:31px}.workspace .rail{border-radius:30px 30px 0 0}.workspace .settings-section{border-radius:21px}.workspace .message-menu{opacity:.5;width:22px;min-width:22px}}
@media(prefers-reduced-motion:reduce){.workspace .send-button,.workspace .chat-item,.workspace .composer,.workspace .message-menu{transition:none}.workspace .send-button:hover{transform:none}}
[data-bubbles=square] .workspace .main-pane .bubble{border-radius:7px}[data-bubbles=outline] .workspace .main-pane .bubble{background:transparent;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:none}
/* Transform SVG icons around their own centre without shifting labels. */
.rail-item>svg,.topbar-help>svg,.topbar-appearance>svg,.settings-nav button svg{transform-origin:center;transform-box:fill-box}
.rail-item svg [data-part],.topbar-help svg [data-part]{transform-origin:center;transform-box:fill-box}
/* Touch-driven glass tab selector, based on the supplied iPhone motion reference. */
.workspace .rail{isolation:isolate;overflow:visible!important;background:color-mix(in srgb,var(--panel) 78%,transparent)!important;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);box-shadow:inset 0 1px 0 #ffffff18,0 8px 28px #0002;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);touch-action:none;user-select:none}
.workspace .rail .rail-item{position:relative;z-index:2;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:color .2s;touch-action:none}.workspace .rail .rail-item.active{color:var(--accent)!important}.workspace .rail .rail-item:active{opacity:1}.workspace .rail .rail-item svg{pointer-events:none}.workspace .rail .rail-item span{pointer-events:none}
.workspace .rail .glass-lens{z-index:1;opacity:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible;border-radius:30px;transition:none!important;pointer-events:none}.workspace .rail .glass-lens.ready{opacity:1!important}
.workspace .rail .glass-lens:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff1f,#ffffff08 45%,#ffffff10);border:1px solid #ffffff2b;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff18,0 3px 10px #00000016;backdrop-filter:blur(9px) saturate(155%);-webkit-backdrop-filter:blur(9px) saturate(155%);transition:transform .25s cubic-bezier(.2,.9,.25,1.3),box-shadow .2s,background .2s}
.workspace .rail.lens-pressed .glass-lens:before{transform:scale(1.11,1.12);background:radial-gradient(ellipse at 10% 0%,#ffffff40,transparent 60%),linear-gradient(145deg,#ffffff16,#ffffff03);border-color:#ffffff65;box-shadow:inset 1px 2px 2px #ffffff65,inset -1px -2px 2px #ffffff25,0 8px 24px #0003}
.workspace .rail.lens-dragging .rail-item.active{color:var(--muted)!important}.workspace .rail .rail-item.lens-hover{color:var(--accent)!important}
[data-theme=light] .workspace .rail .glass-lens:before{background:linear-gradient(140deg,#ffffffab,#ffffff28);border-color:#ffffffd9;box-shadow:inset 0 1px 1px white,0 2px 9px #29244912}
@media(max-width:780px){.workspace .rail{border-radius:40px!important;padding:5px!important;margin:0 10px 10px;width:calc(100% - 20px)!important;min-height:68px}.workspace .rail .rail-item{border-radius:32px!important;height:58px;padding:7px 1px;gap:5px}.workspace .rail .rail-item span{font-size:10px}.workspace .rail .glass-lens{border-radius:32px}.workspace .rail.lens-pressed .glass-lens:before{transform:scale(1.07,1.18)}}
@media(prefers-reduced-motion:reduce){.workspace .rail .glass-lens:before{transition:none}.workspace .rail.lens-pressed .glass-lens:before{transform:none}}
/* Clear lens: thin curved highlights and soft moving refraction. */
.workspace .rail{background:color-mix(in srgb,var(--panel) 42%,transparent)!important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-color:#ffffff20!important;box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #ffffff08,0 8px 28px #00000020}
.workspace .rail .glass-lens:before{background:radial-gradient(ellipse at 24% -25%,#ffffff45,transparent 53%),radial-gradient(ellipse at 90% 130%,#b5d9ff28,transparent 55%),linear-gradient(135deg,#ffffff0c,#ffffff02 50%,#ffffff0a)!important;border:1px solid #ffffff48!important;box-shadow:inset 0 1.5px 1px #ffffff88,inset 1px 0 1px #ffffff30,inset -1px -1.5px 1px #c8ddff55,0 4px 12px #00000018!important;backdrop-filter:blur(3px) saturate(190%) brightness(1.12);-webkit-backdrop-filter:blur(3px) saturate(190%) brightness(1.12);transition:transform .48s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s}
.workspace .rail .glass-lens:after{content:'';position:absolute;inset:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from 35deg,transparent 0deg,#ffffff70 55deg,transparent 95deg,transparent 180deg,#ffffff50 240deg,transparent 290deg);padding:1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.7;transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .3s}
.workspace .rail.lens-pressed .glass-lens:before{transform:scale(1.12,1.14);backdrop-filter:blur(2px) saturate(210%) brightness(1.2);-webkit-backdrop-filter:blur(2px) saturate(210%) brightness(1.2);box-shadow:inset 0 2px 2px #ffffffa0,inset 2px 0 2px #ffffff35,inset -1px -2px 2px #d0e7ff80,0 8px 22px #00000024!important}
.workspace .rail.lens-pressed .glass-lens:after{transform:scale(1.12,1.14);opacity:1}
@media(max-width:780px){.workspace .rail.lens-pressed .glass-lens:before,.workspace .rail.lens-pressed .glass-lens:after{transform:scale(1.08,1.2)}}
@media(prefers-reduced-motion:reduce){.workspace .rail .glass-lens:before,.workspace .rail .glass-lens:after{transition:none!important;transform:none!important}}
/* Clear glass v3: specular rim with a travelling reflection. */
.workspace .rail{background:color-mix(in srgb,var(--panel) 27%,transparent)!important;border-color:#ffffff29!important;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #ffffff12,0 8px 26px #00000018}
.workspace .rail .glass-lens:before{background:radial-gradient(ellipse at 18% -25%,#ffffff6b,transparent 46%),radial-gradient(ellipse at 105% 115%,#c0e4ff38,transparent 45%),linear-gradient(125deg,#ffffff09,transparent 48%,#ffffff05)!important;border-color:#ffffff70!important;box-shadow:inset 0 2px 1px #ffffffba,inset 1.5px 0 1.5px #ffffff4a,inset -1.5px -2px 1px #ceeaff8c,0 2px 6px #00000012,0 0 12px #c5ddff0a!important;backdrop-filter:blur(1.5px) saturate(190%) brightness(1.09);-webkit-backdrop-filter:blur(1.5px) saturate(190%) brightness(1.09)}
.workspace .rail .glass-lens:after{inset:1px;background:conic-gradient(from 20deg,transparent 0deg,#ffffffcc 42deg,#d8efff60 63deg,transparent 100deg,transparent 170deg,#ffffffa8 220deg,#bcdfff70 248deg,transparent 285deg);opacity:.9;padding:1.5px}
.workspace .rail .glass-lens .lens-sheen{position:absolute;inset:2px;border-radius:inherit;pointer-events:none;overflow:hidden;opacity:.65;transition:opacity .3s,transform .48s cubic-bezier(.16,1,.3,1)}
.workspace .rail .glass-lens .lens-sheen:before{content:'';position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 34%,#ffffff02 40%,#ffffff32 47%,#ffffff05 54%,transparent 61%);transform:translateX(-48%) rotate(-8deg)}
.workspace .rail.lens-pressed .glass-lens:before{background:radial-gradient(ellipse at 12% -15%,#ffffff70,transparent 48%),radial-gradient(ellipse at 110% 110%,#d6efff48,transparent 43%),#ffffff02!important;backdrop-filter:blur(1px) saturate(200%) brightness(1.14);-webkit-backdrop-filter:blur(1px) saturate(200%) brightness(1.14);box-shadow:inset 0 2.5px 1.5px #ffffffdb,inset 2px 0 2px #ffffff65,inset -2px -2.5px 2px #deefffb0,0 7px 24px #00000020,0 0 16px #d1e6ff10!important}
.workspace .rail.lens-pressed .lens-sheen{opacity:1;transform:scale(1.12,1.14)}
.workspace .rail.lens-pressed .lens-sheen:before{animation:lens-reflection 1.8s ease-in-out infinite alternate}
@keyframes lens-reflection{from{transform:translateX(-35%) rotate(-8deg)}to{transform:translateX(35%) rotate(-8deg)}}
[data-theme=light] .workspace .rail{background:#ffffff38!important;border-color:#ffffffb0!important}[data-theme=light] .workspace .rail .glass-lens:before{border-color:#ffffffe0!important;box-shadow:inset 0 2px 1px #fff,inset -1.5px -2px 2px #fff9,0 3px 10px #38314e15!important}
@media(max-width:780px){.workspace .rail.lens-pressed .lens-sheen{transform:scale(1.08,1.2)}}
@media(prefers-reduced-motion:reduce){.workspace .rail .lens-sheen{transition:none!important;transform:none!important}.workspace .rail .lens-sheen:before{animation:none!important}}
/* Unified clear glass surfaces — settings, profiles, menus and controls. */
.workspace{--ui-glass:color-mix(in srgb,var(--panel) 65%,transparent);--ui-rim:color-mix(in srgb,var(--text) 17%,transparent);--ui-glint:#ffffff36;--ui-depth:0 8px 25px #00000012}
.workspace .settings-section,.workspace .person-section,.workspace .person-page,.workspace .balance-card,.workspace .premium-hero,.workspace .premium-features article,.workspace .premium-plans button,.workspace .feature-form,.workspace .style-shop article,.workspace .admin-overview,.workspace .admin-metrics>div,.workspace .session,.workspace .season-collection{background:linear-gradient(135deg,#ffffff06,transparent 55%),var(--ui-glass)!important;border:1px solid var(--ui-rim)!important;border-radius:27px;box-shadow:inset 0 1px 0 var(--ui-glint),inset 0 -1px 0 #ffffff0b,var(--ui-depth);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}
.workspace.settings-workspace .main-pane,.workspace.utility-view .main-pane{background:radial-gradient(ellipse at 95% 5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),var(--bg)}
.workspace .settings-content,.workspace .feature-page{background:transparent!important}.workspace .settings-section{margin-bottom:18px}.workspace .setting-row{background:transparent;border-bottom-color:var(--ui-rim);padding:18px 20px}.workspace .setting-row:last-child{border-bottom:0}.workspace .setting-row p,.workspace .person-section p{line-height:1.65}
.workspace .settings-nav button,.workspace .settings-link-row,.workspace .shared-group,.workspace .profile-menu button{border-radius:21px;border:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}.workspace .settings-nav button:hover,.workspace .settings-link-row:hover,.workspace .shared-group:hover{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:var(--ui-rim);box-shadow:inset 0 1px 0 var(--ui-glint)}
.workspace .settings-nav button.active,.workspace .settings-nav button.selected{background:linear-gradient(130deg,#ffffff10,#ffffff03),color-mix(in srgb,var(--accent) 10%,transparent)!important;border:1px solid var(--ui-rim);box-shadow:inset 0 1px 1px #ffffff48,inset 0 -1px 0 #ffffff12,0 4px 15px #0001}
.workspace .settings-nav svg,.workspace .settings-link-row>svg{filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--accent) 18%,transparent))}
.workspace .settings-content input:not([type=range]):not([type=checkbox]),.workspace .settings-content textarea,.workspace .feature-form input,.workspace .feature-form textarea,#modal input:not([type=range]):not([type=checkbox]),#modal textarea{background:color-mix(in srgb,var(--bg) 45%,transparent);border:1px solid var(--line);border-radius:19px;box-shadow:inset 0 1px 5px #0000000b;transition:border-color .2s,box-shadow .2s}.workspace .settings-content input:focus,.workspace .settings-content textarea:focus,#modal input:focus,#modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.workspace .btn,.workspace .choice-button,.workspace .appearance-tabs button,#modal .btn{border-radius:24px;transition:background .2s,box-shadow .2s,transform .2s}.workspace .btn.ghost,#modal .btn.ghost{background:linear-gradient(135deg,#ffffff08,transparent);border:1px solid var(--ui-rim,var(--line));box-shadow:inset 0 1px 0 #ffffff25,0 3px 10px #00000008}.workspace .btn.primary,#modal .btn.primary{box-shadow:inset 0 1.5px 0 #ffffff48,0 5px 18px color-mix(in srgb,var(--accent) 16%,transparent)}.workspace .btn:active,#modal .btn:active{transform:scale(.98)}
.workspace .toggle{border:1px solid var(--ui-rim);box-shadow:inset 0 1px 4px #0002,inset 0 -1px 0 #ffffff12;transition:background .28s,border-color .28s}.workspace .toggle:after{box-shadow:inset 0 1px 1px #ffffffa0,0 2px 6px #0003;transition:transform .34s cubic-bezier(.2,.9,.25,1.2)}
.workspace .appearance-tabs{background:color-mix(in srgb,var(--panel) 45%,transparent);padding:5px;border:1px solid var(--ui-rim);border-radius:25px;box-shadow:inset 0 1px 0 #ffffff1c}.workspace .appearance-tabs button.active,.workspace .appearance-tabs button.selected{background:linear-gradient(130deg,#ffffff18,#ffffff05);border:1px solid var(--ui-rim);box-shadow:inset 0 1px 0 #ffffff40,0 2px 6px #0001}
.workspace .preset-card,.workspace .wallpaper-card{border-radius:24px;box-shadow:inset 0 1px 0 #ffffff25,0 5px 16px #0000000c}.workspace .preset-label,.workspace .wallpaper-card>span{background:var(--ui-glass);backdrop-filter:blur(12px)}
#modal{background:linear-gradient(135deg,#ffffff09,transparent 60%),color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--text) 21%,transparent);border-radius:31px;box-shadow:inset 0 1.5px 1px #ffffff45,inset 0 -1px 1px #ffffff12,0 24px 80px #0005;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}#modal::backdrop{background:#05091665;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}#modal .modal-action,#modal .member-row,#modal .chat-tools-grid button{border-radius:20px}#modal .modal-action:hover,#modal .chat-tools-grid button:hover{background:color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:inset 0 1px 0 #ffffff20}#modal .modal-header{border-bottom-color:#ffffff12}#modal .message-action-preview{border-radius:22px;background:color-mix(in srgb,var(--bg) 40%,transparent)}
.workspace .person-actions{gap:10px}.workspace .person-cover{border-radius:28px 28px 0 0}.workspace .profile-top{padding:18px;border:1px solid var(--ui-rim);border-radius:26px;background:var(--ui-glass);box-shadow:inset 0 1px 0 var(--ui-glint)}
[data-theme=light] .workspace{--ui-glass:#ffffffb0;--ui-rim:#b3accb40;--ui-glint:#ffffff;--ui-depth:0 6px 22px #40346508}[data-theme=light] #modal{background:linear-gradient(135deg,#ffffffef,#f7f6fbea);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 25px 80px #39304d25}[data-theme=light] .workspace .settings-nav button.active,[data-theme=light] .workspace .appearance-tabs button.active{background:#ffffffb0!important;box-shadow:inset 0 1px 0 white,0 3px 10px #4034650b}
@media(max-width:780px){.workspace .settings-section,.workspace .person-section{border-radius:24px}.workspace .setting-row{padding:16px 14px}.workspace .appearance-tabs{border-radius:23px}.workspace .appearance-tabs button{padding-inline:5px}.workspace .settings-nav button{border-radius:23px}#modal{border-radius:27px}}
@media(prefers-reduced-motion:reduce){.workspace .btn,.workspace .toggle,.workspace .toggle:after,.workspace .settings-nav button,.workspace .settings-link-row,#modal .btn{transition:none}.workspace .btn:active,#modal .btn:active{transform:none}}
/* Glass switches: fixed travel distance and a translucent lens thumb. */
.workspace .toggle{position:relative;width:54px;min-width:54px;height:32px;padding:3px;border-radius:30px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid color-mix(in srgb,var(--text) 22%,transparent);box-shadow:inset 0 2px 4px #0002,inset 0 -1px 0 #ffffff12;transition:background .42s ease,border-color .42s ease,box-shadow .42s ease}
.workspace .toggle:after{content:'';position:absolute;left:3px;top:3px;display:block;width:24px;height:24px;margin:0;border-radius:50%;box-sizing:border-box;background:radial-gradient(ellipse at 25% 0%,#ffffff9c,transparent 60%),linear-gradient(140deg,#ffffff48,#ffffff15);border:1px solid #ffffff85;box-shadow:inset 0 1.5px 1px #ffffffd0,inset 0 -1px 1px #ffffff50,0 2px 5px #0003;backdrop-filter:blur(3px) saturate(160%);-webkit-backdrop-filter:blur(3px) saturate(160%);transform:translateX(0);transition:transform .5s cubic-bezier(.22,1,.36,1),background .35s,box-shadow .35s}
.workspace .toggle.on{background:color-mix(in srgb,var(--accent) 68%,transparent);border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:inset 0 1px 4px #00000010,0 0 13px color-mix(in srgb,var(--accent) 10%,transparent)}
.workspace .toggle.on:after{transform:translateX(22px);background:radial-gradient(ellipse at 25% 0%,#ffffffd0,transparent 62%),linear-gradient(140deg,#ffffff88,#ffffff35);box-shadow:inset 0 1.5px 1px #fff,inset 0 -1px 1px #ffffff70,0 2px 6px #0002}
.workspace .toggle:active:after{width:27px;transition:width .15s,transform .5s cubic-bezier(.22,1,.36,1)}.workspace .toggle.on:active:after{transform:translateX(19px)}
.workspace .toggle.switch-reset,.workspace .toggle.switch-reset:after{transition:none!important}
[data-theme=light] .workspace .toggle{background:#a7a0b92b;border-color:#a7a0b945}[data-theme=light] .workspace .toggle.on{background:color-mix(in srgb,var(--accent) 75%,transparent);border-color:var(--accent)}[data-theme=light] .workspace .toggle:after{background:linear-gradient(140deg,#fffffff5,#ffffff8a);border-color:#fff;box-shadow:inset 0 1px 1px white,0 2px 5px #392c6426}
@media(prefers-reduced-motion:reduce){.workspace .toggle,.workspace .toggle:after{transition:none!important}}
/* October refinement: restrained glass, stable geometry, consistent motion. */
.lf-orbit{position:relative;overflow:hidden;padding:0;animation:none!important;box-shadow:0 16px 48px #0002,inset 0 1px 0 #fff4}
.lf-orbit img,.brandmark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.brandmark{overflow:hidden;padding:0}
.workspace{--ease-premium:cubic-bezier(.16,1,.3,1)}
.workspace .chat-item{transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease;}
.workspace .chat-item:hover{box-shadow:inset 0 1px 0 #ffffff16;background-color:var(--soft)}
.workspace .chat-item.active{box-shadow:inset 0 1px 0 #ffffff30,0 6px 22px #00000008}
.workspace .bubble{box-shadow:0 3px 12px #00000008,inset 0 1px 0 #ffffff14;line-height:1.55}
.workspace .message-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.workspace .composer{box-shadow:0 12px 36px #00000012,inset 0 1px 0 #ffffff30;transition:box-shadow .3s ease,border-color .3s ease}
.workspace .composer:focus-within{box-shadow:0 12px 36px #00000016,inset 0 1px 0 #ffffff40}
.workspace .icon-btn,.workspace .btn,.workspace .settings-nav button{transition:background-color .22s ease,box-shadow .28s ease,color .22s ease,transform .28s var(--ease-premium)}
.workspace .icon-btn:active,.workspace .btn:active{transform:scale(.96)}
.workspace .settings-content{scrollbar-gutter:stable}
#modal[open]{animation:lf-dialog-in .32s cubic-bezier(.16,1,.3,1)}
#modal::backdrop{background:#07091665;backdrop-filter:blur(8px);animation:lf-backdrop-in .25s ease}
@keyframes lf-dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes lf-backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#modal[open],#modal::backdrop{animation:none}.workspace .icon-btn,.workspace .btn,.workspace .chat-item{transition:none}}
/* Privacy entry: real CSS 3D solids behind a calm, readable document. */
.consent-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:clamp(24px,6vw,90px);align-items:center;min-height:calc(100svh - 180px);padding:36px 18px 52px}
.consent-shapes{position:absolute;inset:-30px -20px;overflow:hidden;z-index:-1;pointer-events:none;perspective:900px}
.consent-fall{position:absolute;left:var(--sx);top:-130px;animation:consent-drop var(--sd) var(--st) linear infinite;opacity:.52}
.consent-solid{width:var(--ss);height:var(--ss);position:relative;transform-style:preserve-3d;animation:consent-tumble 21s var(--st) linear infinite}
.is-cube i{position:absolute;inset:0;border:1px solid #d4c5ff75;background:linear-gradient(135deg,#e2d7ff60,#7a67c922);backface-visibility:visible;box-shadow:inset 0 0 14px #c6b4ff30}
.is-cube i:nth-child(1){transform:translateZ(calc(var(--ss)/2))}.is-cube i:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--ss)/2))}.is-cube i:nth-child(3){transform:rotateY(90deg) translateZ(calc(var(--ss)/2))}.is-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(calc(var(--ss)/2))}.is-cube i:nth-child(5){transform:rotateX(90deg) translateZ(calc(var(--ss)/2))}.is-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(calc(var(--ss)/2))}
.is-orb{border-radius:50%;background:radial-gradient(circle at 28% 24%,#fff9,#b8a8ee70 24%,#645a9a90 65%,#1e254b);box-shadow:inset -7px -9px 18px #18162d55,0 12px 22px #0002}
.is-ring{border:9px solid #b3a1dd88;border-radius:50%;box-shadow:inset 2px 3px 4px #fff8,2px 3px 4px #fff5,5px 8px 0 #65578450}
.consent-intro>img{width:64px;height:64px;border-radius:19px;display:block;margin-bottom:28px;box-shadow:0 15px 50px #0003}
.consent-intro .eyebrow{font-size:11px;letter-spacing:2px}.consent-intro h1{font-size:clamp(32px,4vw,56px);line-height:1.09;letter-spacing:-2px;margin:18px 0 24px}.consent-intro p{max-width:350px;line-height:1.7;color:var(--muted);font-size:16px}
.consent-card{min-width:0;border-radius:30px;border:1px solid #b7a3dd40;background:color-mix(in srgb,var(--panel,#15151f) 96%,transparent);box-shadow:0 28px 80px #0002,inset 0 1px 0 #fff2;overflow:hidden}
.consent-tabs{display:flex;padding:12px;gap:6px;border-bottom:1px solid var(--line,#ffffff16)}.consent-tabs button{flex:1;min-width:0;padding:13px 6px;border:0;border-radius:16px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:background .25s,color .25s}.consent-tabs [aria-selected=true]{background:var(--soft,#ffffff12);color:var(--text);box-shadow:inset 0 1px 0 #fff2}
.consent-reading{height:clamp(280px,43svh,470px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 24px;scroll-behavior:smooth}.consent-reading .legal-document{padding:28px 0!important;margin:0!important;max-width:none!important}.consent-reading h1{font-size:26px!important;letter-spacing:-.8px!important;line-height:1.25!important}.consent-reading h2{font-size:18px!important;margin:25px 0 10px!important}.consent-reading p{font-size:15px!important;line-height:1.75!important}.consent-reading .eyebrow{font-size:10px}
.consent-bottom{padding:20px 24px 18px;border-top:1px solid var(--line,#ffffff16)}.consent-check{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.6;margin-bottom:18px}.consent-check input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:var(--accent,#b8a5da)}.consent-leave{display:block;text-align:center;margin-top:14px;font-size:12px;color:var(--muted)}.consent-bottom button:disabled{opacity:.4;cursor:not-allowed}.consent-card :focus-visible{outline:2px solid var(--accent,#b8a5da);outline-offset:3px}
@keyframes consent-drop{from{transform:translate3d(0,-40px,0)}to{transform:translate3d(55px,1100px,0)}}
@keyframes consent-tumble{from{transform:rotateX(12deg) rotateY(0deg) rotateZ(-18deg)}to{transform:rotateX(372deg) rotateY(360deg) rotateZ(162deg)}}
@media(max-width:780px){.consent-scene{grid-template-columns:1fr;padding:14px 0 30px;gap:18px;min-height:0}.consent-intro{padding:0 8px}.consent-intro>img{width:40px;height:40px;border-radius:12px;margin-bottom:15px}.consent-intro h1{font-size:29px;margin:10px 0;letter-spacing:-1px}.consent-intro p{font-size:14px;margin:0;max-width:100%}.consent-card{border-radius:24px}.consent-reading{height:38svh;min-height:230px;padding:0 18px}.consent-bottom{padding:16px 18px}.consent-fall:nth-child(n+8){display:none}.consent-tabs button{font-size:12px}.consent-shapes{inset:0 -8px}}
@media(prefers-reduced-motion:reduce){.consent-fall,.consent-solid{animation:none}.consent-fall{top:var(--sx)}.consent-reading{scroll-behavior:auto}}
.shape-0{--sx:3%;--ss:24px;--sd:24s;--st:-0s}
.shape-1{--sx:40%;--ss:35px;--sd:31s;--st:-3s}
.shape-2{--sx:77%;--ss:46px;--sd:38s;--st:-6s}
.shape-3{--sx:18%;--ss:57px;--sd:26s;--st:-9s}
.shape-4{--sx:55%;--ss:24px;--sd:33s;--st:-12s}
.shape-5{--sx:92%;--ss:35px;--sd:40s;--st:-15s}
.shape-6{--sx:33%;--ss:46px;--sd:28s;--st:-18s}
.shape-7{--sx:70%;--ss:57px;--sd:35s;--st:-21s}
.shape-8{--sx:11%;--ss:24px;--sd:42s;--st:-24s}
.shape-9{--sx:48%;--ss:35px;--sd:30s;--st:-27s}
.shape-10{--sx:85%;--ss:46px;--sd:37s;--st:-30s}
.shape-11{--sx:26%;--ss:57px;--sd:25s;--st:-33s}
/* Media composition: responsive, keyboard-accessible preview. */
.photo-editor{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:1px solid #a9a0c84d;border-radius:28px;background:#151622;color:#f4f1ff;box-shadow:0 30px 100px #0009;overflow:auto}
.photo-editor::backdrop{background:#060814ba;backdrop-filter:blur(12px)}
.photo-editor header,.photo-editor footer,.photo-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.photo-editor h2{margin:0;font-size:22px}.photo-editor p{color:#bab8ca;font-size:14px}.photo-editor button,.photo-editor select{min-height:44px;border:1px solid #b5aed13d;border-radius:15px;padding:10px 14px;background:#ffffff0c;color:inherit;font:inherit;cursor:pointer}.photo-editor button[aria-pressed=true]{background:#8264aa80}.photo-editor button:focus-visible,.photo-editor select:focus-visible{outline:2px solid #c5adff;outline-offset:3px}.photo-stage{display:grid;place-items:center;background:#080a10;border-radius:20px;margin:16px 0;min-height:100px;overflow:hidden}.photo-stage canvas{display:block;max-width:100%;max-height:45dvh;object-fit:contain}.photo-tools{flex-wrap:wrap;justify-content:flex-start}.photo-quality{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.photo-editor footer{margin-top:18px}.photo-editor .primary{background:#c8b7f1;color:#20182d}.photo-editor select option{background:#151622}.message-area.is-file-over{outline:2px dashed #bda7f2;outline-offset:-8px;background-color:#a387d21a}
@media(max-width:520px){.photo-editor{padding:16px;border-radius:22px}.photo-editor footer{flex-wrap:wrap}.photo-editor footer .primary{flex:1}.photo-quality{align-items:flex-start;flex-direction:column}.photo-tools{gap:7px}.photo-tools button{font-size:13px}.photo-stage canvas{max-height:38dvh}}
.photo-editor[open]{background:#151622!important;opacity:1}.photo-editor .photo-stage{background:#080a10!important}.voice-caption{flex-wrap:wrap;gap:8px}.voice-caption [data-voice-skip]{min-height:36px;min-width:36px;border-radius:10px;font-size:12px}
/* Short, semantic motion for transient interface surfaces. */
@keyframes lf-context-in{from{opacity:0;transform:translateY(9px);clip-path:inset(20% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes lf-menu-item-in{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes lf-photo-in{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}
@keyframes lf-toast-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:no-preference){
.attachment-draft,.compose-context,.voice-recording{animation:lf-context-in 280ms cubic-bezier(.2,.75,.25,1)}
dialog[open] .modal-action{animation:lf-menu-item-in 280ms both}dialog[open] .modal-action:nth-child(2){animation-delay:25ms}dialog[open] .modal-action:nth-child(3){animation-delay:50ms}dialog[open] .modal-action:nth-child(4){animation-delay:75ms}dialog[open] .modal-action:nth-child(5){animation-delay:100ms}
.photo-editor[open] .photo-stage{animation:lf-photo-in 340ms ease-out}
.conversation-search:not(.hidden),.search-results:not(:empty){animation:lf-context-in 240ms ease-out}
.jump-latest{transition:opacity 180ms,translate 180ms,box-shadow 200ms}.jump-latest:hover{translate:0 -2px}
.reaction{transition:background-color 220ms,border-color 220ms,color 220ms}
.photo-tools button,.effect-option,.wallpaper-option{transition:background-color 220ms,border-color 220ms,box-shadow 220ms}
.voice-track,.voice-play{transition:background-color 200ms,color 200ms,box-shadow 200ms}
input:not([type=range]),textarea,select{transition:border-color 200ms,box-shadow 200ms,background-color 200ms}
}
@media(prefers-reduced-motion:reduce){.attachment-draft,.compose-context,.voice-recording,.photo-stage,.modal-action,.conversation-search,.search-results{animation:none!important}}