.chat-tools{display:flex;gap:7px;flex-wrap:wrap}.chat-tools .gift-open{font-size:12px;padding:7px 10px}.personal-card{--card-paper:#f3e4d2;--card-ink:#403226;--card-line:#8f664b;max-width:390px;margin:14px auto;border:1px solid #b59069;border-radius:18px;background:var(--card-paper);color:var(--card-ink);overflow:hidden;box-shadow:0 5px 18px #0003}.personal-card-art{position:relative;margin:10px 10px 0;border-radius:9px 9px 0 0;overflow:hidden;aspect-ratio:1.12;background:#281e2a}.personal-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 26%,transparent 76%,#0003);pointer-events:none}.personal-card-art img{width:100%;height:100%;max-width:none;display:block;object-fit:cover;object-position:center 27%}.card-edition{position:absolute;top:14px;left:14px;color:#fff7eb;font-size:7px;letter-spacing:1.6px;font-weight:700;z-index:1}.personal-card .card-star{position:absolute;bottom:9px;right:16px;color:#fff6d5;font-size:32px;z-index:1}.personal-card-copy{padding:20px 23px 23px;overflow-wrap:anywhere}.personal-card-copy>small{display:block;font-size:8px;letter-spacing:2px;color:inherit;opacity:.7;margin-bottom:10px}.personal-card-copy h3{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.2;margin:0 0 14px;letter-spacing:-.4px}.personal-card-copy>p{font-family:Georgia,serif;font-size:17px;line-height:1.65;margin:0 0 20px;white-space:pre-line}.card-signature{border-top:1px solid color-mix(in srgb,var(--card-line),transparent 65%);padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-signature span{font-family:Georgia,serif;font-style:italic;font-size:23px}.card-signature small{font-size:9px;opacity:.7;flex-shrink:0}.card-theme-letter{--card-paper:#f6ecf0;--card-ink:#513444;--card-line:#a16b87;border-color:#c69bb4}.card-theme-letter .personal-card-art{border-radius:50% 50% 4px 4px;margin:17px 23px 0;aspect-ratio:1.13}.card-theme-letter .card-edition{top:auto;bottom:15px;font-size:6px;letter-spacing:1.3px}.card-theme-letter h3{font-style:italic}.card-theme-night{--card-paper:#242638;--card-ink:#eee7fa;--card-line:#afa1d4;border-color:#8a81ad}.card-theme-night .personal-card-copy{background:radial-gradient(ellipse at top right,#514d6638,transparent 60%)}.card-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.card-theme-options button{background:#211b27;border:1px solid #45364a;border-radius:11px;padding:12px 5px;color:#cdbed0;font-size:11px;display:grid;justify-items:center;gap:8px;min-height:76px}.card-theme-options button[aria-pressed=true]{border-color:var(--pink);background:#392536;color:#f9e7f4}.card-swatch{display:block;width:25px;height:29px;border-radius:4px;border:1px solid #fff4}.card-swatch-evening{background:linear-gradient(145deg,#84613e,#f3e4d2)}.card-swatch-letter{background:linear-gradient(145deg,#aa768e,#f6ecf0)}.card-swatch-night{background:linear-gradient(145deg,#6e5d98,#242638)}.card-shop>p,.card-checkout>p,.card-collection>p{font-size:14px;color:var(--muted)}.card-shop-preview{max-width:300px;margin:auto}.card-shop-preview .personal-card-copy>p{font-size:15px}.card-shop-preview .personal-card-copy h3{font-size:22px}.card-shop .card-availability{padding:13px;background:#23212a;border-radius:12px;text-align:left;color:#decde0}.card-in-chat{max-width:390px;width:100%;align-self:flex-start;margin:5px 0 18px}.card-in-chat .personal-card{margin:0}.card-pending{display:flex;gap:14px;padding:17px;border:1px solid #514357;border-radius:17px;background:#211b26;margin:10px 0;max-width:390px}.card-pending>span{font-size:30px;color:var(--pink)}.card-pending p{font-size:13px;color:var(--muted);margin-top:6px}.card-pending .text{padding-left:0}.card-collection-list{display:grid;gap:10px;margin:20px 0}.card-collection-item{width:100%;display:flex;gap:13px;align-items:center;background:#211b27;border:1px solid #49384e;border-radius:14px;padding:10px;text-align:left}.card-collection-item img{width:58px;height:70px;object-fit:cover;object-position:50% 25%;border-radius:7px;flex:none}.card-collection-item>span:nth-child(2){min-width:0;flex:1}.card-collection-item strong{font-size:15px;overflow-wrap:anywhere}.card-collection-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.card-collection-item>span:last-child{font-size:25px;color:var(--pink)}.card-collection>.primary,.card-collection>.secondary{margin-top:13px}.card-view>.text{margin-top:14px}@media(max-width:380px){.personal-card-copy{padding:17px}.personal-card-copy h3{font-size:23px}.personal-card-copy>p{font-size:16px}.card-theme-options{gap:5px}.card-theme-options button{font-size:10px}.chat-tools{gap:5px}.chat-tools .gift-open{font-size:11px;padding:7px 8px}}
.personal-card-copy>p{color:var(--card-ink)}
.chat-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-content:stretch;margin:0 0 10px}.chat-purchase{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:59px;padding:10px 15px;border-radius:16px;background:#251b28;border:1px solid #634158;text-align:left;color:#f8e6f1;transition:background .15s,border-color .15s}.chat-purchase:hover{background:#382538;border-color:#b77b9f}.chat-purchase-icon{display:grid;place-items:center;width:30px;font-size:23px;color:#f0afd5;flex:none}.chat-purchase-copy{display:grid;gap:3px;min-width:0}.chat-purchase-copy strong{font-size:14px;font-weight:650;line-height:1.2}.chat-purchase-copy small{font-size:11px;color:#b9a5bc;line-height:1.25}.purchased-gift-item:hover{background:#34233a}.gift-collection>p{font-size:14px;color:var(--muted)}.purchased-gifts-list{display:grid;gap:10px;margin:18px 0}.purchased-gift-item{display:flex;gap:13px;align-items:center;width:100%;border:1px solid #49374f;border-radius:14px;padding:14px 12px;background:#241c2a;text-align:left}.purchased-gift-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;font-size:28px;background:#38283f;border-radius:12px}.purchased-gift-item>span:nth-child(2){min-width:0;flex:1}.purchased-gift-item strong{display:block;font-size:15px}.purchased-gift-item small{display:block;font-size:11px;color:#b19cb7;margin-top:5px;line-height:1.5}.purchased-gift-item>span:last-child{font-size:24px;color:#b698bb}.gift-saved-reaction{border-left:2px solid #b27eaa;padding:4px 0 4px 17px;margin:24px 0}.gift-saved-reaction strong{font-size:12px;color:#dcb8d3}.gift-saved-reaction p{font-size:15px!important;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:#eee0ed!important;margin-top:10px!important}@media(max-width:380px){.chat-tools{gap:8px}.chat-purchase{padding:9px 10px;gap:7px;min-height:56px;border-radius:14px}.chat-purchase-icon{width:26px;font-size:21px}.chat-purchase-copy strong{font-size:13px}.chat-purchase-copy small{font-size:10px}}@media(prefers-reduced-motion:reduce){.chat-purchase{transition:none}}
/* The same toggle controls the portrait and its collection; no intermediate menu. */
.chat-shell{position:relative}.chat-shell>.chat-portrait{display:flex;flex-direction:column;max-height:none;padding:0;background:#19131d;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #48304b;border-bottom:0}.chat-shell>.chat-portrait[hidden]{display:none}.chat-portrait>.portrait-panel-hero{display:block;position:relative;inset:auto;flex:none;padding:0;background:none;min-height:0}.portrait-panel-hero .companion-portrait{width:100%;height:clamp(230px,44dvh,390px);border:0;border-radius:0;object-position:center 20%}.portrait-panel-name{position:absolute;bottom:0;left:0;right:0;padding:50px 19px 18px;background:linear-gradient(transparent,#19131dcc 45%,#19131d);display:grid;gap:6px}.portrait-panel-name strong{font-size:23px;overflow-wrap:anywhere}.portrait-panel-name small{font-size:11px;color:#c5aacb}.portrait-collection{padding:12px 14px 24px;flex:none}.portrait-collection h2{font-size:17px;letter-spacing:-.3px;margin:0 0 15px}.portrait-collection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-bottom:1px solid #49324c;padding-bottom:10px;margin-bottom:12px}.portrait-collection-tabs button{border:1px solid transparent;border-radius:10px;background:transparent;padding:10px 6px;color:#bda6c4;font-size:11px;line-height:1.3}.portrait-collection-tabs button[aria-selected=true]{background:#39243c;border-color:#684368;color:#f4d5ec}.portrait-collection-tabs span{display:inline-block;margin-left:3px;color:#ecbcde;font-size:10px}.portrait-collection .card-collection-list,.portrait-collection .purchased-gifts-list{gap:8px;margin:8px 0}.portrait-collection .card-collection-item,.portrait-collection .purchased-gift-item{gap:9px;padding:9px;border-radius:12px}.portrait-collection .card-collection-item img{width:44px;height:57px}.portrait-collection .card-collection-item strong,.portrait-collection .purchased-gift-item strong{font-size:12px;line-height:1.4}.portrait-collection .card-collection-item small,.portrait-collection .purchased-gift-item small{font-size:10px;line-height:1.4}.portrait-collection .purchased-gift-icon{width:38px;height:44px;font-size:25px;border-radius:10px}.portrait-collection .hint{font-size:12px;text-align:left;padding:9px 2px}.portrait-collection .secondary{font-size:12px;padding:11px;min-height:44px}.portrait-panel-backdrop{display:none}@media(min-width:800px){.chat-shell>.chat-portrait{position:relative;grid-column:2;grid-row:1/4;height:100%;min-height:0}.chat-shell.portrait-hidden>.messages,.chat-shell.portrait-hidden>.composer-area{grid-column:1}}@media(max-width:799px){.chat-shell>.chat-portrait{position:absolute;grid-column:1;grid-row:2/4;inset:0 0 0 auto;width:min(340px,calc(100% - 16px));height:auto;z-index:6;box-shadow:-12px 0 32px #0008}.portrait-panel-hero .companion-portrait{height:clamp(210px,39dvh,330px)}.portrait-panel-backdrop{display:block;position:absolute;grid-column:1;grid-row:2/4;inset:0;z-index:5;background:#08060b88}.portrait-panel-backdrop[hidden]{display:none}.chat-header{position:relative;z-index:7}.portrait-collection{padding-bottom:calc(22px + env(safe-area-inset-bottom))}}