.fc-embed{container-type:inline-size;width:100%}
.fc-uc{display:flex;align-items:flex-start;gap:44px;width:100%;color:#ececec;line-height:1.4;text-align:left;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.fc-uc *,.fc-uc *::before,.fc-uc *::after{box-sizing:border-box}
:where(.fc-uc) button{font:inherit;color:inherit;cursor:default}
.fc-uc svg text{font-family:inherit}
.fc-uc-left{flex:0 0 340px;padding-top:56px;display:flex;flex-direction:column;gap:30px}
.fc-uc-right{flex:1;min-width:0;container-type:inline-size}
.fc-ctx{margin:0;font-size:18px;line-height:1.55;color:#cfcfcf}

/* ChatGPT logo slots: set --fc-chatgpt-logo:url(...) on .fc-embed */
.fc-brand{display:block;flex-shrink:0;width:28px;height:28px;background-image:var(--fc-chatgpt-logo,none);background-position:center;background-size:contain;background-repeat:no-repeat}

/* composer (real ChatGPT values: #1b1b1b fill, #282828 edge, no shadow) */
.fc-cmp{background:#1b1b1b;border:1px solid #282828;border-radius:28px}
.fc-ask{display:flex;flex-direction:column;gap:14px;padding:16px 10px 10px 20px}
.fc-ask p{margin:0;padding-right:10px;font-size:16px;line-height:1.55;color:#ececec}
.fc-mention{display:inline-flex;align-items:center;gap:6px;margin-right:4px;color:#5a83ca}
.fc-mention-logo{display:inline-flex;align-items:center}.fc-mention-logo:empty{display:none}.fc-mention-logo img{height:14px;width:auto;display:block}
.fc-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.fc-rowl,.fc-rowr{display:flex;align-items:center;gap:4px}
.fc-ask .fc-brand{width:0;height:22px}
.fc-embed.has-chatgpt-logo .fc-ask .fc-brand{width:22px;margin:0 4px 0 6px}
.fc-ibtn{width:36px;height:36px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:#e8e8e8}
.fc-pick{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;background:none;border:0;border-radius:18px;font-size:15px;color:#ededed;white-space:nowrap}
.fc-pick span,.fc-pick svg{color:#afafaf}
.fc-go{width:36px;height:36px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:#3769c1;color:#fff;margin-left:4px}
.fc-voice{width:36px;height:36px;flex-shrink:0;border-radius:18px;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:#f2f2f2;color:#000;margin-left:4px}

/* ChatGPT window (pure black, flat) */
.fc{--fc-height:720px;position:relative;box-sizing:border-box;width:100%;height:var(--fc-height);display:flex;overflow:hidden;border-radius:16px;background:#000;border:1px solid #262626}
.fc-rail{width:60px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:18px 0 16px;background:#000;border-right:1px solid #1a1a1a}
.fc-rail .fc-brand{margin-bottom:26px}
.fc-railbtn{width:40px;height:40px;margin-bottom:6px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:#ececec}
.fc-me{margin-top:auto;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:#f17d30;color:#fff;font-size:13px;font-weight:600}
.fc-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;background:#000}
.fc-top{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 30px}
.fc-model{display:inline-flex;align-items:baseline;gap:7px;background:none;border:0;padding:0;font-size:18px;font-weight:500;color:#f2f2f2}
.fc-model svg{position:relative;top:1px;color:#9a9a9a}
.fc-share{display:inline-flex;align-items:center;gap:9px;background:none;border:0;padding:6px 8px;font-size:14.5px;color:#ececec}
.fc-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.fc-scroll::-webkit-scrollbar{width:8px}.fc-scroll::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:8px}
.fc-thread{max-width:900px;margin:0 auto;padding:6px 40px 110px;display:flex;flex-direction:column;gap:12px}
.fc-acts{display:flex;gap:4px;margin-left:-6px}
.fc-acts button{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:#afafaf}
.fc-dock{position:absolute;left:0;right:0;bottom:0;padding:22px 40px 16px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 40%);pointer-events:none}
.fc-composer{pointer-events:auto;max-width:820px;margin:0 auto;height:52px;display:flex;align-items:center;gap:4px;padding:0 7px 0 8px}
.fc-ph{flex:1;min-width:0;padding-left:4px;font-size:16px;color:#8f8f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Foam dashboard: the assistant's reply, scaled so more of it is in view */
.fc-app{zoom:var(--fc-scale,.8)}

.fc-app{container-type:inline-size;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#141414 0%,#0b0b0b 22%,#090909 100%);
  border:1px solid #242424}
.fc-apphead{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}
.fc-crumb{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.fc-ws{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(180deg,#2c2c2c,#1a1a1a);border:1px solid #333;font-size:11.5px;font-weight:600;color:#fff}
.fc-crumb .m{font-size:14px;color:#8a8a8a}.fc-crumb .s{font-size:14px;color:#444}.fc-crumb .t{font-size:15px;font-weight:500;color:#f2f2f2}
.fc-upd{font-size:12.5px;color:#8a8a8a;white-space:nowrap}
.fc-tabs{height:42px;display:flex;gap:26px;padding:0 18px;border-bottom:1px solid #1f1f1f;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.fc-tabs::-webkit-scrollbar{display:none}
.fc-tabs button{display:flex;align-items:center;font-size:14px;color:#8f8f8f;text-decoration:none;white-space:nowrap}
.fc-tabs button.is-on{color:#f2f2f2;border-bottom:2px solid #f2f2f2;margin-bottom:-1px}
.fc-filters{display:flex;flex-wrap:wrap;gap:8px;padding:11px 18px;border-bottom:1px solid #1f1f1f}
.fc-pill{display:inline-flex;align-items:center;gap:7px;height:31px;padding:0 11px;border-radius:10px;font-size:13px;color:#a6a6a6;
  background:linear-gradient(180deg,#1c1c1c 0%,#141414 100%);border:1px solid #2a2a2a}
.fc-pill b{font-weight:400;color:#ececec}
.fc-body{padding:16px;display:flex;flex-direction:column;gap:14px}
.fc-card{border-radius:14px;padding:18px 20px 20px;display:flex;flex-direction:column;gap:16px;min-width:0;
  background:linear-gradient(180deg,#151515 0%,#0e0e0e 100%);border:1px solid #222}
.fc-ch{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fc-ch h3{margin:0;display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:500;color:#f2f2f2}
.fc-meta{display:flex;align-items:center;gap:12px;font-size:12.5px;color:#8a8a8a;text-align:right}
.fc-iconbtn{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:#9a9a9a}
.fc-up{color:#3ccf72;font-weight:600}.fc-down{color:#f26464;font-weight:600}
.fc-meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;row-gap:28px;padding:2px 10px}
.fc-meter .l{font-size:14px;color:#e6e6e6}.fc-meter .v{margin-top:6px;font-size:28px;font-weight:500;color:#fff;letter-spacing:-.01em}
.fc-track{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}.fc-track>span{display:block;height:100%;border-radius:3px}
.fc-meter .fc-track{margin-top:10px}
.fc-meter .f{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:12.5px;color:#959595}
.fc-chart{position:relative;width:100%}
.fc-chart svg{display:block;width:100%;height:auto}
.fc-tip{position:absolute;display:flex;flex-direction:column;gap:8px;padding:12px 15px 13px;border-radius:12px;
  background:linear-gradient(180deg,#1d1d1d 0%,#141414 100%);border:1px solid #2e2e2e}
.fc-tip .h{font-size:13.5px;font-weight:600;color:#fff}
.fc-tip .r{display:flex;align-items:center;gap:10px;font-size:13px;color:#dcdcdc}
.fc-tip .r i{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.fc-tip .r span{flex:1}.fc-tip .r b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.fc-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:#bdbdbd}
.fc-legend span{display:inline-flex;align-items:center;gap:7px}
.fc-legend i{width:10px;height:10px;border-radius:3px}
.fc-table{overflow-x:auto}
.fc-table .tr{display:flex;align-items:center;gap:16px;min-width:660px;padding:12px 4px;border-bottom:1px solid #1f1f1f;font-size:13.5px;color:#e4e4e4;font-variant-numeric:tabular-nums}
.fc-table .tr:last-child{border-bottom:0}
.fc-table .th{padding:0 4px 10px;font-size:12.5px;color:#8a8a8a}
.fc-table .c{flex-shrink:0}.fc-table .g{flex:1;min-width:0}.fc-table .rt{text-align:right}
.fc-table .n{font-weight:500}


@container (max-width:880px){.fc-uc{flex-direction:column;align-items:stretch;gap:24px}.fc-uc-left{flex:none;width:100%;max-width:560px;padding-top:0}.fc-uc-right{flex:none;width:100%}}
@container (max-width:720px){.fc-rail{display:none}.fc-thread{padding:6px 16px 100px}.fc-dock{padding:20px 12px 12px}.fc-top{padding:0 12px 0 18px}.fc-upd{display:none}}
@container (max-width:700px){.fc-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-tabs{gap:18px}}
@container (max-width:560px){.fc-tip{display:none}.fc-app{zoom:1}.fc-composer .fc-pick{display:none}}
@container (max-width:420px){.fc-meters{grid-template-columns:1fr}}

.fc-tabs button{background:none;border:0;border-radius:0;padding:0;margin:0}
.fc-tabs button.is-on{margin-bottom:0}
/* prompt box: glossy dark black, white send button */
.fc-ask{background:linear-gradient(180deg,#171717 0%,#0c0c0c 100%);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.fc-ask .fc-go{background:#f2f2f2;color:#000}

/* hover and pointer states */
:where(.fc-uc) button,.fc-tabs button,.fc-legend [data-s]{cursor:pointer}
.fc-railbtn,.fc-share,.fc-model,.fc-acts button,.fc-ibtn,.fc-pick,.fc-iconbtn,.fc-pill,.fc-tabs button,.fc-go,.fc-voice{transition:background-color .12s,color .12s,opacity .12s,border-color .12s}
.fc-railbtn:hover{background:#1a1a1a}
.fc-model{padding:4px 8px;margin-left:-8px;border-radius:8px}.fc-model:hover{background:#1a1a1a}
.fc-share{border-radius:8px}.fc-share:hover{background:#1a1a1a}
.fc-acts button:hover{background:#1f1f1f;color:#ececec}
.fc-ibtn:hover,.fc-pick:hover{background:#2a2a2a}
.fc-go:hover,.fc-voice:hover{opacity:.86}
.fc-me:hover{opacity:.9}
.fc-tabs button:hover{color:#dadada}
.fc-pill:hover{background:linear-gradient(180deg,#232323 0%,#191919 100%);border-color:#353535;color:#c6c6c6}
.fc-iconbtn:hover{background:#1c1c1c;color:#e6e6e6}
.fc-meter{border-radius:10px;padding:8px 10px;margin:-8px -10px;transition:background-color .12s}
.fc-meter:hover{background:rgba(255,255,255,.035)}
.fc-table .tr:not(.th){border-radius:8px;transition:background-color .12s}
.fc-table .tr:not(.th):hover{background:rgba(255,255,255,.04)}

/* chart hover */
.fc-chart svg{touch-action:pan-y}
.fc-day{transition:opacity .1s}
.fc-chart.is-hover .fc-day{opacity:.45}
.fc-chart.is-hover .fc-day.is-on{opacity:1}
.fc-tip{pointer-events:none}
.fc-legend [data-s]{padding:2px 7px;margin:-2px -7px;border-radius:6px;transition:background-color .12s}
.fc-legend [data-s]:hover{background:rgba(255,255,255,.06)}

/* dashboard building blocks used by the other use cases */
.fc-cols{display:flex;gap:14px;align-items:stretch}.fc-cols>.fc-card{flex:1}.fc-cols>.fc-side{flex:0 0 270px}
.fc-sub{margin:-6px 0 0;font-size:12.5px;line-height:1.45;color:#8a8a8a}
.fc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0;gap:0}
.fc-stat{padding:2px 18px;display:flex;flex-direction:column;gap:6px;border-left:1px solid #1f1f1f}
.fc-stat:first-child{border-left:0}
.fc-stat .l{font-size:13px;color:#c2c2c2}.fc-stat .v{font-size:27px;font-weight:500;color:#fff;letter-spacing:-.01em}.fc-stat .d{font-size:12.5px;color:#8a8a8a}
.fc-bars{display:flex;flex-direction:column}
.fc-bar{border-radius:8px;padding:6px 8px;margin:-6px -8px;transition:background-color .12s}
.fc-bar:hover{background:rgba(255,255,255,.035)}
.fc-bar .top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;color:#e4e4e4}
.fc-bar .top b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.fc-mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:12.5px}
.fc-tag{flex-shrink:0;font-size:11.5px;color:#c2c2c2;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.fc-legend i.dot{border-radius:50%;width:9px;height:9px}.fc-legend i.line{width:14px;height:2px;border-radius:1px}

/* chart hover: points and series isolation */
.fc-s,.fc-pt{transition:opacity .1s}
.fc-chart.is-hover .fc-pt{opacity:.55}
.fc-hot{pointer-events:none}
.fc-chart[data-hl] .fc-s{opacity:.15}
.fc-chart[data-hl="0"] .s0,.fc-chart[data-hl="1"] .s1,.fc-chart[data-hl="2"] .s2,.fc-chart[data-hl="3"] .s3,.fc-chart[data-hl="4"] .s4{opacity:1}

@container (max-width:700px){.fc-cols{flex-direction:column}.fc-cols>.fc-side{flex:none}
  .fc-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.fc-stat:nth-child(3){border-left:0}}
@container (max-width:420px){.fc-stats{grid-template-columns:1fr}.fc-stat{border-left:0}}