.realm-chat__composer .realm-chat__motif-button { position:relative; display:grid; width:44px; height:44px; justify-self:center; margin:0 -8px; padding:0; border:0; border-radius:8px; place-items:center; background:transparent; }
.realm-chat__motif-button[aria-expanded="true"] { background:color-mix(in srgb,var(--chat-accent) 9%,transparent); }
.realm-chat__motif-button.has-draft::after { content:''; position:absolute; right:5px; top:4px; width:5px; height:5px; border-radius:50%; background:var(--chat-accent); box-shadow:0 0 8px var(--chat-accent); }
.realm-chat__motif-hint { position:absolute; bottom:74px; left:22px; margin:0; padding:6px 10px; border:1px solid var(--chat-line); border-radius:8px; background:var(--chat-panel); color:var(--chat-muted); font:11px/1.4 Manrope,Arial,sans-serif; }
.realm-chat__motif-hint[hidden],.chat-interactions[hidden] { display:none; }
.chat-interactions { position:relative; isolation:isolate; display:flex; flex-direction:column; max-height:min(60dvh,calc(var(--chat-viewport-height,100dvh) - var(--chat-dock-height,85px) - 212px)); min-height:0; margin:0 0 12px; padding:4px; border-radius:18px; background:color-mix(in srgb,var(--chat-paper) 94%,transparent); box-shadow:0 -16px 45px #0006; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.chat-interactions > .realm-frame__surface { z-index:-1; }
.chat-interactions__node { top:20px; right:-3px; }
.chat-interactions__header { display:flex; align-items:center; flex-shrink:0; gap:5px; min-height:56px; padding:4px 8px 4px 15px; border-bottom:1px solid var(--chat-line); }
.chat-interactions__header h2 { flex:1; min-width:0; margin:0; color:var(--chat-ink); font:500 1.55rem/1.1 'Cormorant Garamond',Georgia,serif; }
.chat-interactions__icon-button { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; padding:0; border:0; color:var(--chat-muted); background:transparent; font:28px/1 Georgia,serif; }
.chat-interactions__wallet { display:flex; align-items:center; gap:3px; color:var(--chat-accent); white-space:nowrap; font:11px/1.3 Manrope,Arial,sans-serif; }
.chat-interactions__wallet img { width:18px; height:22px; object-fit:contain; }
.chat-interactions__scroll { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--chat-line) transparent; padding:13px; }
.chat-interactions__hub { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.chat-interactions__entry { position:relative; display:flex; min-width:0; min-height:104px; align-items:center; gap:8px; padding:10px 8px; border:1px solid color-mix(in srgb,var(--chat-accent) 40%,var(--chat-line)); border-radius:9px; background:radial-gradient(ellipse at 15% 70%,color-mix(in srgb,var(--chat-accent) 8%,transparent),transparent 65%),linear-gradient(130deg,var(--chat-panel),var(--chat-paper)); color:var(--chat-ink); text-align:left; box-shadow:inset 0 0 0 3px #0003; }
.chat-interactions__entry > img { flex:0 0 52px; width:52px; height:78px; object-fit:contain; mask-image:linear-gradient(#000 70%,transparent); }
.chat-interactions__entry > span:nth-child(2) { flex:1; min-width:0; }
.chat-interactions__entry strong { display:block; font:500 1.13rem/1.2 'Cormorant Garamond',Georgia,serif; }
.chat-interactions__entry small { display:block; margin-top:5px; color:var(--chat-muted); font:10px/1.45 Manrope,Arial,sans-serif; }
.chat-interactions__entry:last-child { grid-column:1/-1; min-height:77px; }
.chat-interactions__entry:last-child > img { height:55px; }
.chat-interactions__chevron { flex:0 0 7px; color:var(--chat-accent); font:22px/1 Georgia,serif; }
.chat-interactions__note { margin:8px 0; color:var(--chat-muted); font:12px/1.6 Manrope,Arial,sans-serif; }
.chat-interactions__draft { display:flex; flex-shrink:0; gap:10px; justify-content:space-between; align-items:center; padding:8px 14px; border-top:1px solid var(--chat-line); font:11px/1.4 Manrope,Arial,sans-serif; color:var(--chat-muted); }
.chat-interactions__draft button { min-height:44px; padding:5px 8px; border:0; background:transparent; color:var(--chat-accent); font:inherit; }
.realm-chat__event p { margin:0; text-align:center; color:var(--chat-muted); font:11px/1.5 Manrope,Arial,sans-serif; }
.chat-appearance__outfits,.chat-appearance__options,.chat-appearance__families { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.chat-appearance__card { position:relative; overflow:hidden; display:block; min-width:0; padding:0; border:1px solid var(--chat-line); border-radius:9px; color:var(--chat-ink); background:var(--chat-paper); text-align:left; }
.chat-appearance__card > img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 25%; }
.chat-appearance__card::after { content:''; position:absolute; inset:35% 0 0; pointer-events:none; background:linear-gradient(transparent,#060409f2); }
.chat-appearance__caption { position:absolute; z-index:1; bottom:0; inset-inline:0; padding:10px; }
.chat-appearance__caption strong { display:block; font:500 1.1rem/1.15 'Cormorant Garamond',Georgia,serif; }
.chat-appearance__caption small,.chat-appearance__option small { display:block; margin-top:6px; color:var(--chat-muted); font:10px/1.3 Manrope,Arial,sans-serif; }
.chat-appearance__selected { position:absolute; z-index:1; right:8px; top:8px; display:grid; width:24px; height:24px; border:1px solid var(--chat-accent); border-radius:50%; place-items:center; background:var(--chat-panel); color:var(--chat-accent); font:12px/1 Manrope,Arial,sans-serif; }
.chat-appearance__card.is-selected,.chat-appearance__option.is-selected { border-color:var(--chat-accent); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chat-accent) 35%,transparent),0 0 12px color-mix(in srgb,var(--chat-accent) 12%,transparent); }
.chat-appearance__detail { margin:15px 0; }
.chat-appearance__detail h3 { margin:0 0 6px; font:500 1.3rem/1.2 'Cormorant Garamond',Georgia,serif; color:var(--chat-ink); }
.chat-appearance__detail p { margin:0; color:var(--chat-muted); font:11px/1.55 Manrope,Arial,sans-serif; }
.chat-appearance__family { display:flex; align-items:center; min-width:0; min-height:100px; gap:8px; padding:8px; border:1px solid var(--chat-line); border-radius:9px; background:linear-gradient(145deg,var(--chat-panel),var(--chat-paper)); color:var(--chat-ink); text-align:left; }
.chat-appearance__family > img { width:44px; height:65px; flex:0 0 44px; object-fit:contain; }
.chat-appearance__family > span:nth-child(2) { flex:1; min-width:0; }
.chat-appearance__family strong { display:block; font:500 1.05rem/1.2 'Cormorant Garamond',Georgia,serif; }
.chat-appearance__family small { display:block; margin-top:5px; font:9px/1.5 Manrope,Arial,sans-serif; color:var(--chat-muted); }
.chat-appearance__filters { display:flex; gap:5px; overflow-x:auto; margin-bottom:12px; scrollbar-width:thin; }
.chat-appearance__filters button { flex-shrink:0; min-height:44px; padding:6px 10px; border:1px solid var(--chat-line); border-radius:8px; background:transparent; color:var(--chat-muted); font:10px/1.3 Manrope,Arial,sans-serif; }
.chat-appearance__filters button[aria-pressed="true"] { color:var(--chat-accent); border-color:var(--chat-accent); background:color-mix(in srgb,var(--chat-accent) 8%,transparent); }
.chat-appearance__option { min-width:0; padding:9px; border:1px solid var(--chat-line); border-radius:9px; background:linear-gradient(150deg,var(--chat-panel),var(--chat-paper)); color:var(--chat-ink); text-align:center; }
.chat-appearance__option > img { display:block; width:100%; height:92px; margin-bottom:6px; border-radius:5px; object-fit:contain; }
.chat-appearance__option strong { display:block; font:500 1.05rem/1.25 'Cormorant Garamond',Georgia,serif; }
.chat-appearance__form-row { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; padding:12px 0; border-bottom:1px solid var(--chat-line); }
.chat-appearance__form-row label { font:500 1.2rem/1.3 'Cormorant Garamond',Georgia,serif; }
.chat-appearance__form-row input { grid-column:1/-1; width:100%; min-height:28px; margin:0; accent-color:var(--chat-accent); }
.chat-appearance__stepper { display:flex; align-items:center; gap:7px; }
.chat-appearance__stepper button { width:44px; height:44px; padding:0; border:1px solid var(--chat-line); border-radius:7px; background:var(--chat-panel); color:var(--chat-accent); font:20px/1 Manrope,Arial,sans-serif; }
.chat-appearance__stepper output { min-width:15px; color:var(--chat-ink); text-align:center; font:14px/1 Manrope,Arial,sans-serif; }
.chat-appearance__reset { width:100%; min-height:44px; margin-top:8px; padding:8px; border:1px solid var(--chat-line); border-radius:8px; color:var(--chat-muted); background:transparent; font:11px/1.4 Manrope,Arial,sans-serif; }
.chat-interactions__draft { display:block; padding:7px 13px 9px; }
.chat-appearance__action-copy { display:flex; align-items:center; justify-content:space-between; min-height:30px; color:var(--chat-muted); font:10px/1.4 Manrope,Arial,sans-serif; }
.chat-appearance__action-copy button { min-height:36px; }
.chat-interactions__draft .chat-appearance__apply { display:block; width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--chat-accent); border-radius:9px; background:linear-gradient(120deg,color-mix(in srgb,var(--chat-accent) 24%,var(--chat-panel)),var(--chat-paper)); color:var(--chat-ink); font:12px/1.4 Manrope,Arial,sans-serif; }
.chat-appearance__apply:disabled { opacity:.48; cursor:default; }
.chat-interactions__draft .chat-interactions__note { margin:6px 0 0; text-align:center; font-size:10px; }
@media(max-width:359px){.realm-chat__composer{column-gap:9px;}.realm-chat__composer .realm-chat__motif-button{margin-inline:-10px;}.chat-interactions__entry{gap:5px;padding-inline:6px;}.chat-interactions__entry>img{flex-basis:40px;width:40px;}.chat-interactions__header{padding-left:9px;}.chat-interactions__header h2{font-size:1.35rem;}}
@media(max-height:550px){.chat-interactions{max-height:calc(var(--chat-viewport-height,100dvh) - var(--chat-dock-height,85px) - 156px);}.chat-interactions__entry{min-height:70px;}.chat-interactions__entry>img{height:52px;}}
.realm-chat__effects { margin:0 0 8px; padding:5px 12px; border:1px solid var(--chat-line); border-radius:9px; color:var(--chat-muted); background:var(--chat-panel); font:10px/1.4 Manrope,Arial,sans-serif; }
.realm-chat__effects[hidden],.realm-chat__effects [hidden] { display:none; }
.realm-chat__effects [data-ritual-status] { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.realm-chat__effects [role="timer"] { font-variant-numeric:tabular-nums; }
.realm-chat__effects button { min-width:44px; min-height:44px; padding:4px 8px; border:0; border-radius:6px; color:var(--chat-accent); background:transparent; font:inherit; }
.realm-chat__effects p { margin:4px 0; }
.chat-interactions { max-height:min(60dvh,calc(var(--chat-viewport-height,100dvh) - var(--chat-dock-height,85px) - 212px - var(--chat-effects-height,0px))); }
.chat-ritual__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.chat-ritual__choice { display:flex; align-items:center; gap:8px; min-width:0; padding:8px; border:1px solid var(--chat-line); border-radius:9px; background:var(--chat-panel); color:var(--chat-ink); text-align:left; }
.chat-ritual__choice img { width:45px; height:66px; object-fit:contain; flex-shrink:0; }
.chat-ritual__choice span { min-width:0; }
.chat-ritual__choice strong { display:block; font:500 1.05rem/1.2 'Cormorant Garamond',Georgia,serif; }
.chat-ritual__choice small { display:block; margin-top:5px; color:var(--chat-muted); font:10px/1.4 Manrope,Arial,sans-serif; }
.chat-ritual__choice.is-selected { border-color:var(--chat-accent); background:color-mix(in srgb,var(--chat-accent) 8%,var(--chat-panel)); }
.chat-ritual__detail { position:relative; min-height:110px; margin:14px 0; color:var(--chat-muted); font:11px/1.55 Manrope,Arial,sans-serif; }
.chat-ritual__detail h3 { margin:0 0 6px; color:var(--chat-ink); font:500 1.4rem/1.2 'Cormorant Garamond',Georgia,serif; }
.chat-ritual__detail p { margin:5px 0 10px; }
.chat-ritual__object { float:right; width:78px; height:110px; object-fit:contain; margin:0 0 8px 10px; }
.chat-ritual__detail dl { display:flex; flex-wrap:wrap; gap:10px 20px; }
.chat-ritual__detail dt { color:var(--chat-accent); }.chat-ritual__detail dd { margin:0; }
.chat-ritual__detail ul { padding-inline-start:16px; clear:both; }
.chat-interactions__apply { width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--chat-accent); border-radius:9px; background:linear-gradient(120deg,color-mix(in srgb,var(--chat-accent) 24%,var(--chat-panel)),var(--chat-paper)); color:var(--chat-ink); font:12px/1.4 Manrope,Arial,sans-serif; }
.chat-interactions__apply:disabled { opacity:.48; cursor:default; }
.chat-ritual__patterns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:14px 0; }
.chat-ritual__patterns button { min-width:0; min-height:68px; padding:8px; border:1px solid var(--chat-line); border-radius:8px; background:var(--chat-panel); color:var(--chat-ink); text-align:left; }
.chat-ritual__patterns strong { display:block; font:500 1.1rem/1.2 'Cormorant Garamond',Georgia,serif; }.chat-ritual__patterns small { display:block; margin-top:5px; color:var(--chat-muted); font:10px/1.4 Manrope,Arial,sans-serif; }
.chat-ritual__patterns [aria-pressed="true"] { border-color:var(--chat-accent); }
.chat-ritual__gauge { padding:8px 12px; border-color:var(--chat-line); background:var(--chat-paper); }
.chat-ritual__gauge h3,.chat-ritual__gauge .reading>div,.chat-ritual__gauge .reading-label { color:var(--chat-accent); }
.chat-ritual__gauge .adjust { border-color:var(--chat-line); background:var(--chat-panel); color:var(--chat-accent); }
.chat-ritual__gauge #hint { color:var(--chat-muted); font:11px/1.5 Manrope,Arial,sans-serif; }
.chat-ritual__gauge:has(input:focus-visible) .instrument { outline:2px solid var(--chat-accent); outline-offset:2px; border-radius:14px; }
@media(max-height:550px){.chat-interactions{max-height:calc(var(--chat-viewport-height,100dvh) - var(--chat-dock-height,85px) - 156px - var(--chat-effects-height,0px));}}

.chat-appearance__swatch { display:block; margin:8px auto 12px; }
.chat-interactions__node[data-ornament="heart"] { width:16px; height:20px; }
.realm-chat__motif-hint { bottom:calc(74px + var(--chat-effects-height,0px)); }