/* Generated by build_dark.py from the light stylesheet. Edit dark_hand.css, not this. */
[data-theme="dark"] .pill-soft:hover { background: #202020; }
[data-theme="dark"] .hero-cloud { background: rgba(24, 24, 27, 0.7); }
[data-theme="dark"] .hero-cloud.soft { background: rgba(24, 24, 27, 0.5); }
[data-theme="dark"] .badge { border: 1px solid rgba(10, 10, 10, 0.18); color: rgba(225, 225, 225, 0.7); background: rgba(24, 24, 27, 0.4); }
[data-theme="dark"] .app { background: #18181B; border: 1px solid rgba(10, 10, 10, 0.08); box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 2px 6px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .side { background: #18181B; }
[data-theme="dark"] .drive { background: #18181B; }
[data-theme="dark"] .row.on { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.06); }
[data-theme="dark"] .face { border: 1.5px solid #18181B; }
[data-theme="dark"] .chip { background: #18181B; }
[data-theme="dark"] .avatar.agent { background: #18181B; }
[data-theme="dark"] .ok { color: #55BB8D; }
[data-theme="dark"] .input { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.06); }
[data-theme="dark"] .wash { background: linear-gradient(180deg, #18181B 0%, #18181B 40%); }
[data-theme="dark"] .art-peach { background: linear-gradient(135deg, #1F1A16 0%, #322620 45%, #161312 100%); }
[data-theme="dark"] .art-lilac { background: linear-gradient(135deg, #1D1D23 0%, #211B38 45%, #161619 100%); }
[data-theme="dark"] .art-mint { background: linear-gradient(135deg, #151C17 0%, #052814 45%, #111412 100%); }
[data-theme="dark"] .bubble { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.09), 0 8px 24px -12px rgba(10, 10, 10, 0.3); }
[data-theme="dark"] .panel { background: #18181B; border: 1px solid rgba(10, 10, 10, 0.06); box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 12px 32px -16px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .tick { color: #55BB8D; }
[data-theme="dark"] .four .art { background: #18181B; }
[data-theme="dark"] .cta { background: radial-gradient(60% 70% at 50% 100%, var(--tint-glow) 0%, transparent 70%),
        radial-gradient(50% 50% at 15% 30%, #162222 0%, rgba(22, 34, 34, 0) 70%),
        radial-gradient(50% 50% at 85% 30%, #131919 0%, rgba(19, 25, 25, 0) 70%),
        linear-gradient(180deg, var(--tint-4) 0%, var(--tint-2) 60%, var(--tint-deep) 100%); }
[data-theme="dark"] .cta .note { color: rgba(225, 225, 225, 0.6); }
[data-theme="dark"] .oc { box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 0 0 1px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .oc-menu { background: #18181B; }
[data-theme="dark"] .oc-menu .mi:hover, [data-theme="dark"] .oc-menu .mi.sel { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-tabstrip { -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 24px), transparent); mask-image: linear-gradient(to right, #000000 calc(100% - 24px), transparent); }
[data-theme="dark"] .oc-ib.pressed { background: rgba(0, 0, 0, 0.08); }
[data-theme="dark"] .oc-tab .pav { color: #FFFFFF; }
[data-theme="dark"] .oc-open { background: #18181B; }
[data-theme="dark"] .oc-av { color: #FFFFFF; }
[data-theme="dark"] .oc-p code, [data-theme="dark"] .oc-list code { color: #41B9B9; }
[data-theme="dark"] .oc-tool .add { color: #57BD72; }
[data-theme="dark"] .oc-tool .del { color: #F47A77; }
[data-theme="dark"] .oc-queue .qh .clr:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-comp .pl:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-model:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-send { color: #FFFFFF; background-image: linear-gradient(180deg, rgba(24, 24, 27, 0.2) 0%, rgba(24, 24, 27, 0) 100%), linear-gradient(90deg, #242424, #242424); }
@container (max-width: 480px) {
[data-theme="dark"] .oc-side .oc-tabs { -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000000 calc(100% - 28px), transparent); }
}
[data-theme="dark"] .oc-btb .sel { background: #18181B; }
[data-theme="dark"] .oc-btb .bt { background: #18181B; }
[data-theme="dark"] .oc-preview { background: #18181B; }
[data-theme="dark"] .oc-chip { background: #18181B; }
[data-theme="dark"] .oc-ccomp .go { color: #73A2FF; }
[data-theme="dark"] .oc-toast { color: #FFFFFF; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.375); }
[data-theme="dark"] .oc-toast .v { color: #FFFFFF; }
[data-theme="dark"] .oc-pipe .seg.on { background: rgba(123, 174, 255, 0.1); }
[data-theme="dark"] .oc-plan .ghost:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-step:hover { background: rgba(0, 0, 0, 0.03); }
[data-theme="dark"] .oc-step .st.done { background: #3BA45A; }
[data-theme="dark"] .oc-step-comment .in { background: #18181B; }
[data-theme="dark"] .oc-finding .fh:hover { background: rgba(0, 0, 0, 0.02); }
[data-theme="dark"] .oc-finding .sev.hi { background: #211A1Aff; color: #F47A77; border: 1px solid #612423; }
[data-theme="dark"] .oc-finding .sev.md { background: #14120D; color: #CB9F34; border: 1px solid #2B1F00; }
[data-theme="dark"] .oc-finding .sev.lo { background: #191B20; color: #7C9FFF; border: 1px solid #151F3B; }
[data-theme="dark"] .oc-finding .fb .fix span { background: #18181B; }
[data-theme="dark"] .oc-rfile:hover { background: rgba(0, 0, 0, 0.02); }
[data-theme="dark"] .oc-diff .ln.a { background: #141B15; color: #57BD72; }
[data-theme="dark"] .oc-diff .ln.d { background: #211A1Aff; color: #F47A77; }
[data-theme="dark"] .oc-cursor .tag { color: #FFFFFF; }
[data-theme="dark"] .oc-pop { background: #18181B; }
[data-theme="dark"] .oc-pop .ta { border: 2px solid #4F77FF; }
[data-theme="dark"] .oc-pop .fr span:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .oc-pop .fr .add { background: #18181B; }
[data-theme="dark"] .oc-pin { background: #4F77FF; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.375); }
[data-theme="dark"] .oc-pin::after { background: #18181B; }
[data-theme="dark"] .oc-hlbox { border: 1.5px solid #4F77FF; background: rgba(79, 119, 255, 0.08); }
[data-theme="dark"] .gp-ic:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .stage-panel .oc-side { box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 0 0 1px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .prompt-card { background: #141414; border: 1px solid #313131; color: #DDDDDD; box-shadow: 0 12px 32px -16px rgba(10, 10, 10, 0.45); }
[data-theme="dark"] .prompt-card .attr { color: #9D9D9D; }
[data-theme="dark"] .prompt-card .q { color: #A7A7A7; }
[data-theme="dark"] .plans-visual .oc, [data-theme="dark"] .grid-stage .oc { box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 0 0 1px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .follow-banner { background: #141414; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -4px rgba(0, 0, 0, 0.15), 0 0 0 1px #313131; color: #9D9D9D; }
[data-theme="dark"] .follow-banner svg { color: #73A2FF; }
[data-theme="dark"] .follow-banner .oc-av { box-shadow: 0 0 0 2px #141414; }
[data-theme="dark"] .follow-banner b { color: #DDDDDD; }
[data-theme="dark"] .follow-banner .stop { background: #2A2A2A; }
[data-theme="dark"] .chat-stage .oc-side { box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 0 0 1px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .dp-tile { background: #18181B; }
[data-theme="dark"] .dp-tile .mark .mono { color: #FFFFFF; }
[data-theme="dark"] .dp-tile:hover { border-color: #404040; }
[data-theme="dark"] .dp-tile.on { box-shadow: 0 0 0 1px var(--ink) inset, 0 12px 30px -18px rgba(10, 10, 10, 0.525); }
[data-theme="dark"] .dp-card { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .dp-btn:hover { color: #FFFFFF; }
[data-theme="dark"] .dp-code { background: #171717; }
[data-theme="dark"] .dp-code .c { color: #8E8E8E; }
[data-theme="dark"] .dp-code .g { color: #57BD72; }
[data-theme="dark"] .dp-status i { background: #4D4D4D; }
[data-theme="dark"] .dd { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .dd-head { color: #A7A7A7; }
[data-theme="dark"] .dd-head svg { color: #959595; }
[data-theme="dark"] .dd-row { color: #DEDEDE; }
[data-theme="dark"] .dd-row .dot.off { background: #313131; }
[data-theme="dark"] .dd-row .chev { color: #959595; }
[data-theme="dark"] .dd-row .mon { color: #959595; }
[data-theme="dark"] .dd-row.new { background: #171717; }
[data-theme="dark"] .dd-sub { border-bottom: 1px solid #1E1E1E; }
[data-theme="dark"] .dd-sub .on { color: #A7A7A7; }
[data-theme="dark"] .dd-person .nm { color: #DEDEDE; }
[data-theme="dark"] .dd-person .wh { color: #959595; }
[data-theme="dark"] .dd-foot { color: #959595; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .ov-card { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 20px 48px -20px rgba(10, 10, 10, 0.45); color: #DDDDDD; }
[data-theme="dark"] .ov-card::before, [data-theme="dark"] .ov-card::after { background: repeating-linear-gradient(90deg, #4D4D4D 0 4px, transparent 4px 8px); }
[data-theme="dark"] .ov-head { border-bottom: 1px solid #242424; }
[data-theme="dark"] .ov-head .f { color: #9D9D9D; }
[data-theme="dark"] .ov-step { background: #141414; color: #8A8A8A; border: 1px solid #242424; }
[data-theme="dark"] .ov-step.on { background: rgba(123, 174, 255, 0.08); color: #73A2FF; }
[data-theme="dark"] .ov-step.on i { border: 1.5px solid #7BAEFF; }
[data-theme="dark"] .ov-step.done { background: #141B15; color: #57BD72; border-color: #082812; }
[data-theme="dark"] .ov-kv { color: #9D9D9D; }
[data-theme="dark"] .ov-kv span:first-child { color: #7A7A7A; }
[data-theme="dark"] .ov-kv b { color: #DDDDDD; }
[data-theme="dark"] .ov-foot span { border: 1px solid #313131; background: #18181B; color: #DDDDDD; }
[data-theme="dark"] .ov-foot span.dark { background: #9D9D9D; }
[data-theme="dark"] .ov-note { background: #141B15; border: 1px solid #082812; color: #57BD72; }
[data-theme="dark"] .start-col code { background: #171717; }
[data-theme="dark"] .copy-inline { color: #FFFFFF; }
[data-theme="dark"] .copy-inline.done { background: #3BA45A; border-color: #3BA45A; }
[data-theme="dark"] .cmd { background: #18181B; }
[data-theme="dark"] .cmd .tx { background: #171717; }
[data-theme="dark"] .cbtn:hover { background: #171717; }
[data-theme="dark"] .cbtn.done { color: #57BD72; }
[data-theme="dark"] .prompt-box { background: #18181B; }
[data-theme="dark"] .prompt-copy { background: #18181B; }
[data-theme="dark"] .prompt-copy:hover { background: #171717; }
[data-theme="dark"] .ev span { background: #18181B; }
[data-theme="dark"] .track { background: #18181B; }
[data-theme="dark"] .ctable .yes { background: #141B15; color: #57BD72; }
[data-theme="dark"] .ctable .no { background: #1A1A1A; color: #7A7A7A; }
[data-theme="dark"] .plan { background: #18181B; }
[data-theme="dark"] .plan.hi { box-shadow: 0 0 0 1px var(--ink) inset, 0 24px 60px -30px rgba(10, 10, 10, 0.525); }
[data-theme="dark"] .plan .nm span { background: #171717; }
[data-theme="dark"] .note-box p { color: var(--ink-2, #D0D0D0); }
[data-theme="dark"] .note-box .lk a { background: #18181B; border: 1px solid rgba(10, 10, 10, 0.08); }
[data-theme="dark"] .hub a { background: #18181B; }
[data-theme="dark"] .hub a:hover { border-color: #404040; box-shadow: 0 16px 40px -24px rgba(10, 10, 10, 0.45); }
[data-theme="dark"] .axis { background: #151515; }
[data-theme="dark"] .axis ul { color: #D0D0D0; }
[data-theme="dark"] .demo-wrap .oc { box-shadow: 0 30px 60px -30px rgba(10, 30, 30, 0.525), 0 0 0 1px rgba(10, 10, 10, 0.09); }
[data-theme="dark"] .toc a:hover, [data-theme="dark"] .toc a.on { background: #171717; }
[data-theme="dark"] .legend b { color: #FFFFFF; }
[data-theme="dark"] .codeblock { background: #171717; }
[data-theme="dark"] .months a { background: #18181B; }
[data-theme="dark"] .months a.on { color: #FFFFFF; }
[data-theme="dark"] .entry .tag.new { background: #141B15; color: #57BD72; }
[data-theme="dark"] .entry .tag.improved { background: #191B20; color: #7C9FFF; }
[data-theme="dark"] .entry .tag.fixed { background: #14120D; color: #C1A04C; }
[data-theme="dark"] .post { background: #18181B; }
[data-theme="dark"] .post:hover { box-shadow: 0 16px 40px -24px rgba(10, 10, 10, 0.45); }
[data-theme="dark"] .topics span { background: #171717; }
[data-theme="dark"] .article { color: #D0D0D0; }
[data-theme="dark"] .door { background: #18181B; }
[data-theme="dark"] .legal p { color: #BFBFBF; }
[data-theme="dark"] .legal ul { color: #BFBFBF; }
[data-theme="dark"] .doc-sec code, [data-theme="dark"] .feat code, [data-theme="dark"] .prose-2 code, [data-theme="dark"] .faq-a code, [data-theme="dark"] .entry code, [data-theme="dark"] .concept code, [data-theme="dark"] .cli code { background: #171717; }
[data-theme="dark"] .ic-card { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .ic-card .h span { color: #959595; }
[data-theme="dark"] .ic-row { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .ic-row .wh { color: #959595; }
[data-theme="dark"] .ic-row .st { color: #A7A7A7; }
[data-theme="dark"] .bar-row .bar { background: #1E1E1E; }
[data-theme="dark"] .bar-row .v { color: #A7A7A7; }
[data-theme="dark"] .ic-foot { color: #959595; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .day { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .day .hours { color: #7A7A7A; }
[data-theme="dark"] .lane { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .lane .who small { color: #959595; }
[data-theme="dark"] .lane .track { background: repeating-linear-gradient(90deg, transparent 0 calc(100% / 24 - 1px), #1A1A1A calc(100% / 24 - 1px) calc(100% / 24)); }
[data-theme="dark"] .lane .seg { color: #FFFFFF; }
[data-theme="dark"] .lane .night { background: rgba(10, 10, 10, 0.04); }
[data-theme="dark"] .day .resume { background: #18181B; }
[data-theme="dark"] .day .note { color: #959595; }
[data-theme="dark"] .day .note b { color: #DEDEDE; }
[data-theme="dark"] .drive-tile { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .drive-tile .dn span { color: #959595; }
[data-theme="dark"] .seats .oc-av { box-shadow: 0 0 0 3px #18181B; }
[data-theme="dark"] .seats .plus { color: #959595; }
[data-theme="dark"] .meter { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .meter .lab { color: #A7A7A7; }
[data-theme="dark"] .meter .bar { background: #1E1E1E; }
[data-theme="dark"] .meter .bar i.flat { background: #4D4D4D; }
[data-theme="dark"] .sessions-mini span { background: #171717; color: #DEDEDE; }
[data-theme="dark"] .client { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .client .cn .lg { color: #FFFFFF; }
[data-theme="dark"] .client .cn span { color: #959595; }
[data-theme="dark"] .client .roster small { color: #959595; }
[data-theme="dark"] .client .cf { color: #959595; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .agency-foot { color: #A7A7A7; }
[data-theme="dark"] .agency-foot b { color: #DEDEDE; }
[data-theme="dark"] .way { background: #18181B; }
[data-theme="dark"] .way-ex { background: #171717; }
[data-theme="dark"] .why-side { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .why-side .h span { color: #959595; }
[data-theme="dark"] .person-lane .box { border: 1px solid #242424; }
[data-theme="dark"] .person-lane .box .t { color: #A7A7A7; }
[data-theme="dark"] .person-lane .bar { background: #1E1E1E; }
[data-theme="dark"] .person-lane .bar i { background: #4D4D4D; }
[data-theme="dark"] .merge { color: #959595; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .merge b { color: #DEDEDE; }
[data-theme="dark"] .shared { border: 1px solid #242424; }
[data-theme="dark"] .shared .t { color: #A7A7A7; }
[data-theme="dark"] .shared .bar { background: #1E1E1E; }
[data-theme="dark"] .shared .why-people span.k { color: #959595; }
[data-theme="dark"] .why-foot { color: #A7A7A7; }
[data-theme="dark"] .why-foot b { color: #DEDEDE; }
[data-theme="dark"] .neutral .model { background: #18181B; color: #DEDEDE; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 10px 24px -16px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .neutral .model small { color: #959595; }
[data-theme="dark"] .neutral .layer .box { color: #FFFFFF; box-shadow: 0 20px 40px -20px rgba(10, 10, 10, 0.75); }
[data-theme="dark"] .neutral .team .who { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 10px 24px -16px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .neutral .team .who small { color: #959595; }
[data-theme="dark"] .sdlc-row { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .sdlc-row .h span { color: #959595; }
[data-theme="dark"] .sdart .bx { background: #171717; border: 1px solid #242424; color: #A7A7A7; }
[data-theme="dark"] .sdart .bx svg { color: #DEDEDE; }
[data-theme="dark"] .sdart .who .oc-av { box-shadow: 0 0 0 2px #18181B; }
[data-theme="dark"] .gap i { background: repeating-linear-gradient(90deg, #4D4D4D 0 4px, transparent 4px 8px); }
[data-theme="dark"] .gap b { color: #F47A77; background: #18181B; }
[data-theme="dark"] .sdlc-foot { color: #A7A7A7; }
[data-theme="dark"] .sdlc-foot b { color: #DEDEDE; }
[data-theme="dark"] .ath-row { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .ath-row .h span { color: #959595; }
[data-theme="dark"] .ath-cell { border: 1px solid #242424; background: #18181B; }
[data-theme="dark"] .ath-cell .t svg { color: #A7A7A7; }
[data-theme="dark"] .ath-cell .id .oc-av { box-shadow: 0 0 0 2px #18181B; }
[data-theme="dark"] .ath-cell .cap { color: #9D9D9D; }
[data-theme="dark"] .ath-row.bad .ath-cell .nm { color: #F47A77; }
[data-theme="dark"] .ath-foot { color: #A7A7A7; }
[data-theme="dark"] .ath-foot b { color: #DEDEDE; }
[data-theme="dark"] .hkw-head { color: #A7A7A7; }
[data-theme="dark"] .hkw-head b { color: #DEDEDE; }
[data-theme="dark"] .hkt { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 12px 30px -18px rgba(10, 10, 10, 0.42); color: #DEDEDE; }
[data-theme="dark"] .hkt-top .loc { color: #7A7A7A; }
[data-theme="dark"] .hkt-avs .oc-av { box-shadow: 0 0 0 2px #18181B; }
[data-theme="dark"] .hkt-line { color: #9D9D9D; }
[data-theme="dark"] .hkt-line .dot { background: #4D4D4D; }
[data-theme="dark"] .hkt-line code { color: #A7A7A7; }
[data-theme="dark"] .hkt.shipped .hkt-line .ship { background: #141B15; color: #57BD72; }
[data-theme="dark"] .hkt.shipped .hkt-line .det { color: #9D9D9D; }
[data-theme="dark"] .hkt.you span { color: #9D9D9D; }
[data-theme="dark"] .hkc-card, [data-theme="dark"] .hkq-card, [data-theme="dark"] .hkr-card { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .hkc-card .h span, [data-theme="dark"] .hkq-card .h span, [data-theme="dark"] .hkr-card .h span { color: #959595; }
[data-theme="dark"] .hkc-hours { color: #7A7A7A; }
[data-theme="dark"] .hkc-lane { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .hkc-lane .lb small { color: #959595; }
[data-theme="dark"] .hkc-track { background: repeating-linear-gradient(90deg, transparent 0 calc(100% / 8 - 1px), #1A1A1A calc(100% / 8 - 1px) calc(100% / 8)); }
[data-theme="dark"] .hkc-seg { color: #FFFFFF; }
[data-theme="dark"] .hkc-seg.setup { background: #4D4D4D; }
[data-theme="dark"] .hkc-seg.build { background: var(--accent, #448ED4); }
[data-theme="dark"] .hkc-seg.merge { background: #FF8387; }
[data-theme="dark"] .hkc-seg.scr { background: #797979; }
[data-theme="dark"] .hkc-seg.ship { background: #3BA45A; }
[data-theme="dark"] .hkc-key { color: #A7A7A7; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .hkc-foot, [data-theme="dark"] .hkq-foot, [data-theme="dark"] .hkr-foot { color: #A7A7A7; }
[data-theme="dark"] .hkc-foot b, [data-theme="dark"] .hkq-foot b, [data-theme="dark"] .hkr-foot b { color: #DEDEDE; }
[data-theme="dark"] .hkq-msg .tx b em { color: #7A7A7A; }
[data-theme="dark"] .hkq-msg .tx span { color: #BFBFBF; }
[data-theme="dark"] .hkq-tool { color: #9D9D9D; }
[data-theme="dark"] .hkq-tool b { color: #DEDEDE; }
[data-theme="dark"] .hkq-tool .g { color: #57BD72; }
[data-theme="dark"] .hkq-tool .r { color: #F47A77; }
[data-theme="dark"] .hkq-hold { background: var(--tint-4, #101214); border: 1px solid var(--tint-deep, #062239); color: #CCCCCC; }
[data-theme="dark"] .hkq-hold svg { color: var(--accent-ink, #67AAED); }
[data-theme="dark"] .hkq-q { border-top: 1px solid #1E1E1E; background: #18181B; }
[data-theme="dark"] .hkq-q .p { color: #9D9D9D; }
[data-theme="dark"] .hkr-line li::before { background: #1E1E1E; }
[data-theme="dark"] .hkr-line time { color: #959595; }
[data-theme="dark"] .hkr-line .oc-av { box-shadow: 0 0 0 3px #18181B; }
[data-theme="dark"] .hkr-line .tx span { color: #BFBFBF; }
[data-theme="dark"] .hkr-line .mark { background: #141B15; color: #57BD72; box-shadow: 0 0 0 3px #18181B; }
[data-theme="dark"] .hkr-line .tx.done b { color: #57BD72; }
[data-theme="dark"] .jdg-card, [data-theme="dark"] .tog-card, [data-theme="dark"] .stp-card { background: #18181B; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.075), 0 16px 40px -20px rgba(10, 10, 10, 0.375); color: #DEDEDE; }
[data-theme="dark"] .jdg-h { border-bottom: 1px solid #1E1E1E; }
[data-theme="dark"] .jdg-h b em { color: #959595; }
[data-theme="dark"] .jdg-h .chips i { background: #171717; color: #BFBFBF; }
[data-theme="dark"] .jdg-tiles { background: #1E1E1E; }
[data-theme="dark"] .jt { background: #18181B; }
[data-theme="dark"] .jt .t { color: #9D9D9D; }
[data-theme="dark"] .jt .t span.n { background: #1C1C1C; color: #959595; }
[data-theme="dark"] .jt.ok .t span { background: #141B15; color: #57BD72; }
[data-theme="dark"] .jt.warn .t span { background: #18150F; color: #C1A04C; }
[data-theme="dark"] .jt b { color: #DEDEDE; }
[data-theme="dark"] .jt.ok b { color: #57BD72; }
[data-theme="dark"] .jt .c { color: #9D9D9D; }
[data-theme="dark"] .jdg-checks { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .jck { border-bottom: 1px solid #171717; }
[data-theme="dark"] .jck.y .m { color: #57BD72; }
[data-theme="dark"] .jck.n .m { color: #C1A04C; }
[data-theme="dark"] .jck .d { color: #9D9D9D; }
[data-theme="dark"] .jck .d code { background: #171717; }
[data-theme="dark"] .jdg-foot, [data-theme="dark"] .tog-foot, [data-theme="dark"] .stp-foot { color: #A7A7A7; }
[data-theme="dark"] .jdg-foot b, [data-theme="dark"] .tog-foot b, [data-theme="dark"] .stp-foot b { color: #DEDEDE; }
[data-theme="dark"] .tog-h span { color: #959595; }
[data-theme="dark"] .tog-hours { color: #7A7A7A; }
[data-theme="dark"] .tog-lane { border-top: 1px solid #171717; }
[data-theme="dark"] .tog-track { background: repeating-linear-gradient(90deg, transparent 0 calc(100% / 8 - 1px), #1A1A1A calc(100% / 8 - 1px) calc(100% / 8)); }
[data-theme="dark"] .tog-band { background: var(--tint-2, #161B20); border: 1px solid var(--tint-deep, #062239); }
[data-theme="dark"] .tog-key { color: #A7A7A7; border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .tog-key i.band { background: var(--tint-2, #161B20); border: 1px solid var(--tint-deep, #062239); }
[data-theme="dark"] .stp-card .hh span { color: #959595; }
[data-theme="dark"] .stp-url { border: 1px solid #313131; background: #18181B; color: #BFBFBF; }
[data-theme="dark"] .stp-url b { color: #FFFFFF; background: var(--accent, #448ED4); }
[data-theme="dark"] .stp-pull .m { color: #57BD72; }
[data-theme="dark"] .stp-pull .k { color: #959595; }
[data-theme="dark"] .stp-ask div { border: 1px solid #242424; background: #18181B; }
[data-theme="dark"] .stp-ask span { color: #9D9D9D; }
[data-theme="dark"] .stp-out { border-top: 1px solid #1E1E1E; }
[data-theme="dark"] .stp-out .k { color: #959595; }
[data-theme="dark"] .oc-file:hover, [data-theme="dark"] .oc-tool:hover { background: rgba(0, 0, 0, 0.03); }
[data-theme="dark"] .oc-ib:hover { background: rgba(0, 0, 0, 0.04); }
[data-theme="dark"] .floatnav { background: rgba(24, 24, 27, 0.78); border: 1px solid rgba(10, 10, 10, 0.08); box-shadow: 0 8px 30px -12px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .pill:hover { box-shadow: 0 8px 20px -10px rgba(10, 10, 10, 0.75); }
[data-theme="dark"] .card:hover .panel { box-shadow: 0 2px 4px rgba(10, 10, 10, 0.075), 0 24px 40px -20px rgba(10, 10, 10, 0.45); }
[data-theme="dark"] .four .card:hover .art { border-color: #343434; box-shadow: 0 16px 40px -24px rgba(10, 10, 10, 0.375); }
[data-theme="dark"] .four .card:hover .ic-branch { stroke: #E1E1E1; }
[data-theme="dark"] .cta .glow { background: radial-gradient(closest-side, rgba(0, 72, 73, 0.55), rgba(0, 72, 73, 0)); }
[data-theme="dark"] .oc-ib.pulse { color: var(--oc-icon, #BFBFBF); background: rgba(0, 0, 0, 0.06); }
[data-theme="dark"] .hue-lab { background: rgba(20, 20, 24, 0.9); color: #FFFFFF; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.85); }
[data-theme="dark"] .hue-lab button[data-hue] { border: 1px solid rgba(24, 24, 27, 0.35); }
[data-theme="dark"] .hue-lab input { accent-color: #FFFFFF; }
[data-theme="dark"] .hue-lab .rst, [data-theme="dark"] .hue-lab .cyc { background: rgba(24, 24, 27, 0.14); color: #FFFFFF; }
[data-theme="dark"] .hue-lab .cyc[aria-pressed="true"] { background: #18181B; color: #DFDFDF; }
[data-theme="dark"] .auth-side .brand { color: #E1E1E1; }
[data-theme="dark"] .auth-form-wrap { background: #18181B; }
[data-theme="dark"] .btn-gh { background: #18181B; }
[data-theme="dark"] .btn-gh:hover { background: #151515; border-color: #404040; }
[data-theme="dark"] .field input { background: #18181B; }
[data-theme="dark"] .field input::placeholder { color: #7A7A7A; }
[data-theme="dark"] .field input:focus { box-shadow: 0 0 0 3px rgba(53, 175, 174, 0.15); }
[data-theme="dark"] .field.bad input { border-color: #FF8380; }
[data-theme="dark"] .field .err { color: #F47A77; }
[data-theme="dark"] .field .toggle:hover { background: #171717; }
[data-theme="dark"] .strength i { background: #1E1E1E; }
[data-theme="dark"] .btn-primary { color: #FFFFFF; }
[data-theme="dark"] .btn-primary .spin { border: 2px solid rgba(24, 24, 27, 0.35); border-top-color: #18181B; }
[data-theme="dark"] .step-h b { background: #141D1D; }
[data-theme="dark"] .where button { background: #18181B; }
[data-theme="dark"] .where button .mk { background: #171717; }
[data-theme="dark"] .where button:hover { border-color: #404040; }
[data-theme="dark"] .done-card { background: #151515; }
[data-theme="dark"] .done-card .t svg { color: #57BD72; }
[data-theme="dark"] .done-card .cmd { background: #18181B; }

/* the preview stays light */
[data-theme="dark"] .oc-preview * { background-color: transparent; box-shadow: none; border-color: #E6E6E6; color: inherit; }
[data-theme="dark"] /* Narrow placements (the docs page renders the whole app at ~724px, [data-theme="dark"] so the side panel is ~326px):
       the tab strip fades instead of spilling, [data-theme="dark"] the browser toolbar keeps its essentials, [data-theme="dark"] and the
       previewed page zooms down so it lays out at a believable width (see .pp below). */
    @container (max-width: 480px) {
      .oc-side .oc-tabs { gap: 10px; padding-left: 10px; overflow: hidden; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent); }
      .oc-side .oc-tabs .tr { font-size: 13px; gap: 6px; }
      .oc-side .oc-btb { gap: 6px; padding: 0 8px; }
      .oc-side .oc-btb .in, .oc-side .oc-btb [data-external] { display: none; }
      .oc-side .oc-btb .bt { padding: 0 6px; font-size: 12px; }
    }
[data-theme="dark"] .oc-preview[data-inspect="on"] .pp, [data-theme="dark"] .oc-preview[data-inspect="on"] .pp * { cursor: crosshair; }
[data-theme="dark"] /* mini product page rendered inside the Browser tab */
    .pp { position: absolute; inset: 0; background: #fff; font-family: "Geist", system-ui, sans-serif; color: #111; overflow: hidden; }
[data-theme="dark"] .pp-nav { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 1px solid #EEE; font-size: 12px; }
[data-theme="dark"] .pp-nav b { font-weight: 600; letter-spacing: -0.01em; }
[data-theme="dark"] .pp-nav span { color: #777; margin-left: 16px; }
[data-theme="dark"] .pp .top { display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 28px 0; }
[data-theme="dark"] .pp .title { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; }
[data-theme="dark"] .pp .sub { font-size: 11px; color: #888; margin-top: 3px; }
[data-theme="dark"] .pp .toolbar { display: flex; gap: 8px; }
[data-theme="dark"] .pp .toolbar .btn { height: 28px; padding: 0 12px; border-radius: 6px; border: 1px solid #DDD; display: inline-flex; align-items: center; font-size: 12px; font-weight: 500; color: #111; }
[data-theme="dark"] .pp .toolbar .btn.primary { background: #5B4CF0; border-color: #5B4CF0; color: #fff; }
[data-theme="dark"] .pp .stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px 28px 0; }
[data-theme="dark"] .pp .stat { border: 1px solid #E6E6E6; border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
[data-theme="dark"] .pp .stat .label { font-size: 11px; color: #777; }
[data-theme="dark"] .pp .stat .value { font-size: 22px; font-weight: 500; letter-spacing: -0.02em; }
[data-theme="dark"] .pp .stat .delta { font-size: 11px; font-weight: 500; margin-top: auto; }
[data-theme="dark"] .pp .stat .delta.up { color: #198b43; }
[data-theme="dark"] .pp .stat .delta.down { color: #b82d35; }
[data-theme="dark"] .pp .panel { margin: 16px 28px 0; border: 1px solid #E6E6E6; border-radius: 10px; padding: 11px 14px 9px; }
[data-theme="dark"] .pp .panel .phead { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
[data-theme="dark"] .pp .panel .phead .label { font-size: 11px; color: #777; }
[data-theme="dark"] .pp .range { display: flex; border: 1px solid #E6E6E6; border-radius: 6px; overflow: hidden; font-size: 10px; }
[data-theme="dark"] .pp .range span { padding: 3px 8px; color: #888; }
[data-theme="dark"] .pp .range span.on { background: #F4F3FE; color: #5B4CF0; font-weight: 500; }
[data-theme="dark"] .pp .chart { display: flex; align-items: flex-end; gap: 8px; height: 66px; }
[data-theme="dark"] .pp .chart .bar { flex: 1; max-width: 30px; margin: 0 auto; background: #DDD8FA; border-radius: 3px 3px 0 0; display: block; }
[data-theme="dark"] .pp .chart .bar.today { background: #5B4CF0; }
[data-theme="dark"] .pp .days { display: flex; gap: 8px; margin-top: 6px; font-size: 9px; color: #AAA; }
[data-theme="dark"] .pp .days span { flex: 1; text-align: center; }
[data-theme="dark"] .pp .table { margin: 16px 28px 0; border: 1px solid #EEE; border-radius: 10px; overflow: hidden; font-size: 11px; }
[data-theme="dark"] .pp .row { display: grid; grid-template-columns: 74px minmax(0, 1fr) 84px 68px; align-items: center; padding: 8px 12px; border-top: 1px solid #F2F2F2; }
[data-theme="dark"] .pp .row.header { border-top: 0; background: #FAFAFA; color: #888; font-size: 10px; letter-spacing: 0.02em; }
[data-theme="dark"] .pp .row .id { font-variant-numeric: tabular-nums; color: #555; }
[data-theme="dark"] .pp .row .total { text-align: right; font-variant-numeric: tabular-nums; font-weight: 500; }
[data-theme="dark"] .pp .status { height: 18px; padding: 0 8px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 10px; font-weight: 500; }
[data-theme="dark"] .pp .status.paid { background: #E7F9EA; color: #198b43; }
[data-theme="dark"] .pp .status.refunded { background: #FDECEE; color: #b82d35; }
[data-theme="dark"] .pp .status.pending { background: #F1F1F1; color: #6F6F6F; }

/* ---- hand-written half of the dark theme: the page palette and the app-chrome tokens ---- */
:root[data-theme="dark"] {
  --white: #0E0E10;
  --ink: #ECECEC;
  --grey: #9B9B9B;
  --grey-2: #8C8C8C;
  --wash: #171719;
  --line: #26262A;
  --ico-dim: #565659;
  --art-bg: #18181B;
  --accent: #70B0F1; --accent-ink: #92C9FF;
  --tint-1: #172534; --tint-2: #101A25; --tint-3: #0C131B; --tint-4: #0A0F13;
  --tint-deep: #182C40; --tint-glow: #4675A4;
  color-scheme: dark;
}
@supports (color: oklch(0.5 0.1 200)) {
  :root[data-theme="dark"] {
    --accent: oklch(0.74 0.115 var(--h)); --accent-ink: oklch(0.82 0.10 var(--h));
    --tint-1: oklch(0.26 0.035 var(--h)); --tint-2: oklch(0.215 0.026 var(--h));
    --tint-3: oklch(0.185 0.02 var(--h)); --tint-4: oklch(0.165 0.012 var(--h));
    --tint-deep: oklch(0.285 0.045 var(--h)); --tint-glow: oklch(0.55 0.09 var(--h));
  }
}
[data-theme="dark"] .oc {
  /* The app's own dark theme: neutral #0a0a0a, ink #eeeeee, text-weak #808080
     (packages/ui/src/theme/themes/opencode.json), with the surface ramp read off it. */
  --oc-deep: #0B0B0D; --oc-base: #121215; --oc-l2: #1A1A1E; --oc-l3: #202024;
  --oc-text: #EDEDED; --oc-muted: #ADADAD; --oc-faint: #909090; --oc-icon: #C9C9C9; --oc-icon-muted: #9A9A9A;
  --oc-contrast: #E6E6E6;
  --oc-bg-base: #0F0F12; --oc-bg-stronger: #121215; --oc-surface: #16161A; --oc-surface-active: #2A2A33;
  --oc-surface-raised: #1C1C21; --oc-inset: #202026; --oc-interactive: #24365E;
  --oc-t-strong: #F2F2F2; --oc-t-base: #C6C6C6; --oc-t-weak: #A3A3A3; --oc-t-weaker: #888888;
  --oc-t-link: #7BA7FF;
  --oc-b-weak: #2E2E34; --oc-b-weaker: #26262B;
  --oc-i-base: #9A9A9A; --oc-i-strong: #E6E6E6; --oc-add: #57BD72; --oc-del: #FF8380;
  --oc-raised: 0px 2px 4px 0px rgba(0,0,0,0.4), 0px 1px 2px -1px rgba(0,0,0,0.5), 0px 0px 0px 0.5px rgba(255,255,255,0.10);
  --oc-floating: 0px 8px 16px 0px rgba(0,0,0,0.45), 0px 4px 8px 0px rgba(0,0,0,0.4), 0px 0px 0px 0.5px rgba(255,255,255,0.12);
  --oc-btn-contrast: 0px 1px 1.5px 0px rgba(0,0,0,0.5), 0px 0px 0px 0.5px #4A4A4A, inset 0px 1px 2px 0px rgba(255,255,255,0.10), inset 0px -1px 2px 0px rgba(0,0,0,0.2);
}
/* The Browser tab is a preview of the customer's own (light) app, so it stays light on purpose.
   It is dimmed a little so a white page does not glare out of a dark one. */
[data-theme="dark"] .oc-preview { color-scheme: light; }
[data-theme="dark"] .oc-preview .pp { filter: brightness(0.87) saturate(0.94); }
/* The page ground and the rails. */
[data-theme="dark"] body { background: var(--white); }
[data-theme="dark"] .pill { background: #ECECEC; color: #0E0E10; }
[data-theme="dark"] .pill:hover { background: #FFFFFF; color: #0E0E10; }
[data-theme="dark"] .pill-soft { background: #1E1E22; color: var(--ink); }
[data-theme="dark"] .pill-soft:hover { background: #26262B; color: var(--ink); }
/* Washes and gradients, which the generator cannot re-balance on its own. */
[data-theme="dark"] .wash { background: linear-gradient(180deg, #151517 0%, #0E0E10 40%); }
[data-theme="dark"] .hero-card { background: linear-gradient(180deg, #0F1A1A 0%, #101013 70%); }
/* The light hero has a white bottom-centre glow. Mapped literally it becomes a pale haze that
   washes out the subhead, so the dark hero drops it and keeps two teal corners. */
[data-theme="dark"] .hero {
  background:
    radial-gradient(60% 50% at 8% 0%, var(--tint-1) 0%, transparent 70%),
    radial-gradient(50% 45% at 92% 10%, var(--tint-2) 0%, transparent 70%),
    linear-gradient(180deg, var(--tint-3) 0%, var(--tint-4) 55%, var(--white) 100%);
}
[data-theme="dark"] .art-aqua { background: linear-gradient(160deg, var(--tint-2) 0%, var(--tint-4) 100%); }
[data-theme="dark"] .art-peach { background: linear-gradient(160deg, #1B1512 0%, #101014 100%); }
[data-theme="dark"] .art-lilac { background: linear-gradient(160deg, #151327 0%, #101014 100%); }
[data-theme="dark"] .art-mint { background: linear-gradient(160deg, #0E1A15 0%, #101014 100%); }
[data-theme="dark"] .cta { background: linear-gradient(180deg, var(--white) 0%, var(--tint-3) 100%); }
[data-theme="dark"] .cta .glow { background: radial-gradient(closest-side, rgba(112,176,241,0.22), transparent); }
@supports (color: color-mix(in oklab, red, blue)) { [data-theme="dark"] .cta .glow { background: radial-gradient(closest-side, color-mix(in oklab, var(--tint-glow) 42%, transparent), transparent); } }
[data-theme="dark"] .hero-cloud { background: rgba(112,176,241,0.09); }
@supports (color: color-mix(in oklab, red, blue)) { [data-theme="dark"] .hero-cloud { background: color-mix(in oklab, var(--tint-glow) 14%, transparent); } }
[data-theme="dark"] .hero-cloud.soft { background: rgba(112,176,241,0.05); }
@supports (color: color-mix(in oklab, red, blue)) { [data-theme="dark"] .hero-cloud.soft { background: color-mix(in oklab, var(--tint-glow) 8%, transparent); } }
[data-theme="dark"] .floatnav { background: rgba(20,20,24,0.82); border-color: rgba(255,255,255,0.09); box-shadow: 0 8px 30px -12px rgba(0,0,0,0.7); }
/* Cards keep their edge when a shadow no longer reads. */
[data-theme="dark"] .oc, [data-theme="dark"] .oc-card, [data-theme="dark"] .card .panel,
[data-theme="dark"] .track, [data-theme="dark"] .hkt, [data-theme="dark"] .sdlc-row,
[data-theme="dark"] .ath-row, [data-theme="dark"] .hkr, [data-theme="dark"] .ov-card,
[data-theme="dark"] .neutral .model, [data-theme="dark"] .neutral .team .who,
[data-theme="dark"] .plan, [data-theme="dark"] .post, [data-theme="dark"] .dp-panel {
  border: 1px solid rgba(255,255,255,0.07);
}
[data-theme="dark"] .hkt.you { border: 1.5px dashed #2C4966; }
/* The wordmark and inline marks are painted with currentColor, so they follow the ink. */
[data-theme="dark"] .footer-mark svg, [data-theme="dark"] .nav-mark svg { color: var(--ink); }
::selection { background: var(--accent); color: #06101B; }

/* ---- the switcher ---- */
.theme-toggle { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: transparent; }
.theme-toggle button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 24px; border: 0; border-radius: 999px; background: transparent; color: var(--grey); cursor: pointer; padding: 0; }
.theme-toggle button svg { width: 14px; height: 14px; display: block; }
.theme-toggle button:hover { color: var(--ink); }
.theme-toggle button[aria-pressed="true"] { background: var(--wash); color: var(--ink); }
[data-theme="dark"] .theme-toggle button[aria-pressed="true"] { background: #26262B; }

/* Contrast fixes the generated pass cannot infer. */
[data-theme="dark"] .badge { border-color: rgba(255,255,255,0.22); color: rgba(255,255,255,0.78); background: rgba(255,255,255,0.05); }
[data-theme="dark"] .nav-links a, [data-theme="dark"] .floatnav .links a { color: var(--ink); }
[data-theme="dark"] .nav-links a:hover, [data-theme="dark"] .floatnav .links a:hover { color: var(--grey); }
[data-theme="dark"] .h-sub .dim { color: #5A5A5A; }
[data-theme="dark"] .fcol a, [data-theme="dark"] .legal-row a { color: var(--grey); }
[data-theme="dark"] .fcol a:hover { color: var(--ink); }
[data-theme="dark"] .fcol strong { color: var(--ink); }

/* Chips that invert in light mode (dark fill, white ink) invert the other way here. */
[data-theme="dark"] .months a.on { background: #ECECEC; color: #0E0E10; border-color: #ECECEC; }
[data-theme="dark"] .ov-foot span.dark { background: #E2E2E2; color: #101013; }
[data-theme="dark"] .h-sub .dim { color: #6E6E6E; }
[data-theme="dark"] .hkt-top .loc { color: #8C8C8C; }
/* Components that stay dark on both themes, and their ink. */
[data-theme="dark"] .neutral .layer .box { background: #17171B; }
[data-theme="dark"] .pill, [data-theme="dark"] .pill * { color: #0E0E10; }
[data-theme="dark"] .ov-kv span:first-child, [data-theme="dark"] .ov-kv em { color: #949494; }

/* The agent-prompt copy button is a filled dark chip in light mode; it flips here. */
[data-theme="dark"] .copy-inline { background: #ECECEC; border-color: #ECECEC; color: #0E0E10; }
[data-theme="dark"] .copy-inline:hover { background: #FFFFFF; }
[data-theme="dark"] .copy-inline.done { background: #57BD72; border-color: #57BD72; color: #0B140E; }

/* Provider deploy buttons are filled dark chips in light mode; they flip here, and the
   provider marks are painted white in the markup, so they need the flip too. */
[data-theme="dark"] .dp-btn { background: #ECECEC; color: #0E0E10; }
[data-theme="dark"] .dp-btn:hover { background: #FFFFFF; color: #0E0E10; }
[data-theme="dark"] .dp-btn svg { color: #0E0E10; }