/* Source: Sasidharan.webarchive, 118-5ome1l6_b.css. Color tokens retained. */
*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf9f8;--fg:#111;--selection-bg:#000;--selection-fg:#fff;--page:#fff;--panel:#f6f6f8;--panel-rgb:246 246 248;--card:#f1f1f3;--group:#fff;--slot:#e9e9eb;--received:#e9e9eb;--accent:#007aff;--label:#000;--label-strong:#1d1d1f;--secondary:#8e8e93;--agents-body:#48484a;--quiet:#bcbcc4;--separator:#00000012;--icon:#000000a6;--close-icon:#0009;--map:#000c;--handle:#3c3c4338;--send-disabled:#d1d1d6;--backdrop:#00000029;--preview-bg:#fffffff0;--preview-border:#1d1d1f1f;--preview-shadow:#00000024;--glass-hi-top:#fff6;--glass-hi-bottom:#ffffff2e;--glass-tint:#00000005;--glass-edge:#0000001b;--glass-edge-soft:#0000000b;--glass-sheen-a:#ffffff2e;--glass-sheen-b:#ffffff05;--glass-sheen-c:#ffffff12;--glass-fb-hi-top:#ffffff8c;--glass-fb-hi-bottom:#ffffff3d;--glass-fb-tint:#7676800b}html{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;font-weight:500;line-height:1.25rem}body{line-height:inherit;margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote{font-size:inherit;font-weight:inherit;margin:0}ul,ol,menu{margin:0;padding:0;list-style:none}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button{appearance:button;text-transform:none;background:0 0;border:0}img,svg,video,canvas{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}::selection{background:var(--selection-bg);color:var(--selection-fg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{--cursor:auto}a,a *,button,button *,[role=button],[role=button] *,[data-clickable],[data-clickable] *{cursor:pointer!important}
@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0c;--fg:#ededed;--selection-bg:#fff;--selection-fg:#000;--page:#000;--panel:#1c1c1e;--panel-rgb:28 28 30;--card:#1c1c1e;--group:#2c2c2e;--slot:#2c2c2e;--received:#26252a;--accent:#0a84ff;--label:#fff;--label-strong:#f5f5f7;--agents-body:#a1a1a6;--quiet:#48484a;--separator:#ffffff1a;--icon:#ffffffb8;--close-icon:#ffffffa8;--map:#fffc;--handle:#ebebf54d;--send-disabled:#3a3a3c;--backdrop:#00000073;--preview-bg:#1c1c1ef0;--preview-border:#ffffff1f;--preview-shadow:#0009;--glass-hi-top:#ffffff1a;--glass-hi-bottom:#ffffff12;--glass-tint:#ffffff0d;--glass-edge:#ffffff21;--glass-edge-soft:#ffffff0e;--glass-sheen-a:#ffffff06;--glass-sheen-b:#ffffff03;--glass-sheen-c:#ffffff06;--glass-fb-hi-top:#ffffff1f;--glass-fb-hi-bottom:#ffffff1f;--glass-fb-tint:#76768033}}

/* Source-derived CSS. Hashed selectors renamed; original values retained. */
.icon-shell{place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}
.icon-layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0}
.icon-white{background-color:#fff}
.icon-tape{width:68%;height:44%}
.icon-start{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}

.root{--panel-gutter:24px;background:var(--page);min-height:100dvh}
.root a,.root a *,.root button,.root button *{cursor:var(--cursor)!important}
.root :focus,.root :focus-visible{outline:none}
@supports (animation-timeline:view()){.bubble,.timestamp,.receipt,.stackWrap{animation:linear both edgeDissolve;animation-timeline:view();animation-range:cover}
}
@keyframes edgeDissolve{0%{opacity:0;filter:blur(3px)}
11%{opacity:1;filter:blur()}
86%{opacity:1;filter:blur()}
to{opacity:0;filter:blur(3px)}
}
.contactBar{z-index:20;padding-top:calc(20px + env(safe-area-inset-top,0px));pointer-events:none;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}
.contactCard{pointer-events:auto;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.32,.72,0,1);display:flex}
.headerRefractionTarget{background:var(--page);width:100vw;height:100dvh;position:relative}
.headerRefractionAvatar{top:calc(20px + env(safe-area-inset-top,0px));width:58px;height:58px;transition:transform .25s cubic-bezier(.32,.72,0,1);position:absolute;left:50%;transform:translate(-50%)}
@media (min-width:768px){.headerRefractionAvatarShifted{transform:translate(calc(-50% - 25vw))}
.contactCardShifted{transform:translate(-25vw)}
}
.avatarBtn{z-index:2;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}
.avatarImg{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:50%;width:58px;height:58px;display:block}
.namePill{z-index:1;color:var(--label);letter-spacing:-.4px;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:-3px;padding:5px 14px;font-family:inherit;font-size:16px;font-weight:600;line-height:21px;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}
.namePill:active{transition:transform 80ms cubic-bezier(.2,0,.2,1);transform:scale(1.06)}
.namePillChevron{color:var(--secondary);flex:none;transform:translateY(.5px)}
.composerBar{z-index:20;padding:0 20px calc(22px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;transition:transform .25s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0}
@media (min-width:768px){.composerShifted{transform:translate(-25vw)}
}
.namePill,.composerGlass,.panelCta,.panelClose{isolation:isolate;background:linear-gradient(to bottom, var(--glass-hi-top) 0, #fff0 1.5px), linear-gradient(to top, var(--glass-hi-bottom) 0, #fff0 1.5px), var(--glass-tint);-webkit-backdrop-filter:blur(1.2px)saturate(1.6);position:relative;overflow:hidden}
.namePill:after,.composerGlass:after,.panelCta:after,.panelClose:after{content:"";z-index:2;border-radius:inherit;background:linear-gradient(to right, var(--glass-edge) 0%, var(--glass-edge-soft) 14%, var(--glass-edge-soft) 86%, var(--glass-edge) 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}
.namePill:before,.composerGlass:before,.panelCta:before,.panelClose:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(180deg, var(--glass-sheen-a) 0%, var(--glass-sheen-b) 52%, var(--glass-sheen-c) 100%);pointer-events:none;position:absolute;inset:0}
.composer{pointer-events:auto;isolation:isolate;border-radius:999px;align-items:center;gap:8px;width:100%;max-width:356px;height:44px;padding:0 7px 0 0;transition:transform .46s cubic-bezier(.32,.72,0,1);display:flex;position:relative;transform:translateY(calc(100% + 24px))}
.composerGlass{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0}
.namePill[data-glass-fallback],.composerGlass[data-glass-fallback]{background:linear-gradient(to bottom, var(--glass-fb-hi-top) 0, #fff0 1.5px), linear-gradient(to top, var(--glass-fb-hi-bottom) 0, #fff0 1.5px), var(--glass-fb-tint);-webkit-backdrop-filter:blur(7px)saturate(1.7)}
.composerEntered:has(.composerGlass[data-glass-ready]){transform:translateY(0)}
.composerEntered:has(.composerGlass[data-glass-ready]):active:not(:has(.sendBtn:active)){transition:transform 80ms cubic-bezier(.2,0,.2,1);transform:translateY(0)scale(1.015)}
.composerInput{z-index:1;min-width:0;color:var(--label);font:inherit;letter-spacing:-.4px;background:0 0;border:0;flex:auto;align-self:stretch;padding:0 0 0 18px;font-size:17px;line-height:22px;position:relative}
.composerInput::placeholder{color:var(--secondary)}
.sendBtn{background:var(--accent);color:#fff;z-index:1;border:0;border-radius:999px;flex:none;place-items:center;width:38px;height:30px;padding:0;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}
.sendBtn:disabled{background:var(--send-disabled);cursor:default}
.chat{--header-h:calc(20px + env(safe-area-inset-top,0px) + 58px - 3px + 31px);--thread-pad:clamp(calc(var(--header-h) + 56px), 21vh, calc(var(--header-h) + 120px));--composer-h:calc(44px + 22px + env(safe-area-inset-bottom,0px));max-width:420px;min-height:100vh;padding:var(--thread-pad) 20px calc(var(--composer-h) + 48px);flex-direction:column;margin-inline:auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;transition:transform .25s cubic-bezier(.32,.72,0,1);display:flex}
@media (min-width:768px){.shifted{transform:translate(-25vw)}
}
@media (max-width:639px),(hover:none) and (pointer:coarse) and (max-height:639px){.chat{padding-bottom:0}
.composerBar{padding:8px 20px calc(28px + env(safe-area-inset-bottom,0px));position:static}
.composer{transform:none}
}
.bubble{background:var(--received);width:fit-content;max-width:85%;color:var(--label);corner-shape:round;letter-spacing:-.4px;overflow-wrap:break-word;contain:layout style;border-radius:20px;margin-bottom:15px;padding:8px 14px;font-size:17px;font-weight:400;line-height:22px;position:relative}
.tailed:before{content:"";background:var(--received);corner-shape:round;border-bottom-right-radius:16px 14px;border-bottom-left-radius:4px;width:20px;height:20px;position:absolute;bottom:0;left:-7px}
.tailed:after{content:"";background:var(--page);corner-shape:round;border-bottom-right-radius:10px;width:26px;height:20px;position:absolute;bottom:0;left:-26px}
.bubble a{color:var(--accent);text-decoration:none;transition:opacity .15s}
.bubble a:hover{opacity:.7}
.sent{background:var(--accent);color:#fff;align-self:flex-end}
.sent.tailed:before{background:var(--accent);border-bottom-right-radius:4px;border-bottom-left-radius:16px 14px;left:auto;right:-7px}
.sent.tailed:after{border-bottom-right-radius:0;border-bottom-left-radius:10px;left:auto;right:-26px}
.sent a{color:#fff}
.emoji{background:0 0;padding:0 4px;font-size:34px;line-height:40px}
.stackWrap{margin-bottom:15px}
.connected{margin-bottom:4px}
.reaction{-webkit-user-select:none;user-select:none;z-index:2;background:0 0;border:0;padding:0;position:absolute;top:-24px;right:-15px}
.reactionFace{background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;line-height:1;display:grid}
.reactionTrailLarge,.reactionTrailSmall{background:var(--accent);border-radius:50%;position:absolute}
.reactionTrailLarge{width:9px;height:9px;bottom:-1px;right:-1px}
.reactionTrailSmall{width:4px;height:4px;bottom:-5px;right:-4px}
.bubble:has(.reaction){margin-top:26px}
.timestamp{color:var(--secondary);text-align:center;align-self:center;margin:15px 0 30px;font-size:11px;font-weight:400;line-height:15px}
.timestamp:first-child{margin-top:30px}
.timestamp strong{font-weight:600}
.chat>.timestamp:first-child{margin-top:0}
.receipt{color:var(--secondary);align-self:flex-end;margin:-11px 4px 15px 0;font-size:11px;font-weight:400;line-height:15px}
.typingTail:before{content:"";corner-shape:round;background:var(--received);width:12px;height:12px;box-shadow:-7.5px 7.5px 0 -3.5px var(--received);border-radius:50%;position:absolute;bottom:-2px;left:-2px}
.typingTail:after{content:"";background:var(--page);corner-shape:round;border-bottom-right-radius:10px;width:26px;height:20px;position:absolute;bottom:0;left:-28px}
.typingMeasure{white-space:nowrap;flex:none;width:0;overflow:hidden}
.replyBubble{align-items:center;display:flex}
.replyBubble:before,.replyBubble:after{transition-property:width,height,left,bottom,border-radius,box-shadow;transition-duration:.24s;transition-timing-function:cubic-bezier(.32,.72,0,1)}
.replyBubble.tailed:before{box-shadow:0 0 0 -6px var(--received)}
.replyBubble.typingTail:before,.replyBubble.typingTail:after{transition-duration:.14s}
.replyClip,.replyPhase{align-items:center;display:flex}
.replyLetter{white-space:pre;animation:.14s cubic-bezier(.23,1,.32,1) backwards experimentLetterIn;animation-delay:calc(var(--at) * .2s);display:inline-block}
.typingDots{align-items:center;gap:5px;display:flex}
.typingDot{background:var(--secondary);opacity:.35;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typingPulse}
.typingDot:nth-child(2){animation-delay:.2s}
.typingDot:nth-child(3){animation-delay:.4s}
@keyframes typingPulse{0%,60%,to{opacity:.35}
30%{opacity:1}
}
.waveEffect{font:inherit;font-style:normal}
.waveWord{white-space:nowrap}
.waveLetter{vertical-align:baseline;line-height:inherit;transform-origin:50% 78%;will-change:transform;animation-duration:3s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite;animation-delay:calc(1s + var(--i) * var(--fx-stagger,45ms));display:inline-block}
@keyframes ripple{0%,33.3%,to{transform:translateY(0)}
11.7%{transform:translateY(-7px)}
}
@keyframes explode{0%,46.2%,to{transform:translate(0)scale(1)}
10.5%{transform:translate(calc(var(--d) * 12px), -6px) scale(1.22)}
25.2%{transform:translate(calc(var(--d) * -2px), 2px) scale(.98)}
}
.fxRipple .waveLetter{--fx-stagger:55ms;animation-name:ripple;animation-duration:3s}
.fxExplode .waveLetter{--fx-stagger:26ms;animation-name:explode;animation-duration:2s;animation-timing-function:cubic-bezier(.3,1.4,.5,1)}
.stackWrap{--media-h:145px;text-align:left;background:0 0;border:0;width:230px;padding:0;display:block;position:relative}
.stackBehind{z-index:0;corner-shape:superellipse(1.5);background:var(--card);transform-origin:100% 100%;border-radius:24px;position:absolute;inset:0;overflow:hidden}
.stackBehindMedia{width:100%;height:var(--media-h);display:block;position:relative}
.stackBehind img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}
.card{z-index:1;corner-shape:superellipse(1.5);background:var(--card);text-align:left;border:0;border-radius:24px;width:100%;padding:0;display:block;position:relative;overflow:hidden}
.cardMedia{width:100%;height:var(--media-h);display:block;position:relative}
.cardMedia img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}
.cardBody{padding:11px 14px 14px;display:block}
.cardTitle{color:var(--label);letter-spacing:-.2px;font-size:14px;font-weight:600;line-height:19px;display:block}
.cardSub{color:var(--secondary);letter-spacing:-.1px;font-size:13px;font-weight:400;line-height:18px;display:block}
.backdrop{z-index:30;pointer-events:none;background:0 0;position:fixed;inset:0}
.panel{z-index:40;corner-shape:superellipse(1.5);background:var(--panel);contain:layout style;will-change:transform;backface-visibility:hidden;border-radius:32px;width:calc(50vw - 28px);position:fixed;top:14px;bottom:14px;right:14px;overflow:hidden}
@media (max-width:767px){.panel{width:calc(100vw - 24px);top:12px;bottom:12px;right:12px}
}
@media (max-width:639px){.backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(2px);pointer-events:auto}
.panel{border-radius:28px 28px 0 0;width:100%;height:min(88dvh,760px);inset:auto 0 0}
}
.sheetHandleArea{display:none}
@media (max-width:639px){.sheetHandleArea{z-index:60;touch-action:none;cursor:grab;place-items:start center;width:72px;height:28px;padding-top:8px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}
.sheetHandleArea:active{cursor:grabbing}
.sheetHandle{background:var(--handle);border-radius:999px;width:36px;height:5px}
}
.panelMedia{background:var(--panel);flex-direction:column;display:flex;position:absolute;inset:0}
.panelArt{min-height:0;padding:24px var(--panel-gutter) 32px;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:22px;display:flex;overflow-y:auto}
.panelArt::-webkit-scrollbar{display:none}
.contactBody::-webkit-scrollbar{display:none}
.panelRow{grid-template-columns:1fr;gap:14px;display:grid}
.panelPair{grid-template-columns:1fr 1fr;align-items:start}
.panelSlot{corner-shape:superellipse(1.5);background:var(--slot);border-radius:18px;width:100%;display:block;position:relative;overflow:hidden}
.panelShot{corner-shape:superellipse(1.5);-webkit-user-select:none;user-select:none;border-radius:18px;width:100%;height:auto;display:block}
.panelActions{top:29px;right:var(--panel-gutter);z-index:50;align-items:center;gap:10px;display:flex;position:absolute}
.panelApp{--actions-w:calc(34px + 10px + 34px);min-width:0;padding-right:calc(var(--panel-gutter) + var(--actions-w) + 8px);align-items:center;gap:12px;margin-bottom:4px;display:flex}
.panelAppBare{--actions-w:34px;min-height:44px}
.panelAppIcon{border-radius:11px;flex:none;width:44px;height:44px;display:block;overflow:hidden}
.panelAppText{flex:auto;min-width:0}
.panelAppName{color:var(--label);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}
.panelAppTagline{color:var(--secondary);letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:18px;display:block;overflow:hidden}
.panelCta,.panelClose{pointer-events:auto;color:var(--icon);will-change:transform;border:none;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;text-decoration:none;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:grid}
.panelCta:active,.panelClose:active,.postSound:active,.postPlay:active,.sendBtn:not(:disabled):active{transition:transform 80ms cubic-bezier(.2,0,.2,1);transform:scale(1.1)}
.panelClose{color:var(--close-icon);margin-left:auto}
@media (max-width:767px){.panelArt{padding:22px 18px 24px}
}
@media (max-width:639px){.panelApp{padding-right:calc(var(--panel-gutter) + 34px + 8px)}
.panelClose{display:none}
.panelArt{padding:30px 18px calc(24px + env(safe-area-inset-bottom,0px))}
}
.experimentStage{flex-direction:column;flex:auto;justify-content:safe center;min-height:calc(100% - 70px);padding-bottom:44px;display:flex}
.experimentList{--experiment-quiet:var(--quiet);width:min(100%,30rem);margin:0 auto;padding:0;list-style:none}
.experimentRow{color:inherit;align-items:center;gap:14px;padding-block:13px;text-decoration:none;display:flex}
.experimentList li:nth-child(2n) .experimentRow{flex-direction:row-reverse}
.experimentRowName{min-height:20px;color:var(--label);letter-spacing:-.35px;white-space:nowrap;flex:none;font-size:15px;font-weight:450;line-height:20px;transition:color .24s cubic-bezier(.33,1,.68,1)}
@keyframes experimentLetterIn{0%{opacity:0;filter:blur(3px);transform:translateY(.2em)}
to{opacity:1;filter:blur();transform:none}
}
.experimentLetter{white-space:pre;animation:.18s cubic-bezier(.23,1,.32,1) experimentLetterIn;display:inline-block}
.experimentRule{background:var(--experiment-quiet);flex:auto;min-width:32px;height:1px;transition:background-color .24s cubic-bezier(.33,1,.68,1);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 1px,#0000 1px 3px);mask-image:repeating-linear-gradient(90deg,#000 0 1px,#0000 1px 3px)}
.experimentRow:hover .experimentRule{background-color:var(--label-strong)}
@media (hover:hover){.experimentList:hover .experimentRowName{color:var(--experiment-quiet)}
.experimentList:hover .experimentRow:hover .experimentRowName{color:var(--label)}
}
.experimentPreview{z-index:10;border:1px solid var(--preview-border);corner-shape:round;background:var(--preview-bg);width:224px;height:168px;box-shadow:0 14px 40px var(--preview-shadow);transform-origin:50% 100%;opacity:0;pointer-events:none;contain:layout paint style;will-change:transform, opacity;border-radius:18px;padding:4px;transition:opacity .12s ease-out;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100vw,-100vh)scale(.97)}
.previewVisible{opacity:1}
.experimentPreview img{object-fit:cover;border-radius:13px;width:100%;height:100%;display:block}
@media (hover:none),(pointer:coarse){.experimentPreview{display:none}
}
@media (prefers-reduced-motion:reduce){.experimentLetter{animation:none}
}
.postFeed{flex-direction:column;gap:14px;display:flex}
.postNarrow{width:62%}
.postSound,.postPlay{z-index:2;will-change:transform;background:0 0;border:none;place-items:center;padding:0;transition:transform .42s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute}
.controlLight{color:#fff;filter:drop-shadow(0 1px 3px #0000008c)}
.controlDark{color:#1d1d1f;filter:drop-shadow(0 1px 3px #ffffffa6)}
.postSound{width:32px;height:32px;top:8px;right:8px}
.postPlay{width:48px;height:48px;margin:-24px 0 0 -24px;top:50%;left:50%}
.scrollCue{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;color:var(--secondary);letter-spacing:-.1px;background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;padding:10px 16px 8px;font-size:13px;line-height:16px;transition:opacity .28s ease-out;display:flex;position:absolute;left:50%;transform:translate(-50%)}
.scrollCue:before{content:"";bottom:calc(-10px - env(safe-area-inset-bottom,0px));z-index:-1;background:linear-gradient(to top, var(--panel) 38%, rgb(var(--panel-rgb) / 0));pointer-events:none;width:120vw;height:108px;position:absolute;left:50%;transform:translate(-50%)}
.scrollCueGone{opacity:0;pointer-events:none}
@keyframes scrollCueNudge{0%,62%,to{transform:translateY(0)}
31%{transform:translateY(2.5px)}
}
.scrollCueChevron{animation:2.4s cubic-bezier(.45,0,.55,1) infinite scrollCueNudge;display:block}
.scrollCueGone .scrollCueChevron{animation:none}
@media (prefers-reduced-motion:reduce){.scrollCueChevron{animation:none}
}
.contactBody{background:var(--panel);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:absolute;inset:0;overflow-y:auto}
@media (max-width:639px){.contactBody{padding:40px 24px calc(24px + env(safe-area-inset-bottom,0px))}
}
.contactGroup{corner-shape:superellipse(1.5);background:var(--group);border-radius:16px;flex:none;width:100%;max-width:400px;overflow:hidden}
.contactRow{padding:10px 16px 11px;text-decoration:none;display:block;position:relative}
.contactRow+.contactRow:before{content:"";background:var(--separator);height:1px;position:absolute;top:0;left:16px;right:16px}
.contactRowLabel{color:var(--secondary);font-size:12px;display:block}
.contactRowValue{color:var(--accent);letter-spacing:-.4px;font-size:17px;line-height:23px;transition:opacity .15s;display:block}
a.contactRow:hover .contactRowValue{opacity:.7}
.contactRowPlain{color:var(--label)}
.place{text-align:left;width:100%;color:inherit;--show:0;--ready:0;--letter:.18s;--letter-ease:cubic-bezier(.23, 1, .32, 1);--stagger:90ms;--lag:90ms;--draw:.68s;--retract:.34s;padding:0;display:block}
.place[data-ready]{--ready:1}
@media (hover:hover){.contactRow:hover .place{--show:1}
}
.place:focus-visible,.place[data-tamil]{--show:1}
.placeStack{display:grid}
.placeTamil,.placeRoman{grid-area:1/1}
.placeRoman{--on:calc(1 - var(--show) * var(--ready));--dir:-1}
.placeTamil{--on:calc(var(--show) * var(--ready));--dir:1;font-family:var(--font-vatteluttu), system-ui, sans-serif;letter-spacing:normal;-webkit-text-stroke:.3px currentColor;margin-top:4px;margin-bottom:-4px;font-size:20px;line-height:23px}
.placeLetter{white-space:pre;opacity:var(--on);filter:blur(calc((1 - var(--on)) * 2.5px));transform:translateY(calc((1 - var(--on)) * var(--dir) * .18em));transition:opacity var(--letter) var(--letter-ease), filter var(--letter) var(--letter-ease), transform var(--letter) var(--letter-ease);transition-delay:calc(var(--at) * var(--stagger) + var(--on) * var(--lag));display:inline-block}
.placeMap{width:22.6px;height:30px;color:var(--map);stroke-width:1px;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--show));transition:stroke-dashoffset calc(var(--show) * var(--draw) + (1 - var(--show)) * var(--retract)) ease-in-out;margin-block:auto;position:absolute;top:0;bottom:0;right:16px}
.placeDistricts{fill:none;stroke-width:.6px;opacity:calc(var(--show) * .45);transition:opacity calc(var(--show) * .4s + (1 - var(--show)) * .18s) ease calc(var(--show) * .34s)}
.paused .waveLetter,.paused .typingDot{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.waveLetter,.typingDot{animation:none}
.bubble,.timestamp,.receipt,.stackWrap,.replyLetter{opacity:1;filter:none;animation:none}
.replyBubble:before,.replyBubble:after,.placeLetter,.placeMap,.placeDistricts{transition:none}
}




/* Content and accessibility additions; source-token styling lives in reference.css. */

body{font-family:system-ui,sans-serif}
[hidden]{display:none!important}
html{--cursor:auto;overflow-x:clip}
@supports not (overflow:clip){html{overflow-x:hidden}}
.root a,.root a *, .root button,.root button *{cursor:pointer!important}
.root input{cursor:text!important}
.root :focus-visible,.panel :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.root :focus:not(:focus-visible),.panel :focus:not(:focus-visible){outline:none}
.avatarBtn{overflow:visible}
.namePill{text-decoration:none}
.namePill,.composerGlass,.panelCta,.panelClose{backdrop-filter:blur(1.2px) saturate(1.6)}
.namePill[data-glass-fallback],.composerGlass[data-glass-fallback],.panelCta[data-glass-fallback],.panelClose[data-glass-fallback]{backdrop-filter:blur(7px) saturate(1.7);-webkit-backdrop-filter:blur(7px) saturate(1.7);background:linear-gradient(to bottom,var(--glass-fb-hi-top) 0,transparent 1.5px),linear-gradient(to top,var(--glass-fb-hi-bottom) 0,transparent 1.5px),var(--glass-fb-tint)}
.panelCta svg,.panelClose svg,.namePill svg,.sendBtn svg{pointer-events:none}
.composerInput{width:100%;outline:none!important}
.composerInput[aria-invalid=true]{box-shadow:inset 0 -1px 0 #ff3b30}
.composerInput:-webkit-autofill{-webkit-background-clip:text;-webkit-text-fill-color:var(--label);caret-color:var(--label)}
.sendBtn:disabled{cursor:default!important}
.panelContent{position:absolute;inset:0}
.panelMedia,.contactBody{color:var(--label);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif}
.contactBody{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif}
.panel{outline:none;--panel-gutter:24px}
.panelAppName{font-weight:600}
.panelArt{scroll-padding-top:24px;overflow-wrap:anywhere}
.panelAppIcon{background:var(--group);display:grid;place-items:center}
.brand{display:inline-block;object-fit:contain;max-width:100%;height:28px}
.panelAppIcon .brand{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:7px;padding:2px}
.identitySymbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--group);color:var(--accent)}
.directoryYear{color:var(--secondary);font-size:12px;flex:none;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.experimentRowName{white-space:normal}
.experimentRow{min-height:46px}
.stackWrap{border-radius:24px;isolation:isolate}
.stackBehind{transition:transform .36s cubic-bezier(.32,.72,0,1)}
.card{transition:transform .36s cubic-bezier(.32,.72,0,1)}
@media (hover:hover){.stackWrap:hover .stackBehind:first-child{transform:rotate(10deg) translate(2px,-1px)!important}.stackWrap:hover .stackBehind:nth-child(2){transform:rotate(5deg)!important}.stackWrap:hover .card{transform:rotate(-1.5deg) translateY(-1px)}}
.stackWrap:active .card{transform:scale(.98)}
.stackWrap:focus-visible{outline-offset:6px}
.cardMedia img,.stackBehindMedia img{object-fit:cover}
.storyIntro p{font:400 17px/25px -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.3px}
.storyIntro .storyRole{margin-top:16px;color:var(--secondary);font-size:13px;line-height:20px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-radius:16px;overflow:hidden;background:var(--separator)}
.metrics>div{padding:18px 12px;background:var(--group)}
.metrics strong{font:500 20px/26px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;letter-spacing:-.5px;display:block}
.metrics span{display:block;font:400 12px/17px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:var(--secondary);margin-top:5px}
.storySection h3{font:600 14px/20px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;margin-bottom:10px}
.storySection p{font:400 16px/24px -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;letter-spacing:-.2px}
.storySection p+p{margin-top:16px}
.tools{display:flex;flex-wrap:wrap;gap:8px}
.toolItem{display:inline-flex;align-items:center;gap:6px;background:var(--group);padding:8px 11px;border-radius:10px;font:400 13px/18px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.toolItem .brand{width:18px;height:18px;background:white;padding:1px;border-radius:3px}
.sourceNote{font:400 12px/18px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:var(--secondary)}
.storyLink{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:400 15px/22px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;padding:8px 0}
.contactRowValue{overflow-wrap:anywhere}
.readingList{padding-top:70px}
.readingItem{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid var(--separator);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.readingItem strong{display:block;font-size:17px;line-height:23px;font-weight:500;letter-spacing:-.4px}
.readingItem span span{display:block;font-size:14px;line-height:21px;color:var(--secondary);margin-top:6px}
.readingItem svg{flex:none;color:var(--accent)}
.readingItem:hover strong{color:var(--accent)}
.resumeArt{gap:24px}
.resumeContact{font:400 13px/20px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:var(--accent)}
.resumeEntry{font:400 16px/24px -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;border-top:1px solid var(--separator);padding-top:20px}
.resumeEntry h3{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.4px}
.resumeRole{margin-top:4px}
.resumeDates{color:var(--secondary);font-size:13px;margin:2px 0 14px}
.resumeEntry li{margin-top:10px;padding-left:14px;position:relative}
.resumeEntry li:before{content:'•';position:absolute;left:0;color:var(--secondary)}
.replyItem{animation:replyIn .25s cubic-bezier(.32,.72,0,1) both}
@keyframes replyIn{from{transform:translateY(8px) scale(.96);opacity:0}to{transform:none;opacity:1}}
#reply-anchor{display:contents}
.replyActions{display:flex;gap:12px;flex-wrap:wrap}
.bubble a.replyLink{display:inline-flex;align-items:center;gap:5px;padding:4px 0}
.reaction[aria-pressed=false]{opacity:.5}
.skipLink{position:fixed;left:12px;top:12px;z-index:80;background:var(--panel);color:var(--accent);border-radius:20px;padding:12px 16px;transform:translateY(-150%)}
.skipLink:focus{transform:none}
.noscriptNote{max-width:420px;margin:20px auto;padding:20px;color:var(--secondary)}
@media (max-width:639px){
 html{scrollbar-gutter:auto}
 .panel{max-height:calc(100dvh - 24px)}
 .backdrop{backdrop-filter:blur(2px)}
 .sheetHandleArea:focus-visible{outline-offset:0;border-radius:10px}
 /* Source hides the close button on touch. Keep its visual behavior, but expose on keyboard focus. */
 .panelClose:focus-visible{display:grid;position:fixed;right:18px;top:32px}
 .panelArt{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
 .contactBody{justify-content:safe center}
 .metrics strong{font-size:18px}
 .metrics>div{padding:15px 10px}
 .experimentList{width:100%}
 .experimentRow{gap:10px}
 .experimentRule{min-width:12px}
 .storyIntro p{font-size:17px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
 .bubble,.timestamp,.receipt,.stackWrap{opacity:1;filter:none;animation:none!important}
}
@media (forced-colors:active){.bubble,.card,.namePill,.composerGlass,.panel,.contactGroup{border:1px solid CanvasText}.bubble:before,.bubble:after{display:none}}

/* Safari screenshot follow-up. Source geometry remains in reference.css.
   No simulated system status bar, URL pill, browser toolbar, or keyboard. */
.panelArt > * { flex-shrink: 0; }
.panelArt > .experimentStage { flex: 1 0 auto; }
.panelShot { aspect-ratio: 460 / 290; object-fit: cover; }
.panelArt { scroll-behavior: auto; }
/* Preserve the actual timeline sample while the mobile page is locked. */
.threadFrozen > .bubble,
.threadFrozen > .timestamp,
.threadFrozen > .receipt,
.threadFrozen > .stackWrap {
  animation: none !important;
  opacity: var(--held-opacity, 1) !important;
  filter: var(--held-filter, none) !important;
}
/* A focused or keyboard-reached control must not dissolve into an edge. */
.chat > :focus-within { opacity: 1 !important; filter: none !important; }
.namePill, .avatarBtn { -webkit-touch-callout: none; }
.panelClose:focus-visible { display: grid; }
/* The cue is meaningful only when more content actually exists. */
.scrollCue { font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.scrollCueChevron { animation-iteration-count: 1; }
.scrollCueGone { visibility: hidden; }
.backdrop { opacity: var(--sheet-dim, 1); }
@media (max-width: 639px) {
  .contactBar { transform: translateY(var(--visual-header-offset, 0px)); }
  .composerBar { max-width: 420px; margin-inline: auto; }
  .composerInput { scroll-margin-block: 24px; }
  .sheetHandleArea { height: 28px; }
  .panelArt { -webkit-overflow-scrolling: touch; }
  .panelArt > .experimentStage { justify-content: flex-start; padding-top: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .threadFrozen > .bubble, .threadFrozen > .timestamp,
  .threadFrozen > .receipt, .threadFrozen > .stackWrap {
    opacity: 1 !important; filter: none !important;
  }
}

/* Initial source positions are unchanged (94px desktop / 100px phone).
   Unlike the reference's photo-only sheet, long portfolio prose needs a clear reading rail. */
.panelHeader { position: absolute; z-index: 4; top: 0; left: 0; right: 0; padding: 24px var(--panel-gutter) 22px; background: var(--panel); }
.panelHeader + .panelArt { margin-top: 94px; padding-top: 0; }
@media (max-width: 767px) and (min-width: 640px) {
  .panelHeader { padding: 22px 18px 22px; }
  .panelHeader + .panelArt { margin-top: 92px; }
}
@media (max-width: 639px) {
  .panelHeader { padding: 30px 18px 22px; }
  .panelHeader + .panelArt { margin-top: 100px; }
}

/* Latest-first edition: same conversation language; lighter, evidence-first content.
   Intentional departures from the reference: chronology, contact semantics,
   44 CSS-pixel main targets, and default-readable direct documents. */
:root {
  --link:var(--accent);
  --native-font:-apple-system,system-ui,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
  --dock-height:100px;
  font-size:16px;
}
@media(prefers-contrast:more) {
  :root { --secondary:#68686e; --link:#005bc7; }
}
@media(prefers-contrast:more) and (prefers-color-scheme:dark) {
  :root { --secondary:#adadb3; --link:#6bb1ff; }
}
body,.panelMedia,.panelArt,.contactBody,.experimentRowName {font-family:var(--native-font);}
html {scroll-padding-top:140px;}
.chat {
  --header-h:calc(20px + env(safe-area-inset-top,0px) + 58px + 31px);
  padding-top:calc(var(--header-h) + 32px);
  padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom,0px) + 30px);
}
.bubble {font-size:1.0625rem;line-height:1.375rem;letter-spacing:-.4px;margin-bottom:10px;}
.bubble.connected {margin-bottom:4px;}
.bubble a,.storyLink,.contactRowValue:not(.contactRowPlain),.resumeContact,.readingItem svg {color:var(--link);}
.bubble a:hover {opacity:1;text-decoration:underline;text-underline-offset:2px;}
.bubble[data-introduction] {margin-bottom:8px;}
.namePill {font-size:1rem;min-height:31px;transition:transform .42s cubic-bezier(.34,1.56,.64,1);}
.namePill::before {pointer-events:none;}
.namePill:active {transition:transform 80ms cubic-bezier(.2,0,.2,1);transform:scale(1.06);}
.avatarBtn {min-width:58px;min-height:58px;}
.threadActions {display:flex;align-items:center;gap:0;margin:0 0 12px 0;min-height:44px;}
.threadActions a {display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:0 12px;font-size:.875rem;line-height:1.2;color:var(--link);border-radius:16px;}
.threadActions a:first-child {padding-left:0;justify-content:flex-start;min-width:56px;}
.threadActions a + a::before {content:"";width:1px;height:12px;background:var(--separator);position:relative;left:-12px;}
.threadActions a:hover {text-decoration:underline;text-underline-offset:3px;}
.timelineLabel {color:var(--secondary);font-size:.75rem;line-height:1.0625rem;text-align:center;margin:6px 0 0;}
.chapterDate {font-size:.75rem;line-height:1.0625rem;font-weight:500;margin:34px 0 18px;}
.chapterDate#chapter-agentic {margin-top:18px;}
.messageAttachment {display:flex;align-items:center;gap:11px;width:min(304px,88%);min-height:76px;padding:12px;background:var(--card);color:var(--label);border-radius:20px;margin:3px 0 5px;position:relative;transition:transform .18s ease,background .18s ease;}
.attachmentThumbnail {width:76px;height:60px;flex:0 0 76px;object-fit:cover;border-radius:10px;background:var(--group);}
.readingThumbnail {width:72px;height:72px;flex:0 0 72px;object-fit:cover;border-radius:12px;}
.readingItem {gap:14px;}
.readingList {padding-top:0;}
.readingItem>span {flex:1;min-width:0;text-align:left;}
.workThumbnail {width:96px;height:64px;flex-basis:96px;object-position:left center;}
.workList {padding-top:0;}
.panelArt.articleBody {font-size:17px;line-height:1.55;font-weight:400;gap:0;}
.articleBody p,.articleBody figure,.articleBody pre,.articleBody ul,.articleBody ol {margin:0 0 24px;flex-shrink:0;}
.articleBody figure {width:100%;}
.articleBody figure img {display:block;width:100%;height:auto;border-radius:12px;}
.articleBody figcaption {font-size:13px;line-height:1.45;color:var(--secondary);margin-top:10px;}
.articleBody pre {overflow:auto;max-width:100%;padding:16px;border-radius:12px;background:var(--card);font-size:13px;}
.articleBody h2,.articleBody h3 {line-height:1.3;font-weight:600;margin:12px 0 16px;flex-shrink:0;}
.articleBody a:not(.storyLink) {color:var(--link);text-decoration:underline;text-underline-offset:3px;}
.articleBody ul {list-style:disc;padding-left:24px;}
.articleBody ol {list-style:decimal;padding-left:24px;}
.articleBody li + li {margin-top:8px;}
.panelHeader:has(+ .articleBody) {position:relative;flex-shrink:0;}
.panelHeader:has(+ .articleBody) .panelAppName {white-space:normal;overflow:visible;text-overflow:clip;}
.panelHeader + .panelArt.articleBody {margin-top:0;}
.attachmentIcon {display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;background:var(--group);overflow:hidden;}
.attachmentIcon .brand {width:32px;height:32px;object-fit:contain;padding:1px;background:white;border-radius:5px;}
.attachmentIcon .identitySymbol {background:transparent;}
.attachmentText {min-width:0;flex:1;}
.attachmentText strong {display:block;font-size:.875rem;line-height:1.1875rem;letter-spacing:-.02em;font-weight:600;}
.attachmentText>span {display:block;font-size:.75rem;line-height:1.0625rem;color:var(--secondary);margin-top:3px;}
.messageAttachment>svg {flex:0 0 12px;color:var(--secondary);}
.messageAttachment:hover {background:var(--received);}
.messageAttachment:active {transform:scale(.985);}
.backToLatest {align-self:center;font-size:.8125rem;color:var(--link);padding:12px;margin-top:30px;min-height:44px;}
/* Glass is reserved for controls; every bubble and attachment remains an opaque reading surface. */
.composerBar {position:fixed;bottom:var(--keyboard-lift,0px);left:0;right:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));max-width:none;margin:0;}
.composerInner {width:min(100%,380px);pointer-events:auto;}
.composeRow {display:flex;align-items:flex-end;gap:8px;}
.composer {max-width:none;min-height:46px;height:auto;flex:1;align-items:flex-end;padding:2px 4px 2px 0;transform:none!important;}
.composerInput {resize:none;min-height:42px;max-height:126px;align-self:center;height:42px;font:400 1.0625rem/1.375rem var(--native-font);padding:10px 0 10px 14px;letter-spacing:-.025em;overflow-y:auto;}
.composerInput:focus-visible {outline:none;}
.composer:focus-within .composerGlass {box-shadow:0 0 0 1px var(--link);}
.composerGlass {background-color:color-mix(in srgb,var(--page) 84%,transparent)!important;}
.attachButton {display:grid;place-items:center;flex:0 0 44px;height:46px;border-radius:50%;color:var(--label);background:var(--card);transition:transform .18s;}
.attachButton:active {transform:scale(.94);}
.sendBtn {height:42px;width:40px;border-radius:50%;background:transparent!important;color:var(--accent);}
.sendBtn::before {content:"";position:absolute;inset:5px 4px;background:var(--accent);border-radius:50%;z-index:-1;}
.sendBtn svg {color:white;}
.sendBtn:disabled::before {background:var(--send-disabled);}
.sendBtn:disabled svg {color:var(--secondary);}
.composerNote {font:400 .6875rem/1rem var(--native-font);text-align:center;color:var(--secondary);margin:6px 0 0;}
.composerFeedback {font:400 .75rem/1.0625rem var(--native-font);text-align:center;color:var(--label);margin-top:4px;background:var(--page);border-radius:8px;}
.hasPanel .composerBar {visibility:hidden;}
@media(min-width:768px) {.hasPanel .composerBar {visibility:visible;}}
.root :focus-visible,.panel :focus-visible,.composerBar :focus-visible {outline:2px solid var(--link);outline-offset:3px;}
/* Summary, ownership and scope before optional imagery. */
.storyIntro .storyRole {font-size:.8125rem;line-height:1.25rem;color:var(--secondary);margin-top:12px;}
.storyDisclosure {border-top:1px solid var(--separator);padding:0;}
.storyDisclosure summary {display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:48px;font:500 .9375rem/1.375rem var(--native-font);cursor:pointer;list-style:none;}
.storyDisclosure summary::-webkit-details-marker {display:none;}
.storyDisclosure summary svg {transition:transform .18s ease;color:var(--secondary);}
.storyDisclosure[open] summary svg {transform:rotate(180deg);}
.storyDisclosure .storySection {padding:8px 0 16px;}
.galleryOnDemand {display:grid;gap:16px;padding:10px 0 18px;}
.metrics {border-radius:16px;flex-shrink:0;}
.metrics span {color:var(--secondary);}
.panelArt {gap:22px;}
.panelActions {gap:10px;top:29px;right:24px;}
.panelCta,.panelClose {width:44px;height:44px;flex-basis:44px;}
.panelHeader {min-height:98px;padding-right:18px;}
.panelHeader + .panelArt {margin-top:100px;}
.panelApp {padding-right:94px;}
.panelAppBare {padding-right:46px;}
.panelHeader:has(+ .panelArt) .panelAppName {line-height:1.25rem;font-size:.9375rem;}
.panelAppTagline {font-size:.8125rem;}
.contactBody {justify-content:safe center;padding-top:76px;padding-bottom:32px;}
.copyEmail {display:block;min-height:44px;padding:12px 16px;width:100%;text-align:left;font-size:.875rem;color:var(--link);border-top:1px solid var(--separator);}
.contactRowLabel {color:var(--secondary);}
.contactRowValue {font-size:1.0625rem;line-height:23px;}
@media(max-width:639px) {
  .chat {padding-bottom:calc(var(--dock-height) + env(safe-area-inset-bottom,0px) + 26px);}
  .composerBar {padding-inline:16px;}
  .contactBody {padding-top:76px;}
  .panelActions {top:29px;right:24px;}
  .panelClose {display:grid;}
  .panelHeader {padding-top:30px;}
  .panelApp {padding-right:94px;}
  .panelAppBare {padding-right:46px;}
  .storyIntro p {font-size:1.0625rem;line-height:1.5rem;}
}
@media(prefers-reduced-motion:reduce) {
  .chat>* {filter:none!important;opacity:1!important;animation:none!important;transition:none!important;}
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce) {
  .namePill,.composerGlass,.panelCta,.panelClose {background:var(--page)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--secondary);}
  .chat>* {filter:none!important;opacity:1!important;animation:none!important;}
}
@media print {
  html,body {background:#fff!important;color:#111!important;}
  .contactBar,.composerBar,.skipLink,.backdrop,.panelActions,.sheetHandleArea,.experimentPreview,.scrollCue {display:none!important;}
  .root {min-height:0!important;}
  body.hasPanel #app {display:none!important;}
  .panel,.panelContent,.panelMedia,.panelArt,.panelHeader,.contactBody {position:static!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;inset:auto!important;overflow:visible!important;contain:none!important;transform:none!important;background:#fff!important;color:#111!important;}
  .panelArt {padding:20px!important;}
  .panelArt>* {margin-bottom:20px;}
  .panelApp {padding:0!important;}
  .panelHeader {padding:20px!important;}
  .bubble,.timestamp,.messageAttachment {animation:none!important;opacity:1!important;filter:none!important;}
  .resumeEntry {break-inside:avoid;}
  details::details-content {content-visibility:visible!important;}
  details>* {display:block!important;}
}
/* The present-day introduction must be immediately readable, not partway through an edge fade. */
.bubble[data-introduction] {animation:none;filter:none;opacity:1;}
@supports (animation-timeline:scroll()) {
  @media(prefers-reduced-motion:no-preference) {
    .bubble[data-introduction] {animation:introductionExit linear both;animation-timeline:scroll(root block);animation-range:0px 100px;}
  }
}
@keyframes introductionExit {from {opacity:1;filter:blur(0);} to {opacity:0;filter:blur(3px);}}
.namePill {min-height:31px;}
.panelClose,.panelCta {width:34px;height:34px;min-width:34px;min-height:34px;flex-basis:34px;}
.stackWrap {font:500 14px/17.5px var(--native-font);}
.avatarBtn {width:58px;height:58px;overflow:hidden;background:#d6d3cd;}
.avatarImg {position:absolute;left:50%;top:-18px;width:140px;height:218px;max-width:none;transform:translateX(-50%);border-radius:0;object-fit:cover;}
.contactPortrait {text-align:center;margin:0 auto 24px;max-width:300px;}
.contactBody {background:var(--panel);}
.portraitCrop {display:block;width:88px;height:88px;border-radius:50%;overflow:hidden;position:relative;background:#d6d3cd;margin:0 auto 14px;}
.portraitCrop img {position:absolute;width:212px;height:331px;max-width:none;left:50%;top:-27px;transform:translateX(-50%);}
.contactPortrait h2 {font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.6px;margin-bottom:8px;}
.contactPortrait p {font-size:15px;line-height:21px;color:var(--secondary);}
.threadActions {margin-bottom:4px;}
.chapterDate#chapter-agentic {margin-top:28px;}
.messageAttachment {width:min(306px,85%);margin-top:10px;margin-bottom:10px;min-height:74px;padding:13px 14px;}
.attachmentText strong {font-size:15px;line-height:20px;font-weight:500;}
.attachmentText>span {font-size:13px;line-height:18px;}
.attachmentIcon {background:white;color:var(--accent);}
.attachmentIcon .brand {width:30px;height:30px;}
.stackWrap {width:260px;max-width:85%;--media-h:150px;}
.cardMedia img {object-position:center;}
.cardBody {padding:12px 14px;height:auto;min-height:62px;}
.cardTitle {font-size:15px;line-height:20px;font-weight:500;}
.cardSub {font-size:13px;line-height:18px;}
.projectHero {width:100%;height:auto;border-radius:16px;display:block;}
.metrics {display:flex;flex-direction:column;gap:0;background:var(--group);border-radius:14px;}
.metrics>div {display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:13px 16px;background:transparent;}
.metrics>div+div {border-top:1px solid var(--separator);}
.metrics strong {font-size:17px;line-height:23px;font-weight:500;}
.metrics span {font-size:14px;line-height:20px;margin:0;text-align:right;}
.storySection h3 {font-size:16px;line-height:22px;}
.storyIntro .storyRole,.toolItem {font-size:14px;}
.paperAttachment {display:block;width:244px;max-width:85%;margin:14px 0 18px;text-decoration:none;color:var(--label);border-radius:18px;background:var(--card);position:relative;transition:transform .22s cubic-bezier(.32,.72,0,1);}
.paperPreview {display:block;height:180px;overflow:hidden;border-radius:18px 18px 0 0;background:white;border:1px solid var(--separator);border-bottom:0;}
.paperPreview img {display:block;width:100%;height:auto;object-fit:contain;}
.paperCaption {display:block;padding:12px 14px;}
.paperCaption strong {display:block;font-size:15px;line-height:20px;font-weight:500;}
.paperCaption>span {display:block;font-size:12px;line-height:18px;color:var(--secondary);margin-top:3px;}
.paperLibrary {display:flex;flex-wrap:wrap;gap:22px;align-items:start;}
.paperLibrary .paperAttachment {margin:0;width:calc(50% - 11px);max-width:100%;}
.paperReader {font-weight:400;}
.paperIntroduction {font-size:17px;line-height:25px;}
.paperIntroduction h3 {font-size:22px;line-height:29px;letter-spacing:-.5px;font-weight:600;}
.paperAuthors {font-size:14px;line-height:21px;color:var(--secondary);margin:12px 0 20px;}
.paperAward {display:flex;gap:8px;align-items:center;font-size:15px;line-height:21px;margin-bottom:20px;}
.paperAward>span {font-size:22px;flex:none;}
.paperAward a {padding:10px;margin:-10px 0;flex:none;color:var(--link);}
.paperPages {display:flex;flex-direction:column;gap:18px;}
.paperPage img {width:100%;height:auto;display:block;background:white;border-radius:3px;box-shadow:0 1px 4px #00000014;}
.paperPage figcaption {text-align:center;font-size:12px;line-height:20px;color:var(--secondary);margin-top:8px;}
.paperReader .paperAttachment {margin-top:0;}
.reaction {width:44px;height:44px;top:-30px;right:-21px;display:grid;place-items:center;cursor:pointer;}
.reactionTrailLarge {right:5px;bottom:5px;}
.reactionTrailSmall {right:2px;bottom:1px;}
.reactionFace {transition:transform .22s cubic-bezier(.34,1.56,.64,1);}
.reaction:active .reactionFace {transform:scale(.88);}
.reaction[aria-expanded=true] .reactionFace {transform:scale(1.08);}
.reactionPicker {position:absolute;right:-12px;bottom:calc(100% + 36px);width:234px;padding:8px;background:var(--panel);border:1px solid var(--separator);border-radius:24px;box-shadow:0 6px 28px #00000018;z-index:5;font:400 12px/17px var(--native-font);}
.reactionOptions {display:flex;}
.reactionOptions button {width:44px;height:44px;border-radius:50%;font-size:24px;display:grid;place-items:center;}
.reactionOptions button:hover,.reactionOptions button:focus-visible {background:var(--received);}
.reactionPicker p {text-align:center;color:var(--secondary);margin-top:4px;}
.bubble:has(.reactionPicker) {z-index:10;filter:none!important;opacity:1!important;}
@supports(animation-timeline:view()) {
 .chat>.paperAttachment,.chat>.messageAttachment {animation:linear both edgeDissolve;animation-timeline:view();animation-range:cover;}
}
.threadFrozen>.paperAttachment,.threadFrozen>.messageAttachment {animation:none!important;opacity:var(--held-opacity,1)!important;filter:var(--held-filter,none)!important;}
@media(hover:hover) {.paperAttachment:hover {transform:translateY(-2px);}.messageAttachment:hover {background:var(--received);}}
.paperAttachment:active {transform:scale(.98);}
@media(max-width:639px) {
 .paperLibrary {flex-direction:column;align-items:center;}
 .paperLibrary .paperAttachment {width:260px;}
 .paperIntroduction h3 {font-size:21px;line-height:28px;}
 .panelActions {top:29px;right:18px;}
 .panelClose {display:grid!important;}
 .panelAppBare {padding-right:48px!important;}
 .panelApp {padding-right:92px;}
}
.bubble + .stackWrap {margin-top:18px;}
.cardSub {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.stackWrap[data-open="agentic"] .cardMedia img {object-position:left center;}
.composerBar {isolation:isolate;}
.composerBar::before {content:"";position:absolute;z-index:-1;inset:-18px 0 0;background:linear-gradient(to bottom,transparent,var(--page) 45px);pointer-events:none;}
.sendBtn {width:44px;height:44px;}
.sendBtn::before {inset:6px;}
.composer {min-height:48px;}
.attachButton {height:48px;}
.panelApp {padding-right:102px;}
.panelAppBare {padding-right:50px;}
@media(min-width:768px) {.composerBar::before {left:calc(50% - 220px);right:calc(50% - 220px);}}
@media(min-width:640px) {
  .enhanced .composerBar {transform:translateY(120%);visibility:hidden;}
  .enhanced .composerBar.composerEntered {transform:translateY(0);visibility:visible;transition:transform .42s cubic-bezier(.32,.72,0,1);}
}
@media(max-width:639px) {
  .chat {padding-bottom:0;}
  .composerBar {position:static;padding:8px 20px calc(28px + env(safe-area-inset-bottom,0px));}
  .composerBar::before {display:none;}
  .panelClose {display:none;}
  .panelApp {padding-right:66px;}
  .panelAppBare {padding-right:0;}
}

/* Audited repairs, 2026-09-17. Reference type sizes and bubble geometry retained.
   Split-view contract: >=960px. Narrower windows use one modal sheet. */
:root { --secondary:#68686e; --link:#005bc7; }
@media(prefers-color-scheme:dark) { :root {--secondary:#adadb3;--link:#6bb1ff;} }
@media(prefers-contrast:more) { :root {--secondary:#505056;--link:#00499f;} }
@media(prefers-contrast:more) and (prefers-color-scheme:dark) { :root {--secondary:#c5c5cb;--link:#93c9ff;} }

/* Compose translation axes in ONE declaration. Entering must never discard x. */
@media(min-width:640px) {
  .enhanced .composerBar {
    --composer-x:0px;--composer-y:120%;
    transform:translate(var(--composer-x),var(--composer-y));visibility:hidden;
    transition:transform .3s cubic-bezier(.32,.72,0,1);
  }
  .enhanced .composerBar.composerEntered {
    --composer-y:0px;
    transform:translate(var(--composer-x),var(--composer-y));visibility:visible;
  }
  .hasPanel .composerBar:not(.composerEntered) {visibility:hidden;}
}
@media(min-width:960px) {
  .enhanced .composerBar.composerShifted {--composer-x:-25vw;}
}
@media(max-width:959px) {
  .shifted,.contactCardShifted {transform:none;}
  .hasPanel .composerBar {visibility:hidden!important;}
  .backdrop {
    background:var(--backdrop);pointer-events:auto;
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  }
  .panel {
    top:auto;right:0;bottom:0;left:0;
    width:min(700px,100%);height:min(88dvh,800px);max-height:calc(100dvh - 24px);
    margin-inline:auto;border-radius:28px 28px 0 0;
  }
  .sheetHandleArea {
    display:grid;position:absolute;z-index:60;left:50%;top:0;
    transform:translateX(-50%);width:88px;height:28px;padding-top:8px;
    place-items:start center;touch-action:none;cursor:grab;
  }
  .sheetHandle {width:36px;height:5px;border-radius:999px;background:var(--handle);}
  .panelHeader {padding:30px 18px 18px;}
  .panelHeader + .panelArt {margin-top:100px;}
  .panelHeader + .panelArt.articleBody {margin-top:0;}
  .contactBody {padding:60px 24px 32px;}
}

/* Actual hit targets are 44px; retain the reference's 34px circular appearance. */
.panelActions {gap:10px;right:19px;top:24px;}
.panelClose,.panelCta {
  width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px;
  overflow:visible;border-radius:50%;
}
.panelClose {display:grid!important;}
.panelApp {padding-right:106px;}
.panelAppBare {padding-right:54px;}
.panelAppName {white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;}
.panelAppTagline {white-space:normal;overflow:visible;}
/* Always reserve the measured header rather than an assumed 100px. JS sets this. */
.enhanced .panelHeader + .panelArt:not(.articleBody) {margin-top:var(--panel-header-height,100px);}
.controlLabel {
  position:absolute;right:0;top:calc(100% + 6px);padding:7px 10px;
  border-radius:10px;background:var(--label);color:var(--page);
  font:500 12px/16px var(--native-font);white-space:nowrap;max-width:260px;
  pointer-events:none;visibility:hidden;opacity:0;z-index:80;
}
.panelCta:hover .controlLabel,.panelCta:focus-visible .controlLabel {visibility:visible;opacity:1;}
.contactBody {justify-content:flex-start;}
.contactPortrait {flex-shrink:0;}
.contactBody>.contactGroup:first-child {margin-top:auto;}
.contactBody>.contactGroup:last-child {margin-bottom:auto;}
.contactPortrait + .contactGroup {margin-top:0;}
/* The broad .readingItem>span text rule must not flex-grow the logo enclosure. */
.readingItem>.attachmentIcon {flex:0 0 42px;width:42px;min-width:42px;height:42px;}
.articleBody table {border-collapse:collapse;width:100%;margin:0 0 24px;table-layout:fixed;}
.articleBody th,.articleBody td {border-bottom:1px solid var(--separator);padding:12px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;}
.articleBody th {font-weight:600;}
.articleBody code {overflow-wrap:anywhere;}
.notFound {max-width:420px;margin:18vh auto;padding:24px;color:var(--label);background:var(--page);font:400 17px/25px var(--native-font);}
.notFound h1 {font-size:24px;line-height:30px;letter-spacing:-.5px;margin-bottom:16px;}
.notFound nav {display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;}
.notFound a {color:var(--link);min-height:44px;display:inline-flex;align-items:center;}
@media(prefers-reduced-motion:reduce) { .enhanced .composerBar {transition:none;} }
@media print {
 .panelHeader + .panelArt:not(.articleBody) {margin-top:0!important;}
 .controlLabel {display:none!important;}
 .panelAppName {overflow:visible;}
}
.panelCta,.panelClose {background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:auto;}
.panelCta::before,.panelCta::after,.panelClose::before,.panelClose::after {display:none;}
.actionFace {
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  position:relative;overflow:hidden;pointer-events:none;isolation:isolate;
  background:linear-gradient(to bottom,var(--glass-hi-top),transparent 1.5px),linear-gradient(to top,var(--glass-hi-bottom),transparent 1.5px),var(--glass-tint);
  box-shadow:inset 0 0 0 1px var(--glass-edge-soft);
  backdrop-filter:blur(1.2px) saturate(1.6);-webkit-backdrop-filter:blur(1.2px) saturate(1.6);
}
.actionFace[data-glass-fallback] {
  background:linear-gradient(to bottom,var(--glass-fb-hi-top),transparent 1.5px),linear-gradient(to top,var(--glass-fb-hi-bottom),transparent 1.5px),var(--glass-fb-tint);
  backdrop-filter:blur(7px) saturate(1.7);-webkit-backdrop-filter:blur(7px) saturate(1.7);
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce) {
  .actionFace {background:var(--page)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--secondary);}
}