.case-embedded .j39-coach{display:none!important}html{scrollbar-width:none}::-webkit-scrollbar{display:none}.case-tap{animation:caseTap .6s ease-out}.case-filled{animation:caseFill .8s ease-out}@keyframes caseTap{50%{box-shadow:0 0 0 3px #b5b8ce88}}@keyframes caseFill{from{filter:brightness(1.12)}to{filter:brightness(1)}}.case-embedded .j13-compose-body{scrollbar-width:none}html.case-composer .j13-composer{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important}html.case-composer .j13-sheet-grabber{margin-top:14px}html.case-composer .j13-composer::backdrop{background:#191a1d}html.case-reward .j39-reward.j44-reward{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:30px 24px 24px!important;border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}html.case-reward .j39-reward::backdrop{background:#0b1215}
/* Compact day-note illustration: keep selected Labels beside the written thought. */
html.case-embedded .j82-day-composer .j13-compose-body textarea[data-j14-note]{height:88px!important;min-height:88px!important;flex:0 0 auto!important;margin-bottom:0!important}
html.case-embedded .j82-day-composer .j82-selected-labels{margin:8px 0 0!important}

/* Open from the control, settle, then hold still for reading. */
@media(prefers-reduced-motion:no-preference){
 .case-motion .j13-composer[open]{animation:casePanelIn .56s cubic-bezier(.16,1,.3,1) both}
 .case-motion .j20-slash:not([hidden]),.case-motion .j16-inline-labels:not([hidden]),.case-motion .j37-day-dock:not([hidden]),.case-motion .j20-plan-picker:not([hidden]){animation:caseDockIn .44s cubic-bezier(.16,1,.3,1) both}
 /* One entrance per surface; updating an existing label must not replay every chip. */
 .case-motion .j35-bottom-dock:not([hidden]){animation:none}
 .case-motion .j20-plan-picker.j27-chart-panel:not([hidden]){animation:caseChartIn .58s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 85%}
 .case-motion .j19-attachment{animation:caseAttachmentIn .5s cubic-bezier(.16,1,.3,1) both}
}
@keyframes casePanelIn{from{opacity:.15;translate:0 32px}to{opacity:1;translate:0 0}}
@keyframes caseDockIn{from{opacity:0;translate:0 16px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes caseChartIn{from{opacity:.15;translate:0 18px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@keyframes caseAttachmentIn{from{opacity:.2;translate:0 10px}to{opacity:1;translate:0 0}}
/* Appended to the active dialog when one is open so it shares the top layer. */
.case-motion .case-touch{position:fixed;display:block;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid #eee9ffad;border-radius:50%;background:#c4b5ea26;box-shadow:0 0 0 4px #e4dcff0b;opacity:0;pointer-events:none;z-index:2147483647;box-sizing:border-box}
@media(prefers-reduced-motion:reduce){.case-motion *{animation:none!important;transition:none!important}.case-motion .case-touch{display:none!important}}

.case-embedded dialog[open]{position:fixed;z-index:2000}

/* Chart demos share one content slot; tabs and trade selectors never travel with the plot. */
.case-chart-demo{overflow-anchor:none}
.case-chart-demo .j8-chart{position:relative}
.case-chart-demo .case-chart-content{display:flow-root;min-height:var(--case-chart-content-height,0px)}
.case-chart-demo .case-chart-measure{position:absolute;inset:0 0 auto;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 /* Keep the product’s whole-bubble transform and pointer transitions together. */
 .case-chart-demo .j8-chart-tabs button,.case-chart-demo .j8-point-picker button{transition:background-color .18s,border-color .18s,color .18s}
}

/* Match the real phone chrome and bottom-sheet inset in the three entry demos. */
.case-entry-status{display:none}
html.case-entry-demo .case-entry-status{position:fixed;inset:0 0 auto;height:45px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#090e14;color:#f5f5f7;font:650 14px Mona,Arial,sans-serif;z-index:2100;pointer-events:none}
.case-entry-status .island{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:116px;height:29px;background:#000;border-radius:30px}
.case-entry-status .island::after{content:"";position:absolute;right:12px;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#13243a,#070b12)}
.case-entry-status .status-icons{display:flex;align-items:center;gap:4px}
.case-entry-status .status-icons svg{width:18px;height:14px}
.case-entry-status .status-icons svg:last-child{width:25px}
html.case-entry-demo.case-composer .j13-composer{inset:60px 0 0!important;height:calc(100dvh - 60px)!important;max-height:calc(100dvh - 60px)!important;border:1px solid #3b3c45!important;border-bottom:0!important;border-radius:17px 17px 0 0!important;box-shadow:0 -8px 30px #0004!important}
html.case-entry-demo.case-composer #workspace{filter:blur(2px) brightness(.45)}
html.case-entry-demo.case-composer .j13-sheet-grabber{margin-top:9px}

/* Hero uses the real price chart and one filled record inside the original phone. */
html.case-hero-journal body{background:#0a1215}
.case-hero-journal #topbar,.case-hero-journal #sidebar{display:none!important}
.case-hero-journal #workspace{margin:0!important;padding:0!important}
.case-hero-journal #content{padding:45px 14px 24px!important}
.case-hero-journal .hero-journal-content{margin:0!important;padding:0!important;max-width:none!important}
.case-hero-journal .j8-chart{margin:0!important;padding:12px!important}
.case-hero-journal .j8-chart-help,.case-hero-journal .j8-chart-about,.case-hero-journal .j8-price-disclaimer{display:none!important}
.case-hero-journal .hero-trade-record{border:1px solid #263337;border-radius:16px;margin-top:14px;padding:16px 14px;background:#0b1215}
.case-hero-journal .hero-trade-record>h3{font-size:16px;margin:0 0 14px}
.case-hero-journal .j15-trade-record{border:0!important;padding:0!important;margin:0!important}

.case-hero-journal .hero-journal-content{transform:translateY(-250px)}
.case-hero-journal .hero-trade-record{margin-top:12px}

/* These two overview demonstrations show the whole session, without a selected-trade tooltip. */
html.case-whole-chart .j8-bubble,html.case-whole-chart .j8-crosshair{display:none!important}
html.case-whole-chart .j8-chart-stage::before{display:none!important}
html.case-whole-chart .j8-chart-stage .j8-plot{margin-top:0!important}