.review-ping section {min-width:0}
.review-ping textarea {min-height:90px;width:100%;box-sizing:border-box}
@media(max-width:700px){
  .review-ping .in-player {width:auto;max-width:100%;margin:0 auto}
  .review-ping .in-player video {height:32vh!important;width:auto!important;max-width:100%;object-fit:contain}
  .review-ping {gap:16px}
}
.review-ping .rp-notes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.review-ping .rp-notes label {display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid #ddd;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.4}
@media(max-width:700px){
 .review-ping .in-player .kit-scr {aspect-ratio:auto!important;display:flex;justify-content:center;height:32vh}
 .review-ping .in-player .kit-scr video {height:100%!important;width:100%!important}
}
.mk-page{max-width:1400px;margin:auto;padding:20px}.mk-page p,.mk-costs p{color:var(--coral-muted,#686870);line-height:1.5}.mk-page a{color:inherit;text-decoration:underline}.mk-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:24px}.mk-table th,.mk-table td{text-align:left;vertical-align:top;padding:14px 10px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.mk-table small{display:block;margin-top:6px}.mk-total{padding:16px;background:#fff;border:1px solid #ddd;border-radius:12px}.mk-costs{padding:24px;margin-top:20px;min-width:0}.mk-costs details{border-top:1px solid #ddd;padding:14px 0}.mk-costs summary{cursor:pointer;overflow-wrap:anywhere;font-weight:600}.mk-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}.mk-facts dd{margin:0;text-align:right}.mk-brand{padding:16px 0;border-top:1px solid #ddd}.mk-costs small{display:block;color:#686870}.mk-table td>div+div{margin-top:12px}
@media(max-width:700px){.mk-page{padding:16px}.mk-table thead{display:none}.mk-table,.mk-table tbody,.mk-table tr,.mk-table td{display:block;width:auto}.mk-table tr{border:1px solid #ddd;border-radius:12px;background:#fff;margin:16px 0;padding:8px}.mk-table td{border:0;padding:10px}.mk-table td:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#686870;margin-bottom:5px}.mk-costs{padding:18px}.mk-facts{grid-template-columns:1fr 1fr}}
.ce-grid .mk-costs{order:4;font-weight:400;margin-top:0}.coral .mk-costs p{font-weight:400;font-size:14px}.mk-costs details>div{font-size:14px;font-weight:400}
.lf-status{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:#267352;flex-wrap:wrap}
.lf-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:lf-pulse 2s infinite}
.lf-stale .lf-status{color:#996000}.lf-stale .lf-dot{animation:none}
.lf-windows{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}
.lf-windows a{min-height:40px;display:inline-flex;align-items:center}
@keyframes lf-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.lf-dot{animation:none}}
.prelaunch-status { box-sizing: border-box; max-width: 100%; min-width: 0; margin: 0 0 16px; padding: 12px; border: 1px solid currentColor; border-radius: 8px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.prelaunch-status p { margin: 0; }
.prelaunch-status p + p { margin-top: 8px; }
.prelaunch-status summary { cursor: pointer; min-height: 24px; }
.prelaunch-status[open] summary { margin-bottom: 8px; }

.house .house-page > .prelaunch-compact { order: 0; margin: 0 0 12px; padding: 0 12px; border: 0; border-radius: 10px; background: #efe3d0; color: var(--h-ink-2, #4a423a); font-size: 13px; }
.house .house-page > .prelaunch-compact > summary { display: flex; align-items: center; min-height: 44px; }
.house .house-page > .prelaunch-compact[open] { padding-bottom: 10px; }
.outreach-kit { margin-block: 24px; }
.outreach-kit > p, .outreach-kit > h3, .outreach-kit > ol { margin-block: 16px; }
.outreach-kit a { overflow-wrap: anywhere; }
.outreach-kit li { margin-block: 12px; }
.outreach-kit .house-talk { width: auto; margin: 16px 0; }
.outreach-steps { padding: 16px 16px 16px 36px; background: var(--h-sheet); border: 1px solid var(--h-line); border-radius: 12px; }
.outreach-steps p { color: var(--h-ink-2); }
.outreach-wrapped { animation: outreach-wrap .5s var(--h-ease) both; }
@keyframes outreach-wrap { from { opacity: .4; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .outreach-wrapped { animation: none; } }
.affiliate-page{max-width:960px;margin:auto;display:grid;gap:20px}
.affiliate-page .kit-card{padding:20px;min-width:0}
.affiliate-page form{display:grid;gap:12px;margin:16px 0}
.affiliate-page label{display:grid;gap:6px}
.affiliate-page input,.affiliate-page textarea,.affiliate-page select{width:100%;min-width:0;box-sizing:border-box}
.affiliate-page code{overflow-wrap:anywhere}
.affiliate-nav{display:flex;flex-wrap:wrap;gap:10px}
.affiliate-program{display:grid;gap:10px}
.affiliate-page summary{cursor:pointer;font-weight:700;padding:12px 0}
.affiliate-page p{overflow-wrap:anywhere}
@media(max-width:480px){.affiliate-page .kit-card{padding:14px}.affiliate-nav>*{flex:1 1 auto}}

.coral-app .affiliate-page .affiliate-program{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.affiliate-page .affiliate-program>h2,.affiliate-page .affiliate-program>h3,.affiliate-page .affiliate-program>p{margin:0}
.affiliate-page .affiliate-program>button{align-self:flex-start}
.coral-app .affiliate-page{max-width:960px;align-self:flex-start}
.affiliate-page .affiliate-program form h3{margin:0}
.affiliate-page>section.kit-card:not(.affiliate-program){width:fit-content;max-width:100%;box-sizing:border-box}
.affiliate-page .affiliate-order{width:fit-content;max-width:100%;box-sizing:border-box;display:grid;gap:8px}
.affiliate-page .affiliate-order>h3,.affiliate-page .affiliate-order>p{margin:0}
.or-panel,.or-outside{max-width:960px;margin:16px auto;padding:24px;border:1px solid #d7cec1;border-radius:18px;background:#fffaf1;color:#241c17}
.or-panel p,.or-outside p{line-height:1.6}
.or-panel a{display:inline-block;margin:6px 12px 6px 0}
.or-panel form{display:grid;gap:16px;max-width:480px}
.or-panel label{display:grid;gap:6px}
.or-panel input,.or-panel select{padding:12px;max-width:100%;box-sizing:border-box;font:inherit}
.or-outside{background:linear-gradient(175deg,#e8dbc7 65%,#42372f 65%);padding-bottom:40px}
.or-outside>p:last-child{background:#fffaf1;padding:12px;border-radius:8px}
.or-phones{display:flex;gap:24px;justify-content:center;padding:24px 0}
.or-phone{border:8px solid #241c17;border-radius:24px;background:#ffedcf;padding:32px 16px;width:180px;min-height:180px;box-shadow:8px 12px 0 #241c1722;transform:rotate(-3deg)}
.or-phone:nth-child(2){transform:rotate(4deg);background:#ffd3b4}
.or-street{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory}
.or-store{flex:0 0 260px;scroll-snap-align:start;position:relative}
.or-store>a:first-child{position:relative;display:block;margin:0}
.or-store img{width:100%;display:block}
.or-sign{position:absolute;top:35%;left:14%;width:72%;height:9%;display:grid;place-items:center;text-align:center;font-size:14px;overflow:hidden}
@media(max-width:600px){.or-panel,.or-outside{padding:18px;margin:10px 0}.or-phones{gap:12px}.or-phone{width:42%;min-height:140px;padding:24px 8px;font-size:13px}}

.of-panel{max-width:960px;margin:16px auto;padding:20px;border:1px solid #d7cec1;border-left-width:6px;border-radius:14px;background:#fffaf1;color:#241c17;overflow-wrap:anywhere}
.of-panel h2{margin:4px 0 8px;font-size:1.25rem;line-height:1.25}
.of-panel p,.of-panel li,.of-panel dd{line-height:1.5}
.of-panel a.btn,.of-panel .kit-btn{white-space:normal;max-width:100%;box-sizing:border-box}
.of-panel>a{display:inline-block;margin:6px 10px 6px 0}
.of-kind{display:inline-block;margin:0;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.of-slot{border-left-color:#2f6f5e}.of-slot .of-kind{background:#dcefe8;color:#1d4a3e}
.of-you-decide{border-left-color:#e2571c}.of-you-decide .of-kind{background:#ffe0cf;color:#8a2d06}
.of-you-do{border-left-color:#5a4a3e}.of-you-do .of-kind{background:#ece4d8;color:#3b2f27}
.of-fresh{margin:0 0 8px;font-size:.9rem;color:#5a4a3e}
.of-note{font-size:.9rem;color:#5a4a3e}
.of-shop{font-size:1.2rem;font-weight:700;margin:4px 0}
.of-steps{margin:8px 0 12px;padding-left:1.4em}.of-steps li{margin:6px 0}
.of-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0}.of-facts dt{font-weight:700}.of-facts dd{margin:0}
.of-districts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.of-panel form,.of-panel label{display:grid;gap:8px}.of-panel select{width:100%;min-width:0;box-sizing:border-box}
.of-panel .scout-card{margin:12px 0 0;padding:16px;border:0;background:transparent}
.of-panel .sg-bounty{margin:12px 0 0;padding:16px;box-shadow:none}
@media(max-width:600px){.of-panel{margin:10px 0;padding:16px}.of-facts{grid-template-columns:1fr}.of-facts dd{margin-bottom:6px}.of-panel .sg-silhouette{width:72px}}
.sg-markers a.house-key{display:block;text-align:left;word-break:normal;overflow-wrap:break-word}

.of-locked{border-left-color:var(--h-orange,#f26b1d)}.of-locked .of-kind{background:#ffe2c6;color:var(--h-orange-ink,#a8420a)}

.of-locked .scout-card{padding:0;border:0;background:none;box-shadow:none;margin:0}
.of-locked .scout-card h2{margin:4px 0 8px}
.of-locked .scout-card ul{margin:8px 0 12px;padding-left:0;list-style:none}
@media(max-width:899px) and (max-height:700px){.house .house-page:has(.of-locked){padding-top:8px}.house .house-page:has(.of-locked)>.house-strip{display:none}.house .house-page:has(.of-locked)>.house-title{margin:0 0 6px;font-size:26px}
 .of-locked{padding:12px 14px!important}.of-locked .scout-card p{font-size:14px;line-height:1.4;margin:0}.of-locked .scout-card h2{font-size:19px}.of-locked .scout-card ul{margin:6px 0 8px;font-size:14px}.of-locked .scout-card li{margin:2px 0}}
.of-locked .kit-btn{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}


@font-face { font-family: "Archivo"; src: url(/assets/fonts/Archivo-core.woff2) format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  unicode-range: U+0020-007E, U+00A0, U+00A2, U+00B7, U+00D7, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+2039-203A, U+2191, U+2193, U+2212; }
@font-face { font-family: "Archivo"; src: url(/assets/fonts/Archivo-rest.woff2) format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  unicode-range: U+00A1, U+00A3-00B6, U+00B8-00D6, U+00D8-00FF, U+0102, U+0131, U+0152-0153, U+02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+2009, U+201A, U+201E, U+2022, U+2032-2033, U+2044, U+20AC, U+2122, U+2215; }

.house.in-app, body:has(.house), .room-embedded {
  --h-paper: #f6e3c7; --h-paper-2: #eed6b3; --h-sheet: #fbf4e8; --h-ink: #1c1814; --h-ink-2: #4a4037; --h-ink-3: #6b5e52; --h-line: #dcc6a6;
  --h-orange: #f26b1d; --h-orange-ink: #a8420a; --h-on-orange: #1a0d03; --h-glow: 242 107 29;
  --h-sans: "Archivo", system-ui, sans-serif; --h-mono: "Geist Mono", ui-monospace, monospace;
  --h-top: 56px; --h-bar: 64px; --h-ease: cubic-bezier(.23, 1, .32, 1); --h-drawer: cubic-bezier(.32, .72, 0, 1);
  
  --mx-canvas: var(--h-paper); --mx-rail: var(--h-paper); --mx-card: var(--h-sheet); --mx-tint: #f3e6d2; --mx-well: #efe0c8;
  --mx-ink: var(--h-ink); --mx-body: var(--h-ink-2); --mx-label: var(--h-ink-3); --mx-hint: var(--h-ink-3);
  --mx-line: var(--h-line); --mx-line-in: var(--h-line); --mx-line-focus: #b99e7a;
  --mx-primary: var(--h-orange); --mx-primary-h: #93390a; --mx-primary-2: #7a2f07; --mx-primary-ink: var(--h-orange-ink); --mx-primary-t: #fbe1cc; --mx-primary-line: #efb48c;
  --mx-key-edge: transparent; --mx-on-key: #fff; --mx-edge: 0px; --mx-bw: 1px;
  --mx-sans: var(--h-sans); --mx-mono: var(--h-mono); --mx-w-reg: 450; --mx-w-ui: 600; --mx-w-strong: 700; --mx-w-black: 800;
  --mx-r-card: 14px; --mx-shadow-float: 0 1px 0 var(--h-line), 0 8px 24px -12px rgb(60 40 20 / 30%);
  --mx-focus: 0 0 0 3px rgb(var(--h-glow) / 35%);
}
body:has(.house), .room-embedded { background: var(--h-paper); color: var(--h-ink); font-family: var(--h-sans); }
.house ::selection { background: rgb(var(--h-glow) / 28%); }
.house :focus-visible { outline: 2px solid var(--h-orange); outline-offset: 2px; }
.house.in-app { display: block; background: none; min-height: calc(100dvh - var(--h-strip, 0px)); font-family: var(--h-sans); font-weight: 450; color: var(--h-ink); }
body:has(.v2-truth) { --h-strip: 28px; }
.house h1, .house h2, .house h3 { font-family: var(--h-sans); letter-spacing: -.01em; }


.house-top { position: sticky; top: 0; z-index: 30; height: var(--h-top); display: flex; align-items: center; gap: 8px; padding: 0 12px; background: var(--h-paper); border-bottom: 1px solid var(--h-line); }
.house-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; color: var(--h-ink); flex: none; }
.house-mark span { display: block; width: 30px; height: 30px; }
.house-mark svg { width: 100%; height: 100%; }
.house-top .v2-switch { flex: none; margin: 0; }
.house-top .v2-switch-name { height: 44px; padding: 0 8px 0 6px; font-size: 15px; }
.house-top .v2-switch-name b { display: none; }
.house-top .v2-switch-sheet { right: auto; min-width: 240px; }
.house-numbers { margin-left: auto; display: flex; gap: 2px; }
.house-number { display: flex; align-items: center; gap: 8px; min-height: 44px; min-width: 44px; padding: 4px 8px; border-radius: 10px; color: var(--h-ink); text-decoration: none; }
a.house-number { flex-direction: column; justify-content: center; align-items: flex-start; gap: 0; }
.house-number b, .house-number-words b { white-space: nowrap; font: 600 15px/1.1 var(--h-mono); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.house-number small, .house-number-words small { font: 500 12px/1.15 var(--h-sans); color: var(--h-ink-3); white-space: nowrap; }
.house-number.waiting b { color: var(--h-orange-ink); }
.house-number.cleared b { color: var(--h-orange-ink); }


@media (max-width: 479px) { .house-number.test small { white-space: normal; width: min-content; line-height: 1.05; } }
@media (max-width: 479px) { .house-numbers { gap: 0; } .house-number { padding: 4px 4px; min-width: 44px; } .house-number b { font-size: 14px; } .house .battery-about { display: none; } }

@media (max-width: 419px) { .house-top { gap: 4px; padding: 0 8px; } .house-top .v2-caret { display: none; } .house-top .v2-switch-name { padding: 0 6px; gap: 0; }
  .house .slot-battery.house-number > summary { padding: 4px; gap: 6px; } }
@media (max-width: 379px) { .house .slot-battery.house-number .battery-icon { display: none; } .house-number { min-width: 40px; } }
@media (max-width: 359px) { .house-top > .house-mark { display: none; } .house-numbers { margin-left: 0; } }

@media (max-width: 379px) { .house .slot-battery.house-number.empty .house-number-words b { white-space: normal; width: 7ch; line-height: 1; } }
@media (max-width: 359px) { .house-top .v2-switch-name { padding: 0 2px; } }
.house-number-words { display: flex; flex-direction: column; }
@media (hover: hover) { .house-number:hover, .house-mark:hover { background: rgb(28 24 20 / 6%); } }
.house .slot-battery.house-number { position: relative; padding: 0; }
.house .slot-battery.house-number > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 8px; border-radius: 10px; cursor: pointer; list-style: none; }
.house .slot-battery.house-number > summary::-webkit-details-marker { display: none; }
.house .slot-battery.house-number .battery-icon { position: relative; width: 22px; height: 12px; border: 1.5px solid currentColor; border-radius: 3px; padding: 1px; flex: none; background: none; }
.house .slot-battery.house-number .battery-icon:after { content: ""; position: absolute; right: -4px; top: 2.5px; width: 2px; height: 4px; border-radius: 1px; background: currentColor; }
.house .slot-battery.house-number .battery-icon i { display: block; height: 100%; min-width: 0; border-radius: 1px; background: var(--h-orange); transition: width .6s var(--h-ease); }
.house .slot-battery.house-number.low .battery-icon i { background: var(--h-orange-ink); }
.house .slot-battery.house-number .battery-detail { position: fixed; top: calc(var(--h-top) + 6px); left: 12px; right: 12px; z-index: 40; padding: 16px; border-radius: 14px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); box-shadow: 0 16px 40px -16px rgb(30 20 10 / 60%); }
.house .slot-battery.house-number .battery-detail p { margin: 0 0 8px; font-size: 15px; line-height: 1.4; color: #e9dac4; }
.house .slot-battery.house-number .battery-detail b { color: var(--h-on-panel, var(--h-paper)); }
.house-account { position: relative; flex: none; }
.house-account summary { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; list-style: none; font: 700 13px/1 var(--h-sans); }
.house-account summary::-webkit-details-marker { display: none; }
.house-account summary:before { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 1.5px solid var(--h-ink); }
.house-account-menu { position: absolute; right: 0; top: 52px; width: 240px; padding: 8px; border-radius: 14px; background: var(--h-sheet); border: 1px solid var(--h-line); box-shadow: 0 16px 40px -16px rgb(30 20 10 / 45%); z-index: 41; }
.house-account-menu > b { display: block; padding: 10px 12px 6px; font-size: 13px; color: var(--h-ink-3); font-weight: 600; }
.house-account-menu a, .house-account-menu button { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 0 12px; border: 0; border-radius: 10px; background: none; color: var(--h-ink); font: 600 15px/1 var(--h-sans); text-decoration: none; cursor: pointer; }
@media (hover: hover) { .house-account-menu a:hover, .house-account-menu button:hover { background: rgb(28 24 20 / 6%); } }
.house-account-menu form { margin: 0; }
.house-account-menu a.house-build { font: 500 13px/1 var(--h-mono); color: var(--h-ink-3); }


.house-places { display: flex; }
.house-places .in-tab, .house-places .in-tab.on { border: 0; background: none; border-radius: 0; }
.house-places .in-tab { display: flex; align-items: center; gap: 8px; min-height: 44px; color: var(--h-ink-3); text-decoration: none; font: 600 15px/1 var(--h-sans); -webkit-tap-highlight-color: transparent; }
.house-places .in-tab[aria-current] { color: var(--h-ink); }
.house-places .in-tab[aria-current] .house-ico { color: var(--h-orange); }
.house-ico { display: grid; place-items: center; }
.house-ico svg { display: block; }
.house-places.top { display: none; }
.house-places.bar { position: fixed; inset: auto 0 0; z-index: 30; height: calc(var(--h-bar) + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: var(--h-paper); border-top: 1px solid var(--h-line); }
.house-places.bar .in-tab { flex: 1; flex-direction: column; justify-content: center; gap: 3px; font-size: 12px; position: relative; }
.house-places.bar .in-tab[aria-current]:before { content: ""; position: absolute; top: -1px; left: 30%; right: 30%; height: 2px; border-radius: 0 0 2px 2px; background: var(--h-orange); }
.house-places .in-tab:active { transform: scale(.96); transition: transform .15s var(--h-ease); }


.house .house-page { max-width: 1040px; margin: 0 auto; padding: 24px 16px calc(var(--h-bar) + 40px + env(safe-area-inset-bottom)); min-height: 0; }
.house-title h1 { font: 750 28px/1.1 var(--h-sans); font-stretch: 92%; letter-spacing: -.015em; margin: 0 0 20px; }
.house-page:has(> .house-room) { padding: 0; max-width: none; }
.house-page:has(> .house-room) > .house-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body:has(.house-room) { overflow: hidden; }
body:has(.house-room) .v2-version { position: fixed; z-index: 29; top: calc(var(--h-top) + var(--h-strip, 0px) + 2px); left: 8px; margin: 0; display: flex; align-items: center; min-height: 44px; padding: 0 8px; font: 500 12px/1 var(--h-mono); color: var(--h-ink-3); }

@media (max-width: 899px) { body:has(.house-room) a.v2-version { display: none; } }

.house-page > .house-room { max-width: none; margin: 0; }
.house-room { position: fixed; z-index: 1; top: calc(var(--h-top) + var(--h-strip, 0px)); left: 0; right: 0; bottom: calc(var(--h-bar) + env(safe-area-inset-bottom)); display: flex; flex-direction: column; padding: 0 0 12px; transition: right .32s var(--h-drawer); }
.house-scene { flex: 1; min-height: 0; display: grid; place-items: center; container-type: size; }
.house-stage { position: relative; width: min(100cqw, calc(100cqh * 720 / var(--band)), 1072px); aspect-ratio: 720 / var(--band); overflow: visible; }
.house-art { position: absolute; left: 0; top: var(--art-top); width: 100%; height: auto; display: block; user-select: none; -webkit-user-drag: none; pointer-events: none;
  -webkit-mask: linear-gradient(transparent, #000 6%, #000 94%, transparent), linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-composite: source-in;
  mask: linear-gradient(transparent, #000 6%, #000 94%, transparent), linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-composite: intersect; }
.house-art:not(.lamp) { opacity: .42; filter: saturate(.45); }
.house-art.lamp { -webkit-mask: var(--lamp); mask: var(--lamp); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.house-stage { clip-path: inset(0); }
.house-spot { min-width: 44px; min-height: 44px; }
.house-spot, .house-who { position: absolute; display: block; padding: 0; border: 0; background: none; cursor: pointer; border-radius: 14px; -webkit-tap-highlight-color: transparent; color: inherit; text-decoration: none; }
.house-who { z-index: 2; }
.house-spot:focus-visible, .house-who:focus-visible { outline: 2px solid var(--h-orange); outline-offset: 2px; }
.house-plaque { position: absolute; z-index: 3; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; white-space: nowrap; padding: 5px 9px 6px; border-radius: 8px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); text-align: center; box-shadow: 0 6px 14px -6px rgb(30 20 10 / 55%); pointer-events: none; transition: transform .15s var(--h-ease); }
.house-plaque.right { transform: translate(0, -50%); align-items: flex-start; text-align: left; }
.house-plaque.left { transform: translate(-100%, -50%); align-items: flex-end; text-align: right; }
.house-plaque b { font: 700 12px/1.15 var(--h-sans); font-stretch: 85%; letter-spacing: .05em; text-transform: uppercase; }
.house-plaque small { font: 500 12px/1.2 var(--h-sans); color: #dccbb2; }
.house-spot.lit .house-plaque { background: var(--h-orange); color: var(--h-on-orange); box-shadow: 0 0 0 4px rgb(var(--h-glow) / 20%), 0 8px 18px -6px rgb(var(--h-glow) / 60%); }
.house-spot.lit .house-plaque small { color: var(--h-on-orange); }
.house-spot.lit .house-plaque:after { content: ""; position: absolute; inset: -5px; border-radius: 11px; border: 1.5px solid rgb(var(--h-glow) / 55%); animation: house-ring 2.6s var(--h-ease) infinite; }
@keyframes house-ring { 0% { opacity: 1; transform: scale(.97); } 70%, 100% { opacity: 0; transform: scale(1.1); } }
.house-spot:before { content: ""; position: absolute; inset: -8%; border-radius: 50%; background: radial-gradient(closest-side, rgb(255 214 170 / 55%), transparent); mix-blend-mode: soft-light; opacity: 0; transition: opacity .2s ease; pointer-events: none; }
.house-spot:is(:hover, :focus-visible):before, .house-spot.lit:before { opacity: 1; }

@media (hover: hover) and (pointer: fine) {
  .house-spot:not(.lit) .house-plaque { opacity: 0; transition: opacity .15s ease, transform .15s var(--h-ease); }
  .house-spot:is(:hover, :focus-visible) .house-plaque, .house-stage:focus-within .house-spot:focus-visible .house-plaque { opacity: 1; }
  .house-stage:not(:hover):not(:focus-within) .house-spot:not(.lit) .house-plaque { opacity: 0; }
}
@media (hover: hover) { .house-spot:hover .house-plaque { transform: translate(-50%, calc(-50% - 2px)); } .house-spot:hover .house-plaque.right { transform: translate(0, calc(-50% - 2px)); } .house-spot:hover .house-plaque.left { transform: translate(-100%, calc(-50% - 2px)); } }


@media (hover: none) {
  html:not(.house-new) .house-spot:not(.lit):not(.picked) .house-plaque { opacity: 0; }
  .house-spot.picked .house-plaque { box-shadow: 0 0 0 2px var(--h-paper), 0 8px 18px -6px rgb(30 20 10 / 55%); }
  .house-spot.picked:before { opacity: 1; }
}

.house-room.fits-narrow > .house-scene { overflow: hidden; }
.house-room.fits-narrow .house-stage { container-type: inline-size; }
@container (max-width: 374px) {
  .fits-narrow .house-stage { width: min(100cqw, calc(100cqh * 720 / var(--band) * 1.2)); }
}
@container (max-width: 374px) {
  .fits-narrow .house-plaque { left: var(--nl) !important; top: var(--nt) !important; padding: 4px 7px 5px; }
  .fits-narrow .house-plaque, .fits-narrow .house-spot:hover .house-plaque { transform: translate(var(--nx, -50%), -50%); }
  .fits-narrow .house-plaque.n-mid { --nx: -50%; align-items: center; text-align: center; }
  .fits-narrow .house-plaque.n-right { --nx: 0%; align-items: flex-start; text-align: left; }
  .fits-narrow .house-plaque.n-left { --nx: -100%; align-items: flex-end; text-align: right; }
  .fits-narrow .house-plaque :is(b, small) { font-size: 11px; }
}

.house-poster { position: absolute; z-index: 2; pointer-events: none; display: block; overflow: hidden; border-radius: 2px; transform: skewY(3deg); box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%); }
.house-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.house-poster.empty { display: none; background: #eadcc6; box-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%); }
.house-layers .house-poster { z-index: 3; }
.house-poster:focus-visible { outline: 2px solid var(--h-orange); outline-offset: 2px; }

.house-hint { display: none; position: absolute; z-index: 4; width: 0; height: 0; pointer-events: none; }
.house-new .house-hint { display: block; }
.house-hint:before { content: ""; position: absolute; left: -9px; top: -52px; width: 18px; height: 18px; border-right: 3px solid var(--h-orange); border-bottom: 3px solid var(--h-orange); transform: rotate(45deg); animation: house-point 1.4s var(--h-ease) infinite; }
@keyframes house-point { 50% { translate: 0 -6px; } }

.house-layers { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.house-layer { position: absolute; display: block; }
.house-layer.architecture { -webkit-mask: linear-gradient(transparent, #000 6%, #000 94%, transparent), linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); -webkit-mask-composite: source-in; mask: linear-gradient(transparent, #000 6%, #000 94%, transparent), linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-composite: intersect; }
.house-layer.architecture, .house-layer.quiet { opacity: .42; filter: saturate(.45); }
.house-stage[data-layers="on"] > .house-art { visibility: hidden; }
.house-sprite-visor { position: absolute; aspect-ratio: 5 / 1; display: flex; align-items: center; padding-left: 10%; border-radius: 99px; background: #0b0908; container-type: inline-size; }
.house-sprite-visor i { font: 700 40cqw/1 var(--h-mono); font-style: normal; color: var(--h-orange); text-shadow: 0 0 5px rgb(var(--h-glow) / 90%); white-space: nowrap; overflow: hidden; }


.house-talk { position: relative; z-index: 4; margin: 0 12px; display: grid; grid-template-columns: 72px 1fr; gap: 4px 12px; padding: 12px; border-radius: 18px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); box-shadow: 0 18px 40px -18px rgb(30 20 10 / 65%); }
.house-talk[hidden] { display: none; }
.house-talk:before { content: ""; position: absolute; top: 0; left: 20px; right: 20px; height: 2px; border-radius: 0 0 2px 2px; background: var(--h-orange); }
.house-face { position: relative; grid-row: 1 / 3; width: 72px; height: 72px; border-radius: 12px; overflow: hidden; background: #2a231d; align-self: start; }
.house-face > img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
.house-face.slot { --P: 72px; --W: 360px; }
.house-face.slot > img { width: var(--W); height: auto; max-width: none; object-fit: fill; left: calc(var(--P) * .5 - var(--vx) * var(--W)); top: calc(var(--P) * .46 - var(--vy) * 1.5 * var(--W)); }
.house-visor { position: absolute; left: calc(var(--P) * .5); top: calc(var(--P) * .46); width: calc(var(--len) * var(--W) * .86); height: calc(var(--W) * .024); transform: translate(-50%, -50%) rotate(var(--tilt)); display: flex; align-items: center; padding-left: calc(var(--W) * .012); border-radius: 99px; background: #0b0908; }
.house-visor i { font: 700 calc(var(--W) * .024)/1 var(--h-mono); font-style: normal; color: var(--h-orange); text-shadow: 0 0 6px rgb(var(--h-glow) / 90%); white-space: nowrap; overflow: hidden; }
.house-face.making .house-visor i { animation: house-blink 1s steps(2) infinite; }
@keyframes house-blink { 50% { opacity: .35; } }
.house-words { min-width: 0; }
.house-name { margin: 2px 0 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.house-name b { font: 700 13px/1 var(--h-sans); font-stretch: 85%; letter-spacing: .08em; text-transform: uppercase; color: var(--h-orange); }
.house-name small { font: 500 12px/1 var(--h-sans); color: #bfae96; }
.house-line { margin: 4px 0 0; font: 450 16px/1.35 var(--h-sans); color: var(--h-on-panel, var(--h-paper)); text-wrap: pretty; }
.house-acts { grid-column: 2; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.house-key { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--h-orange); color: var(--h-on-orange); font: 700 16px/1 var(--h-sans); text-decoration: none; cursor: pointer; transition: transform .15s var(--h-ease), background-color .15s ease; -webkit-tap-highlight-color: transparent; }
.house-key:active { transform: scale(.96); }
@media (hover: hover) { .house-key:hover { background: #ff7a2c; } }
@media (max-width: 899px) { .house-key { padding: 0 16px; } }
.house-key.quiet { background: transparent; color: var(--h-on-panel, var(--h-paper)); box-shadow: inset 0 0 0 1.5px #5c5047; }


.house-sheet { position: fixed; inset: auto 0 0; margin: 0; width: 100%; max-width: 100%; height: min(92dvh, 900px); max-height: none; padding: 0; border: 0; border-radius: 20px 20px 0 0; background: var(--h-sheet); color: var(--h-ink); box-shadow: 0 -20px 60px -20px rgb(30 20 10 / 50%); overscroll-behavior: contain; }
.house-sheet[open] { display: flex; flex-direction: column; animation: house-up .36s var(--h-drawer); }
@keyframes house-up { from { transform: translateY(100%); } }
.house-sheet::backdrop { background: rgb(28 22 16 / 45%); animation: house-fade .24s ease-out; }
@keyframes house-fade { from { opacity: 0; } }
.house-sheet > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 6px 6px 20px; min-height: 56px; border-bottom: 1px solid var(--h-line); position: relative; }
.house-sheet > header:before { content: ""; position: absolute; top: 6px; left: 50%; width: 36px; height: 4px; margin-left: -18px; border-radius: 2px; background: var(--h-line); }
.house-sheet > header b { font: 700 17px/1.2 var(--h-sans); }
.house-close { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 12px; background: none; color: var(--h-ink); cursor: pointer; }
.house-close span { width: 20px; height: 20px; display: block; }
@media (hover: hover) { .house-close:hover { background: rgb(28 24 20 / 7%); } }/*kit-part*/
.house-sheet-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; position: relative; }
.house-sheet-body > iframe { display: block; width: 100%; height: 100%; border: 0; background: var(--h-sheet); }
.house-sheet-body > p { margin: 0; padding: 24px 20px; font-size: 17px; line-height: 1.5; color: var(--h-ink-2); }
.house-sheet-body.loading:after { content: "Opening…"; position: absolute; inset: 0; display: grid; place-items: center; font: 500 15px/1 var(--h-sans); color: var(--h-ink-3); background: var(--h-sheet); }


.room-embedded .in-back, .room-embedded .in-sheet > .in-back { display: none !important; }
.room-embedded .house-top, .room-embedded .house-places, .room-embedded .house-title, .room-embedded .v2-version, .room-embedded .house-sheet { display: none !important; }
.room-embedded .house .house-page, .room-embedded .house-page { padding: 16px 16px 32px; }
.room-embedded, .room-embedded body, .room-embedded .house { background: var(--h-sheet); min-height: 0; }

@media (min-width: 900px) {
  .house.in-app, body:has(.house), .room-embedded { --h-top: 64px; --h-bar: 0px; }
  
  .house-top { display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr) auto; padding: 0 20px; gap: 8px; }
  .house-top > :first-child { justify-self: start; }
  .house-numbers { margin-left: 0; justify-self: end; }
  .house-places.top { display: flex; gap: 2px; }
  .house-places.top .in-tab { padding: 0 10px; border-radius: 10px; }
  .house-places.top .in-tab .house-ico svg { width: 18px; height: 18px; }
  .house-places.top .in-tab[aria-current] { background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); }
  @media (hover: hover) { .house-places.top .in-tab:not([aria-current]):hover { background: rgb(28 24 20 / 6%); color: var(--h-ink); } }
  .house-places.bar { display: none; }
  .house .house-page { padding: 32px 24px 64px; }
  .house-room { padding: 8px 0 24px; }
  .house-talk { width: min(760px, calc(100% - 48px)); margin: 0 auto; grid-template-columns: 96px 1fr auto; align-items: center; padding: 16px 18px 16px 16px; }
  .house-face { grid-row: auto; width: 96px; height: 96px; }
  .house-face.slot { --P: 96px; --W: 500px; }
  .house-acts { grid-column: auto; margin: 0; flex-wrap: nowrap; }
  .house-line { font-size: 17px; }
  .house-plaque b { font-size: 13px; }
  .house-plaque small { font-size: 13px; }
  .house .slot-battery.house-number .battery-detail { position: absolute; left: auto; right: 0; top: 52px; width: 300px; }
  .house-sheet { inset: 0 0 0 auto; width: min(560px, 46vw); height: 100dvh; border-radius: 20px 0 0 20px; box-shadow: -20px 0 60px -24px rgb(30 20 10 / 45%); }
  .house-sheet[open] { animation-name: house-in; }
  @keyframes house-in { from { transform: translateX(100%); } }
  .house-sheet::backdrop { background: rgb(28 22 16 / 12%); }
  .house-sheet > header:before { display: none; }
  html.sheet-open .house-room { right: min(560px, 46vw); }
  body:has(.house-room) .v2-version { top: auto; bottom: 8px; left: 12px; }
}
@media (min-width: 900px) and (max-width: 1279px) { .house .battery-about { display: none; } }

@media (min-width: 1280px) {
  .house-top { gap: 16px; }
  .house-top .v2-switch-name b { display: inline; }
  .house-places.top { gap: 4px; margin-left: 60px; }
  .house-places.top .in-tab { padding: 0 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .house *, .house *:before, .house *:after, .house-sheet[open], .house-sheet::backdrop { animation: none !important; transition: opacity .15s ease !important; }
}


.story-visor { position: absolute; z-index: 3; aspect-ratio: 5 / 1; display: flex; align-items: center; padding-left: 8%; border-radius: 99px; background: #0b0908; container-type: inline-size; pointer-events: none; }
.story-visor i { font: 700 38cqw/1 var(--h-mono); font-style: normal; color: var(--h-orange); text-shadow: 0 0 6px rgb(var(--h-glow) / 90%); white-space: nowrap; overflow: hidden; }
.story-visor.sleep i { animation: story-flicker 2.2s steps(1) infinite; }
@keyframes story-flicker { 0%, 62%, 70%, 100% { opacity: .9; } 64%, 68% { opacity: .15; } }
.story-wake { border-radius: 40%; }
.story-wake:after { content: ""; position: absolute; inset: 10%; border-radius: 50%; background: radial-gradient(closest-side, rgb(var(--h-glow) / 30%), transparent); animation: story-breathe 2.4s ease-in-out infinite; pointer-events: none; }
@keyframes story-breathe { 50% { opacity: .35; } }
.story-corner { position: absolute; z-index: 5; top: 8px; left: 8px; right: 8px; display: flex; align-items: flex-start; gap: 8px; pointer-events: none; }
.story-corner > * { pointer-events: auto; }

.story-skip-form { margin: 0; display: flex; flex-direction: column; align-items: center; flex: none; }
.story-skip-note { font: 450 12px/1.3 var(--h-sans); color: var(--h-ink-3); margin-top: -6px; }
.story-skip { min-height: 44px; min-width: 120px; padding: 0 20px; border: 0; background: none; color: var(--h-ink-2); font: 600 14px/1 var(--h-sans); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (hover: hover) { .story-skip:hover { color: var(--h-ink); } }

.story-bubble { position: absolute; z-index: 4; display: grid; place-items: center; border-radius: 10px; background: #1a1411; color: var(--h-orange); box-shadow: 0 0 0 1.5px rgb(var(--h-glow) / 60%), 0 0 18px rgb(var(--h-glow) / 30%); font: 600 clamp(13px, 4vw, 20px)/1 var(--h-mono); font-style: italic; pointer-events: none; }
.story-bubble:after { content: ""; position: absolute; left: 22%; bottom: -7px; width: 12px; height: 12px; background: #1a1411; transform: rotate(45deg); box-shadow: 1.5px 1.5px 0 rgb(var(--h-glow) / 60%); }
.bld-piece.glow { filter: drop-shadow(0 0 10px rgb(var(--h-glow) / 55%)); }

.house-room.story .bld-piece.quiet { opacity: 1; filter: brightness(.5) saturate(.6) sepia(.2); }
.house-room.story .story-corner { top: 8px; }
.story-cells { display: inline-flex; gap: 4px; align-items: center; min-height: 32px; padding: 0 10px; border-radius: 99px; background: var(--h-panel, var(--h-ink)); }
.story-cells i { width: 12px; height: 16px; border-radius: 3px; background: #4b4038; transition: background-color .3s ease; }
.story-cells i.on { background: var(--h-orange); box-shadow: 0 0 8px rgb(var(--h-glow) / 70%); }
.house-act-form { margin: 0; }
.story-corner.ap-story { position: static; margin: 0 0 16px; }


.ways { max-width: 640px; }
.ways h2 { font: 700 13px/1 var(--h-sans); font-stretch: 85%; letter-spacing: .08em; text-transform: uppercase; color: var(--h-ink-3); margin: 24px 0 8px; }
.ways-share { margin: 0 0 8px; padding: 12px 14px; border-radius: 12px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); font: 500 15px/1.4 var(--h-sans); }
.ways-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--h-line); }
.ways-row { border-bottom: 1px solid var(--h-line); }
.ways-link { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; min-height: 60px; padding: 10px 4px; color: var(--h-ink); text-decoration: none; }
@media (hover: hover) { .ways-link:hover { background: rgb(28 24 20 / 4%); } }
.ways-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ways-name b { font: 650 16px/1.25 var(--h-sans); }
.ways-name small { font: 450 14px/1.3 var(--h-sans); color: var(--h-ink-2); }
.ways-earned { font: 600 15px/1 var(--h-mono); font-variant-numeric: tabular-nums; }
.ways-status { font: 600 12px/1 var(--h-sans); padding: 6px 8px; border-radius: 6px; background: #efe0c8; color: var(--h-ink-2); }
.ways-status.open { background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); }
.ways-why { margin: -6px 4px 10px; font: 450 13px/1.35 var(--h-sans); color: var(--h-ink-3); }
.ways-more, .ways-fine { font: 450 14px/1.45 var(--h-sans); color: var(--h-ink-3); margin: 12px 0 0; }


.house-win.v2-win { position: fixed; inset: 0; z-index: 2147483001; display: grid; place-items: center; padding: 16px; background: rgb(28 22 16 / 72%); }
.house-win[hidden] { display: none; }
.house-win-card { width: min(440px, 100%); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 20px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); box-shadow: 0 30px 80px -30px rgb(0 0 0 / 70%); }
.house-win-art { position: relative; aspect-ratio: 720 / 760; overflow: hidden; background: var(--h-paper); }
.house-win-art > img:first-child { position: absolute; left: 0; top: -12%; width: 100%; height: auto; }
.house-win.kept .house-win-art > img:first-child { top: -8%; }
.house-win-ad { position: absolute; right: 14px; bottom: 14px; width: 22%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 6px; box-shadow: 0 0 0 3px var(--h-paper), 0 10px 24px -8px rgb(0 0 0 / 60%); transform: rotate(4deg); }
.house-win-stamp { position: absolute; left: 14px; bottom: 16px; padding: 6px 12px; border: 3px solid var(--h-orange); border-radius: 8px; color: var(--h-orange); background: rgb(28 24 20 / 82%); font: 800 20px/1 var(--h-sans); font-stretch: 80%; letter-spacing: .08em; transform: rotate(-8deg); }
.house-win-words { padding: 16px 18px 18px; }
.house-win-words h2 { margin: 6px 0 6px; font: 750 24px/1.15 var(--h-sans); color: var(--h-on-panel, var(--h-paper)); }
.house-win-line { margin: 0; font: 450 15px/1.45 var(--h-sans); color: #dccbb2; }
.house-win-money { margin: 8px 0 14px; font: 600 18px/1 var(--h-mono); color: var(--h-on-panel, var(--h-paper)); }
.house-win .house-acts { grid-column: auto; margin: 0; }
.house .house-account > summary { position: relative; display: grid; place-items: center; }
.house .slot-battery:not(.house-number) small { font-size: 12px; letter-spacing: .04em; }
.house .slot-battery:not(.house-number) summary { min-height: 44px; }

@media (max-width: 899px) { .house .ad-view:not(.mk) .ad-poster { max-width: min(100%, calc(46dvh * .5625)); margin: 0 auto; } }

.house-page:has(> .house-strip) > .in-back { display: none; }
.house-strip { position: relative; display: flex; align-items: center; height: 60px; margin: -8px 0 12px; padding: 10px 12px; border-radius: 16px; overflow: hidden; background: var(--h-paper-2) center 46% / cover no-repeat; color: var(--h-on-panel, var(--h-paper)); text-decoration: none; box-shadow: inset 0 0 0 1px var(--h-line); }
.house-strip.studio { background-image: url(/game/room-studio.webp); background-position: center 50%; }
.house-strip.market { background-image: url(/game/room-market.webp); background-position: center 48%; }
.house-strip.bank { background-image: url(/game/room-bank.webp); background-position: center 42%; }
.house-strip.workshop { background-image: url(/game/room-workshop.webp); background-position: center 42%; }
.house-strip span { position: relative; display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 99px; background: var(--h-panel, var(--h-ink)); font: 600 14px/1 var(--h-sans); }
.house-page:has(> .house-room) > .house-strip, .room-embedded .house-strip { display: none; }

@media (min-width: 900px) { .house-strip { height: 80px; } }



.house-building .house-scene { padding: 4px 8px 8px; }
.bld { position: relative; aspect-ratio: var(--bld); width: min(100cqw - 16px, calc((100cqh - 12px) * 1770 / 3500)); }

.bld-clip { position: absolute; inset: 0; overflow: hidden; border-radius: 8px; background: #302923; }
.bld-shell { position: absolute; max-width: none; filter: brightness(.5) sepia(.35) saturate(.85); }
.bld-board-empty { position: absolute; z-index: 2; display: grid; place-items: center; padding: 4px; background: #f3e6d2; color: #6b5a48; font: 600 12px/1.2 var(--h-sans); text-align: center; letter-spacing: .02em; }
.bld-piece { position: absolute; display: block; pointer-events: none; }
.bld-piece.quiet { opacity: .42; filter: saturate(.45); }
.bld-poster { transform: none; border-radius: 1px; }
.bld .house-layer.character { z-index: 2; pointer-events: none; }

.bld-slot.carry { animation: bld-carry 4.2s linear infinite; }
@keyframes bld-carry { 0% { translate: 0 0; opacity: 0; } 8% { opacity: 1; } 82% { translate: 150% 0; opacity: 1; } 92%, 100% { translate: 150% 0; opacity: 0; } }
.bld .house-spot { z-index: 3; }
.bld .house-plaque { z-index: 5; }

.bld-money { position: absolute; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1px; padding: 2px 6px; border-radius: 6px; background: rgb(28 24 20 / 88%); color: #dccbb2; font: 500 12px/1.15 var(--h-mono); white-space: nowrap; pointer-events: none; }
.bld-money b { color: var(--h-on-panel, var(--h-paper)); font-weight: 700; }
.bld-money span:first-child b { color: #ffb07a; }

.bld-floor { position: absolute; z-index: 4; display: flex; align-items: center; min-height: 44px; transform: translateY(-50%); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.bld-tag { padding: 2px 6px; border-radius: 4px; background: rgb(20 16 13 / 55%); color: #e9d6b7; font: 700 12px/1.1 var(--h-sans); font-stretch: 85%; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.bld-floor:focus-visible { outline: none; }
.bld-floor:focus-visible .bld-tag { outline: 2px solid var(--h-orange); outline-offset: 2px; }
@media (hover: hover) { .bld-floor:hover .bld-tag { color: #fff4e4; } }

.bld-dock { position: relative; z-index: 4; display: grid; grid-template-columns: 48px 1fr; gap: 4px 10px; align-items: center; padding: 10px 12px; border-radius: 16px; background: #211c19; color: var(--h-on-panel, var(--h-paper)); box-shadow: 0 14px 30px -18px rgb(30 20 10 / 70%); }
.bld-dock:before { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 2px; background: var(--h-orange); }
.bld-dock .house-face { grid-row: 1; width: 48px; height: 48px; --P: 48px; --W: 240px; }
.bld-dock-words { min-width: 0; }
.bld-dock-name { margin: 0; font: 700 12px/1 var(--h-sans); font-stretch: 85%; letter-spacing: .08em; text-transform: uppercase; color: var(--h-orange); }
.bld-dock-line { margin: 3px 0 0; font: 450 15px/1.3 var(--h-sans); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bld-dock-keys { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; min-width: 0; }
.bld-dock-keys .house-key { flex: 1; min-width: 0; min-height: 44px; padding: 0 14px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 44px; text-align: center; }
.bld-more { flex: none; min-height: 44px; padding: 0 14px; border: 0; border-radius: 12px; background: transparent; color: var(--h-on-panel, var(--h-paper)); box-shadow: inset 0 0 0 1.5px #5c5047; font: 600 14px/1 var(--h-sans); cursor: pointer; }

.bld .house-spot.lit .house-plaque { background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); padding: 4px 8px 5px; box-shadow: 0 0 0 1.5px var(--h-orange), 0 6px 14px -6px rgb(30 20 10 / 55%); }
.bld .house-spot.lit .house-plaque b:before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 6px 1px 0; border-radius: 50%; background: var(--h-orange); vertical-align: middle; }
.bld .house-spot.lit .house-plaque small { color: #dccbb2; }
.bld .house-spot.lit .house-plaque:after { display: none; }

.bld-steps { position: relative; z-index: 3; display: flex; gap: 4px; margin: -12px 0 0; padding: 18px 12px 8px; border-radius: 0 0 18px 18px; background: #2a231d; list-style: none; font: 500 12px/1.25 var(--h-sans); color: #9c8c78; }
.bld-steps li { flex: 1; display: flex; align-items: center; gap: 4px; min-width: 0; }
.bld-steps li + li:before { content: "→"; color: #6b5d4f; }
.bld-steps li.done { color: #bfae96; text-decoration: line-through; text-decoration-color: #6b5d4f; }
.bld-steps li.now { color: var(--h-orange); font-weight: 700; }

@media (hover: none) { .house-building .house-spot:not(.lit):not(.picked) .house-plaque { opacity: 0; } }
.bld-side { display: contents; }
.house-building .house-talk { margin-top: 4px; }

.bld-away, .bld-needs { position: absolute; z-index: 6; padding: 10px 12px; border-radius: 12px; background: #fff1dc; color: var(--h-ink); box-shadow: 0 0 0 1px var(--h-line), 0 10px 24px -12px rgb(30 20 10 / 55%); }
.bld-away[hidden], .bld-away li[hidden], .bld-away p[hidden] { display: none; }
.bld-away { left: 8px; top: 4px; width: min(190px, 52%); padding: 8px 10px; }
.bld-card-h { margin: 0 0 4px; font: 700 14px/1.2 var(--h-sans); }
.bld-card-sub { margin: 6px 0 2px; font: 600 12px/1.2 var(--h-sans); color: var(--h-ink-3); text-transform: uppercase; letter-spacing: .06em; }
.bld-away ul, .bld-needs ul { list-style: none; margin: 0; padding: 0; }
.bld-away li { display: flex; align-items: baseline; padding: 2px 0; font: 500 13px/1.3 var(--h-sans); }
.bld-away li:before { content: ""; flex: none; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--h-orange); }
.bld-away-money { margin: 4px 0 0; font: 600 13px/1.3 var(--h-mono); }
.bld-quiet { margin: 0; font: 450 13px/1.35 var(--h-sans); color: var(--h-ink-2); }
.bld-needs li + li { margin-top: 6px; }
.bld-move { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 6px; min-height: 48px; padding: 6px 10px; border-radius: 10px; background: #fff8ee; box-shadow: inset 0 0 0 1px var(--h-line); color: var(--h-ink); text-decoration: none; }
.bld-move span { display: flex; flex-direction: column; min-width: 0; }
.bld-move b { font: 700 14px/1.2 var(--h-sans); }
.bld-move small { font: 450 12px/1.25 var(--h-sans); color: var(--h-ink-3); }
.bld-move em { font: 700 12px/1 var(--h-sans); font-style: normal; padding: 4px 7px; border-radius: 99px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); white-space: nowrap; }
.bld-move i { font: 600 18px/1 var(--h-sans); font-style: normal; color: var(--h-ink-3); }
.bld-move.top { min-height: 60px; padding: 10px 12px; background: #ffe9d6; box-shadow: inset 0 0 0 1.5px var(--h-orange); }
.bld-move.top b { font-size: 16px; }
.bld-move:not(.top) { background: transparent; box-shadow: inset 0 -1px 0 var(--h-line); border-radius: 0; }
.bld-close { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; border: 0; background: none; color: var(--h-ink-3); font: 400 24px/1 var(--h-sans); cursor: pointer; display: none; }
.bld-move.off { grid-template-columns: 1fr; background: transparent; box-shadow: inset 0 0 0 1px var(--h-line); opacity: .8; }
.bld-needs .bld-card-sub { margin-top: 10px; }
@media (hover: hover) { .bld-move:hover { box-shadow: inset 0 0 0 1.5px var(--h-ink-3); } .bld-move.top:hover { box-shadow: inset 0 0 0 2px var(--h-orange); } }
@media (max-width: 899px) {
  
  .house-building .house-scene { display: block; overflow-y: auto; overscroll-behavior: contain; padding: 4px 4px 8px; scrollbar-width: none; }
  .house-building .house-scene::-webkit-scrollbar { display: none; }
  .house-building .bld { width: 100%; }
  .house-building .bld-side { position: relative; display: block; margin: 4px 8px 0; }
  .house-building .bld-needs { display: none; position: absolute; left: 0; right: 0; bottom: calc(100% + 8px); width: auto; max-height: 60dvh; overflow-y: auto; padding: 12px; }
  .house-building .bld-needs.open { display: block; bottom: 0; }
  .house-building .bld-needs.open .bld-close { display: block; }
  
  .house-building .bld-side:has(.bld-needs.open) .bld-dock { visibility: hidden; }
  .house-building .bld-away { position: fixed; top: calc(var(--h-top) + var(--h-strip, 0px) + 8px); left: 12px; }
  .house-building .house-talk { grid-template-columns: 56px 1fr; gap: 2px 10px; padding: 10px 12px; }
  .house-building .house-face { width: 56px; height: 56px; }
  .house-building .house-face.slot { --P: 56px; --W: 280px; }
  .house-building .house-line { font-size: 15px; margin-top: 2px; }
  .house-building .house-key { min-height: 44px; font-size: 15px; }
  .house-building .house-name small { display: none; }
}

@media (max-width: 899px) and (max-height: 700px) {
  .house-building .house-talk { padding: 8px 10px; grid-template-columns: 44px 1fr; }
  .bld-dock { padding: 8px 10px; grid-template-columns: 40px 1fr; } .bld-dock .house-face { width: 40px; height: 40px; --P: 40px; --W: 200px; } .bld-dock-line { font-size: 14px; }
  .house-building .house-face { width: 44px; height: 44px; }
  .house-building .house-face.slot { --P: 44px; --W: 220px; }
  .house-building .house-name { display: none; }
  .house-building .house-line { font-size: 14px; margin: 0; }
}
@media (min-width: 900px) {
  
  .house-room.house-building { display: grid; grid-template-columns: auto minmax(0, 420px); grid-template-rows: auto minmax(0, 1fr); column-gap: 32px; row-gap: 12px; justify-content: center; padding: 8px 24px 16px; }
  
  .house-building .house-scene { grid-column: 1; grid-row: 1 / 3; width: min(56vw, calc((100dvh - var(--h-top) - 36px) * 1770 / 3500 + 16px)); place-items: start center; }
  .bld-side { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; min-height: 0; overflow-y: auto; scrollbar-width: thin; }
  .house-building:not(:has(> .bld-prelaunch)) .bld-side { grid-row: 1 / 3; }
  .bld-side .house-talk { width: auto; margin: 0; grid-template-columns: 96px 1fr; align-items: start; }
  .bld-side .house-acts { grid-column: 2; flex-wrap: wrap; }
  .bld-side .bld-needs { position: static; width: auto; padding: 14px 16px; }
  .bld-side .bld-steps { margin: -14px 0 0; }
  .bld-dock { grid-template-columns: 72px 1fr; padding: 16px; }
  .bld-dock .house-face { width: 72px; height: 72px; --P: 72px; --W: 360px; grid-row: 1 / 3; }
  .bld-dock-keys { grid-column: 2; }
  .bld-dock-line { font-size: 17px; -webkit-line-clamp: 3; }
  .bld-more { display: none; }
  .bld-side .bld-away { position: static; width: auto; padding: 14px 16px; }
  .bld-tag b, .bld-tag small { font-size: 13px; }
}
.bld-needs .bld-card-h { padding-right: 36px; }

.house-building .bld-dock .house-face.slot { --W: calc(var(--P) * 2.4); background: #e9d6b7; }

.house input[type="file"] { min-height: 44px; padding: 8px 0; }

.house-room.story .first-ad { margin: 0 0 10px; padding: 12px 14px; border-radius: 14px; background: #fff1dc; box-shadow: 0 0 0 1px var(--h-line), 0 10px 24px -14px rgb(30 20 10 / 55%); display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; }
.house-room.story .first-ad h2 { margin: 0; font: 700 15px/1.2 var(--h-sans); grid-column: 1; }
.house-room.story .first-ad p { margin: 0; font: 450 13px/1.35 var(--h-sans); color: var(--h-ink-2); grid-column: 1; }
.house-room.story .first-ad p:last-child { display: none; }
.house-room.story .first-ad .first-ad-busy { grid-column: 1; display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 var(--h-sans); color: var(--h-orange-ink); }
.first-ad-busy i { width: 8px; height: 8px; border-radius: 50%; background: var(--h-orange); animation: house-blink 1.2s steps(2) infinite; }
.house-room.story .first-ad .kit-btn { grid-column: 2; grid-row: 1 / 4; min-height: 44px; }
@media (max-width: 899px) { .house-room.story .first-ad { position: fixed; z-index: 6; top: calc(var(--h-top) + var(--h-strip, 0px) + 8px); left: 10px; right: 10px; } }

.bld-prelaunch { flex: none; margin: 4px 8px 0; position: relative; z-index: 7; }
.bld-prelaunch .prelaunch-compact { margin: 0; padding: 0 12px; border: 0; border-radius: 10px; background: #efe3d0; color: var(--h-ink-2); font: 500 13px/1.3 var(--h-sans); }
.bld-prelaunch .prelaunch-compact > summary { display: flex; align-items: center; min-height: 36px; cursor: pointer; }
.bld-prelaunch .prelaunch-compact[open] { padding-bottom: 8px; }
.bld-prelaunch .prelaunch-compact p { margin: 4px 0 0; }
@media (min-width: 900px) { .bld-prelaunch { grid-column: 2; grid-row: 1; margin: 0; } }

.bld-how { margin: 0 0 -8px; text-align: center; }
.bld-how a { display: inline-flex; align-items: center; min-height: 44px; font: 600 13px/1 var(--h-sans); color: var(--h-ink-2); }
@media (max-width: 899px) and (max-height: 700px) { .bld-how { display: none; } }

.house-room.story .house-talk.slot .house-face.slot { --W: calc(var(--P) * 2.4); background: #e9d6b7; }


@font-face { font-family: "Nunito"; src: url(/assets/fonts/Nunito-var-latin.woff2) format("woff2"); font-weight: 200 1000; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url(/assets/fonts/GeistMono-100-900.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  color-scheme: light;
  --mx-canvas: #ffffff; --mx-rail: #ffffff; --mx-card: #ffffff; --mx-tint: #f7f7f7; --mx-well: #efefef;
  --mx-ink: #3c3c3c; --mx-body: #4b4b4b; --mx-label: #6f6f6f; --mx-hint: #8f8f8f;
  --mx-line: #e5e5e5; --mx-line-in: #e5e5e5; --mx-line-focus: #cecece;
  
  --mx-primary: #f2600f; --mx-primary-h: #d44f0c; --mx-primary-2: #8f3000; --mx-primary-ink: #c9460a; --mx-primary-t: #fff1e8; --mx-primary-line: #ffc9a6;
  --mx-key-edge: #8f3000; --mx-on-key: #ffffff;
  
  --mx-ok: #2b7a00; --mx-ok-t: #d7ffb8; --mx-green: #58cc02; --mx-green-edge: #46a302;
  --mx-wait: #8a5a00; --mx-wait-t: #fff4cc; --mx-amber: #ffc800; --mx-amber-edge: #e0a800;
  --mx-bad: #c8102e; --mx-bad-t: #ffdfe0;
  --mx-screen: #141210; --mx-on-ink: #fbfaf7; --mx-code: #1c1916;

  --mx-sans: "Nunito", ui-rounded, system-ui, -apple-system, sans-serif;
  --mx-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --mx-fs-hero: 46px;  --mx-lh-hero: 52px;  --mx-fs-hero-s: 34px; --mx-lh-hero-s: 38px;
  --mx-fs-title: 30px; --mx-lh-title: 36px; --mx-fs-title-s: 26px; --mx-lh-title-s: 32px;
  --mx-fs-money: 44px; --mx-lh-money: 48px; --mx-fs-money-s: 38px;
  --mx-fs-h2: 20px;    --mx-lh-h2: 26px;
  --mx-fs-h3: 17px;    --mx-lh-h3: 22px;
  --mx-fs-body: 17px;  --mx-lh-body: 25px;
  --mx-fs-ui: 15px;    --mx-lh-ui: 22px;
  --mx-fs-small: 14px; --mx-lh-small: 19px;
  --mx-fs-tag: 13px;   --mx-lh-tag: 16px;
  --mx-fs-box: 17px;
  --mx-w-reg: 600; --mx-w-ui: 700; --mx-w-strong: 800; --mx-w-black: 900;

  --mx-s1: 4px; --mx-s2: 8px; --mx-s3: 12px; --mx-s4: 16px; --mx-s5: 20px; --mx-s6: 24px; --mx-s8: 32px; --mx-s10: 40px; --mx-s12: 48px; --mx-s16: 64px;
  --mx-r-sm: 8px; --mx-r-md: 12px; --mx-r-card: 16px; --mx-r-pill: 999px;
  
  --mx-bw: 2px; --mx-edge: 4px;
  --mx-shadow-float: 0 0 0 2px var(--mx-line), 0 4px 0 var(--mx-line);
  --mx-focus: 0 0 0 3px rgb(242 96 15 / 35%);

  --mx-h-ctl: 44px; --mx-h-ctl-s: 46px; --mx-h-key: 50px;
  --mx-w-rail: 256px; --mx-h-item: 50px; --mx-w-page: 960px; --mx-w-wide: 1120px;
  --mx-h-top-s: 56px; --mx-h-tabs-s: 72px;

  --mx-std: cubic-bezier(.4, 0, .2, 1); --mx-spring: cubic-bezier(.3, 1.5, .5, 1); --mx-t-ui: 150ms; --mx-t-win: 420ms;
}


:root {
  --mx-pop: var(--mx-card); --mx-rim: var(--mx-card); --mx-frost: var(--mx-card);
  --mx-chip: var(--mx-well); --mx-clay: var(--mx-well); --mx-rose: var(--mx-well);
  --mx-label-2: var(--mx-label); --mx-type: var(--mx-ink);
  --mx-accent: var(--mx-primary-ink); --mx-ring: var(--mx-primary); --mx-coral-soft: var(--mx-primary-t); --mx-primary-b: var(--mx-primary-t);
  --mx-primary-lip: var(--mx-primary-2); --mx-green-2: var(--mx-ok); --mx-ink-btn: var(--mx-ink); --mx-frame: var(--mx-line);
  --mx-scrim: rgb(20 18 16 / 74%); --mx-glass: rgb(20 18 16 / 72%); --mx-sheen: rgb(255 255 255 / 60%); --mx-white-0: rgb(255 255 255 / 0%);
  
  --mx-deck: var(--mx-screen); --mx-deck-face: #24211d; --mx-deck-face-2: var(--mx-code); --mx-deck-rim: #3a352f; --mx-deck-well: #0f0e0c;
  --mx-deck-ink: var(--mx-on-ink); --mx-deck-body: #cfc8bd; --mx-deck-soft: #a39a8c; --mx-deck-line: #3a352f; --mx-deck-hi: transparent;
  
  --mx-warm: 26 23 20;
  --mx-shadow-panel: inset 0 0 0 1px var(--mx-line); --mx-shadow-sm: inset 0 0 0 1px var(--mx-line);
  --mx-shadow-cap: inset 0 0 0 1px var(--mx-line-in); --mx-shadow-cap-down: inset 0 0 0 1px var(--mx-line-focus);
  --mx-shadow-chat: none; --mx-shadow-ink: none; --mx-shadow-none: none; --mx-shadow-in: none; --mx-shadow-deck: none;
  --mx-shadow-key: none; --mx-shadow-key-hover: none; --mx-shadow-key-down: none; --mx-key-words-shade: transparent;
  --mx-led: 6px; --mx-led-glow: none; --mx-lit-edge: inset 0 0 0 1px var(--mx-line);
  --mx-bezel: var(--mx-card); --mx-bezel-dark: var(--mx-screen); --mx-bezel-pad: 0; --mx-r-bezel: var(--mx-r-card); --mx-r-screen: var(--mx-r-card); --mx-bezel-ring: 0 0 0 0 transparent;
  
  --mx-sign: var(--mx-sans);
  --mx-fs-display: var(--mx-fs-hero-s); --mx-lh-display: 1.1; --mx-ls-display: -.015em; --mx-w-display: 900;
  --mx-fs-section: var(--mx-fs-title-s); --mx-lh-section: 1.2; --mx-ls-section: -.025em; --mx-ls-section-s: -.025em;
  --mx-fs-lead: var(--mx-fs-body); --mx-lh-lead: var(--mx-lh-body); --mx-w-lead: 40rem;
  --mx-fs-sub: var(--mx-fs-body); --mx-lh-sub: var(--mx-lh-body); --mx-fs-label: var(--mx-fs-ui); --mx-lh-label: var(--mx-lh-ui);
  --mx-fs-count: 11px; --mx-fs-price: var(--mx-fs-money); --mx-lh-price: var(--mx-lh-money); --mx-fs-serif: var(--mx-fs-money); --mx-lh-serif: var(--mx-lh-money);
  --mx-w-bold: 800; --mx-ls-tight: 0; --mx-ls-price: -.03em; --mx-ls-sign: 0;
  --mx-r-panel: var(--mx-r-card); --mx-r-box: var(--mx-r-card); --mx-r-round: 50%; --mx-r-xs-2: 3px;
  --mx-s14: 56px;
  --mx-h-bar: var(--mx-h-top-s); --mx-h-bar-s: var(--mx-h-top-s); --mx-w-phone: 430px;
  --mx-open: cubic-bezier(.16, 1, .3, 1); --mx-t-press: 50ms; --mx-t-key: var(--mx-t-ui); --mx-t-card: 320ms; --mx-t-toast: 400ms; --mx-t-shim: 2.2s;
}
@media (min-width: 768px) { :root { --mx-fs-display: var(--mx-fs-hero); --mx-fs-section: var(--mx-fs-title); } }

* { box-sizing: border-box; }
html, body { margin: 0; overflow-x: clip; }
body { background: var(--mx-canvas); color: var(--mx-body); font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); -webkit-font-smoothing: antialiased; font-feature-settings: "ss01"; }
a { color: inherit; }
button { font: inherit; color: inherit; }
:focus-visible { outline: none; box-shadow: var(--mx-focus); }
.num, .amt, .money { font-variant-numeric: tabular-nums; }



.kit-canvas { position: relative; min-height: 100svh; display: flex; flex-direction: column; background: var(--mx-canvas); color: var(--mx-body);
  font-family: var(--mx-sans); font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
.kit-canvas :where(h1, h2, h3, p, ul, ol, figure) { margin: 0; }
.kit-canvas :where(h1, h2, h3) { color: var(--mx-ink); }
.kit-canvas :where(button, input, textarea) { font-family: inherit; }
:where(.kit-canvas, .in-app) :focus-visible { outline: none; box-shadow: var(--mx-focus); }
.kit-main { flex: 1; width: 100%; max-width: var(--mx-w-page); margin: 0 auto; padding: 0 var(--mx-s4); }
.ic { display: inline-flex; width: 16px; height: 16px; flex: none; }


.kit-bar { position: relative; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); width: 100%; max-width: var(--mx-w-wide); margin: 0 auto;
  height: 64px; padding: 0 var(--mx-s4); }
.kit-brand { display: inline-flex; align-items: center; gap: 10px; min-height: var(--mx-h-ctl); color: var(--mx-ink); text-decoration: none; font-size: 17px; font-weight: var(--mx-w-strong); letter-spacing: -.02em; }
.kit-brand svg { width: 24px; height: auto; }
.kit-door { display: flex; align-items: center; gap: var(--mx-s2); color: var(--mx-label); font-size: var(--mx-fs-ui); }
.kit-door > span { display: none; }
.kit-door a { display: inline-flex; align-items: center; min-height: var(--mx-h-ctl); padding: 0 var(--mx-s2); color: var(--mx-ink); font-weight: var(--mx-w-ui); text-decoration: none; }
.kit-door a.kit-door-ink { min-height: 36px; padding: 0 14px; border-radius: var(--mx-r-md); background: var(--mx-card); color: var(--mx-ink); box-shadow: inset 0 0 0 1px var(--mx-line-in); }
.kit-door a.kit-door-ink:hover { background: var(--mx-tint); }
@media (min-width: 768px) { .kit-bar { padding: 0 var(--mx-s6); } .kit-door > span { display: inline; } }/*kit-part*/



.kit-eyebrow { color: var(--mx-label); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-weight: var(--mx-w-ui); }
.kit-eyebrow.red { color: var(--mx-primary-ink); }

.kit-mono { font: var(--mx-w-ui) 12px/16px var(--mx-mono); color: var(--mx-primary-ink); }
.kit-display { color: var(--mx-ink); font-size: var(--mx-fs-hero-s); line-height: var(--mx-lh-hero-s); font-weight: var(--mx-w-strong); letter-spacing: -.04em; text-wrap: balance; text-align: center; }
@media (min-width: 768px) { .kit-display { font-size: var(--mx-fs-hero); line-height: var(--mx-lh-hero); } }

.kit-italic { display: block; font-style: normal; color: var(--mx-label); }
.kit-italic.inline { display: inline; }
.kit-lead { max-width: 40rem; margin: 0 auto; color: var(--mx-label); font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); text-align: center; text-wrap: pretty; }

.kit-fig { font-weight: var(--mx-w-strong); letter-spacing: -.02em; color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.kit-fig.big { display: block; font-size: var(--mx-fs-money); line-height: var(--mx-lh-money); letter-spacing: -.03em; }
@media (max-width: 767px) { .kit-fig.big { font-size: var(--mx-fs-money-s); line-height: 40px; } }


.kit-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--mx-s2); min-height: var(--mx-h-ctl); margin-bottom: var(--mx-edge); padding: 0 var(--mx-s5); border: 0; border-radius: var(--mx-r-card);
  background: var(--mx-card); color: var(--mx-ink); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line), 0 var(--mx-edge) 0 var(--mx-line);
  font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); font-weight: var(--mx-w-strong); text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color var(--mx-t-ui) var(--mx-std), transform 80ms ease-out, box-shadow 80ms ease-out; -webkit-tap-highlight-color: transparent; }
.kit-btn:hover { background: var(--mx-tint); }
.kit-btn:active:not(:disabled):not([aria-disabled="true"]) { transform: translateY(var(--mx-edge)); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
.kit-btn:disabled:not([aria-busy="true"]), .kit-btn[aria-disabled="true"]:not([aria-busy="true"]) { opacity: .45; cursor: not-allowed; transform: none; }

.kit-btn[aria-busy="true"] { opacity: 1; cursor: progress; transform: translateY(var(--mx-edge)); box-shadow: none; }
.kit-btn.primary { background: var(--mx-primary-ink); color: var(--mx-on-key); box-shadow: 0 var(--mx-edge) 0 var(--mx-key-edge); }
.kit-btn.primary:hover { background: var(--mx-primary-h); }
.kit-btn.primary:active:not(:disabled) { box-shadow: none; }
.kit-btn :is(.ic, svg) { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) { .kit-btn { transition: none; } .kit-btn:active { transform: none !important; } }
.kit-btn.big { min-height: var(--mx-h-key); padding: 0 var(--mx-s5); font-size: var(--mx-fs-body); }
.kit-btn.wide { width: 100%; }
@media (max-width: 767px) { .kit-btn { min-height: var(--mx-h-ctl-s); } .kit-btn.big { min-height: var(--mx-h-key); } }

.kit-link { display: inline-flex; align-items: center; gap: var(--mx-s1); min-width: var(--mx-h-ctl); padding: calc((var(--mx-h-ctl) - 1lh) / 2) 0;
  margin: calc((var(--mx-h-ctl) - 1lh) / -2) 0; border: 0; background: none; color: var(--mx-ink); font-size: inherit; font-weight: var(--mx-w-ui);
  text-decoration: underline; text-decoration-color: var(--mx-line-focus); text-underline-offset: 3px; text-decoration-thickness: 1px; cursor: pointer; }
.kit-link:hover { text-decoration-color: var(--mx-ink); }
.kit-link.quiet { color: var(--mx-label); font-weight: var(--mx-w-reg); }


.kit-card, .kit-console, .kit-bay, .kit-deck { padding: var(--mx-s6); background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); box-shadow: none; }
.kit-console { padding: 0; }

.kit-deck { color: var(--mx-body); --mx-deck-ink: var(--mx-ink); --mx-deck-body: var(--mx-body); --mx-deck-soft: var(--mx-label); --mx-deck-rim: var(--mx-well);
  --mx-deck-line: var(--mx-line); --mx-deck-face: var(--mx-tint); --mx-deck-face-2: var(--mx-well); --mx-deck-well: var(--mx-well); }
.kit-deck .kit-link { color: var(--mx-ink); text-decoration-color: var(--mx-line-focus); }
@media (max-width: 767px) { .kit-card, .kit-bay, .kit-deck { padding: var(--mx-s5); } }


.kit-mon { position: relative; display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0; padding: 0; background: none; box-shadow: none; }
.kit-scr { position: relative; display: block; overflow: hidden; aspect-ratio: 9 / 16; border-radius: var(--mx-r-card); background: var(--mx-screen); }
.kit-scr :is(video, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.kit-plate { position: static; display: flex; align-items: center; gap: 6px; min-height: 18px; }
.kit-plate b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mx-ink); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-weight: var(--mx-w-ui); }
.kit-plate small { flex: none; padding: 0 6px; height: 20px; display: inline-flex; align-items: center; border-radius: var(--mx-r-sm); background: var(--mx-tint); color: var(--mx-label); font: var(--mx-w-ui) 11px/1 var(--mx-mono); }

.kit-mon.mini { flex: none; width: 48px; }
.kit-mon.mini .kit-scr { border-radius: var(--mx-r-sm); }
.kit-mon.mini .kit-plate { display: none; }

.kit-mon.empty .kit-scr { display: grid; place-items: center; padding: var(--mx-s4); background: var(--mx-tint); color: var(--mx-label);
  font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); text-align: center; }

.kit-led { display: inline-block; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--mx-primary); animation: kit-breathe 1.6s var(--mx-std) infinite; }
@keyframes kit-breathe { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .kit-led { animation: none; } }

.kit-mt { display: inline-flex; align-items: center; height: 20px; padding: 0 6px; border-radius: var(--mx-r-sm); background: rgb(20 18 16 / 60%); color: var(--mx-on-ink); font-size: 11px; font-weight: var(--mx-w-ui); }

.kit-pill { display: inline-flex; align-items: center; gap: var(--mx-s2); height: 28px; padding: 0 12px 0 10px; border: 1px solid var(--mx-line); border-radius: var(--mx-r-pill); background: var(--mx-card);
  color: var(--mx-body); font-size: var(--mx-fs-small); }


.kit-lamp { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; border: 0; background: var(--mx-well); box-shadow: inset 0 0 0 1px var(--mx-line-in);
  transition: background .3s var(--mx-std); }
.kit-lamp.on { background: var(--mx-primary); box-shadow: none; }
.kit-lamps { display: flex; gap: 6px; }
.kit-lamps i, .kit-meter { flex: 1; height: 6px; border-radius: 3px; background: var(--mx-well); box-shadow: none; }
.kit-lamps i.on, .kit-meter i { background: var(--mx-primary); box-shadow: none; }
.kit-meter { display: block; overflow: hidden; }
.kit-meter i { display: block; height: 100%; border-radius: inherit; }
.kit-steps { display: grid; gap: var(--mx-s3); list-style: none; margin: 0; padding: 0; }
.kit-steps li { display: flex; align-items: center; gap: var(--mx-s3); color: var(--mx-ink); }
.kit-steps li.done { color: var(--mx-label); }


.kit-tag { position: relative; display: inline-grid; padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-tint); color: var(--mx-ink); box-shadow: none; }
.kit-tag b { font: var(--mx-w-strong) 22px/28px var(--mx-sans); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kit-tag small { color: var(--mx-label); font: var(--mx-w-ui) 12px/16px var(--mx-sans); }
.kit-stamp { position: absolute; left: 10px; top: 10px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: var(--mx-r-sm);
  background: var(--mx-card); color: var(--mx-ok); white-space: nowrap; animation: kit-pop var(--mx-t-win) var(--mx-spring); }
.kit-stamp::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.kit-stamp b { font: var(--mx-w-strong) 12px/1 var(--mx-sans); }
.kit-stamp small { font: var(--mx-w-ui) 12px/1 var(--mx-sans); color: var(--mx-ok); }
@keyframes kit-pop { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: none; } }


.kit-slips { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.kit-slip { padding: var(--mx-s3) 0; border-top: 1px solid var(--mx-line); color: var(--mx-body); font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); }
.kit-slip:first-child { border-top: 0; }
.kit-slip::before { content: "“"; margin-right: 2px; color: var(--mx-hint); font-weight: var(--mx-w-strong); }
.kit-slip .kit-link { margin-left: var(--mx-s1); font-size: var(--mx-fs-small); }
.kit-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--mx-s2) var(--mx-s5); list-style: none; margin: 0; padding: var(--mx-s4) 0 0; border-top: 1px solid var(--mx-line); }
.kit-trust li { display: flex; align-items: center; gap: var(--mx-s2); color: var(--mx-label); font-size: var(--mx-fs-small); white-space: nowrap; }
.kit-trust .ic { color: var(--mx-ok); }


.kit-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px; border: 0; border-radius: var(--mx-r-sm); background: var(--mx-tint);
  box-shadow: none; color: var(--mx-label); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-weight: var(--mx-w-ui); white-space: nowrap; text-decoration: none; }
a.kit-chip, button.kit-chip { min-height: 32px; cursor: pointer; }
a.kit-chip:hover, button.kit-chip:hover { background: var(--mx-well); color: var(--mx-ink); }
.kit-chip.on { background: var(--mx-card); color: var(--mx-ink); box-shadow: inset 0 0 0 1px var(--mx-line-in); }
.kit-chip.dim { color: var(--mx-hint); }
.kit-chip.red { background: var(--mx-primary-t); color: var(--mx-primary-ink); box-shadow: none; }

.kit-input, .v2-field :is(input:not([type="file"]):not([type="radio"]):not([type="checkbox"]), textarea), .v2-admin input { width: 100%; min-height: var(--mx-h-ctl); padding: 0 var(--mx-s3);
  border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-tint);
  color: var(--mx-ink); font: var(--mx-w-ui) var(--mx-fs-box)/1.4 var(--mx-sans); box-shadow: none;
  transition: border-color var(--mx-t-ui) var(--mx-std), box-shadow var(--mx-t-ui) var(--mx-std); }
textarea.kit-input, .v2-field textarea { padding-block: 10px; }
:is(.kit-input, .v2-field input, .v2-field textarea, .v2-admin input)::placeholder { color: var(--mx-hint); }
:is(.kit-input, .v2-field input, .v2-field textarea, .v2-admin input):focus { outline: none; border-color: var(--mx-primary); background: var(--mx-card); box-shadow: none; }
@media (max-width: 767px) { .kit-input, .v2-field :is(input:not([type="file"]):not([type="radio"]):not([type="checkbox"])), .v2-admin input { min-height: var(--mx-h-ctl-s); } }
.kit-loading { position: relative; display: grid; align-content: end; height: 100%; padding: var(--mx-s4); background: var(--mx-tint); overflow: hidden; }
.kit-loading::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgb(255 255 255 / 60%) 50%, transparent 70%); background-size: 220% 100%; animation: kit-shim 2.2s var(--mx-std) infinite; }
.kit-loading span { position: relative; color: var(--mx-label); font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); }
@keyframes kit-shim { from { background-position: 120% 0; } to { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) { .kit-loading::before { animation: none; } }


:where(.in-app, .kit-canvas) :is(.i) { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }


:where(.in-app, .kit-canvas) .hero { font: var(--mx-w-strong) var(--mx-fs-hero)/var(--mx-lh-hero) var(--mx-sans); letter-spacing: -.04em; color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .h1 { font: var(--mx-w-strong) var(--mx-fs-title)/var(--mx-lh-title) var(--mx-sans); letter-spacing: -.025em; color: var(--mx-ink); }
:where(.in-app, .kit-canvas) :is(h2.h2, .h2) { font: var(--mx-w-strong) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .h3 { font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .lead { font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
:where(.in-app, .kit-canvas) .small { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
:where(.in-app, .kit-canvas) .hint { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-hint); }
:where(.in-app, .kit-canvas) .ink { color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .strong { font-weight: var(--mx-w-strong); color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .mono { font-family: var(--mx-mono); font-size: .92em; }
:where(.in-app, .kit-canvas) .money { font: var(--mx-w-strong) var(--mx-fs-money)/var(--mx-lh-money) var(--mx-sans); letter-spacing: -.03em; color: var(--mx-ink); font-variant-numeric: tabular-nums; }
:where(.in-app, .kit-canvas) .amt { font-weight: var(--mx-w-ui); color: var(--mx-ink); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
:where(.in-app, .kit-canvas) .orange { color: var(--mx-primary-ink); }


:where(.in-app, .kit-canvas) .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: var(--mx-h-ctl); margin-bottom: var(--mx-edge); padding: 0 20px; border: 0;
  border-radius: var(--mx-r-card); font: var(--mx-w-strong) var(--mx-fs-ui)/1 var(--mx-sans); color: var(--mx-ink); background: var(--mx-card); text-decoration: none; cursor: pointer;
  box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line), 0 var(--mx-edge) 0 var(--mx-line); white-space: nowrap; transition: background var(--mx-t-ui) var(--mx-std), transform 80ms ease-out, box-shadow 80ms ease-out; }
:where(.in-app, .kit-canvas) .btn:hover { background: var(--mx-tint); }
:where(.in-app, .kit-canvas) .btn:active { transform: translateY(var(--mx-edge)); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
:where(.in-app, .kit-canvas) .btn.primary { background: var(--mx-primary-ink); color: var(--mx-on-key); box-shadow: 0 var(--mx-edge) 0 var(--mx-key-edge); }
:where(.in-app, .kit-canvas) .btn.primary:hover { background: var(--mx-primary-h); }
:where(.in-app, .kit-canvas) .btn.primary:active { box-shadow: none; }
:where(.in-app, .kit-canvas) .btn.lg { height: var(--mx-h-key); padding: 0 20px; font-size: var(--mx-fs-body); }
:where(.in-app, .kit-canvas) .btn.sm { height: 32px; padding: 0 12px; font-size: var(--mx-fs-small); }
:where(.in-app, .kit-canvas) .btn.link { height: auto; margin: 0; padding: 0; background: none; box-shadow: none; color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .btn.link:active { transform: none; }
:where(.in-app, .kit-canvas) .btn.link:hover { text-decoration: underline; text-underline-offset: 3px; }
:where(.in-app, .kit-canvas) :is(.btn[disabled], .btn.off) { opacity: .45; pointer-events: none; }


:where(.in-app, .kit-canvas) .head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
:where(.in-app, .kit-canvas) .head .lead { margin-top: 4px; max-width: 600px; }
:where(.in-app, .kit-canvas) .crumb { display: flex; align-items: center; gap: 6px; font-size: var(--mx-fs-small); color: var(--mx-label); margin-bottom: 8px; }
:where(.in-app, .kit-canvas) .crumb a:hover { color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .section { margin-top: 40px; }
:where(.in-app, .kit-canvas) .section > .sh { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; }


:where(.in-app, .kit-canvas) .card { background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); }
:where(.in-app, .kit-canvas) :is(.card > .pad, .card.pad) { padding: 24px; }
:where(.in-app, .kit-canvas) .card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 20px 24px 0; }
:where(.in-app, .kit-canvas) .card-head + .rows { margin-top: 8px; }
:where(.in-app, .kit-canvas) .card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 24px; border-top: var(--mx-bw) solid var(--mx-line);
  font-size: var(--mx-fs-small); color: var(--mx-label); }
:where(.in-app, .kit-canvas) .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
:where(.in-app, .kit-canvas) .grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
:where(.in-app, .kit-canvas) .rows { list-style: none; margin: 0; padding: 0; }
:where(.in-app, .kit-canvas) .row { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 24px; border-top: var(--mx-bw) solid var(--mx-line); }
:where(.in-app, .kit-canvas) .rows > .row:first-child { border-top: 0; }
:where(.in-app, .kit-canvas) a.row:hover { background: var(--mx-canvas); }
:where(.in-app, .kit-canvas) .row .grow { flex: 1; min-width: 0; }
:where(.in-app, .kit-canvas) .row .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
:where(.in-app, .kit-canvas) .row .s { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); margin-top: 2px; }
:where(.in-app, .kit-canvas) .row > .i { color: var(--mx-hint); }
:where(.in-app, .kit-canvas) .thumb { width: 32px; height: 56px; border-radius: var(--mx-r-sm); background: linear-gradient(180deg, #3a332c, var(--mx-screen)); flex: none; overflow: hidden; }
:where(.in-app, .kit-canvas) .thumb :is(img, video) { width: 100%; height: 100%; object-fit: cover; display: block; }
:where(.in-app, .kit-canvas) .dot-ico { width: 32px; height: 32px; border-radius: 50%; background: var(--mx-tint); display: grid; place-items: center; color: var(--mx-body); flex: none; }
:where(.in-app, .kit-canvas) .dot-ico.on { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
:where(.in-app, .kit-canvas) .dot-ico.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
:where(.in-app, .kit-canvas) .empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 48px 24px; }
:where(.in-app, .kit-canvas) .empty .dot-ico { width: 40px; height: 40px; margin-bottom: 12px; }
:where(.in-app, .kit-canvas) .empty .dot-ico .i { width: 20px; height: 20px; }
:where(.in-app, .kit-canvas) .empty h3 + p { color: var(--mx-label); max-width: 380px; }
:where(.in-app, .kit-canvas) .empty .btn { margin-top: 16px; }


:where(.in-app, .kit-canvas) .tag { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: var(--mx-r-sm);
  font: var(--mx-w-ui) var(--mx-fs-tag)/1 var(--mx-sans); background: var(--mx-tint); color: var(--mx-label); white-space: nowrap; }
:where(.in-app, .kit-canvas) .tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
:where(.in-app, .kit-canvas) .tag.plain::before { display: none; }
:where(.in-app, .kit-canvas) .tag.making::before { animation: kit-breathe 1.6s var(--mx-std) infinite; }
:where(.in-app, .kit-canvas) .tag.wait { background: var(--mx-wait-t); color: var(--mx-wait); }
:where(.in-app, .kit-canvas) .tag.bad { background: var(--mx-bad-t); color: var(--mx-bad); }
:where(.in-app, .kit-canvas) .tag.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
:where(.in-app, .kit-canvas) .tag.kept { background: var(--mx-primary-t); color: var(--mx-primary-ink); }


:where(.in-app, .kit-canvas) .poster { position: relative; aspect-ratio: 9 / 16; border-radius: var(--mx-r-card); overflow: hidden; color: #fff;
  background: linear-gradient(180deg, #4a3f35 0%, #241f1a 55%, var(--mx-screen) 100%); }
:where(.in-app, .kit-canvas) .poster > :is(img, video) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(.in-app, .kit-canvas) .poster .play { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%;
  background: rgb(255 255 255 / 92%); display: grid; place-items: center; color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .poster .play svg { width: 16px; height: 16px; fill: currentColor; stroke: none; margin-left: 2px; }
:where(.in-app, .kit-canvas) .poster .cap { position: absolute; left: 12px; right: 12px; bottom: 12px; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-weight: var(--mx-w-ui); }
:where(.in-app, .kit-canvas) .poster .cap span { display: block; color: rgb(255 255 255 / 70%); font-weight: var(--mx-w-reg); font-size: 12px; }
:where(.in-app, .kit-canvas) .poster .tag { position: absolute; left: 10px; top: 10px; background: rgb(255 255 255 / 94%); }
:where(.in-app, .kit-canvas) .poster .code { position: absolute; right: 10px; top: 10px; font: 500 11px/20px var(--mx-mono); padding: 0 6px; border-radius: 4px; background: rgb(0 0 0 / 45%); }
:where(.in-app, .kit-canvas) .codeblock { background: var(--mx-code); color: #e9e3d8; border-radius: var(--mx-r-md); font: 13px/22px var(--mx-mono); padding: 14px 16px; overflow-x: auto; white-space: pre-wrap; }
:where(.in-app, .kit-canvas) .codeblock .c { color: #8f877b; }
:where(.in-app, .kit-canvas) .codeblock .k { color: #ffb37f; }
:where(.in-app, .kit-canvas) .field { display: flex; flex-direction: column; gap: 6px; }
:where(.in-app, .kit-canvas) .field label { font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); color: var(--mx-ink); }
:where(.in-app, .kit-canvas) .input { height: var(--mx-h-ctl); padding: 0 14px; border-radius: var(--mx-r-card); border: var(--mx-bw) solid var(--mx-line); background: var(--mx-tint);
  font: var(--mx-w-ui) var(--mx-fs-box) var(--mx-sans); color: var(--mx-ink); width: 100%; }
:where(.in-app, .kit-canvas) .input::placeholder { color: var(--mx-hint); }
:where(.in-app, .kit-canvas) .input:focus { outline: none; border-color: var(--mx-primary); background: var(--mx-card); box-shadow: none; }
:where(.in-app, .kit-canvas) .seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--mx-r-md); background: var(--mx-tint); }
:where(.in-app, .kit-canvas) .seg a { height: 30px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; border-radius: var(--mx-r-sm); font-weight: var(--mx-w-ui); color: var(--mx-label); font-size: var(--mx-fs-small); }
:where(.in-app, .kit-canvas) .seg a[aria-current] { background: var(--mx-card); color: var(--mx-ink); box-shadow: 0 0 0 1px var(--mx-line); }
:where(.in-app, .kit-canvas) .seg a .n { color: var(--mx-hint); font-variant-numeric: tabular-nums; }
:where(.in-app, .kit-canvas) .track { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
:where(.in-app, .kit-canvas) .track i { height: 6px; border-radius: 3px; background: var(--mx-well); }
:where(.in-app, .kit-canvas) .track i.done { background: var(--mx-primary); }
:where(.in-app, .kit-canvas) .track i.now { background: linear-gradient(90deg, var(--mx-primary) 35%, var(--mx-well) 35%); }


:where(.in-app, .kit-canvas) .path { list-style: none; position: relative; margin: 0; padding: 0; }
:where(.in-app, .kit-canvas) .step { position: relative; display: grid; grid-template-columns: 32px 1fr auto; gap: 16px; align-items: start; padding: 14px 0; }
:where(.in-app, .kit-canvas) .step::before { content: ""; position: absolute; left: 15.5px; top: 44px; bottom: -14px; width: 1px; background: var(--mx-line); }
:where(.in-app, .kit-canvas) .step:last-child::before { display: none; }
:where(.in-app, .kit-canvas) .step .n { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: var(--mx-fs-small); font-weight: var(--mx-w-strong);
  color: var(--mx-label); background: var(--mx-card); box-shadow: inset 0 0 0 1px var(--mx-line-in); font-variant-numeric: tabular-nums; position: relative; }
:where(.in-app, .kit-canvas) .step.done .n { background: var(--mx-ok); color: #fff; box-shadow: none; }
:where(.in-app, .kit-canvas) .step.now .n { background: var(--mx-primary); color: #fff; box-shadow: 0 0 0 4px var(--mx-primary-t); }
:where(.in-app, .kit-canvas) .step .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); font-size: var(--mx-fs-body); line-height: 32px; }
:where(.in-app, .kit-canvas) .step.later .t { color: var(--mx-label); }
:where(.in-app, .kit-canvas) .step .pay { line-height: 32px; font-weight: var(--mx-w-ui); color: var(--mx-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
:where(.in-app, .kit-canvas) .step.later .pay { color: var(--mx-label); }

@media (max-width: 767px) {
  :where(.in-app, .kit-canvas) .hero { font-size: var(--mx-fs-hero-s); line-height: var(--mx-lh-hero-s); }
  :where(.in-app, .kit-canvas) .h1 { font-size: var(--mx-fs-title-s); line-height: var(--mx-lh-title-s); }
  :where(.in-app, .kit-canvas) .money { font-size: var(--mx-fs-money-s); line-height: 40px; }
  :where(.in-app, .kit-canvas) .head { flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 24px; }
  :where(.in-app, .kit-canvas) :is(.card > .pad, .card.pad) { padding: 20px; }
  :where(.in-app, .kit-canvas) .card-head { padding: 16px 20px 0; }
  :where(.in-app, .kit-canvas) .card-foot { padding: 12px 20px; }
  :where(.in-app, .kit-canvas) .row { padding: 12px 20px; }
  :where(.in-app, .kit-canvas) :is(.grid2, .grid3) { grid-template-columns: 1fr; }
  :where(.in-app, .kit-canvas) .btn { height: var(--mx-h-ctl-s); }
  :where(.in-app, .kit-canvas) :is(.btn.block, .card .btn.primary) { width: 100%; height: var(--mx-h-key); }
  :where(.in-app, .kit-canvas) .section { margin-top: 32px; }
}



.in-app { display: grid; grid-template-columns: var(--mx-w-rail) minmax(0, 1fr); min-height: 100vh; color: var(--mx-body);
  background: linear-gradient(to right, var(--mx-rail) calc(var(--mx-w-rail) - var(--mx-bw)), var(--mx-line) 0 var(--mx-w-rail), var(--mx-canvas) 0);
  font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); }
:where(.in-app) a { color: inherit; text-decoration: none; }
:where(.in-app) :is(button, input, textarea, select) { font: inherit; color: inherit; }
:where(.in-app) :is(h1, h2, h3, p, ol, ul, dl, dd, blockquote, figure) { margin: 0; padding: 0; }
:where(.in-app) :is(ol, ul) { list-style: none; }
:where(.in-app) :is(h1, h2, h3) { color: var(--mx-ink); }
.v2-caret { display: inline-flex; width: 14px; height: 14px; margin-left: auto; color: var(--mx-label); }


.in-group { display: flex; flex-direction: column; gap: var(--mx-s2); }
.in-ico { display: inline-flex; width: 18px; height: 18px; flex: none; }


.in-me { margin-top: auto; display: flex; align-items: center; gap: 10px; padding: var(--mx-s3) var(--mx-s2) var(--mx-s1); border-top: var(--mx-bw) solid var(--mx-line); }
.v2-guide.rail + .in-me { margin-top: 0; }
.in-ava { width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--mx-well); display: grid; place-items: center; font-size: 11px; font-weight: var(--mx-w-strong); color: var(--mx-body); }
.in-me-txt { flex: 1; min-width: 0; }
.in-me-a { display: block; font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); color: var(--mx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in-me-a:hover, .in-me-txt small a:hover { text-decoration: underline; text-underline-offset: 2px; }
.in-me-txt small { display: block; font-size: 12px; line-height: 16px; color: var(--mx-label); white-space: nowrap; }
.in-me.on .in-me-a { color: var(--mx-primary-ink); }
.v2-credits b { color: var(--mx-ink); font-weight: var(--mx-w-strong); font-variant-numeric: tabular-nums; }
.in-out { width: 28px; height: 28px; flex: none; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--mx-r-sm); background: none; color: var(--mx-label); cursor: pointer; }
.in-out .in-ico { width: 16px; height: 16px; }
.in-out:hover { background: var(--mx-well); color: var(--mx-ink); }
.in-me-phone, .v2-top { display: none; }


.v2-stats { display: flex; align-items: center; gap: var(--mx-s5); }
.v2-stat { display: inline-flex; align-items: center; gap: 6px; height: 40px; font: var(--mx-w-black) 17px/1 var(--mx-sans); white-space: nowrap; border-radius: var(--mx-r-md); }
.v2-stat:hover small { text-decoration: underline; text-underline-offset: 2px; }
.v2-stat small { font: var(--mx-w-ui) 13px/1 var(--mx-sans); color: var(--mx-label); }
.v2-stat-ico { display: inline-flex; width: 26px; height: 26px; flex: none; }
.v2-stat.ai .v2-stat-ico { width: 30px; height: 30px; padding: 5px; border-radius: 50%; border: var(--mx-bw) dashed var(--mx-hint); color: var(--mx-label); }
.v2-stat.ai.on .v2-stat-ico { border: 0; background: var(--mx-primary); color: var(--mx-on-key); box-shadow: 0 3px 0 var(--mx-primary-ink); }
.v2-stat.ai.on small { color: var(--mx-ink); font-weight: var(--mx-w-strong); }
.v2-stat.credits { color: var(--mx-primary-ink); }
.v2-stat.credits svg { fill: var(--mx-primary-t); }
.v2-stat.earned { color: var(--mx-ok); }
.v2-stat.earned .v2-stat-ico { color: var(--mx-green-edge); }
.v2-stat.earned svg { fill: var(--mx-ok-t); }
.v2-stats-wide { position: relative; height: 0; }
.v2-stats-wide .v2-stats { position: absolute; top: -4px; right: 0; }
.v2-stats-wide + * + .in-title, .v2-stats-wide + .in-title { padding-right: 380px; }


.v2-guide.rail { margin: auto 0 var(--mx-s2); padding: var(--mx-s3); border-radius: var(--mx-r-md); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-guide.rail:hover { background: var(--mx-well); }
.v2-guide.phone { display: none; }
.v2-guide summary { display: flex; flex-direction: column; gap: var(--mx-s2); list-style: none; cursor: pointer; }
.v2-guide summary::-webkit-details-marker { display: none; }
.v2-guide-top { display: flex; align-items: center; gap: var(--mx-s2); color: var(--mx-ink); }
.v2-guide-top b { font-weight: var(--mx-w-ui); }
.v2-guide-n { margin-left: auto; color: var(--mx-label); font-variant-numeric: tabular-nums; white-space: nowrap; }
.v2-guide .v2-caret { margin-left: 0; width: 12px; height: 12px; transform: rotate(180deg); transition: transform var(--mx-t-ui) var(--mx-std); }
.v2-guide details[open] .v2-caret { transform: none; }
.v2-guide-bar { display: block; height: 4px; border-radius: 2px; background: var(--mx-well); overflow: hidden; }
.v2-guide-bar i { display: block; height: 100%; min-width: 4%; border-radius: 2px; background: var(--mx-primary); }
.v2-guide-next { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
a.v2-guide-next:hover { text-decoration: underline; text-underline-offset: 2px; }
.v2-guide-next .v2-guide-k, .v2-guide-next small { color: var(--mx-label); font-weight: var(--mx-w-reg); }
.v2-guide-steps { display: flex; flex-direction: column; gap: 2px; margin-top: var(--mx-s2); padding-top: var(--mx-s2); border-top: 1px solid var(--mx-line); }
.v2-guide-steps li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 0 var(--mx-s2); align-items: baseline; padding: 2px 0; color: var(--mx-label); }
.v2-guide-steps .v2-tick { color: var(--mx-hint); }
.v2-guide-steps li.done .v2-tick { color: var(--mx-ok); font-weight: var(--mx-w-strong); }
.v2-guide-steps li.done > span:nth-child(2) { color: var(--mx-hint); }
.v2-guide-steps small { grid-column: 2; color: var(--mx-hint); font-size: 12px; }
.v2-guide-steps a { color: var(--mx-ink); text-decoration: underline; text-decoration-color: var(--mx-line-focus); text-underline-offset: 2px; }
.v2-guide.ranked .v2-rank-top { color: var(--mx-ink); }
.v2-guide.ranked .v2-rank-top b { font-weight: var(--mx-w-strong); }
.v2-rank-next { margin-top: 2px; color: var(--mx-label); font-size: 12px; }/*kit-part*/



.in-sheet { position: relative; min-width: 0; padding: var(--mx-s10) var(--mx-s12) 96px; min-height: 100vh; }
.in-sheet:focus { outline: none; }
.in-sheet > * { max-width: var(--mx-w-page); margin-left: auto; margin-right: auto; }
.in-sheet.wide > * { max-width: var(--mx-w-wide); }
.in-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s3); margin-bottom: var(--mx-s8); }
.in-title h1 { font: var(--mx-w-black) var(--mx-fs-title)/var(--mx-lh-title) var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); }
.v2-cleared { margin-left: auto; color: var(--mx-label); font-size: var(--mx-fs-small); font-variant-numeric: tabular-nums; }

.in-head { display: flex; align-items: baseline; gap: var(--mx-s2); margin: var(--mx-s10) 0 var(--mx-s3); font: var(--mx-w-black) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); color: var(--mx-ink); }
.v2-n { font-size: var(--mx-fs-small); font-weight: var(--mx-w-reg); color: var(--mx-label); font-variant-numeric: tabular-nums; }
.in-quiet { color: var(--mx-label); }
.k { font-size: var(--mx-fs-small); color: var(--mx-label); }
.in-form { display: inline-flex; margin: 0; }

.in-refuse, .in-said { padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); font-size: var(--mx-fs-ui); font-weight: var(--mx-w-ui); }
.in-refuse { background: var(--mx-bad-t); color: var(--mx-bad); }
.in-said { background: var(--mx-ok-t); color: var(--mx-ink); }
.in-sheet > :is(.in-said, .in-refuse) { margin-top: calc(-1 * var(--mx-s4)); margin-bottom: var(--mx-s6); }


.in-rows { display: flex; flex-direction: column; background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); overflow: hidden; }
.in-row { display: flex; align-items: center; gap: var(--mx-s3); min-height: 56px; padding: var(--mx-s3) var(--mx-s4); border-top: var(--mx-bw) solid var(--mx-line); background: var(--mx-card); }
.in-rows > .in-row:first-child, .in-rows > :first-child > .in-row { border-top: 0; }
:not(.in-rows) > .in-row { border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); }
a.in-row:hover { background: var(--mx-canvas); }
.in-row-txt { flex: 1; min-width: 0; }
.in-row-txt .t { display: block; font-size: var(--mx-fs-ui); font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.in-row-txt .s { display: block; margin-top: 2px; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in-row-r { font-weight: var(--mx-w-ui); color: var(--mx-ink); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }



.in-back { display: inline-flex; align-items: center; gap: 2px; min-width: 44px; min-height: 44px; margin: -8px 0 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.in-back .in-ico { width: 14px; height: 14px; }
.in-sheet > .in-back { margin-left: max(0px, (100% - var(--mx-w-page)) / 2); }
.in-sheet.wide > .in-back { margin-left: max(0px, (100% - var(--mx-w-wide)) / 2); }
.in-back:hover { color: var(--mx-ink); }
.in-adpage { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: var(--mx-s10); align-items: start; }
.in-player { position: sticky; top: var(--mx-s10); width: 320px; }
.in-lesson { font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-body); }
.in-lesson > * { max-width: 680px; }


.v2-version { display: flex; align-items: center; width: fit-content; min-height: 44px; margin: 0 var(--mx-s4) 0 auto; padding: 0; text-decoration: none; font: var(--mx-w-ui) 12px/1 var(--mx-mono); color: var(--mx-label); }
.v2-version:hover { color: var(--mx-ink); }


@media (max-width: 1100px) {
  .in-adpage { grid-template-columns: 280px minmax(0, 1fr); gap: var(--mx-s8); }
  .in-player { width: 280px; }
}
@media (max-width: 767px) {
  :root { --in-tabs-h: calc(var(--mx-h-tabs-s) + env(safe-area-inset-bottom)); }
  .in-app { display: block; background: var(--mx-canvas); }
  .in-sheet { margin: 0; padding: 0 var(--mx-s4) var(--mx-s12); min-height: 0; }
  .in-sheet > * { max-width: none; }
  .v2-top { display: flex; align-items: center; gap: 10px; position: sticky; top: 0; z-index: 15; height: var(--mx-h-top-s); margin: 0 calc(-1 * var(--mx-s4)) var(--mx-s6); padding: 0 var(--mx-s4);
    background: var(--mx-card); border-bottom: var(--mx-bw) solid var(--mx-line); }
  .v2-top .v2-stats { flex: 1; min-width: 0; justify-content: space-between; gap: var(--mx-s2); }
  
  .v2-top .v2-stat:not(.ai) small, .v2-top .v2-stat-day { display: none; }
  .v2-stats-wide { display: none; }
  .v2-top .v2-credits.phone { height: 30px; display: inline-flex; align-items: center; gap: 4px; padding: 0 10px; border-radius: var(--mx-r-pill); box-shadow: inset 0 0 0 1px var(--mx-line);
    font-size: var(--mx-fs-small); color: var(--mx-label); white-space: nowrap; }
  .in-me-phone { display: grid; width: 28px; height: 28px; flex: none; border-radius: 50%; place-items: center; background: var(--mx-well); font-size: 11px; font-weight: var(--mx-w-strong); color: var(--mx-body); }
  .in-title { margin-bottom: var(--mx-s6); }
  .in-title h1 { font-size: var(--mx-fs-title-s); line-height: var(--mx-lh-title-s); }
  .v2-stats-wide + * + .in-title, .v2-stats-wide + .in-title { padding-right: 0; }
  .in-sheet > .in-back, .in-sheet.wide > .in-back { margin-left: 0; }
  .in-adpage { display: block; }
  .in-player { position: relative; top: 0; width: min(100%, 260px, 50svh * 9 / 16); margin: 0 auto var(--mx-s6); }
  .in-row { padding: var(--mx-s3) var(--mx-s4); }
  
  .v2-guide.phone { display: block; position: fixed; left: 0; right: 0; bottom: var(--in-tabs-h); z-index: 19; max-height: 60svh; overflow-y: auto; padding: 0 var(--mx-s4);
    background: var(--mx-canvas); border-top: 1px solid var(--mx-line); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
  .v2-guide.phone summary { flex-direction: row; align-items: center; gap: var(--mx-s2); min-height: 44px; }
  .v2-guide.phone summary .v2-guide-n { margin-left: 0; }
  .v2-guide.phone summary .v2-caret { margin-left: auto; }
  .v2-guide.phone details[open] { padding-bottom: var(--mx-s3); }
  .v2-guide.phone.ranked { display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--mx-s2); min-height: 44px; }
  .v2-guide.phone.ranked .v2-rank-next { margin: 0; }
  body:has(.v2-guide.phone) { padding-bottom: calc(var(--in-tabs-h) + 45px); }
}


.v2-win { position: fixed; inset: 0; z-index: 2147483001; display: grid; place-items: center; padding: var(--mx-s6); background: var(--mx-card); overflow: hidden; }
.v2-win[hidden] { display: none; }
.v2-win-card { position: relative; z-index: 1; display: grid; justify-items: center; width: 100%; max-width: 400px; text-align: center; }
.v2-win-art { position: relative; width: 120px; aspect-ratio: 9 / 16; margin-bottom: var(--mx-s8); border-radius: var(--mx-r-md); background: var(--mx-screen); border: 4px solid var(--mx-card);
  box-shadow: 0 0 0 var(--mx-bw) var(--mx-line), 0 6px 0 var(--mx-bw) var(--mx-amber-edge); transform: rotate(-4deg); }
.v2-win-art img { width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--mx-r-md) - 4px); }
.v2-win-badge { position: absolute; right: -16px; bottom: -10px; display: grid; place-items: center; width: 48px; height: 48px; padding: 11px; border-radius: 50%;
  background: var(--mx-green); color: var(--mx-on-key); border: 4px solid var(--mx-card); box-shadow: 0 var(--mx-edge) 0 var(--mx-green-edge); }
.v2-win-n { font: var(--mx-w-black) 104px/.95 var(--mx-sans); letter-spacing: -.03em; color: var(--mx-primary-ink); font-variant-numeric: tabular-nums; }
.v2-win-l { margin-top: var(--mx-s3); font: var(--mx-w-black) 26px/1.2 var(--mx-sans); color: var(--mx-primary-ink); }
.v2-win-f { margin-top: var(--mx-s3); max-width: 34ch; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
.v2-win.kept :is(.v2-win-n, .v2-win-l) { color: var(--mx-ok); }
.v2-win-go { width: 100%; margin-top: var(--mx-s8); }
.v2-win .kit-link { margin-top: var(--mx-s3); }
.v2-win.go .v2-win-art { animation: v2-win-pop 420ms var(--mx-spring) both; }
@keyframes v2-win-pop { from { transform: rotate(-4deg) scale(.4); opacity: 0; } }

.v2-confetti { position: absolute; left: 50%; top: 38%; width: 0; height: 0; }
.v2-confetti i { --a: calc(var(--i) * 360deg / 28); position: absolute; width: 10px; height: 16px; border-radius: 3px; background: var(--mx-primary); opacity: 0; }
.v2-confetti i:nth-child(3n) { background: var(--mx-amber); width: 12px; height: 12px; border-radius: 50%; }
.v2-confetti i:nth-child(3n + 1) { background: var(--mx-green); }
.v2-win.go .v2-confetti i { animation: v2-burst 1500ms cubic-bezier(.2, .7, .3, 1) both; animation-delay: calc(mod(var(--i), 4) * 40ms); }
@keyframes v2-burst {
  0% { opacity: 1; transform: translate(0, 0) rotate(0); }
  70% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(cos(var(--a)) * 46vmin), calc(sin(var(--a)) * 30vmin + 34vh)) rotate(calc(var(--i) * 97deg)); }
}
@media (max-width: 767px) { .v2-win-n { font-size: 88px; } }




.v2-bal { font: var(--mx-w-strong) 44px/1 var(--mx-sign); font-stretch: 125%; }
.v2-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--mx-s3); width: 100%; }
.v2-packs form { display: contents; }
.v2-packs .kit-btn { width: 100%; }
.v2-h2 { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-strong); letter-spacing: var(--mx-ls-tight); margin: var(--mx-s2) 0 var(--mx-s4); text-wrap: balance; }
.v2-center { text-align: center; }
.v2-center-row { justify-content: center; }
.v2-tight { padding: 0; }


.v2-test { display: flex; flex-direction: column; gap: var(--mx-s2); padding: var(--mx-s3) var(--mx-s4); margin-bottom: var(--mx-s6); border-radius: var(--mx-r-md); background: var(--mx-tint); }
.v2-chips { display: none; flex-wrap: wrap; gap: var(--mx-s2); margin-bottom: var(--mx-s3); }


.v2-stages { margin-block: var(--mx-s2) var(--mx-s6); }
.v2-stages .kit-lamps i { height: 6px; }
.v2-seg-names { margin-top: var(--mx-s2); font: var(--mx-fs-small) var(--mx-mono); color: var(--mx-label); }
.v2-seg-names b { color: var(--mx-primary-ink); }
.v2-next { display: flex; align-items: flex-start; gap: var(--mx-s6); margin-bottom: var(--mx-s6); }
.v2-next > div:first-child { flex: 1; min-width: 0; }
.v2-next h2 { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-strong); letter-spacing: var(--mx-ls-tight); margin: var(--mx-s1) 0 var(--mx-s2); }
.v2-next-line { color: var(--mx-body); }
.v2-next-act { flex: none; }
.v2-next.stack { flex-direction: column; align-items: stretch; gap: var(--mx-s4); }
.v2-next .v2-dm { flex: 1; min-width: 280px; }
.in-row-txt .v2-next-s { color: var(--mx-primary-ink); }

.in-row-txt .v2-earn { white-space: normal; }


.v2-dark { margin-bottom: var(--mx-s8); }
.v2-dark-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mx-s4); }
.v2-dark-top .kit-tag { flex: none; margin-top: calc(-1 * var(--mx-s1)); }
.v2-dark-h { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); letter-spacing: var(--mx-ls-tight); margin: var(--mx-s2) 0 var(--mx-s4); font-weight: var(--mx-w-strong); color: var(--mx-deck-ink); }
.v2-dark-line { color: var(--mx-deck-body); margin-top: var(--mx-s3); }
.v2-dark-line b { color: var(--mx-deck-ink); }
.v2-dark-fine { margin-top: var(--mx-s3); color: var(--mx-deck-soft); font-size: var(--mx-fs-small); }
.v2-meter { margin-top: var(--mx-s2); }

.v2-dark .v2-on-dark-link { color: var(--mx-deck-ink); }
.v2-lock-steps { margin-bottom: var(--mx-s8); }
.v2-lock-steps li { align-items: flex-start; }
.v2-lock-steps li .kit-lamp { margin-top: 0.45em; }
.v2-ticks { display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0 0 var(--mx-s5); color: var(--mx-deck-body); }
.v2-ticks li { display: flex; align-items: center; gap: var(--mx-s3); }
.kit-deck .v2-row-btns { margin-top: var(--mx-s4); }
.kit-deck > .kit-btn, .kit-deck > form { margin-top: var(--mx-s4); }


.v2-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s1) var(--mx-s4); padding: var(--mx-s4) var(--mx-s5); margin-bottom: var(--mx-s6); border-radius: var(--mx-r-card); }
.v2-strip-line { color: var(--mx-deck-body); }
.v2-strip-go { margin-left: auto; font-weight: var(--mx-w-strong); }
.v2-wide { width: 100%; }


.v2-house { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto auto; gap: var(--mx-s5); align-items: center; margin-bottom: var(--mx-s8); }
.v2-house h3 { font-size: var(--mx-fs-h2); font-weight: var(--mx-w-strong); margin: var(--mx-s1) 0; }
.v2-facts { display: flex; gap: var(--mx-s6); margin: 0; }
.v2-facts div { text-align: center; }
.v2-facts dt { font-size: var(--mx-fs-h2); }
.v2-facts dd { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }

.v2-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--mx-s3); margin-bottom: var(--mx-s8); }
.v2-tiles.three { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); margin-bottom: var(--mx-s3); }
.v2-tile, .v2-budget { padding: var(--mx-s4) var(--mx-s5); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); }
.v2-tile-k { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.v2-tile-v { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-title-s); line-height: 1.1; }
.v2-tile-u { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-small); }
.v2-budget { margin-bottom: var(--mx-s8); }
.v2-budget > .kit-eyebrow { margin: 0 0 var(--mx-s2); }
.v2-budget-terms { margin: var(--mx-s3) 0 0; font-size: var(--mx-fs-small); }

.v2-gal-line { margin: calc(-1 * var(--mx-s2)) 0 var(--mx-s4); }
.v2-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: var(--mx-s6) var(--mx-s4); margin-bottom: var(--mx-s8); }
.v2-gal-ad { display: flex; flex-direction: column; gap: var(--mx-s2); min-width: 0; }
.v2-gal-ad .in-player, .v2-gal-ad .kit-mon.mini { position: relative; top: 0; width: 100%; margin: 0; }
.v2-gal-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-gal-t { color: var(--mx-ink); font-size: var(--mx-fs-label); font-weight: var(--mx-w-strong); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v2-gal-t:hover { text-decoration: underline; }
.v2-gal-s { color: var(--mx-body); }
.v2-gal-s.hot { color: var(--mx-primary-ink); font-weight: var(--mx-w-strong); }
.v2-gal-ad > .kit-btn { align-self: flex-start; margin-top: auto; }
.v2-budget-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s4); }
.v2-budget-top p { margin: 0; }
.v2-budget .kit-meter { margin-block: var(--mx-s3) var(--mx-s2); }
.v2-tbl-wrap { margin-bottom: var(--mx-s8); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); overflow: hidden; }
.v2-tbl { width: 100%; border-collapse: collapse; font-size: var(--mx-fs-label); }
.v2-tbl th { padding: var(--mx-s2) var(--mx-s4); background: var(--mx-canvas); color: var(--mx-label); font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); text-align: left; white-space: nowrap; }
.v2-tbl td { padding: var(--mx-s3) var(--mx-s4); border-top: 1px solid var(--mx-line); vertical-align: middle; color: var(--mx-body); }
.v2-tbl td:last-child { text-align: right; }
.v2-tbl tr.hot td { background: var(--mx-primary-t); }
.v2-tbl-t { color: var(--mx-ink); font-weight: var(--mx-w-strong); text-decoration: none; }
.v2-tbl-t:hover { text-decoration: underline; }
.v2-code { font-size: var(--mx-fs-small); color: var(--mx-label); white-space: nowrap; }
@media (max-width: 720px) {
  .v2-tiles { grid-template-columns: 1fr 1fr; }
  .v2-gallery { grid-template-columns: 1fr 1fr; gap: var(--mx-s5) var(--mx-s3); }
  .v2-tiles.three { grid-template-columns: 1fr; }
  .v2-tbl thead { display: none; }
  .v2-tbl, .v2-tbl tbody, .v2-tbl tr, .v2-tbl td { display: block; width: 100%; }
  .v2-tbl tr { padding: var(--mx-s3) var(--mx-s4); border-top: 1px solid var(--mx-line); }
  .v2-tbl tr:first-child { border-top: 0; }
  .v2-tbl td { display: flex; justify-content: space-between; gap: var(--mx-s4); padding: var(--mx-s1) 0; border: 0; text-align: right; }
  .v2-tbl td::before { content: attr(data-col); color: var(--mx-label); font-size: var(--mx-fs-small); text-align: left; }
  .v2-tbl td[data-col=""]::before { content: none; }
  .v2-tbl td:last-child .kit-btn { width: 100%; justify-content: center; margin-top: var(--mx-s2); }
  .v2-tbl tr.hot { background: var(--mx-primary-t); }
  .v2-tbl tr.hot td { background: none; }
}
.v2-needs { display: flex; flex-direction: column; gap: var(--mx-s3); }

.v2-pipe { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--mx-s2); margin-bottom: var(--mx-s6); }
.v2-pipe a { display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s3); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); color: var(--mx-ink); text-decoration: none; position: relative; }
.v2-pipe .kit-fig { font-size: 28px; line-height: 1; }
.v2-pipe span { font-size: 12.5px; color: var(--mx-label); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v2-pipe li.dim a { opacity: .5; }
.v2-pipe li.hot a::after { content: ""; position: absolute; top: var(--mx-s2); right: var(--mx-s2); width: 7px; height: 7px; border-radius: 50%; background: var(--mx-primary); }
@media (max-width: 767px) { .v2-pipe { gap: 6px; } .v2-pipe a { padding: var(--mx-s2) 6px; } .v2-pipe .kit-fig { font-size: 22px; } .v2-pipe span { font-size: 11px; letter-spacing: -.01em; text-overflow: clip; } }
.v2-need { display: flex; align-items: center; gap: var(--mx-s4); padding: var(--mx-s3) var(--mx-s4); }
.v2-need .kit-mon.mini { width: 52px; }

.v2-adcode { display: block; text-transform: none; font-weight: 400; color: var(--mx-label); }
:is(.v2-need, .v2-card, .v2-next).hot { box-shadow: inset 0 0 0 1.5px var(--mx-primary); }

.v2-empty { display: flex; flex-direction: column; align-items: center; gap: var(--mx-s1); padding: var(--mx-s12) var(--mx-s6); text-align: center; }
.v2-empty-ico { display: grid; place-items: center; width: 40px; height: 40px; padding: 10px; margin-bottom: var(--mx-s3); border-radius: var(--mx-r-pill); background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.v2-empty h3 { font-size: var(--mx-fs-h3); line-height: var(--mx-lh-h3); font-weight: var(--mx-w-strong); color: var(--mx-ink); }
.v2-empty p { max-width: 380px; color: var(--mx-label); font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); }
.v2-empty .kit-btn { margin-top: var(--mx-s4); }


.v2-lines { display: flex; flex-direction: column; padding-block: var(--mx-s2); margin-block: 0; }
.v2-lines div { display: flex; justify-content: space-between; gap: var(--mx-s4); padding: var(--mx-s3) 0; border-top: 1px solid var(--mx-line); }
.v2-lines div:first-child { border-top: 0; }
.v2-lines dt { color: var(--mx-body); }
.v2-lines dd { margin: 0; font-weight: var(--mx-w-strong); text-align: right; }
.v2-row-btns { display: flex; flex-wrap: wrap; gap: var(--mx-s2); align-items: center; }
.v2-act { margin-block: var(--mx-s6); display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-notes { margin-block: var(--mx-s4); display: flex; flex-direction: column; align-items: flex-start; gap: var(--mx-s3); }
.v2-notes > p { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); }
.in-rows + .v2-act, .kit-slips { margin-top: var(--mx-s2); }


.v2-board-head { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mx-s3); margin-bottom: var(--mx-s5); }
.v2-board-head > .in-quiet { padding: 0; }
.v2-board { display: flex; gap: var(--mx-s3); align-items: stretch; }
.v2-col { flex: 1 1 0; min-width: 0; padding: var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-tint); box-shadow: var(--mx-shadow-in), inset 0 0 0 1px var(--mx-line); display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-col-none { color: var(--mx-hint); font-size: var(--mx-fs-small); }
.v2-col-h { display: flex; gap: var(--mx-s2); align-items: baseline; padding-bottom: var(--mx-s2); border-bottom: 1px solid var(--mx-line); }
.v2-money { margin-left: auto; color: var(--mx-green-2); font-size: var(--mx-fs-small); font-weight: var(--mx-w-strong); }
.v2-card { display: flex; gap: var(--mx-s3); align-items: center; padding: var(--mx-s2); border-radius: var(--mx-r-md); }
.v2-card .kit-mon.mini { width: 44px; }
.v2-card > span { display: grid; min-width: 0; }
.v2-card span span { color: var(--mx-primary-ink); font-size: var(--mx-fs-small); }
.v2-board-list { display: none; flex-direction: column; gap: var(--mx-s3); margin-block: 0; }


.v2-form { display: flex; flex-direction: column; gap: var(--mx-s4); margin-block: var(--mx-s4); }
.v2-form > * { max-width: 640px; }
.v2-field { display: flex; flex-direction: column; gap: var(--mx-s2); border: 0; padding: 0; margin: 0; min-width: 0; }
.v2-field > span, .v2-field legend { font-size: var(--mx-fs-label); font-weight: var(--mx-w-strong); color: var(--mx-ink); }
.v2-field > span.in-quiet { font-weight: var(--mx-w-reg); color: var(--mx-label); }
.v2-field textarea, textarea.v2-dm-text { min-height: 112px; }
.v2-why { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s2); }
.v2-lyric summary { font-size: var(--mx-fs-label); font-weight: var(--mx-w-strong); color: var(--mx-ink); cursor: pointer; }
.v2-lyric textarea.kit-input { height: auto; min-height: 200px; padding-block: var(--mx-s3); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--mx-fs-small); }
.v2-field.bad input { border-color: var(--mx-bad); }

.v2-wallet { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s1) var(--mx-s5); }
.v2-wallet > span { flex-basis: 100%; font-size: var(--mx-fs-label); font-weight: var(--mx-w-strong); color: var(--mx-ink); }
.v2-wallet label { display: inline-flex; align-items: center; gap: var(--mx-s2); min-height: var(--mx-h-ctl); font-weight: var(--mx-w-ui); cursor: pointer; }
.v2-wallet input { width: 18px; height: 18px; margin: 0; accent-color: var(--mx-primary); }
.v2-field > .in-refuse { margin: 0; }
.v2-copy { display: flex; align-items: center; gap: var(--mx-s2); max-width: 640px; }
.v2-copy input { flex: 1; min-width: 0; }
.v2-upload { padding: var(--mx-s4); border: 1px solid var(--mx-line-in); border-radius: var(--mx-r-md); background: var(--mx-card); }
.v2-upload legend { float: left; width: 100%; margin-bottom: var(--mx-s2); }
.v2-upload input[type="file"] { clear: both; font-size: var(--mx-fs-label); color: var(--mx-label); }
.v2-upload input[type="file"]::file-selector-button { height: var(--mx-h-ctl); margin-right: var(--mx-s3); padding: 0 var(--mx-s4); border: 0; border-radius: var(--mx-r-md); background: var(--mx-card); box-shadow: inset 0 0 0 1px var(--mx-line-in);
  color: var(--mx-ink); font: var(--mx-w-ui) var(--mx-fs-ui) var(--mx-sans); cursor: pointer; }


.v2-three { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--mx-s4); align-items: start; }
.v2-panel { padding: var(--mx-s5); min-width: 0; }
.v2-panel .in-head:first-child { margin-top: 0; }
.v2-panel-h { margin-bottom: var(--mx-s3); }
.v2-panel .v2-lines dd { font-size: var(--mx-fs-label); }

.v2-preview-box { position: relative; width: 254px; height: 549px; margin-inline: auto; overflow: hidden; border-radius: var(--mx-r-screen); background: var(--mx-canvas) center / cover no-repeat; box-shadow: var(--mx-bezel-ring); }
.v2-preview { position: absolute; left: 0; top: 0; width: 390px; height: 844px; border: 0; transform: scale(.65); transform-origin: 0 0; pointer-events: none; }
.v2-preview-k { margin-top: var(--mx-s3); font: var(--mx-fs-small) var(--mx-mono); color: var(--mx-primary-ink); text-align: center; }
.v2-dm { display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-activity { display: flex; flex-direction: column; gap: var(--mx-s2); }
.v2-activity li { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mx-s3); font-size: var(--mx-fs-label); }
.v2-activity li > .in-quiet { flex: none; white-space: nowrap; }
.v2-money-card { max-width: 640px; margin-bottom: var(--mx-s4); }
.v2-money-card .v2-lines dd { flex: none; font-size: var(--mx-fs-ui); }

.v2-payhead { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s4) var(--mx-s6); margin-bottom: var(--mx-s4); align-items: start; }
.v2-payhead .k { margin-bottom: var(--mx-s2); }
.v2-payhead-back { margin-top: var(--mx-s2); font-weight: var(--mx-w-ui); }
.v2-payhead-next { font-size: var(--mx-fs-h2); font-weight: var(--mx-w-strong); letter-spacing: var(--mx-ls-tight); }
.v2-payhead-fee { grid-column: 1 / -1; padding-top: var(--mx-s3); border-top: 1px solid var(--mx-line); font-size: var(--mx-fs-label); }
.kit-steps + .kit-btn { margin-top: var(--mx-s1); }


.v2-narrow { flex: none; width: calc(100% - 2 * var(--mx-s4)); max-width: 480px; margin: var(--mx-s2) auto var(--mx-s12); padding: var(--mx-s8) var(--mx-s6) var(--mx-s10); display: flex; flex-direction: column; gap: var(--mx-s4); }
.v2-narrow .kit-display { font-size: clamp(34px, 30px + 1vw, 44px); }
.v2-pitch-from { margin: 0; color: var(--mx-label); text-align: center; }
.v2-pitch-from b { color: var(--mx-ink); }
.v2-pitch-player { width: min(100%, 300px, 50svh * 9 / 16 + 18px); margin-inline: auto; }

.v2-pitch { display: flex; flex-direction: column; gap: var(--mx-s4); }
.v2-pitch-side { display: contents; }
.v2-pitch-side > * { order: 2; }
.v2-pitch-side > .v2-pitch-top { order: 0; display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-pitch-side > .v2-pitch-now { order: 0; }
.v2-pitch > .v2-pitch-player { order: 1; }
.v2-pitch-note { text-align: center; }

.v2-mark { position: absolute; left: var(--mx-s3); top: var(--mx-s3); z-index: 1; }
.v2-pitch-h { margin: var(--mx-s2) 0 0; }
.v2-fine { text-align: center; color: var(--mx-label); font-size: var(--mx-fs-small); }

.v2-legal { padding: 0 var(--mx-s4) var(--mx-s10); }
.v2-legal a { color: inherit; }

.v2-keepbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; padding: var(--mx-s3) var(--mx-s4) calc(var(--mx-s3) + env(safe-area-inset-bottom)); background: var(--mx-rim); border-top: 1px solid var(--mx-line); transform: translateY(110%); transition: transform var(--mx-t-ui) var(--mx-std); }
.v2-keepbar.on { transform: none; }
.v2-month { display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-month .kit-fig small { font: var(--mx-w-ui) var(--mx-fs-ui) var(--mx-sans); color: var(--mx-label); letter-spacing: 0; }


.v2-lesson { max-width: 680px; display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-lesson h2 { font-size: var(--mx-fs-h2); font-weight: var(--mx-w-strong); margin-top: var(--mx-s4); }
.v2-lesson blockquote { margin: 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-rim); box-shadow: var(--mx-shadow-sm); color: var(--mx-body); }
.in-sheet > .v2-reading { display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-reading > * { max-width: 680px; }
.v2-lesson-ad { width: 300px; align-self: flex-start; }
.v2-quote-copy { align-self: flex-start; }


.in-sheet > [class]:not(.in-back) { margin-inline: auto; }

.in-sheet > :is(.kit-bay.v2-money-card, .v2-copy, .v2-changes) { margin-inline: max(0px, (100% - var(--mx-w-page)) / 2) auto; }

.v2-pay { margin-block: 0; }
.v2-pay .v2-form { margin-block: 0; }
.v2-set-row { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); }
.v2-set-row > p { color: var(--mx-body); }
.v2-notes.kit-card { margin-block: 0; }
.in-sheet > .v2-set-out { display: flex; margin-top: var(--mx-s10); }
@media (max-width: 767px) { .v2-set-row { flex-direction: column; align-items: stretch; } .v2-set-out .kit-btn { width: 100%; } }
.v2-check { display: inline-flex; align-items: center; gap: var(--mx-s3); min-height: var(--mx-h-ctl); padding: 0; border: 0; background: none; color: var(--mx-ink); font: inherit; font-weight: var(--mx-w-ui); cursor: pointer; }
.v2-box { width: 18px; height: 18px; flex: none; border: 1px solid var(--mx-line-in); border-radius: var(--mx-r-xs-2); background: var(--mx-card); transition: border-color var(--mx-t-ui) var(--mx-std); }
.v2-check:hover .v2-box { border-color: var(--mx-primary); }

.v2-tap video { cursor: pointer; }
.v2-tap:not(.played)::before { content: ""; position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; transform: translate(-50%, -50%); border-radius: var(--mx-r-round); background: var(--mx-scrim); opacity: .7; pointer-events: none; }
.v2-tap:not(.played)::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); border-left: 18px solid var(--mx-deck-ink); border-block: 11px solid transparent; pointer-events: none; }


@media (min-width: 768px) {
  :is(.v2-form, .v2-notes, .v2-act) > :is(.kit-btn, form) { align-self: flex-start; }
  .v2-dark.sell > * { max-width: 640px; }
  .v2-dark.sell .v2-wide, .v2-dark.sell .v2-wide .kit-btn { width: auto; }
  .v2-dark.sell .v2-center { text-align: left; }
}
@media (min-width: 900px) {
  .v2-narrow.v2-wide-console { max-width: 960px; padding: var(--mx-s12) var(--mx-s12) var(--mx-s10); }
  .v2-pitch { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--mx-s12); align-items: start; }
  .v2-pitch > .v2-pitch-player { order: 0; position: sticky; top: var(--mx-s6); width: 300px; }
  .v2-pitch-side { display: flex; flex-direction: column; gap: var(--mx-s4); }
  .v2-pitch-side .v2-pitch-h { font-size: var(--mx-fs-display); line-height: var(--mx-lh-display); letter-spacing: var(--mx-ls-display); text-align: left; }
  .v2-pitch-side :is(.v2-pitch-from, .v2-pitch-note) { text-align: left; }
  .v2-keepbar { display: none; }
}
@media (max-width: 1100px) { .v2-three { grid-template-columns: 1fr 1fr; } .v2-house { grid-template-columns: 64px minmax(0, 1fr); } .v2-house .v2-facts, .v2-house > .kit-btn { grid-column: 1 / -1; } }
@media (max-width: 767px) {
  .v2-board { display: none; }
  .v2-board-list, .v2-chips { display: flex; }
  .v2-three, .v2-payhead, .v2-why { grid-template-columns: 1fr; }
  .v2-next { flex-direction: column; align-items: stretch; padding: var(--mx-s4); }
  .v2-next .kit-btn { width: 100%; }
  .kit-deck { padding: var(--mx-s5) var(--mx-s4); }
  .v2-house .v2-facts { justify-content: space-around; }
  .v2-house > .kit-btn { width: 100%; }
  .v2-preview-box { width: 310px; height: 671px; }
  .v2-preview { transform: scale(.795); }
  .v2-field input[type="file"] { max-width: 100%; width: 100%; }
  .v2-narrow { width: calc(100% - 2 * var(--mx-s3)); padding: var(--mx-s6) var(--mx-s4) var(--mx-s8); border-radius: var(--mx-r-bezel); }
  .v2-lesson-ad { width: min(100%, 260px); align-self: center; }
  
  .v2-money-card .v2-lines div { flex-direction: column; gap: var(--mx-s1); }
  .v2-money-card .v2-lines dd { text-align: left; }
  
  .in-adpage.v2-adview { display: flex; flex-direction: column; }
  .v2-adview > div:last-child { display: contents; }
  .v2-adview > div:last-child > * { order: 2; }
  .v2-adview > div:last-child > :is(.v2-ad-first, .kit-eyebrow.red) { order: 0; }
  .v2-adview > div:last-child > .v2-act.v2-ad-first { margin-block: var(--mx-s3) var(--mx-s5); }
  .v2-adview > .in-player { order: 1; }
  
  .in-adpage.v2-make { display: flex; flex-direction: column; }
  .in-adpage:is(.v2-make, .v2-adview) > * { min-width: 0; max-width: 100%; }
  .v2-make > .in-player { order: 1; margin-top: var(--mx-s6); }
  
  .v2-need { flex-wrap: wrap; }
  .v2-need > .kit-btn { flex: 1 0 100%; }
  .v2-need .in-row-txt .s { white-space: normal; }
  .v2-tables { grid-template-columns: minmax(0, 1fr); gap: var(--mx-s3); }
  .v2-tables-list { flex-direction: row; overflow-x: auto; }
  .v2-tables-list li:has(a[aria-current]) { order: -1; }
  .v2-grid { max-height: 64vh; }
}/*kit-part*/


.v2-admin { list-style: none; padding: 0; margin-block: 0; display: flex; flex-direction: column; }
.v2-admin-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s3); padding: var(--mx-s3) 0; border-top: 1px solid var(--mx-line); }
.v2-admin-row .in-row-txt { flex: 1 1 280px; }
.v2-admin input { width: 120px; min-height: var(--mx-h-ctl); padding: 0 var(--mx-s2); font-size: var(--mx-fs-small); }

.v2-tables { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--mx-s6); align-items: start; }
.v2-tables-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--mx-s1); }
.v2-tables-list a { display: flex; justify-content: space-between; gap: var(--mx-s2); padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-sm); font-size: var(--mx-fs-label); white-space: nowrap; }
.v2-tables-list a:hover, .v2-tables-list a[aria-current] { background: var(--mx-tint); font-weight: var(--mx-w-strong); }
.v2-tables-list span { color: var(--mx-label); font-family: var(--mx-mono); }
.v2-tables-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); margin-bottom: var(--mx-s3); }
.v2-tables-bar form { display: flex; align-items: center; gap: var(--mx-s2); flex: 1 1 280px; }
.v2-tables-bar .kit-input { min-height: var(--mx-h-ctl); }
.v2-grid { overflow: auto; max-height: 72vh; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-pop); }
.v2-grid table { border-collapse: separate; border-spacing: 0; font: var(--mx-fs-small)/var(--mx-lh-small) var(--mx-mono); }
.v2-grid th, .v2-grid td { padding: var(--mx-s2) var(--mx-s3); border-bottom: 1px solid var(--mx-line); text-align: left; white-space: nowrap; vertical-align: top; background: var(--mx-pop); }

.v2-grid thead { position: sticky; top: 0; z-index: 2; }
.v2-grid th { background: var(--mx-chip); font-weight: var(--mx-w-strong); }
.v2-grid th:first-child, .v2-grid td:first-child { position: sticky; left: 0; z-index: 1; border-right: 1px solid var(--mx-line); }
.v2-grid .kit-link { min-width: 0; padding: 0; }
.v2-fk { display: block; color: var(--mx-label); font-weight: var(--mx-w-reg); }
.v2-null { color: var(--mx-hint); }

.v2-erd { position: relative; height: 76vh; overflow: hidden; touch-action: none; cursor: grab; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-canvas); }
.v2-erd > p { padding: var(--mx-s4); }
.v2-erd-note { margin-top: var(--mx-s2); font: var(--mx-fs-count) var(--mx-mono); }

.v2-erd-market { margin-top: var(--mx-s10); padding-top: var(--mx-s6); border-top: 2px dashed var(--mx-line); }
.v2-erd-market > h2 { margin-bottom: var(--mx-s2); }
.v2-erd.quiet { height: auto !important; cursor: default; }
.erd-box.view { stroke-dasharray: 5 4; }
.v2-erd svg.erd { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; font-family: var(--mx-sans); }
.erd-stage { font: var(--mx-fs-count) var(--mx-mono); letter-spacing: 0.08em; fill: var(--mx-label); }
.erd-box { fill: var(--mx-card); stroke: var(--mx-line); }
.erd-card { cursor: pointer; transition: opacity 120ms; }
.erd-card:hover .erd-box { stroke: var(--mx-accent); }
.erd-name { font-size: var(--mx-fs-h2); font-weight: var(--mx-w-strong); fill: var(--mx-ink); }
.erd-n { font: var(--mx-fs-count) var(--mx-mono); fill: var(--mx-label); }
.erd-why { font-size: var(--mx-fs-count); fill: var(--mx-body); }
.erd-why.missing { fill: var(--mx-bad); }
.erd-col { font: var(--mx-fs-count) var(--mx-mono); fill: var(--mx-body); }
.erd-col.key { fill: var(--mx-ink); font-weight: var(--mx-w-strong); }
.erd-col.id { fill: var(--mx-label); }
.erd-req { font: var(--mx-fs-count) var(--mx-mono); fill: var(--mx-label); }
.erd-link { fill: none; stroke: var(--mx-label); stroke-width: 1.2; opacity: 0.55; }
.erd-link.hub { opacity: 0; }
.erd-link.maybe { stroke-dasharray: 3 4; }  
svg.erd.focus .erd-card:not(.lit) { opacity: 0.15; }
svg.erd.focus .erd-link:not(.lit) { opacity: 0.05; }
svg.erd.focus .erd-link.lit { stroke: var(--mx-accent); stroke-width: 2; opacity: 1; }
.erd-more { font: var(--mx-fs-count) var(--mx-mono); fill: var(--mx-label); font-style: italic; }
.v2-find { flex: 1 1 280px; min-height: var(--mx-h-ctl); }
.v2-col-find th { padding-top: 0; }
.v2-col-find input { width: 100%; min-width: 72px; border: 1px solid var(--mx-line); border-radius: var(--mx-r-sm); background: var(--mx-pop); font: var(--mx-fs-count) var(--mx-mono); padding: 2px var(--mx-s1); }
.erd-ends path { fill: none; stroke: var(--mx-label); stroke-width: 1.3; }
.erd-ring { fill: var(--mx-canvas); stroke: var(--mx-label); stroke-width: 1.3; }
.erd-ends.hub { opacity: 0; }
svg.erd.focus .erd-ends:not(.lit) { opacity: 0.05; }
svg.erd.focus .erd-ends.lit { opacity: 1; }
svg.erd.focus .erd-ends.lit path, svg.erd.focus .erd-ends.lit .erd-ring { stroke: var(--mx-accent); }
.erd-tag { fill: var(--mx-chip); stroke: var(--mx-line); }
.erd-tag.pk { fill: var(--mx-ink); stroke: var(--mx-ink); }
.erd-tag.fk { fill: var(--mx-accent); stroke: var(--mx-accent); }
.erd-tag-t { font: 8px var(--mx-mono); font-weight: var(--mx-w-bold); fill: var(--mx-on-ink); pointer-events: none; }
.erd-group { fill: var(--mx-pop); stroke: var(--mx-line); }
.erd-group.g-make { fill: var(--mx-chip); }
.erd-group.g-money { fill: var(--mx-frost); }
.erd-group-name { font-size: var(--mx-fs-title-s); font-weight: var(--mx-w-bold); fill: var(--mx-ink); }
.erd-group-for { font-size: var(--mx-fs-ui); fill: var(--mx-label); }
.v2-trace { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-trace li { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: var(--mx-s4); }
.v2-trace-at { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); padding-top: var(--mx-s3); }
.v2-trace-card { border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-pop); padding: var(--mx-s3) var(--mx-s4); }
.v2-trace li.on .v2-trace-card { border-color: var(--mx-accent); }
.v2-trace-head { display: flex; flex-wrap: wrap; gap: var(--mx-s2); align-items: baseline; margin: 0; font-weight: var(--mx-w-strong); }
.v2-trace-go { margin-left: auto; font-weight: var(--mx-w-reg); }
.v2-trace dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px var(--mx-s3); margin: var(--mx-s2) 0 0; font: var(--mx-fs-count) var(--mx-mono); }
.v2-trace dt { color: var(--mx-label); }
.v2-trace dd { margin: 0; overflow-wrap: anywhere; }
.v2-changes { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; max-width: 720px; }
.v2-changes > li { padding: var(--mx-s4) 0; border-top: 1px solid var(--mx-line); display: flex; flex-direction: column; gap: var(--mx-s2); }
.v2-changes > li:first-child { border-top: 0; padding-top: 0; }
.v2-changes-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s2) var(--mx-s3); }
.v2-changes-v { margin: 0; font-size: var(--mx-fs-title-s); line-height: 1.1; letter-spacing: -.02em; }
.v2-changes-at { font-size: var(--mx-fs-small); color: var(--mx-label); }
.v2-changes-tok { font-size: var(--mx-fs-small); color: var(--mx-label); font-variant-numeric: tabular-nums; }
.v2-changes-note { margin: 0 0 var(--mx-s4); max-width: 720px; font-size: var(--mx-fs-small); }
.v2-changes p { margin: 0; font-size: var(--mx-fs-sub); color: var(--mx-ink); }
.v2-changes p.v2-changes-quiet { color: var(--mx-hint); }
.v2-changes-more summary { cursor: pointer; font-size: var(--mx-fs-small); color: var(--mx-label); width: max-content; }
.v2-changes-more ul { margin: var(--mx-s2) 0 0; padding-left: var(--mx-s4); display: flex; flex-direction: column; gap: var(--mx-s2); font-size: var(--mx-fs-small); color: var(--mx-body); overflow-wrap: anywhere; }
.v2-changes-more code { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }

.tq-page { display: flex; flex-direction: column; gap: var(--mx-s3); }
.tq-page > p { margin: 0; }
.tq-find { margin: 0; max-width: 480px; }
.tq-find .kit-input { width: 100%; }
.tq-list { list-style: none; margin: var(--mx-s2) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s4); }
.tq-card { display: flex; flex-direction: column; gap: var(--mx-s2); min-width: 0; }
.tq-card[hidden] { display: none; }
.tq-head { display: flex; align-items: baseline; gap: var(--mx-s2) var(--mx-s3); }
.tq-head h3 { flex: 1; min-width: 0; margin: 0; font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h); overflow-wrap: anywhere; }
.tq-rank { flex: none; font: var(--mx-w-strong) 1.5rem/1 var(--mx-mono); color: var(--mx-primary-ink); font-variant-numeric: tabular-nums; }
.tq-at { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); overflow-wrap: anywhere; }
.tq-why { margin: 0; overflow-wrap: anywhere; }
.tq-more summary { cursor: pointer; font-weight: var(--mx-w-strong); min-height: 32px; display: flex; align-items: center; }
.tq-more p { margin: var(--mx-s1) 0 0; overflow-wrap: anywhere; }
.tq-set { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
.tq-set { flex-wrap: nowrap; }
.tq-tap { margin: 0; flex: 1 1 0; max-width: 112px; }
.tq-tap .kit-chip { width: 100%; justify-content: center; min-height: 44px; padding: 0 var(--mx-s2); }
.tq-all { align-self: flex-start; }
.tq-h { margin: var(--mx-s4) 0 0; font-size: var(--mx-fs-section); line-height: var(--mx-lh-section); letter-spacing: var(--mx-ls-section); }
.tq-how summary { cursor: pointer; min-height: 32px; display: flex; align-items: center; }
.tq-how p { margin: var(--mx-s1) 0 0; }

.sg-page { display: flex; flex-direction: column; gap: var(--mx-s3); }
.sg-page > p { margin: 0; }
.sg-week { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-s2); }
.sg-week a { display: flex; flex-direction: column; gap: var(--mx-s1); padding: var(--mx-s3); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); color: inherit; text-decoration: none; min-height: 44px; }
.sg-n { font: var(--mx-w-strong) 1.75rem/1 var(--mx-mono); color: var(--mx-primary-ink); font-variant-numeric: tabular-nums; }
.sg-k { font-size: var(--mx-fs-count); color: var(--mx-label); }
.sg-h { margin: var(--mx-s2) 0 0; font-size: var(--mx-fs-title); line-height: var(--mx-lh-h); }
.sg-find { flex: none; max-width: 480px; }
.sg-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sg-row { display: flex; flex-direction: column; gap: var(--mx-s1); padding: var(--mx-s3) 0; border-bottom: 1px solid var(--mx-line); min-width: 0; }
.sg-row[hidden] { display: none; }
.sg-row p { margin: 0; overflow-wrap: anywhere; }
.sg-sum { font-weight: var(--mx-w-strong); }
.sg-at { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.sg-at .kit-chip { font-family: inherit; }
@media (min-width: 768px) { .sg-week { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

.v2-out-page { display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-out-page > p { margin: 0; }
.v2-out-segs { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
.v2-out-find { display: flex; gap: var(--mx-s2); max-width: 560px; }
.v2-out-find .kit-input { flex: 1; min-width: 0; }
.v2-out { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.v2-out-row p { margin: 0; }
.v2-out-fit { font: var(--mx-w-strong) 1.75rem/1 var(--mx-mono); color: var(--mx-primary-ink); font-variant-numeric: tabular-nums; }
.v2-out-cell { min-width: 0; display: flex; flex-direction: column; gap: var(--mx-s1); overflow-wrap: anywhere; }
.v2-out-name { font-weight: var(--mx-w-strong); color: inherit; }
.v2-out-sub { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.v2-out-angle b { color: var(--mx-primary-ink); }
.v2-out-head { display: none; }
.v2-out-tags { display: flex; flex-wrap: wrap; gap: var(--mx-s1); }
.v2-out-row.was .v2-out-fit, .v2-out-row.was .v2-out-name { color: var(--mx-label); }
.v2-out-sides { padding-bottom: var(--mx-s2); border-bottom: 1px solid var(--mx-line); }

.v2-out-h { margin: var(--mx-s3) 0 0; font-size: var(--mx-fs-title); line-height: var(--mx-lh-h); }
.v2-out-matches { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s3); }
.v2-out-match { display: flex; flex-direction: column; gap: var(--mx-s3); padding: var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); min-width: 0; }
.v2-out-match p { margin: 0; overflow-wrap: anywhere; }
.v2-out-side { display: flex; flex-direction: column; gap: var(--mx-s1); min-width: 0; }
.v2-out-hook { color: var(--mx-ink); font-style: italic; }
.v2-out-pairs { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s3); }
.v2-out-pairs > li { display: flex; flex-direction: column; gap: var(--mx-s1); padding-top: var(--mx-s3); border-top: 1px solid var(--mx-line); min-width: 0; }
.v2-out-fitwhy { font-size: var(--mx-fs-small); color: var(--mx-primary-ink); }
.v2-out-picked-two { display: grid; gap: var(--mx-s3); }
@media (min-width: 1024px) {
  .v2-out-pairs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-s4); }
  .v2-out-pairs > li { padding-top: 0; border-top: 0; }
  .v2-out-picked-two { grid-template-columns: 1fr 1fr; gap: var(--mx-s4); }
  .v2-out-match-head { padding-bottom: var(--mx-s3); border-bottom: 1px solid var(--mx-line); }
}
@media (min-width: 1024px) {
  .v2-out-head, .v2-out-row { display: grid; grid-template-columns: 4ch 1.3fr 1.3fr 1fr 2.2fr; gap: var(--mx-s4); align-items: start; }
  .v2-out-head { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); padding: 0 0 var(--mx-s2); border-bottom: 1px solid var(--mx-line); }
  .v2-out-row { padding: var(--mx-s3) 0; border-bottom: 1px solid var(--mx-line); }
}
@media (max-width: 1023px) {
  .v2-out { gap: var(--mx-s3); }
  .v2-out-row { display: flex; flex-direction: column; gap: var(--mx-s2); padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-pop); box-shadow: var(--mx-shadow-panel); }
  .v2-out-cell + .v2-out-cell::before { content: attr(data-label); font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
}
@media (max-width: 767px) { .v2-trace li { grid-template-columns: 1fr; gap: var(--mx-s1); } .v2-trace-at { padding-top: 0; } }

.in-sheet:has(.v2-tables, .v2-erd) > * { max-width: none; }
.in-sheet:has(.v2-tables, .v2-erd) > .in-back { margin-left: 0; }

.v2-grid th, .v2-grid td { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }

.v2-grid-row.open::before { content: ""; position: fixed; inset: 0; z-index: 40; background: var(--mx-scrim); opacity: 0.55; cursor: pointer; }
.v2-grid tbody td { cursor: pointer; }
.v2-grid tr.sel td { background: var(--mx-tint); }
.v2-grid td.sel { outline: 2px solid var(--mx-accent); outline-offset: -2px; }
.v2-row:empty { display: none; }
.v2-row { position: fixed; z-index: 41; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(760px, 92vw); max-height: 84vh; overflow: auto;
  border: 1px solid var(--mx-line); border-radius: var(--mx-r-panel); background: var(--mx-pop); padding: var(--mx-s4) var(--mx-s5); box-shadow: var(--mx-shadow-panel); }
.v2-row-head { display: flex; align-items: baseline; gap: var(--mx-s2); margin-bottom: var(--mx-s2); }
.v2-row-head .in-quiet { font: var(--mx-fs-count) var(--mx-mono); overflow-wrap: anywhere; }
.v2-row-x { margin-left: auto; border: 0; background: none; padding: 0 var(--mx-s1); font: var(--mx-fs-h2) var(--mx-sans); color: var(--mx-label); cursor: pointer; }
.v2-row-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); margin-bottom: var(--mx-s3); }
.v2-row dl { margin: 0; font: var(--mx-fs-small)/var(--mx-lh-small) var(--mx-mono); }
.v2-row dt { display: flex; align-items: center; gap: var(--mx-s2); margin-top: var(--mx-s3); color: var(--mx-label); }
.v2-row dt .v2-fk { display: inline; }
.v2-row .v2-copy-row { cursor: pointer; border: 0; font: var(--mx-fs-small) var(--mx-sans); }
.v2-row dd { margin: var(--mx-s1) 0 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.v2-row dd pre { margin: 0; white-space: pre-wrap; font: inherit; }
.v2-row dt.on, .v2-row dd.on { color: var(--mx-ink); font-weight: var(--mx-w-strong); }
@media (max-width: 767px) {
  .v2-grid-row.open { padding-bottom: 50vh; }
  .v2-grid-row.open::before { display: none; }
  
  .v2-grid td { scroll-margin-bottom: calc(50vh + 80px); }
  .v2-row { top: auto; left: 0; right: 0; transform: none; width: auto; bottom: calc(68px + env(safe-area-inset-bottom)); max-height: 50vh; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-panel) var(--mx-r-panel) 0 0; box-shadow: var(--mx-shadow-panel); }
}

.erd-legend { position: absolute; top: var(--mx-s3); right: var(--mx-s3); z-index: 2; width: 310px; max-height: calc(100% - 24px); overflow: auto; cursor: default;
  padding: var(--mx-s3) var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-pop); box-shadow: var(--mx-shadow-sm); font: var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); }
.erd-legend-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--mx-s2); }
.erd-legend-x { border: 0; background: none; padding: 0 var(--mx-s1); font: var(--mx-fs-h2) var(--mx-sans); color: var(--mx-label); cursor: pointer; }
.erd-legend ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s2); }
.erd-legend li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--mx-s3); align-items: center; color: var(--mx-body); }
.erd-legend svg { overflow: visible; }
.erd-legend-hover { fill: none; stroke: var(--mx-accent); stroke-width: 1.6; }
.erd-legend-open { display: none; cursor: pointer; border: 0; }
.erd-legend.shut { width: auto; padding: 0; border: 0; background: none; box-shadow: none; }
.erd-legend.shut .erd-legend-head, .erd-legend.shut ul { display: none; }
.erd-legend.shut .erd-legend-open { display: inline-flex; }
@media (max-width: 767px) { .erd-legend { left: var(--mx-s2); right: var(--mx-s2); top: var(--mx-s2); width: auto; } .erd-legend.shut { left: auto; } }

.v2-grid { position: relative; }
.v2-cell-acts { position: absolute; z-index: 3; display: flex; gap: 2px; padding: 2px; border-radius: var(--mx-r-sm); background: var(--mx-pop); box-shadow: var(--mx-shadow-sm); }
.v2-cell-acts[hidden] { display: none; }
.v2-ico { display: inline-grid; place-items: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: var(--mx-r-xs-2); background: none; color: var(--mx-label); cursor: pointer; }
.v2-ico:hover, .v2-ico:focus-visible { background: var(--mx-tint); color: var(--mx-ink); }
.v2-ico.done { color: var(--mx-accent); }
.v2-ico svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.v2-icos { margin-left: auto; display: inline-flex; gap: 2px; }


.v2-story { border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-pop); padding: var(--mx-s4); margin: 0 0 var(--mx-s4); max-width: 760px; }
.v2-story-badge { display: inline-block; margin: 0 0 var(--mx-s3); padding: var(--mx-s1) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-primary); color: var(--mx-ink); font-size: var(--mx-fs-small); }
.v2-story-badge.real { background: var(--mx-green-2); color: var(--mx-on-ink); }
.v2-story-head { margin: 0 0 var(--mx-s2); font-size: var(--mx-fs-h2); line-height: 1.35; }
.v2-story-sub { margin: 0 0 var(--mx-s2); color: var(--mx-label); max-width: 64ch; }
.v2-story-total { margin: var(--mx-s4) 0 var(--mx-s2); font: inherit; font-size: var(--mx-fs-small); font-weight: var(--mx-w-strong); color: var(--mx-label); }
.v2-story-split { border-collapse: collapse; width: 100%; }
.v2-story-split td { padding: var(--mx-s1) 0; border-top: 1px solid var(--mx-line); vertical-align: baseline; }
.v2-story-split td + td { text-align: right; padding-left: var(--mx-s3); white-space: nowrap; font-variant-numeric: tabular-nums; }
.v2-story-split tr.house td { color: var(--mx-label); }
.v2-story-note { margin: var(--mx-s4) 0 0; padding: var(--mx-s2) var(--mx-s3); border-left: 3px solid var(--mx-line); }
.v2-story-owed { margin: var(--mx-s3) 0 0; font-weight: var(--mx-w-strong); font-size: 1.05rem; }
.v2-story-when { margin: var(--mx-s2) 0 0; padding-left: 1.1em; }
.v2-story-ids { margin: var(--mx-s3) 0 0; font-size: var(--mx-fs-count); overflow-wrap: anywhere; }
.v2-term { text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
.v2-trace-rows > summary { cursor: pointer; font-weight: var(--mx-w-strong); margin-bottom: var(--mx-s3); }


.v2-flags { list-style: none; display: flex; flex-direction: column; gap: var(--mx-s2); padding: 0; margin: 0 0 var(--mx-s3); width: 100%; }
.v2-flag { display: flex; align-items: flex-start; gap: var(--mx-s3); padding: var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-card); box-shadow: inset 0 0 0 1px var(--mx-line); cursor: pointer; }
.v2-flag input { margin-top: var(--mx-s1); width: 18px; height: 18px; flex: none; accent-color: var(--mx-primary); }
.v2-flag > span { display: flex; flex-direction: column; gap: var(--mx-s1); min-width: 0; }
.v2-flag mark, .v2-flagged { background: var(--mx-primary-t); color: var(--mx-ink); border-radius: var(--mx-r-sm); }
.v2-flag mark { padding: 0 var(--mx-s1); overflow-wrap: anywhere; }
.v2-flag-why { display: block; color: var(--mx-bad); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
p.v2-flagged { padding: var(--mx-s2) var(--mx-s3); }

.scr-strip { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s2) var(--mx-s4); margin: 0 0 var(--mx-s3); }
.scr-n { font-size: var(--mx-fs-small); }
.scr-n b { font: var(--mx-w-ui) 22px/1 var(--mx-sans); margin-right: 2px; }
.scr-n.good b { color: var(--mx-ok); } .scr-n.change b { color: var(--mx-bad); } .scr-n.look b { color: var(--mx-primary-ink); }
.scr-chips { display: flex; gap: var(--mx-s2); overflow-x: auto; margin: 0 0 var(--mx-s4); padding-bottom: 2px; scrollbar-width: none; }
.scr-chips .kit-chip { flex: none; white-space: nowrap; }
.scr-job { margin: 0 0 var(--mx-s4); font-size: var(--mx-fs-small); color: var(--mx-label); }
.scr-grid { list-style: none; margin: 0 0 var(--mx-s6); padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--mx-s5) var(--mx-s4); }
@media (max-width: 480px) { .scr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s4) var(--mx-s3); } }
.scr-card { position: relative; display: flex; flex-direction: column; gap: var(--mx-s1); min-width: 0; scroll-margin-top: var(--mx-s6); }
.scr-grid.walk .scr-card:not(:last-child)::after { content: "→"; position: absolute; right: calc(-1 * var(--mx-s4)); top: 30%; width: var(--mx-s4); text-align: center; color: var(--mx-hint); font-size: 14px; }
@media (max-width: 480px) { .scr-grid.walk .scr-card:not(:last-child)::after { right: calc(-1 * var(--mx-s3)); width: var(--mx-s3); } }
.scr-shot { position: relative; display: block; aspect-ratio: 390 / 700; overflow: hidden; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-canvas); color: inherit; text-decoration: none; }
.scr-shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.scr-shot.none { display: flex; align-items: center; justify-content: center; padding: var(--mx-s3); border-style: dashed; background: transparent; font-size: var(--mx-fs-small); color: var(--mx-label); text-align: center; }
.scr-card.good .scr-shot { box-shadow: 0 0 0 2px var(--mx-ok); } .scr-card.change .scr-shot { box-shadow: 0 0 0 2px var(--mx-bad); }
.scr-stand { position: absolute; left: var(--mx-s1); top: var(--mx-s1); padding: 1px var(--mx-s2); border-radius: var(--mx-r-sm); font: var(--mx-w-ui) var(--mx-fs-count) var(--mx-sans); color: #fff; }
.scr-stand.good { background: var(--mx-ok); } .scr-stand.change { background: var(--mx-bad); }
.scr-name { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); overflow-wrap: anywhere; }
.scr-fresh { margin: 0; font-size: var(--mx-fs-count); color: var(--mx-label); }
.scr-fresh.stale { color: var(--mx-wait); background: var(--mx-wait-t); padding: 1px var(--mx-s1); border-radius: var(--mx-r-sm); }
.scr-words { margin: 0; font-size: var(--mx-fs-count); color: var(--mx-bad); overflow-wrap: anywhere; }
.scr-calls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s1) var(--mx-s2); margin-top: var(--mx-s1); }
.scr-call { margin: 0; }
.scr-change { flex-basis: auto; }
.scr-change > summary { list-style: none; cursor: pointer; }
.scr-change > summary::-webkit-details-marker { display: none; }
.scr-change[open] { flex-basis: 100%; }
.scr-note { display: flex; flex-direction: column; gap: var(--mx-s2); margin: var(--mx-s2) 0 0; }
.scr-note textarea { width: 100%; box-sizing: border-box; min-height: 72px; }
.scr-card.gap .scr-shot { aspect-ratio: auto; min-height: 80px; color: var(--mx-bad); border-color: var(--mx-bad); }
.scr-gap { margin: 0; font-size: var(--mx-fs-count); line-height: var(--mx-lh-small); }

.v2-inv-meta { font: var(--mx-fs-count) var(--mx-mono); overflow-wrap: anywhere; }
.v2-inv-cell { position: relative; display: block; overflow: hidden; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-canvas); color: inherit; text-decoration: none; }
.v2-inv-cell img { display: block; width: 100%; object-fit: cover; object-position: top; }
.v2-inv-cell.w390 img { aspect-ratio: 390 / 600; }
.v2-inv-cell.w1440 img { aspect-ratio: 1440 / 1000; }
.v2-inv-hole.big { padding: var(--mx-s5); border: 1px dashed var(--mx-line); border-radius: var(--mx-r-md); color: var(--mx-label); }
.v2-inv-money { margin: var(--mx-s3) 0; }
.v2-inv-money ul { margin: var(--mx-s2) 0; padding-left: var(--mx-s5); }
.v2-inv-note p { margin: var(--mx-s2) 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.v2-inv-whole { display: block; margin: var(--mx-s4) 0; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); overflow: hidden; }
.v2-inv-whole.w390 { max-width: 390px; }
.v2-inv-whole img { display: block; width: 100%; }
.v2-inv-seen { display: grid; gap: var(--mx-s4); margin: var(--mx-s4) 0; }
.v2-inv-seen .v2-inv-whole { margin: 0; }
.v2-inv-play { margin: 0; display: flex; flex-direction: column; gap: var(--mx-s2); max-width: 300px; }
.v2-inv-play video { display: block; width: 100%; aspect-ratio: 9 / 16; background: #000; border-radius: var(--mx-r-md); }
@media (min-width: 900px) {
  .v2-inv-seen { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
  .v2-inv-seen .v2-inv-play { order: 2; position: sticky; top: var(--mx-s4); }
}
.v2-inv-history { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--mx-s3); }
.v2-inv-history li { display: flex; flex-direction: column; gap: var(--mx-s1); min-width: 0; }
.erd-group.apart { fill: none; stroke-dasharray: 6 5; }

.v2-erd .pele { --pele-bg: var(--mx-canvas); --pele-fg: var(--mx-ink); --pele-muted: var(--mx-label); --pele-line: var(--mx-label); --pele-surface: var(--mx-card);
  --pele-surface-alt: var(--mx-tint); --pele-border: var(--mx-line-focus); --pele-accent: var(--mx-accent); --pele-font: var(--mx-sans); --pele-font-mono: var(--mx-mono); --pele-radius: 6px; }
svg.erd .pele-edges path { stroke-width: calc(1.2px / var(--erd-k, 1)); }
svg.erd .pele-node rect, svg.erd .pele-cluster > rect, svg.erd .pele-er-divider { stroke-width: calc(1px / var(--erd-k, 1)); }
svg.erd .pele-cluster > rect { fill: var(--mx-tint); fill-opacity: .7; }
svg.erd .pele-cluster-label { font-weight: var(--mx-w-strong); fill: var(--mx-ink); }
svg.erd .pele-label { font-weight: var(--mx-w-ui); }
svg.erd .erd-card, svg.erd .erd-zone, svg.erd .erd-tag { cursor: pointer; }
svg.erd .erd-card:hover > rect, svg.erd .erd-card:hover .pele-er-attributes + rect { stroke: var(--mx-accent); }

svg.erd .erd-bundle path { stroke-dasharray: calc(5px / var(--erd-k, 1)) calc(3px / var(--erd-k, 1)); }
svg.erd .pele-edge-label text { fill: var(--mx-label); font-weight: var(--mx-w-ui); }

svg.erd.focus .erd-card:not(.lit), svg.erd.focus .erd-in:not(.lit), svg.erd.focus .erd-bundle { opacity: .18; }
svg.erd .erd-in.lit path { stroke: var(--mx-accent); stroke-width: calc(2.2px / var(--erd-k, 1)); }
svg.erd .erd-x { fill: none; stroke: var(--mx-accent); stroke-width: calc(2px / var(--erd-k, 1)); pointer-events: none; }
svg.erd .erd-x.maybe { stroke-dasharray: calc(4px / var(--erd-k, 1)) calc(4px / var(--erd-k, 1)); }

svg.erd .erd-card.near > rect { fill: var(--mx-canvas); }

svg.erd .erd-tags { display: none; } svg.erd.far .erd-tags { display: inline; }
svg.erd .erd-tag-bg { fill: var(--mx-card); stroke: var(--mx-ink); stroke-width: 1.5; opacity: .94; }
svg.erd .erd-tag-name { font: var(--mx-w-strong) 16px var(--mx-sans); fill: var(--mx-ink); }
svg.erd .erd-tag-sub { font: 12px var(--mx-sans); fill: var(--mx-label); }
svg.erd.far .pele-cluster-label { opacity: 0; }

.erd-open-head { position: absolute; left: var(--mx-s3); top: var(--mx-s3); z-index: 2; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2) var(--mx-s3); max-width: calc(100% - 140px);
  padding: var(--mx-s2) var(--mx-s3); background: var(--mx-card); border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); cursor: default; font-size: var(--mx-fs-small); }
.erd-open-head span { color: var(--mx-label); }
.erd-open-head[hidden] { display: none; }
.erd-legend-t { font: 10px var(--mx-sans); fill: var(--mx-ink); }
.erd-legend-line { fill: none; stroke: var(--mx-label); stroke-width: 1.3; } .erd-legend-line.dash { stroke-dasharray: 3 3; }
.erd-legend-ring { fill: var(--mx-canvas); stroke: var(--mx-label); stroke-width: 1.3; }
.erd-legend-lit { fill: none; stroke: var(--mx-accent); stroke-width: 2; }
.erd-legend-zone { fill: var(--mx-tint); stroke: var(--mx-line-focus); } .erd-legend-view { fill: var(--mx-canvas); stroke: var(--mx-line-focus); stroke-dasharray: 3 2; }
.erd-legend-pill { fill: var(--mx-canvas); }

@media (max-width: 767px) { .erd-open-head { left: var(--mx-s2); top: var(--mx-s2); max-width: calc(100% - 110px); padding: var(--mx-s1) var(--mx-s2); gap: var(--mx-s1) var(--mx-s2); }
  .erd-open-head span { display: none; } .v2-erd { margin-bottom: var(--mx-s4); } }

.city-layers:has(+ .city-places), .city-layers + .city-places { display: inline-flex; vertical-align: top; margin-right: var(--mx-s3); }
.erd-apart-line { stroke: var(--mx-label); stroke-width: 2; stroke-dasharray: 10 8; fill: none; }
.kit-chip.look { background: var(--mx-primary); color: var(--mx-on-ink); }

.v2-bshape { display: grid; grid-template-columns: 1fr minmax(160px, 220px) 1fr; gap: var(--mx-s5); align-items: stretch; margin: var(--mx-s4) 0 var(--mx-s8); }
.v2-bshape .side { padding: var(--mx-s5); background: var(--mx-card); border: 2px solid var(--mx-ink); border-radius: var(--mx-r-md); }
.v2-bshape .s1 { grid-column: 3; grid-row: 1; }
.v2-bshape .middle { grid-column: 2; grid-row: 1; align-self: center; text-align: center; font-size: var(--mx-fs-small); color: var(--mx-label); }
.v2-bshape .middle::before { content: "⇄"; display: block; font-size: 28px; color: var(--mx-primary); }
.v2-bshape h2 { font-size: var(--mx-fs-title, 22px); line-height: 1.2; margin: var(--mx-s1) 0 var(--mx-s4); font-weight: var(--mx-w-ui); }
.v2-bshape ol { margin: 0; padding-left: 1.2em; display: grid; gap: var(--mx-s3); }
.v2-bshape .says { display: block; font-weight: var(--mx-w-strong); }
.v2-bshape .chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.v2-bshape .chips > span { font: var(--mx-fs-count) var(--mx-mono); padding: 1px 7px; border-radius: var(--mx-r-pill); border: 1px solid var(--mx-line); color: var(--mx-ink); text-decoration: none; background: var(--mx-tint); }/*kit-part*/
.v2-bshape .chips > span.none { border-style: dashed; background: transparent; color: var(--mx-label); }
@media (max-width: 899px) { .v2-bshape { grid-template-columns: 1fr; } .v2-bshape .s1, .v2-bshape .middle { grid-column: auto; grid-row: auto; } }

.v2-next { background: var(--mx-pop); border: 1px solid var(--mx-line); margin-bottom: var(--mx-s3); }
.v2-earn { margin: 0 0 var(--mx-s8); }
.v2-earn > .in-head:first-child { margin-top: 0; }
.v2-earn-launch { margin: 0 0 var(--mx-s3); font-size: var(--mx-fs-small); color: var(--mx-body); }
.v2-earn-ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--mx-s3); }
.v2-way { display: flex; flex-direction: column; gap: var(--mx-s2); padding: var(--mx-s5); border-radius: var(--mx-r-card); background: var(--mx-pop); border: 1px solid var(--mx-line); }
.v2-way-t { display: flex; justify-content: space-between; align-items: baseline; gap: var(--mx-s3); font-weight: var(--mx-w-strong); }
.v2-way-now { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); color: var(--mx-label); }
.v2-way.open .v2-way-now { color: var(--mx-green-2); }
.v2-way.open .v2-way-now::before { content: ""; width: 7px; height: 7px; border-radius: var(--mx-r-round); background: var(--mx-green-2); }
.v2-way-money { display: flex; flex-direction: column; gap: var(--mx-s1); color: var(--mx-body); font-size: var(--mx-fs-label); line-height: var(--mx-lh-label); }
.v2-way-money b { color: var(--mx-ink); font-size: var(--mx-fs-price); line-height: 1; letter-spacing: -.04em; }
.v2-way-s { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.v2-way > .kit-link { margin-top: auto; align-self: flex-start; }
.v2-fine { margin-top: var(--mx-s3); text-align: left; font-size: var(--mx-fs-small); color: var(--mx-body); }
.v2-fine summary { cursor: pointer; color: var(--mx-label); min-height: var(--mx-h-ctl); display: flex; align-items: center; }
.v2-fine dl { display: grid; gap: var(--mx-s3); margin: var(--mx-s2) 0 0; }
.v2-fine dt { font-weight: var(--mx-w-strong); color: var(--mx-ink); }
.v2-fine dd { margin: 0; }
.v2-earn-ai { padding: var(--mx-s5); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); }

.v2-ai-step { display: flex; gap: var(--mx-s2); align-items: baseline; }
.v2-ai-n { font: var(--mx-fs-small) var(--mx-mono); color: var(--mx-accent); }
.v2-ai-pick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s2); }
@media (min-width: 900px) { .v2-ai-pick { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.v2-ai-form { display: contents; }
.v2-ai-choice { display: flex; flex-direction: column; gap: var(--mx-s1); text-align: left; padding: var(--mx-s3); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); color: inherit; font: inherit; cursor: pointer; }
.v2-ai-choice.on { border-color: var(--mx-ink); outline: 1px solid var(--mx-ink); }
.v2-ai-jobs { display: grid; gap: var(--mx-s2); }
.v2-ai-job summary { cursor: pointer; font-weight: var(--mx-w-strong); }
.v2-ai-key { display: flex; gap: var(--mx-s2); align-items: center; justify-content: space-between; flex-wrap: wrap; }
.v2-ai-worked.on { border-color: var(--mx-green-2); }
.v2-ai-skills { display: grid; gap: var(--mx-s5); padding: var(--mx-s4) var(--mx-s5); list-style: none; }
.v2-ai-know { display: grid; gap: var(--mx-s2); justify-items: start; }
.v2-ai-know + .v2-ai-know { border-top: 1px solid var(--mx-line); padding-top: var(--mx-s5); }
.v2-ai-know-line, .v2-ai-know-reads { margin: 0; }
.v2-ai-know-reads { display: grid; gap: var(--mx-s1); justify-items: start; }
.v2-earn-ask { white-space: pre-wrap; font: var(--mx-fs-small)/1.55 var(--mx-mono); background: var(--mx-pop); border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); padding: var(--mx-s4); margin: var(--mx-s2) 0 var(--mx-s3); }
.v2-example { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--mx-s5); align-items: start; margin-bottom: var(--mx-s8); }
.v2-example .in-player { position: relative; top: 0; width: 100%; margin: 0; }
.v2-example .t { margin: 0 0 var(--mx-s1); font-weight: var(--mx-w-strong); }

.v2-next-words { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mx-s3); }
.v2-next-words h2 { font-size: var(--mx-fs-section); line-height: var(--mx-lh-section); letter-spacing: var(--mx-ls-section); font-weight: var(--mx-w-strong); text-wrap: balance; }
.v2-next-words .v2-next-line { max-width: 34rem; font-size: var(--mx-fs-lead); line-height: var(--mx-lh-lead); margin-bottom: var(--mx-s2); }
.v2-steps { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--mx-s2); width: 100%; max-width: 40rem; margin-top: var(--mx-s5); }
.v2-steps li { display: flex; flex-direction: column; gap: var(--mx-s2); font-size: 14px; line-height: 1.3; color: var(--mx-label); }
.v2-step-pay { font-family: var(--mx-sign); font-stretch: 125%; font-size: 15px; color: var(--mx-ink); }
.v2-steps li.at .v2-step-pay { color: var(--mx-primary); }
.v2-steps i { display: block; height: 6px; border-radius: var(--mx-r-pill); background: var(--mx-chip); }
.v2-steps li.done i { background: var(--mx-ink); }
.v2-steps li.at i { background: var(--mx-primary); }
.v2-steps li.at { color: var(--mx-ink); font-weight: var(--mx-w-strong); }

.v2-home { display: flex; flex-direction: column; gap: var(--mx-s8); width: 100%; }
.v2-home > * { max-width: 44rem; }

.v2-plan { display: grid; gap: var(--mx-s2); font-size: var(--mx-fs-lead); line-height: var(--mx-lh-lead); color: var(--mx-label); }
.v2-plan-pay { color: var(--mx-ink); }
.v2-plan-pay b { font-size: 26px; line-height: 1.1; }
.v2-howpay > summary { cursor: pointer; font-weight: var(--mx-w-strong); }
.v2-howpay[open] > summary { margin-bottom: var(--mx-s4); }
.v2-howpay .v2-fine { margin-top: var(--mx-s4); }
.v2-way-money b { font-size: 52px; }
@media (max-width: 899px) {
  .v2-home { gap: var(--mx-s6); }
  .v2-next-words .kit-btn.primary { width: 100%; }
}
@media (max-width: 599px) { .v2-example { grid-template-columns: 132px minmax(0, 1fr); } .v2-way-money b { font-size: 40px; } .v2-steps { grid-auto-flow: row; gap: var(--mx-s3); } .v2-steps li { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: var(--mx-s3); } .v2-steps i { width: 10px; height: 10px; } .v2-next-words h2 { font-size: 30px; } }

.in-row-txt .v2-agents-s { white-space: normal; overflow-wrap: anywhere; }
.v2-agents-details { margin-top: var(--mx-s6); }
.v2-review-why { margin-bottom: var(--mx-s5); padding: var(--mx-s5); }
.v2-review-why h3 { margin: 0 0 var(--mx-s1); }
.v2-review-checks { margin: var(--mx-s3) 0 0; padding-left: 1.25em; list-style: decimal; display: flex; flex-direction: column; gap: var(--mx-s2); font-size: var(--mx-fs-small); }
.v2-review-ask { max-height: 240px; overflow: auto; }

.v2-ship { display: grid; grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); gap: var(--mx-s3); margin-bottom: var(--mx-s8); }
.v2-ship-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto 1fr; column-gap: var(--mx-s5); padding: var(--mx-s4) var(--mx-s5); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); }
.v2-ship-main > p { grid-column: 1; margin: 0; }
.v2-ship-main .kit-fig.big { margin: var(--mx-s1) 0; }
.v2-ship-main.ok { border-color: var(--mx-green); } .v2-ship-main.ok .kit-fig { color: var(--mx-ok); }
.v2-ship-main.slow { border-color: var(--mx-primary); } .v2-ship-main.slow .kit-fig { color: var(--mx-primary-ink); }
.v2-ship-week { grid-column: 2; grid-row: 1 / -1; display: flex; align-items: flex-end; gap: 4px; height: 96px; margin: 0; padding: 0; list-style: none; align-self: end; }
.v2-ship-week li { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; width: 14px; height: 100%; font-size: 10px; color: var(--mx-label); }
.v2-ship-week i { display: block; width: 100%; max-height: calc(100% - 14px); border-radius: 2px; background: var(--mx-hint); }
.v2-ship-week i.ok { background: var(--mx-green); } .v2-ship-week i.slow { background: var(--mx-primary); } .v2-ship-week i.none { background: var(--mx-line); }
.kit-chip.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
.v2-ship .v2-tile.slow .kit-fig { color: var(--mx-primary-ink); }
.v2-ship-queue { margin: 0 0 var(--mx-s4); }
.v2-stuck { margin-bottom: var(--mx-s4); padding: var(--mx-s4) var(--mx-s5); border: 1px solid var(--mx-primary); box-shadow: none; }
.v2-stuck > p { margin: 0 0 var(--mx-s2); color: var(--mx-primary-ink); }
.v2-stuck-none { margin: 0 0 var(--mx-s4); }
@media (max-width: 1100px) { .v2-ship { grid-template-columns: repeat(3, minmax(0, 1fr)); } .v2-ship-main { grid-column: 1 / -1; } }
@media (max-width: 720px) { .v2-ship .v2-tile { padding: var(--mx-s3); } }

.v2-test-mark { vertical-align: middle; min-height: 0; padding: 1px var(--mx-s2); font-size: var(--mx-fs-count); }
.v2-people .in-row-txt .s { white-space: normal; }
.v2-people .s .kit-link { min-width: 0; padding-block: 0; }

.v2-earn-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-s4); margin-bottom: var(--mx-s4); align-items: stretch; }
.v2-earn-tile { display: grid; gap: var(--mx-s2); align-content: start; }
.v2-earn-tile .kit-fig, .v2-earn .kit-fig { font-size: var(--mx-fs-h2); line-height: 1.1; }
.v2-earn-tile .in-quiet { font-size: var(--mx-fs-label); }
.v2-score { margin-bottom: var(--mx-s4); }
.v2-earn-lines { list-style: none; margin: 0 0 var(--mx-s6); padding: 0; display: grid; gap: var(--mx-s3); }
.v2-earn { display: grid; gap: var(--mx-s1); }
.v2-earn .t { font-weight: var(--mx-w-ui); }
.v2-earn-steps { list-style: none; margin: var(--mx-s3) 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--mx-s3); }
.v2-earn-steps li { display: grid; gap: 2px; padding-top: var(--mx-s2); border-top: 3px solid var(--mx-line); font-size: var(--mx-fs-label); color: var(--mx-label); }
.v2-earn-steps li.on { border-top-color: var(--mx-ink); color: var(--mx-ink); }
.v2-earn-steps .k { font-weight: var(--mx-w-ui); text-transform: uppercase; letter-spacing: .04em; }
.v2-said { list-style: none; margin: 0 0 var(--mx-s6); padding: 0; display: grid; gap: var(--mx-s3); }
.v2-said li { padding-left: var(--mx-s4); border-left: 2px solid var(--mx-line); }
@media (max-width: 767px) { .v2-earn-tiles { grid-template-columns: 1fr; gap: var(--mx-s2); } .v2-earn-tile { padding: var(--mx-s3) var(--mx-s4); gap: 2px; } .v2-earn-steps { grid-template-columns: 1fr 1fr; } }



@property --v2-n { syntax: "<integer>"; initial-value: 0; inherits: false; }
.v2-bought { display: flex; flex-direction: column; align-items: center; gap: var(--mx-s4); text-align: center; padding-block: var(--mx-s10); max-width: 520px; margin-inline: auto; }
.v2-gem { position: relative; width: 72px; height: 72px; margin-bottom: var(--mx-s2); }
.v2-gem::before { content: ""; position: absolute; inset: 10px; border-radius: 14px; transform: rotate(45deg);
  background: linear-gradient(135deg, var(--mx-primary-h), var(--mx-primary) 55%, var(--mx-primary-2)); box-shadow: inset 0 3px 0 rgb(255 255 255 / 45%), 0 4px 0 var(--mx-primary-lip);
  animation: v2-gem-pop .55s cubic-bezier(.3, 1.6, .5, 1) both; }
.v2-gem i { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px; border-radius: 2px; background: var(--mx-primary); opacity: 0;
  animation: v2-spark .7s cubic-bezier(.15, .7, .3, 1) .25s both; }
.v2-gem i:nth-child(3n) { background: var(--mx-ink); width: 6px; height: 6px; margin: -3px; }
.v2-gem i:nth-child(3n+1) { background: var(--mx-coral-soft); border-radius: 50%; }
.v2-plus { color: var(--mx-accent); animation: v2-rise .45s ease-out .15s both; }
.v2-now { font-size: 1.25rem; color: var(--mx-body); }
.v2-roll { --v2-n: var(--to); counter-reset: v2n var(--v2-n); color: var(--mx-ink); animation: v2-roll .9s cubic-bezier(.2, .8, .2, 1) .3s backwards; }
.v2-roll::after { content: counter(v2n) / ""; }
.v2-paid { font-size: .875rem; }
.v2-bought.wait .v2-gem::before { animation: v2-gem-wait 1.4s ease-in-out infinite; opacity: .55; }
@keyframes v2-gem-pop { from { transform: rotate(45deg) scale(0); } 70% { transform: rotate(45deg) scale(1.15); } to { transform: rotate(45deg) scale(1); } }
@keyframes v2-spark { 0% { opacity: 0; transform: rotate(var(--a)) translateY(0) scale(1); } 15% { opacity: 1; } 100% { opacity: 0; transform: rotate(var(--a)) translateY(-64px) scale(.4); } }
@keyframes v2-rise { from { opacity: 0; transform: translateY(8px) scale(.96); } }
@keyframes v2-roll { from { --v2-n: var(--from); } }
@keyframes v2-gem-wait { 50% { transform: rotate(45deg) scale(.9); } }
@media (prefers-reduced-motion: reduce) { .v2-gem::before, .v2-gem i, .v2-plus, .v2-roll, .v2-bought.wait .v2-gem::before { animation: none; } }
.v2-tbl td[data-col="Latest"] { text-align: left; }


.v2-dash { display: flex; flex-direction: column; gap: var(--mx-s8); }
.v2-dash-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mx-s3); margin-bottom: var(--mx-s2); }
.v2-dash-head .in-head { margin: 0; }
.v2-dash input.v2-dash-search { width: min(260px, 100%); min-height: 36px; padding: 0 var(--mx-s3); font-size: var(--mx-fs-box); border: 1px solid var(--mx-line); border-radius: var(--mx-r-sm); background: var(--mx-pop); box-shadow: none; }
.v2-dash .kit-btn, .v2-dash .kit-btn.ghost, .v2-dash .kit-btn:hover, .v2-dash .kit-btn:active:not(:disabled) { min-height: 34px; padding: 0 var(--mx-s3); font-size: var(--mx-fs-small); background: var(--mx-pop); border: 1px solid var(--mx-line); box-shadow: none; transform: none; }
.v2-dash .kit-btn:hover { background: var(--mx-card); }
.v2-dash .kit-btn:disabled { color: var(--mx-hint); opacity: .7; }
.v2-dash .v2-admin-row { padding: var(--mx-s2) 0; gap: var(--mx-s2) var(--mx-s3); flex-wrap: nowrap; align-items: flex-start; }
.v2-dash .v2-admin-row > form, .v2-dash .v2-admin-row > .kit-btn { flex: none; }
.v2-dash .v2-admin-row .in-row-txt { flex: 1 1 auto; min-width: 0; }
.v2-dash .in-row-txt .s { white-space: normal; }
.v2-dash #needs .v2-admin-row { align-items: center; }
.v2-dash-moneys { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--mx-s6); }
.v2-dash-money h3 { margin: 0 0 var(--mx-s2); font-size: var(--mx-fs-label); color: var(--mx-label); font-weight: 600; }
.v2-dash-tiles { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--mx-line); }
.v2-dash-tile { display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s3) var(--mx-s3) var(--mx-s3) 0; }
.v2-dash-tile + .v2-dash-tile { padding-left: var(--mx-s3); border-left: 1px solid var(--mx-line); }
.v2-dash-tile .l, .v2-dash-tile .s { font-size: var(--mx-fs-small); color: var(--mx-label); }
.v2-dash-tile .v { font-size: var(--mx-fs-h2); font-weight: 600; color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.v2-more { position: relative; flex: none; }
.v2-more > summary { list-style: none; cursor: pointer; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--mx-line); border-radius: var(--mx-r-sm); background: var(--mx-pop); color: var(--mx-label); font-size: 18px; line-height: 1; }
.v2-more > summary::-webkit-details-marker { display: none; }
.v2-more[open] > summary { background: var(--mx-card); color: var(--mx-ink); }
.v2-more-menu { position: absolute; right: 0; top: calc(100% + 4px); z-index: 20; width: max-content; max-width: min(320px, 90vw); display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s2);
  background: var(--mx-pop); border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); box-shadow: var(--mx-shadow-float); }
.v2-more-menu form { display: flex; flex-wrap: wrap; gap: var(--mx-s1); margin: 0; }
.v2-more-menu .kit-btn, .v2-more-menu .kit-btn.ghost, .v2-more-menu .kit-btn:hover { justify-content: flex-start; border-color: transparent; background: transparent; }
.v2-more-menu .kit-btn:hover { background: var(--mx-card); }
.v2-more-menu input { width: 100%; min-height: 34px; font-size: var(--mx-fs-box); }
@media (max-width: 560px) { .v2-dash-tiles { grid-template-columns: 1fr 1fr 1fr; } .v2-dash-tile .v { font-size: var(--mx-fs-ui); } }
@media (max-width: 899px) { .v2-earn-ways { grid-template-columns: 1fr; } }


@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 80ms; }
@media (prefers-reduced-motion: reduce) { ::view-transition-old(root), ::view-transition-new(root) { animation: none; } }

svg.erd .erd-grid { display: none; }
svg.erd .erd-bundle .pele-marker { display: none; }
svg.erd .pele-er-keys { font-weight: var(--mx-w-strong); fill: var(--mx-ink); }
svg.erd .pele-cluster.near > rect { fill: var(--mx-canvas); stroke-dasharray: calc(6px / var(--erd-k, 1)) calc(4px / var(--erd-k, 1)); }

svg.erd.city .erd-zone-box { fill: var(--mx-tint); stroke: var(--mx-line-focus); stroke-width: calc(1px / var(--erd-k, 1)); }
svg.erd.city .erd-zone-head { fill: var(--mx-card); stroke: var(--mx-line-focus); stroke-width: calc(1px / var(--erd-k, 1)); }
svg.erd.city .erd-zone:hover .erd-zone-head { fill: var(--mx-well); }
svg.erd.city .erd-zone-name { font: var(--mx-w-strong) 15px var(--mx-sans); fill: var(--mx-ink); }
svg.erd.city .erd-zone-sub { font-weight: var(--mx-w-ui); fill: var(--mx-label); }
svg.erd.city .erd-card > rect { fill: var(--mx-card); stroke: var(--mx-line-focus); stroke-width: calc(1px / var(--erd-k, 1)); }
svg.erd.city .erd-card.view > rect { stroke-dasharray: 4 3; }
svg.erd.city .erd-card:hover > rect { stroke: var(--mx-accent); }
svg.erd.city .erd-chip-t { font: var(--mx-w-ui) 14px var(--mx-sans); fill: var(--mx-ink); pointer-events: none; }
svg.erd.city .erd-bline { fill: none; stroke: var(--mx-label); stroke-width: calc(1.2px / var(--erd-k, 1)); stroke-dasharray: calc(5px / var(--erd-k, 1)) calc(3px / var(--erd-k, 1)); stroke-linejoin: round; }
svg.erd.city .erd-count { fill: var(--mx-canvas); stroke: var(--mx-label); stroke-width: calc(1px / var(--erd-k, 1)); }
svg.erd.city .erd-count-t { font: var(--mx-w-strong) 11px var(--mx-sans); fill: var(--mx-label); }
svg.erd.city .erd-bundle:hover .erd-bline, svg.erd.city .erd-bundle:hover .erd-count { stroke: var(--mx-accent); }

.v2-erd.still { touch-action: auto; cursor: default; overflow: visible; }
svg.erd .erd-b .erd-b-line { fill: none; stroke: var(--mx-label); stroke-opacity: .5; stroke-dasharray: none; vector-effect: non-scaling-stroke; stroke-linecap: round; }
svg.erd .erd-b-count rect { fill: var(--mx-canvas); stroke: var(--mx-line); stroke-width: 1px; vector-effect: non-scaling-stroke; }
svg.erd .erd-b-count text { font: var(--mx-w-ui) 11px var(--mx-sans); fill: var(--mx-label); pointer-events: none; }
svg.erd .erd-b:hover .erd-b-line { stroke: var(--mx-accent); stroke-opacity: 1; }
svg.erd.focus .erd-b-count { opacity: .25; }
svg.erd-room .erd-z-box { fill: var(--mx-card); stroke: var(--mx-line-focus); stroke-width: 1px; vector-effect: non-scaling-stroke; }
svg.erd-room .erd-z-card.near .erd-z-box { fill: var(--mx-canvas); stroke-dasharray: 5 4; }
svg.erd-room .erd-z-card.view .erd-z-box { stroke-dasharray: 5 4; }
svg.erd-room .erd-z-card:hover .erd-z-box { stroke: var(--mx-accent); }
svg.erd-room .erd-z-rule { stroke: var(--mx-line); stroke-width: 1px; vector-effect: non-scaling-stroke; }
svg.erd-room .erd-z-name { font: var(--mx-w-strong) 14px var(--mx-sans); fill: var(--mx-ink); }
svg.erd-room .erd-z-sub { font: var(--mx-w-ui) 12px var(--mx-sans); fill: var(--mx-label); }
svg.erd-room .erd-z-col { font: 12px var(--mx-mono); fill: var(--mx-ink); }
svg.erd-room .erd-z-col.pk { font-weight: var(--mx-w-strong); }
svg.erd-room .erd-z-type { font: 11px var(--mx-mono); fill: var(--mx-label); }
svg.erd-room .erd-z-mark { font: 700 10px var(--mx-mono); fill: var(--mx-ink); }
svg.erd-room .erd-z-mark.fk { fill: var(--mx-accent); }
svg.erd-room .erd-z-to { font: 11px var(--mx-sans); fill: var(--mx-label); }
svg.erd .erd-z-quiet { font: var(--mx-w-ui) 12px var(--mx-sans); fill: var(--mx-label); }
svg.erd .erd-z-line, svg.erd .erd-z-foot { fill: none; stroke: var(--mx-label); stroke-width: 1.2px; vector-effect: non-scaling-stroke; }
svg.erd .erd-z-ring { fill: var(--mx-card); stroke: var(--mx-label); stroke-width: 1.2px; vector-effect: non-scaling-stroke; }
svg.erd-room.focus .erd-z-key:not(.lit) { opacity: .12; }
svg.erd-room .erd-z-key.lit :is(.erd-z-line, .erd-z-foot, .erd-z-ring) { stroke: var(--mx-accent); stroke-width: 2px; }
svg.erd .erd-z-tagbg { fill: var(--mx-canvas); }
svg.erd .erd-z-label { font: var(--mx-w-ui) 11px var(--mx-sans); fill: var(--mx-label); }
svg.erd .erd-gz-box { fill: var(--mx-card); stroke: var(--mx-line-focus); stroke-width: 1px; vector-effect: non-scaling-stroke; }
svg.erd .pele-entity.view .erd-gz-box { stroke-dasharray: 5 4; }
svg.erd .erd-gridzone .pele-label { font: var(--mx-w-ui) 14px var(--mx-sans); fill: var(--mx-ink); }
svg.erd .erd-gridzone .pele-cluster-label { font: var(--mx-w-strong) 14px var(--mx-sans); }
svg.erd.focus .erd-gz-key:not(.lit) { opacity: .18; }
svg.erd .erd-gz-key.lit :is(.erd-z-line, .erd-z-foot, .erd-z-ring) { stroke: var(--mx-accent); }
svg.erd .erd-b.around .erd-b-line { stroke-opacity: .3; }

.in-sheet:has(.hm) > .in-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0; padding: 0; }
.hm { display: flex; flex-direction: column; gap: var(--mx-s4); width: 100%; max-width: var(--mx-w-page); }
.hm-grid { display: grid; grid-template-columns: minmax(0, 560px) minmax(0, 340px); justify-content: space-between; gap: var(--mx-s12); align-items: start; }
.hm-side { display: grid; gap: var(--mx-s4); padding-top: 56px; }

.hm > .v2-strip { margin-right: 380px; }
@media (max-width: 767px) { .hm > .v2-strip { margin-right: 0; } }
.hm h3 { font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); margin: 0; }
.hm-s { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); margin: 2px 0 0; }
.hm-card { background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); color: var(--mx-body); }


.hm-unit { display: flex; align-items: stretch; border-radius: var(--mx-r-card); background: var(--mx-primary-ink); color: var(--mx-on-key); box-shadow: 0 var(--mx-edge) 0 var(--mx-key-edge); overflow: hidden; }
.hm-unit-t { flex: 1; padding: 14px 18px 16px; }
.hm-unit-t small { display: block; font: var(--mx-w-black) 13px/1 var(--mx-sans); letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
.hm-unit-t h2 { margin: 7px 0 0; font: var(--mx-w-black) 22px/1.2 var(--mx-sans); color: var(--mx-on-key); text-wrap: balance; }
.hm-unit-i { display: grid; place-items: center; width: 62px; border-left: var(--mx-bw) solid rgb(0 0 0 / 20%); color: var(--mx-on-key); }
.hm-unit-i .hm-glyph { width: 28px; height: 28px; }
.hm-glyph { display: inline-flex; width: 30px; height: 30px; }


.hm-path { list-style: none; margin: 0; padding: 64px 0 var(--mx-s4); display: grid; gap: 22px; justify-items: center; }
.hm-step { display: grid; justify-items: center; gap: var(--mx-s3); width: 100%; }
.hm-step-n { display: grid; justify-items: center; gap: var(--mx-s3); transform: translateX(var(--x, 0)); }
.hm-node { position: relative; display: grid; place-items: center; width: 72px; height: 66px; border-radius: 50%; background: var(--mx-line); color: #7a7a7a; box-shadow: 0 8px 0 var(--mx-line-focus); }
.hm-node.done { background: var(--mx-primary); color: var(--mx-on-key); box-shadow: 0 8px 0 var(--mx-primary-ink); }
.hm-node.now { background: var(--mx-primary); color: var(--mx-on-key); box-shadow: 0 8px 0 var(--mx-primary-ink); }
.hm-node.now::before { content: ""; position: absolute; inset: -12px -12px -20px; border-radius: 50%; border: 7px solid var(--mx-line); }
.hm-node.waiting { background: var(--mx-amber); color: var(--mx-wait); box-shadow: 0 8px 0 var(--mx-amber-edge); }
.hm-node.media { overflow: visible; background: var(--mx-card); border: 4px solid var(--mx-line); }
.hm-node.media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.hm-node.coin { width: 88px; height: 80px; background: var(--mx-amber); color: #4a3200; box-shadow: 0 8px 0 var(--mx-amber-edge); font: var(--mx-w-black) 34px/1 var(--mx-sans); }
.hm-kept { position: absolute; right: -40px; top: -14px; width: 40px; aspect-ratio: 9 / 16; border-radius: var(--mx-r-sm); overflow: hidden; border: 3px solid var(--mx-card);
  box-shadow: 0 var(--mx-edge) 0 var(--mx-green-edge); transform: rotate(8deg); }
.hm-kept img { width: 100%; height: 100%; object-fit: cover; }

.hm-go { position: absolute; bottom: calc(100% + 22px); left: 50%; transform: translateX(-50%); padding: 9px 14px 10px; background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line);
  border-radius: var(--mx-r-md); font: var(--mx-w-black) 15px/1 var(--mx-sans); color: var(--mx-primary-ink); white-space: nowrap; }
.hm-go::after { content: ""; position: absolute; top: 100%; left: 50%; width: 12px; height: 12px; background: var(--mx-card); border: solid var(--mx-line); border-width: 0 2px 2px 0;
  transform: translate(-50%, -6px) rotate(45deg); }
.hm-lbl { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 10px; background: var(--mx-tint); white-space: nowrap; font: var(--mx-w-strong) 14px/1 var(--mx-sans); color: var(--mx-label); }
.hm-lbl em { font-style: normal; font-weight: var(--mx-w-black); color: var(--mx-ok); }
.hm-lbl em.free { color: var(--mx-primary-ink); }
.hm-lbl em.wait { color: var(--mx-wait); }
.hm-step.at .hm-lbl { display: none; }
.hm-step.at:not(:first-child) { margin-top: 44px; }


.hm-pop { position: relative; width: 100%; margin-top: var(--mx-s1); padding: var(--mx-s4) var(--mx-s4) 18px; border-radius: var(--mx-r-card); background: var(--mx-primary-ink); color: var(--mx-on-key); text-align: left; }
.hm-step .hm-pop::before { content: ""; position: absolute; top: -8px; left: calc(50% + var(--x, 0px)); width: 18px; height: 18px; margin-left: -9px; background: var(--mx-primary-ink); transform: rotate(45deg); border-radius: 3px; }
.hm-pop h2 { margin: 0; font: var(--mx-w-black) 22px/1.15 var(--mx-sans); color: var(--mx-on-key); }
.hm-pop > p { margin-top: var(--mx-s1); font-size: 16px; line-height: 1.35; }
.hm-picks { display: flex; justify-content: space-between; gap: 6px; margin: 14px 0 4px; }
.hm-pick-form { display: block; }
.hm-pick { position: relative; display: grid; justify-items: center; align-content: start; gap: 5px; width: 50px; padding: 0; border: 0; background: none; color: var(--mx-on-key); cursor: pointer; }
.hm-pick input { position: absolute; opacity: 0; pointer-events: none; }
.hm-pick:has(:checked) span { outline: 3px solid var(--mx-card); outline-offset: 3px; background: var(--mx-primary-t); }
.hm-pick:has(:focus-visible) span { outline: 3px solid var(--mx-card); outline-offset: 3px; }
.hm-name { display: none; }
.hm-pop:has(input[value="claude-code"]:checked) .hm-name[data-ai="claude-code"], .hm-pop:has(input[value="codex"]:checked) .hm-name[data-ai="codex"],
.hm-pop:has(input[value="cursor"]:checked) .hm-name[data-ai="cursor"], .hm-pop:has(input[value="chatgpt"]:checked) .hm-name[data-ai="chatgpt"],
.hm-pop:has(input[value="grok"]:checked) .hm-name[data-ai="grok"], .hm-pop:has(input[value="gemini"]:checked) .hm-name[data-ai="gemini"] { display: inline; margin-left: .25em; }
.hm-pick span { display: grid; place-items: center; width: 48px; height: 48px; padding: 11px; border-radius: 14px; background: var(--mx-card); color: #111; box-shadow: 0 var(--mx-edge) 0 var(--mx-key-edge);
  transition: transform 80ms ease-out, box-shadow 80ms ease-out; }
.hm-pick:active span { transform: translateY(var(--mx-edge)); box-shadow: none; }
.hm-pick.claude-code span { color: #d97757; }
.hm-pick.gemini span { color: #4285f4; }
.hm-pick small { font: var(--mx-w-strong) 11px/1.1 var(--mx-sans); text-align: center; }
.hm-white { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; margin-top: 18px; border: 0; cursor: pointer; padding: 0 28px; border-radius: var(--mx-r-card); background: var(--mx-card); color: var(--mx-primary-ink);
  box-shadow: 0 var(--mx-edge) 0 var(--mx-key-edge); font: var(--mx-w-black) 16px/1 var(--mx-sans); transition: transform 80ms ease-out, box-shadow 80ms ease-out; }
.hm-white:active { transform: translateY(var(--mx-edge)); box-shadow: none; }
@media (prefers-reduced-motion: reduce) { .hm-white:active, .hm-pick:active span { transform: none; } }
@media (min-width: 768px) {
  .hm-pop { padding: 20px 22px 22px; }
  .hm-picks { justify-content: flex-start; gap: 18px; }
  .hm-pick { width: 64px; }
  .hm-pick span { width: 60px; height: 60px; padding: 14px; }
  .hm-pick small { font-size: 12px; }
  .hm-white { display: inline-flex; width: auto; }
}


.hm-free { display: grid; grid-template-columns: 92px 1fr; gap: var(--mx-s4); align-items: center; padding: var(--mx-s5); text-decoration: none; }
.hm-free img { width: 92px; aspect-ratio: 9 / 16; object-fit: cover; border-radius: var(--mx-r-md); }
.hm-free h3 { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); }
.hm-free:hover { background: var(--mx-tint); }
@media (max-width: 1023px) { .hm-free { display: none; } }


.hm-tile { display: flex; align-items: center; gap: var(--mx-s4); padding: var(--mx-s5); text-decoration: none; box-shadow: 0 var(--mx-edge) 0 var(--mx-line); transition: transform 80ms ease-out, box-shadow 80ms ease-out; }
.hm-tile:hover { background: var(--mx-tint); }
.hm-tile:active { transform: translateY(var(--mx-edge)); box-shadow: none; }
.hm-dot { width: 44px; height: 44px; border-radius: var(--mx-r-md); background: var(--mx-primary-t); color: var(--mx-primary-ink); display: grid; place-items: center; flex: none; padding: 10px; }
.hm-grow { flex: 1; min-width: 0; }
.hm-chev { width: 16px; height: 16px; color: var(--mx-hint); flex: none; align-self: center; }


.hm-tag { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: var(--mx-r-sm); font: var(--mx-w-ui) var(--mx-fs-tag)/1 var(--mx-sans);
  background: var(--mx-tint); color: var(--mx-label); white-space: nowrap; }
.hm-tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.hm-tag.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
.hm-tag.wait { background: var(--mx-wait-t); color: var(--mx-wait); }


.hm-howpay > summary { cursor: pointer; padding: var(--mx-s4) var(--mx-s6); font-weight: var(--mx-w-ui); color: var(--mx-ink); list-style: none; display: flex; justify-content: space-between; align-items: center; }
.hm-howpay > summary::-webkit-details-marker { display: none; }
.hm-howpay > summary::after { content: "+"; color: var(--mx-hint); font-size: 18px; }
.hm-howpay[open] > summary::after { content: "−"; }
.hm-launch { padding: 0 var(--mx-s6) var(--mx-s3); margin: 0; }
.hm-ways { list-style: none; margin: 0; padding: 0; }
.hm-way { display: grid; gap: 2px; padding: var(--mx-s4) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); }
.hm-way-t { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s3); margin: 0; color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.hm-way-money { margin: 2px 0 0; color: var(--mx-body); font-size: var(--mx-fs-ui); }
.hm-way-money b { color: var(--mx-ink); font-weight: var(--mx-w-strong); font-variant-numeric: tabular-nums; }
.hm-link { margin-top: var(--mx-s2); justify-self: start; color: var(--mx-ink); font-weight: var(--mx-w-ui); font-size: var(--mx-fs-small); text-decoration: none; }/*kit-part*/
.hm-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.hm-fine { border-top: var(--mx-bw) solid var(--mx-line); padding: var(--mx-s3) var(--mx-s6) var(--mx-s4); font-size: var(--mx-fs-small); color: var(--mx-label); }
.hm-fine > summary { cursor: pointer; color: var(--mx-label); }
.hm-fine dl { display: grid; gap: var(--mx-s3); margin: var(--mx-s3) 0 0; }
.hm-fine dt { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.hm-fine dd { margin: 2px 0 0; line-height: var(--mx-lh-small); }

@media (max-width: 1023px) {
  .hm-grid { grid-template-columns: minmax(0, 560px); justify-content: center; gap: var(--mx-s6); }
  .hm-side { padding-top: 0; }
}
@media (max-width: 767px) {
  .hm-tile { padding: var(--mx-s4); }
  .hm-howpay > summary, .hm-way, .hm-launch { padding-left: var(--mx-s5); padding-right: var(--mx-s5); }
  .hm-fine { padding-left: var(--mx-s5); padding-right: var(--mx-s5); }
}

.slot-battery { position: relative; font-size: 12px; max-width: 100%; color: var(--mx-ink, #191919); }
.slot-battery > summary { display: flex; gap: 8px; align-items: center; cursor: pointer; list-style: none; min-height: 44px; }
.slot-battery > summary::-webkit-details-marker { display: none; }
.slot-battery summary small, .slot-battery summary b { display: block; line-height: 1.25; }
.slot-battery summary small { font-size: 12px; line-height: 1.25; letter-spacing: .02em; }
.battery-icon { display: block; position: relative; flex: 0 0 30px; height: 17px; border: 2px solid currentColor; border-radius: 3px; padding: 2px; }
.battery-icon::after { content: ""; position: absolute; width: 3px; height: 7px; background: currentColor; right: -5px; top: 3px; }
.battery-icon i { display: block; height: 100%; background: #f36b21; transition: width .9s ease; }
.slot-battery.low .battery-icon { color: #9b470c; }
.slot-battery.empty .battery-icon { opacity: .55; }
.battery-detail { position: absolute; top: 100%; right: 0; width: min(280px, 80vw); padding: 16px; background: #fffaf0; color: #191919; border: 1px solid currentColor; z-index: 30; box-shadow: 0 4px 12px #0002; text-align: left; }
.battery-detail p { margin: 0 0 8px; font-size: 12px; line-height: 1.5; }
.battery-detail a { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; font-weight: 700; color: inherit; }
.slot-battery:focus-within { outline-offset: 3px; }
.mg-pad > .slot-battery .battery-detail, .ya > .slot-battery .battery-detail { position: static; width: auto; box-shadow: none; }
.battery-drain { font-size: 13px; line-height: 1.5; padding: 10px 0; }
.rpg-slot.tired .rpg-hood { transform: rotate(-8deg); animation: none; }
.rpg-slot.sleep .rpg-hood { animation: none; opacity: .65; }
.rpg-slot-words > a { display: inline-block; padding: 8px; }
.rpg-path .recommended { border-style: dashed; }
@media (max-width: 600px) {
  .v2-stats .slot-battery summary { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) { .battery-icon i { transition: none; } }

.in-me .slot-battery .battery-detail { position: static; width: auto; padding: 8px 0; border: 0; box-shadow: none; background: transparent; overflow-wrap: anywhere; }
.in-me .slot-battery summary { flex-wrap: wrap; }
@media (max-width: 600px) {
  .v2-top .slot-battery .battery-detail { position: fixed; left: 16px; right: 16px; top: 100px; width: auto; max-height: calc(100dvh - 120px); overflow-y: auto; }
}

.rpg-home { max-width: 1280px; margin: auto; }
.rpg-home h1 { font-size: clamp(26px,3vw,36px); line-height: 1.12; margin: 12px 0; }
.rpg-home h2 { font-size: 21px; line-height: 1.25; margin: 0 0 12px; }
.rpg-home h3 { font-size: 18px; margin: 12px 0; }
.rpg-home p { margin: 8px 0 16px; line-height: 1.5; }
.rpg-home small { font-size: 12px; display: block; color: var(--mx-label); }
.rpg-home a { color: inherit; }
.rpg-home .btn.primary { color: var(--mx-on-key); display: inline-flex; justify-content: center; min-height: 46px; align-items: center; }
.rpg-strip { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 20px; align-items: center; padding: 18px 22px; border: 2px solid var(--mx-line); border-radius: 18px; margin-bottom: 20px; }
.rpg-strip b { display: block; font-size: 18px; }
.rpg-progress { text-decoration: none; font-size: 14px; font-weight: 800; }
.rpg-progress [role=progressbar] { height: 10px; background: var(--mx-well); border-radius: 10px; margin: 6px 0; overflow: hidden; }
.rpg-progress i { display: block; height: 100%; background: var(--mx-primary); transition: width 600ms ease; }
.rpg-battery { text-decoration: none; text-align: right; }
.rpg-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 24px; }
.rpg-left,.rpg-right { min-width: 0; }
.rpg-map { height: 390px; position: relative; overflow: hidden; border: 2px solid var(--mx-line); border-radius: 22px; background: var(--mx-on-ink); }
.rpg-map:before { content: ""; position: absolute; width: 75%; height: 52%; border: 12px double var(--mx-line); transform: rotate(-14deg); border-radius: 45%; top: 30%; left: 12%; }
.rpg-map-title { position: relative; padding: 22px; max-width: 300px; }
.rpg-place { position: absolute; display: flex; flex-direction: column; align-items: center; text-decoration: none; width: 120px; transition: transform .2s; }
.rpg-place:hover,.rpg-place:focus-visible { transform: translateY(-5px); }
.rpg-place img { width: 105px; height: 90px; object-fit: contain; filter: drop-shadow(0 4px 0 var(--mx-line)); }
.rpg-place b { background: var(--mx-card); padding: 2px 12px; border: 2px solid var(--mx-line); border-radius: 12px; }
.rpg-place small { background: var(--mx-on-ink); }
.rpg-place.studio { left: 5%; bottom: 7%; }
.rpg-place.workshop { left: 13%; top: 27%; }
.rpg-place.bank { right: 8%; top: 29%; }
.rpg-place.market { right: 20%; bottom: 4%; }
.rpg-place.waiting b { border-color: var(--mx-primary); animation: rpg-beacon 2s ease-in-out infinite; }
.rpg-path { padding: 26px 12px 0; }
.rpg-path ol { padding: 0; margin: 0; list-style: none; }
.rpg-path li { display: flex; align-items: center; gap: 14px; position: relative; padding: 12px; border-left: 3px solid var(--mx-line); margin-left: 18px; }
.rpg-path a { text-decoration: none; }
.rpg-level-number { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border: 2px solid var(--mx-line); border-bottom-width: 4px; border-radius: 50%; background: var(--mx-card); margin-left: -32px; font-weight: 900; }
.rpg-path .now { background: var(--mx-primary-t); border-radius: 0 16px 16px 0; }
.rpg-path .now .rpg-level-number { background: var(--mx-primary-ink); border-color: var(--mx-key-edge); color: var(--mx-on-key); }
.rpg-path .done .rpg-level-number { border-color: var(--mx-primary-line); color: var(--mx-primary-ink); }
.rpg-quest { padding: 26px; border: 2px solid var(--mx-primary-line); border-bottom-width: 5px; border-radius: 22px; background: var(--mx-primary-t); }
.rpg-quest .btn { width: 100%; }
.rpg-reward { font-size: 14px; font-weight: 800; }
.rpg-slot { display: flex; align-items: center; gap: 15px; padding: 22px 0; }
.rpg-hood { width: 94px; height: 110px; flex: 0 0 94px; background: var(--mx-screen); border-radius: 48% 48% 20% 20%; border: 4px solid var(--mx-ink); position: relative; transform: rotate(-3deg); animation: rpg-idle 4s ease-in-out infinite; }
.rpg-hood:after { content: ""; position: absolute; width: 104px; height: 30px; border-radius: 50%; background: var(--mx-screen); bottom: -5px; left: -9px; z-index: -1; }
.rpg-visor { display: block; margin: 30px 7px 0; padding: 5px 2px; background: var(--mx-code); border-block: 2px solid var(--mx-primary); color: var(--mx-primary); font: 700 19px var(--mx-mono); overflow: hidden; white-space: nowrap; }
.rpg-patch { position: absolute; bottom: 9px; right: 14px; background: var(--mx-primary); color: var(--mx-screen); font: 900 12px var(--mx-mono); transform: rotate(12deg); padding: 2px 4px; }
.rpg-slot-words p { font-size: 15px; margin: 4px 0; }
.rpg-slot button { background: none; border: none; text-decoration: underline; color: var(--mx-label); font: inherit; font-size: 12px; padding: 8px 0; cursor: pointer; }
.rpg-slot.making .rpg-visor { animation: rpg-cursor .8s steps(2) infinite; }
.rpg-slot.reply .rpg-hood { animation: rpg-react .45s 2; }
.rpg-slot.handoff .rpg-hood { animation: rpg-handoff .65s ease-out; }
.rpg-slot.sleep .rpg-hood { animation: none; transform: rotate(12deg); }
.rpg-slot.proud .rpg-visor { animation: rpg-proud .7s ease-out; }
.rpg-honest { font-size: 13px; color: var(--mx-label); border-left: 3px solid var(--mx-line); padding-left: 12px; }
.rpg-skills { border: 2px solid var(--mx-line); padding: 20px; border-radius: 18px; }
.rpg-skills>p { font-size: 13px; }
.rpg-skill { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; border-top: 1px solid var(--mx-line); }
.rpg-skill>a,.rpg-skill>span { white-space: nowrap; align-self: center; font-size: 12px; font-weight: 800; }
.rpg-handoff,.rpg-merchants,.rpg-billboard { margin-top: 30px; padding-top: 24px; border-top: 2px solid var(--mx-line); }
.rpg-picks,.rpg-merchant-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.rpg-picks article,.rpg-merchant-grid article { border: 2px solid var(--mx-line); border-bottom-width: 5px; border-radius: 18px; padding: 16px; min-width: 0; }
.rpg-picks video { width: 100%; max-height: 290px; aspect-ratio: 9/16; background: var(--mx-screen); border-radius: 10px; }
.rpg-picks .btn { width: 100%; }
.rpg-merchant-grid { margin-top: 16px; }
.rpg-merchant-grid p,.rpg-merchant-grid blockquote { font-size: 14px; overflow-wrap: anywhere; }
.rpg-merchant-grid blockquote { border-left: 3px solid var(--mx-primary); margin: 12px 0; padding-left: 12px; }
.rpg-merchant-grid a { display: block; margin-top: 10px; }
.rpg-shop-art { height: 88px; background: var(--mx-tint); border-radius: 12px; display: flex; align-items: center; flex-direction: column; overflow: hidden; }
.rpg-shop-art span { color: var(--mx-primary-ink); font-size: 48px; line-height: 1; transform: scaleX(2); }
.rpg-shop-art b { border: 2px solid var(--mx-line); background: var(--mx-card); padding: 4px 20px; font-size: 12px; }
.rpg-view-row { display: grid; grid-template-columns: 1fr auto; gap: 6px 20px; text-decoration: none; padding: 16px; border-bottom: 1px solid var(--mx-line); }
.rpg-view-row strong { font: 800 28px var(--mx-mono); font-variant-numeric: tabular-nums; }
.rpg-view-row small { grid-column: 1/-1; }
.rpg-view-row.changed strong { animation: rpg-proud .6s ease; }
.rpg-home select { min-height: 44px; padding: 6px 12px; font: inherit; background: var(--mx-card); border: 2px solid var(--mx-line); border-radius: 12px; }
.rpg-home a:focus-visible,.rpg-home button:focus-visible { outline: 3px solid var(--mx-primary-ink); outline-offset: 4px; }
@keyframes rpg-idle { 50% { transform: translateY(-4px) rotate(2deg); } }
@keyframes rpg-cursor { 50% { color: var(--mx-on-ink); } }
@keyframes rpg-react { 50% { transform: rotate(7deg); } }
@keyframes rpg-handoff { from { transform: translateX(-16px) rotate(-12deg); } }
@keyframes rpg-proud { from { letter-spacing: -3px; } to { letter-spacing: 0; } }
@keyframes rpg-beacon { 50% { box-shadow: 0 0 0 5px var(--mx-primary-t); } }
@media(max-width: 850px) { .rpg-layout { grid-template-columns: 1fr; } .rpg-right { grid-row: 1; } .rpg-map { height: 350px; } .rpg-picks,.rpg-merchant-grid { grid-template-columns: 1fr; } .rpg-picks article { display: grid; grid-template-columns: 100px 1fr; gap: 12px; align-items: center; } .rpg-picks video { grid-row: span 2; } .rpg-strip { padding: 14px; gap: 12px; grid-template-columns: 1fr 1fr; } .rpg-progress { grid-column: 1/-1; grid-row: 2; } .rpg-strip b { font-size: 16px; } }
@media(prefers-reduced-motion: reduce) { .rpg-home *, .rpg-home *:before { animation: none !important; transition: none !important; } }
.rpg-arrival { position: relative; height: 180px; border-radius: 18px; overflow: hidden; margin-bottom: 20px; background: var(--mx-screen); color: var(--mx-on-ink); }
.rpg-arrival[hidden] { display: none; }
.rpg-arrival img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; animation: rpg-arrive 6s ease-out both; opacity: .65; }
.rpg-arrival>div { position: absolute; inset: auto 20px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; text-shadow: 0 2px 4px var(--mx-screen); }
.rpg-arrival button { border: 0; border-radius: 12px; padding: 12px; background: var(--mx-card); color: var(--mx-ink); font: 800 14px var(--mx-sans); cursor: pointer; }
.rpg-hood { border-radius: 47% 47% 16% 16%; clip-path: polygon(50% 0,80% 15%,96% 42%,88% 70%,100% 100%,0 100%,12% 70%,4% 42%,20% 15%); }
.rpg-fine { margin-top: 24px; font-size: 14px; color: var(--mx-label); }
.rpg-fine summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 800; }
.rpg-home.unlocked .rpg-level-number { animation: rpg-unlock .6s ease-out; }
.rpg-slot.steady .rpg-hood,.rpg-slot.steady .rpg-visor { animation: none; }
@keyframes rpg-arrive { from { transform: scale(1.06); } to { transform: scale(1); } }
@keyframes rpg-unlock { 50% { transform: scale(1.18); } }
@media(prefers-reduced-motion: reduce) { .rpg-home *, .rpg-home *:before { animation: none !important; transition: none !important; } }
.rpg-right .rpg-handoff { margin-top: 20px; border: 0; padding: 0; }
.rpg-right .rpg-picks { gap: 8px; }
.rpg-right .rpg-picks article { padding: 8px; }
.rpg-right .rpg-picks h3 { font-size: 14px; overflow-wrap: anywhere; }
.rpg-right .rpg-picks .btn { padding-inline: 8px; font-size: 14px; }
.rpg-map:after { content: ""; position: absolute; pointer-events: none; width: 38%; height: 20%; background: var(--mx-well); opacity: .4; border-radius: 45% 20% 45% 30%; left: 33%; top: 37%; transform: rotate(-12deg); }
.rpg-place { z-index: 1; }



.ads { display: flex; flex-direction: column; gap: var(--mx-s6); }
.ads-at { display: none; }
.ads-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); }
.ads-seg { display: inline-flex; gap: var(--mx-s1); padding: 0; }
.ads-seg a { height: 36px; padding: 0 var(--mx-s3); display: inline-flex; align-items: center; gap: 6px; border: var(--mx-bw) solid transparent; border-radius: var(--mx-r-md);
  font: var(--mx-w-strong) var(--mx-fs-ui)/1 var(--mx-sans); color: var(--mx-label); text-decoration: none; white-space: nowrap; }
.ads-seg a:hover { color: var(--mx-ink); }
.ads-seg .n { color: var(--mx-hint); font-variant-numeric: tabular-nums; }
.ads-seg a.all, .ads-at:target ~ .ads-bar .ads-seg a[data-stage] { background: transparent; color: var(--mx-label); box-shadow: none; }
.ads-seg a.all,
.ads-at[data-stage=making]:target ~ .ads-bar a[data-stage=making], .ads-at[data-stage=check]:target ~ .ads-bar a[data-stage=check],
.ads-at[data-stage=approved]:target ~ .ads-bar a[data-stage=approved], .ads-at[data-stage=posted]:target ~ .ads-bar a[data-stage=posted],
.ads-at[data-stage=kept]:target ~ .ads-bar a[data-stage=kept] { background: var(--mx-primary-t); border-color: var(--mx-primary-line); color: var(--mx-primary-ink); }
.ads-at:target ~ .ads-bar .ads-seg a.all { background: transparent; border-color: transparent; color: var(--mx-label); }
.ads-at[data-stage=making]:target ~ .ads-grid .ads-ad:not([data-stage=making]), .ads-at[data-stage=check]:target ~ .ads-grid .ads-ad:not([data-stage=check]),
.ads-at[data-stage=approved]:target ~ .ads-grid .ads-ad:not([data-stage=approved]), .ads-at[data-stage=posted]:target ~ .ads-grid .ads-ad:not([data-stage=posted]),
.ads-at[data-stage=kept]:target ~ .ads-grid .ads-ad:not([data-stage=kept]) { display: none; }


.ads-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); gap: var(--mx-s8) var(--mx-s5); list-style: none; margin: 0; padding: 0; }
.ads-ad { display: flex; flex-direction: column; min-width: 0; }
.ads-ad.big { grid-column: 1 / -1; display: grid; grid-template-columns: 360px minmax(0, 440px); gap: var(--mx-s10); align-items: center; padding: var(--mx-s5);
  border: var(--mx-bw) solid var(--mx-line); border-radius: calc(var(--mx-r-card) + 4px); box-shadow: 0 var(--mx-edge) 0 var(--mx-line); }
.ads-next { margin: var(--mx-s3) 0 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-body); }

.ads-ad:not(.big) .ads-bar3-l { display: none; }
.ads-ad:not(.big) .ads-bar3 i { height: 8px; }
.ads-ad.big .ads-t { font: var(--mx-w-black) var(--mx-fs-title)/var(--mx-lh-title) var(--mx-sans); white-space: normal; }
.ads-ad.big .ads-s { font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); }
.ads-poster { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: var(--mx-r-card); overflow: hidden; color: var(--mx-on-ink);
  background: linear-gradient(180deg, #4a3f35 0%, #241f1a 55%, var(--mx-screen) 100%); text-decoration: none; border: 3px solid var(--mx-card);
  box-shadow: 0 0 0 var(--mx-bw) var(--mx-line), 0 6px 0 var(--mx-bw) var(--mx-line); transition: transform 80ms ease-out, box-shadow 80ms ease-out; }
.ads-poster:active { transform: translateY(4px); box-shadow: 0 0 0 var(--mx-bw) var(--mx-line), 0 2px 0 var(--mx-bw) var(--mx-line); }
.ads-info { display: flex; flex-direction: column; min-width: 0; }

.ads-prog { margin-top: var(--mx-s4); }
.ads-ad.big .ads-prog { margin: 0 0 var(--mx-s4); }
.ads-bar3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mx-s1); }
.ads-bar3 i { height: 12px; background: var(--mx-line); }
.ads-bar3 i:first-child { border-radius: 6px 0 0 6px; } .ads-bar3 i:last-child { border-radius: 0 6px 6px 0; }
.ads-bar3 i.on, .ads-bar3 i.done { background: var(--mx-primary); box-shadow: inset 0 3px 0 rgb(255 255 255 / 30%); }
.ads-bar3 i.wait { background: var(--mx-amber); box-shadow: inset 0 3px 0 rgb(255 255 255 / 30%); }
.ads-bar3 i.kept { background: var(--mx-green); box-shadow: inset 0 3px 0 rgb(255 255 255 / 30%); }
.ads-bar3-l { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 5px; font: var(--mx-w-strong) 12px/1 var(--mx-sans); color: var(--mx-label); }
.ads-bar3-l span:nth-child(2) { text-align: center; } .ads-bar3-l span:nth-child(3) { text-align: right; }
.ads-poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ads-poster:hover img { opacity: .92; }
.ads-art { position: absolute; left: 14px; right: 14px; top: 40%; text-align: center; font: var(--mx-w-strong) 19px/1.15 var(--mx-sans); letter-spacing: -.02em; }
.ads-code { position: absolute; right: 10px; top: 10px; font: var(--mx-w-ui) 11px/20px var(--mx-mono); padding: 0 6px; border-radius: 4px; background: rgb(0 0 0 / 45%); color: var(--mx-on-ink); }
.ads-t { display: block; margin-top: var(--mx-s3); color: var(--mx-ink); font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); text-decoration: none;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ads-t:hover { text-decoration: underline; text-underline-offset: 3px; }
.ads-s { display: block; margin-top: 2px; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.ads-info > .kit-btn { width: 100%; margin-top: var(--mx-s3); }


.ads-tag { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: var(--mx-r-sm);
  font: var(--mx-w-black) var(--mx-fs-tag)/1 var(--mx-sans); background: var(--mx-tint); color: var(--mx-label); white-space: nowrap; }
.ads-tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ads-tag.making::before { animation: ads-pulse 1.6s var(--mx-std) infinite; }
.ads-tag.wait { background: var(--mx-wait-t); color: var(--mx-wait); }
.ads-tag.bad { background: var(--mx-bad-t); color: var(--mx-bad); }
.ads-tag.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
.ads-tag.kept { background: var(--mx-ok-t); color: var(--mx-ok); }
.ads-poster .ads-tag { position: absolute; left: 10px; top: 10px; background: rgb(255 255 255 / 94%); }
@keyframes ads-pulse { 50% { opacity: .3; } }


.ads-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--mx-s1); padding: var(--mx-s12) var(--mx-s6);
  background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); }
.ads-ico { width: 40px; height: 40px; margin-bottom: var(--mx-s3); border-radius: 50%; display: grid; place-items: center; background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.ads-ico svg, .ad-ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.ads-empty h3 { margin: 0; font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.ads-empty p { margin: 0; max-width: 380px; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
.ads-empty .kit-btn { margin-top: var(--mx-s4); }

@media (max-width: 767px) {
  .ads-bar { flex-direction: column-reverse; align-items: stretch; }
  .ads-bar > .kit-btn { width: 100%; }
  .ads-seg { overflow-x: auto; scrollbar-width: none; max-width: 100%; mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .ads-grid { grid-template-columns: 1fr 1fr; gap: var(--mx-s6) var(--mx-s3); }
  .ads-ad.big { display: flex; align-items: stretch; padding: var(--mx-s3) var(--mx-s3) var(--mx-s4); }
  .ads-ad.big .ads-poster { aspect-ratio: 4 / 5; }
  .ads-ad.big .ads-prog { margin: var(--mx-s4) 0 0; }
  .ads-ad.big .ads-t { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); }
  .ads-art { font-size: 16px; }
}


.ad { display: flex; flex-direction: column; gap: var(--mx-s6); }
.ad-meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mx-s2) var(--mx-s3); margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.ad-code { font-family: var(--mx-mono); font-size: .92em; color: var(--mx-ink); }
.ad-view { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: var(--mx-s10); align-items: start; }
.ad-poster { position: sticky; top: var(--mx-s10); display: flex; flex-direction: column; gap: var(--mx-s2); }
.ad-poster .kit-mon { width: 100%; }
.ad-side { display: flex; flex-direction: column; gap: var(--mx-s4); min-width: 0; }
.ad-card { background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); overflow: hidden; }
.ad-pad { display: flex; flex-direction: column; gap: var(--mx-s1); padding: var(--mx-s6); margin: 0; }
.ad-pad + .ad-pad, .ad-pad + .ad-lines, .ad-pad + .ad-rows { border-top: var(--mx-bw) solid var(--mx-line); }
.ad-pad h3 { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.ad-pad h3.bad { color: var(--mx-bad); }
.ad-pad p { margin: 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-body); }
.ad-pad p.ad-k { font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.ad-pad p.ad-quiet, .ad-quiet { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.ad-go > .kit-btn, .ad-go form { align-self: flex-start; margin-top: var(--mx-s3); }
.ad-form { gap: var(--mx-s4); }
.ad-form .v2-field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.ad-form .v2-field > span { font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.ad-form > .kit-btn { align-self: flex-start; }
.ad-sell { flex-direction: row; align-items: center; justify-content: space-between; gap: var(--mx-s4); }
.ad-sell p { margin-top: var(--mx-s1); }


.ad-lines { margin: 0; }
.ad-lines > div { display: flex; justify-content: space-between; gap: var(--mx-s4); padding: var(--mx-s3) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); }
.ad-lines > div:first-child { border-top: 0; }
.ad-lines dt { color: var(--mx-label); }
.ad-lines dd { margin: 0; color: var(--mx-ink); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ad-rows { list-style: none; margin: 0; padding: 0; }
.ad-rows li { display: flex; justify-content: space-between; gap: var(--mx-s4); padding: var(--mx-s3) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); color: var(--mx-body); }
.ad-rows li:first-child { border-top: 0; }
.ad-sung { list-style: none; margin: var(--mx-s1) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s1); color: var(--mx-ink); }
.ad-sung li.flag, .ad-quiet.flag { padding-left: var(--mx-s2); box-shadow: inset 2px 0 0 var(--mx-wait); }
.ad-flag { display: block; font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-wait); }

@media (max-width: 767px) {
  .ad-view { grid-template-columns: 1fr; gap: var(--mx-s6); }
  .ad-poster { position: relative; top: 0; width: 100%; max-width: 280px; margin: 0 auto; }
  .ad-pad { padding: var(--mx-s5); }
  .ad-lines > div, .ad-rows li { padding: var(--mx-s3) var(--mx-s5); }
  .ad-go > .kit-btn, .ad-go form, .ad-go form .kit-btn, .ad-form > .kit-btn { align-self: stretch; width: 100%; }
  .ad-sell { flex-direction: column; align-items: stretch; }
}


.mk-form { display: flex; flex-direction: column; gap: var(--mx-s4); min-width: 0; margin: 0; }
.mk-alone { max-width: 600px; }
.mk-tabs { align-self: flex-start; }
.mk-tabs a.song, .mk-form.up .mk-tabs a.up, #make-song:target ~ .mk-tabs a.song, #make-upload:target ~ .mk-tabs a.up { background: var(--mx-card); color: var(--mx-ink); box-shadow: 0 0 0 1px var(--mx-line); }
.mk-form.up .mk-tabs a.song, #make-upload:target ~ .mk-tabs a.song, #make-song:target ~ .mk-tabs a.up { background: transparent; color: var(--mx-label); box-shadow: none; }
.mk-up, .mk-form.up .mk-song, #make-upload:target ~ .ad-card .mk-song { display: none; }
.mk-form.up .mk-up, #make-upload:target ~ .ad-card .mk-up, #make-song:target ~ .ad-card .mk-song { display: block; }
#make-song:target ~ .ad-card .mk-up { display: none; }
.ad-card > .mk-song, .ad-card > .mk-up, .ad-card > .mk-remix { border-top: var(--mx-bw) solid var(--mx-line); }

.mk-remix, #make-remix:target ~ .ad-card .mk-song, #make-remix:target ~ .ad-card .mk-up { display: none; }
#make-remix:target ~ .ad-card .mk-remix { display: block; }
#make-remix:target ~ .mk-tabs a.rx { background: var(--mx-card); color: var(--mx-ink); box-shadow: 0 0 0 1px var(--mx-line); }
#make-remix:target ~ .mk-tabs a.song, #make-remix:target ~ .mk-tabs a.up { background: transparent; color: var(--mx-label); box-shadow: none; }
.rx-pick, .rx-cards { display: flex; flex-direction: column; gap: var(--mx-s2); border: 0; margin: 0; min-width: 0; }
.rx-pick legend, .rx-cards legend { font-weight: 700; margin-bottom: var(--mx-s2); }
.rx-win { display: flex; gap: var(--mx-s2); align-items: flex-start; padding: var(--mx-s3); cursor: pointer; }
.rx-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.rx-deck { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--mx-s2); }
.rx-card { display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s3); cursor: pointer; position: relative; }
.rx-card input, .rx-win input { accent-color: var(--mx-ink); }
.rx-card:has(input:checked), .rx-win:has(input:checked) { box-shadow: 0 0 0 2px var(--mx-ink); }
.mk-name { gap: var(--mx-s4); }
.mk-for { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); }
.mk-for b { color: var(--mx-ink); font-weight: var(--mx-w-strong); font-size: var(--mx-fs-ui); }
.mk-form .v2-field { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.mk-form .v2-field > span:first-child { font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.mk-whys { border: 0; border-top: var(--mx-bw) solid var(--mx-line); gap: var(--mx-s3); }
.mk-whys legend { float: left; width: 100%; margin-bottom: var(--mx-s1); font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.mk-whys .v2-why { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s2); }
.mk-out { color: var(--mx-wait) !important; }

.in-sheet:has(.in-refuse) .ad-pad:has(> .mk-out) { display: none; }
.mk-fold { border-top: 0; }
.mk-fold > summary { display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s4) var(--mx-s6) var(--mx-s4) var(--mx-s6); cursor: pointer; list-style: none; position: relative; padding-right: 48px; }
.mk-fold > summary::-webkit-details-marker { display: none; }
.mk-fold > summary::after { content: ""; position: absolute; right: var(--mx-s6); top: 50%; width: 8px; height: 8px; margin-top: -6px; border: solid var(--mx-hint);
  border-width: 0 1.75px 1.75px 0; transform: rotate(45deg); transition: transform var(--mx-t-ui) var(--mx-std); }
.mk-fold[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.mk-fold > summary:hover { background: var(--mx-canvas); }
.mk-fold > summary .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.mk-fold > .ad-pad { padding-top: 0; }
.mk-lyric { min-height: 160px; font: var(--mx-fs-small)/var(--mx-lh-small) var(--mx-mono); }
.mk-song > .ad-go, .mk-up > .ad-go { gap: var(--mx-s3); border-top: var(--mx-bw) solid var(--mx-line); }
.mk-up > .ad-go { border-top: 0; }
.mk-song > .ad-go:first-child { border-top: 0; }
.mk-form .ad-go > .kit-btn { margin-top: 0; }

@media (max-width: 767px) {
  .mk-tabs { align-self: stretch; }
  .mk-tabs a { flex: 1; justify-content: center; }
  .mk-whys .v2-why { grid-template-columns: 1fr; }
  .mk-fold > summary { padding: var(--mx-s4) 44px var(--mx-s4) var(--mx-s5); }
  .mk-fold > summary::after { right: var(--mx-s5); }
}


.direct-cuts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.direct-cuts article{min-width:0;scroll-snap-align:start;overflow-wrap:anywhere}.direct-cuts video{width:100%;max-height:420px}

.rx-logo { display: flex; flex-direction: column; gap: var(--mx-s1, 4px); }
.rx-logo.ok b { color: var(--mx-ok, inherit); }
.rx-logo.bad b { color: var(--mx-bad, inherit); }


.house .ad-view.mk { display: flex; flex-direction: column; gap: 16px; }
.house .ad-view.mk .ad-poster { width: auto; max-width: none; position: static; }
.house .ad-view.mk .in-player { display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 12px; margin: 0; padding: 8px; border-radius: 14px; background: var(--h-sheet); box-shadow: inset 0 0 0 1px var(--h-line); }
.house .ad-view.mk .in-player .kit-scr { aspect-ratio: 9 / 16 !important; width: 72px; border-radius: 8px; overflow: hidden; }
.house .ad-view.mk .in-player video { width: 100%; height: 100%; object-fit: cover; }
.house .ad-view.mk .in-player .kit-plate { position: static; background: none; padding: 0; color: var(--h-ink-2); font: 450 14px/1.35 var(--h-sans); white-space: normal; }
.house .ad-view.mk .in-player .kit-plate b { font: inherit; white-space: normal; overflow: visible; text-overflow: clip; }
.house .mk-tabs { box-sizing: border-box; overflow: hidden; -webkit-mask-image: none; mask-image: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); width: 100%; align-self: stretch; padding: 4px; border-radius: 12px; background: #efe0c8; gap: 4px; }
.house .mk-tabs a { display: grid; place-items: center; min-height: 44px; height: auto; padding: 4px 6px; white-space: normal !important; overflow-wrap: anywhere; font-size: 13px !important; border-radius: 9px; text-align: center; font: 600 14px/1.15 var(--h-sans); }
.house .mk-song { display: flex; flex-direction: column; }
.house .mk-song > .mk-fold { order: 2; }
.house .mk-song .kit-btn.primary, .house .mk-up .kit-btn.primary, .house .mk-remix .kit-btn.primary { width: 100%; min-height: 52px; border-radius: 12px; background: var(--h-orange); color: var(--h-on-orange); font: 700 17px/1 var(--h-sans); }/*kit-part*/
@media (hover: hover) { .house .mk-song .kit-btn.primary:hover, .house .mk-up .kit-btn.primary:hover, .house .mk-remix .kit-btn.primary:hover { background: #ff7a2c; } }
.house .mk-name .v2-field input { min-height: 48px; font-size: 17px; }
@media (min-width: 900px) {
  .house .ad-view.mk { display: grid; grid-template-columns: 220px minmax(0, 560px); align-items: start; gap: 32px; }
  .house .ad-view.mk .in-player { grid-template-columns: 1fr; }
  .house .ad-view.mk .in-player .kit-scr { width: 100%; }
}
.house .ad-view.mk .in-player { grid-template-columns: 56px 1fr; padding: 6px; }
.house .ad-view.mk .in-player .kit-scr { width: 56px; }
.house .mk-form .ad-pad { padding: 14px 16px; }
.house .mk-name .v2-field .ad-quiet, .house .mk-name .v2-field > span:last-child { font: 450 13px/1.4 var(--h-sans); color: var(--h-ink-3); }
.house .mk-song .battery-drain { font: 500 14px/1.4 var(--h-sans); color: var(--h-ink-2); margin: 0 0 10px; }
@media (max-width: 899px) { .house .ad-view.mk { gap: 12px; } .house .house-page:has(.mk-form) .house-title h1 { font-size: 24px; margin-bottom: 12px; } }


.mk-drop { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1.5px dashed var(--h-line, rgb(28 24 20 / 25%)); border-radius: 14px; background: #fff8ee; cursor: pointer; }
.mk-drop > span { display: flex; flex-direction: column; gap: 2px; }
.mk-drop b { font: 700 16px/1.25 var(--h-sans); }
.mk-drop small { font: 450 13px/1.3 var(--h-sans); color: var(--h-ink-3, #6b6259); }
.mk-drop input[type="file"] { width: 100%; min-height: 44px; font: 450 14px/1.2 var(--h-sans); color: var(--h-ink-2, #4a423a); }
.mk-drop input[type="file"]::file-selector-button { min-height: 44px; margin-right: 10px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--h-ink, #1c1814); color: var(--h-paper, #f6e3c7); font: 600 14px/1 var(--h-sans); cursor: pointer; }
.mk-offer { margin-top: 16px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--h-line, rgb(28 24 20 / 16%)); }
.mk-offer > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 52px; padding: 0 16px; cursor: pointer; list-style: none; font: 500 15px/1.2 var(--h-sans); }
.mk-offer > summary::-webkit-details-marker { display: none; }
.mk-offer > summary span { color: var(--h-ink-3, #6b6259); font-size: 14px; }
.mk-offer[open] > summary { border-bottom: 1px solid var(--h-line, rgb(28 24 20 / 16%)); }



.mg-card { padding: 0; background: var(--mx-card); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); box-shadow: none; overflow: hidden; }
.mg-pad { padding: var(--mx-s6); }
.mg-top { border-top: var(--mx-bw) solid var(--mx-line); }
.mg-small { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.mg-gap { margin-top: var(--mx-s2); }
.mg-h3, .mg-chead h3 { margin: 0; font-size: var(--mx-fs-h3); line-height: var(--mx-lh-h3); font-weight: var(--mx-w-black); color: var(--mx-ink); }
.mg-money { margin: var(--mx-s1) 0 var(--mx-s2); font-size: var(--mx-fs-money); line-height: var(--mx-lh-money); font-weight: var(--mx-w-black); letter-spacing: -0.02em; color: var(--mx-ink); font-variant-numeric: tabular-nums; }

.mg-count { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-title); line-height: var(--mx-lh-title); font-weight: var(--mx-w-strong); letter-spacing: -0.025em; color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.mg-rows { list-style: none; margin: 0; padding: 0; }
.mg-row { display: flex; align-items: center; gap: var(--mx-s3); min-height: 56px; padding: var(--mx-s3) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); }
.mg-rows > .mg-row:first-child { border-top: 0; }
.mg-grow { flex: 1; min-width: 0; }
.mg-t { font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.mg-s { margin-top: 2px; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.mg-amt { flex: none; font-size: var(--mx-fs-ui); font-weight: var(--mx-w-ui); color: var(--mx-ink); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.mg-amt.sum { font-weight: var(--mx-w-strong); }
.mg-tag { flex: none; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: var(--mx-r-sm); background: var(--mx-tint); color: var(--mx-label);
  font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); font-weight: var(--mx-w-ui); white-space: nowrap; }
.mg-tag::before { content: ""; width: 6px; height: 6px; border-radius: var(--mx-r-pill); background: currentColor; }
.mg-tag.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
.mg-tag.wait { background: var(--mx-wait-t); color: var(--mx-wait); }
.mg-tag.bad { background: var(--mx-bad-t); color: var(--mx-bad); }
.mg-tag.key { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.mg-ico { flex: none; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: var(--mx-r-pill); background: var(--mx-tint); color: var(--mx-label); }
.mg-ico svg { width: 16px; height: 16px; }
.mg-ico.ok { background: var(--mx-ok-t); color: var(--mx-ok); }
.mg-ico.bad { background: var(--mx-bad-t); color: var(--mx-bad); }
.mg-ico.wait { background: var(--mx-wait-t); color: var(--mx-wait); }
.mg-ico.key { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.mg-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); padding: var(--mx-s4) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line);
  font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.mg-foot .kit-link { flex: none; }
.mg-chead { padding: var(--mx-s5) var(--mx-s6) var(--mx-s3); border-bottom: var(--mx-bw) solid var(--mx-line); }


.mg-head { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); margin: 0 0 var(--mx-s6); }
.mg-lead { margin: 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
.mg-head .kit-btn { flex: none; }
.mg-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s4); align-items: start; }
.mg-section { margin-top: var(--mx-s10); }
.mg-sh { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 var(--mx-s3); }
.mg-sh h2 { margin: 0; font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-black); color: var(--mx-ink); }
.mg-back { margin: 0 0 var(--mx-s4); padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-bad-t); color: var(--mx-bad); font-size: var(--mx-fs-ui); }
.mg-score { margin-top: var(--mx-s3); }

.mg-grid2 > .mg-bal { grid-column: 1 / -1; }
.mg-figs { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mx-s6); }
.mg-fig .mg-money { margin: var(--mx-s1) 0; font-size: var(--mx-fs-title); line-height: var(--mx-lh-title); color: var(--mx-ink); }
.mg-rank, .mg-test, .mg-pace { margin: 0; font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); color: var(--mx-body); }
.mg-test { display: flex; align-items: center; gap: var(--mx-s2); color: var(--mx-label); }
.mg-first .mg-ico { width: 40px; height: 40px; margin-bottom: var(--mx-s3); }
.mg-first .kit-btn { margin-top: var(--mx-s4); }


.mg-packs { display: flex; flex-wrap: wrap; gap: var(--mx-s2); margin-top: var(--mx-s4); }
.mg-packs form { display: contents; }
.mg-steps { list-style: none; margin: var(--mx-s3) 0 var(--mx-s4); padding: 0; display: grid; gap: var(--mx-s2); }
.mg-steps li { display: flex; align-items: center; gap: var(--mx-s3); }
.mg-n { flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: var(--mx-r-pill); background: var(--mx-tint); color: var(--mx-label);
  font-size: var(--mx-fs-tag); font-weight: var(--mx-w-strong); font-variant-numeric: tabular-nums; }
.mg-steps li.done .mg-n { background: var(--mx-ok-t); color: var(--mx-ok); }
.mg-steps li.done .mg-t { color: var(--mx-label); }
.mg-tbl { width: 100%; border-collapse: collapse; }
.mg-tbl th { text-align: left; padding: var(--mx-s4) var(--mx-s3) 10px; border-bottom: var(--mx-bw) solid var(--mx-line);
  font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); font-weight: var(--mx-w-ui); color: var(--mx-label); }
.mg-tbl td { padding: 14px var(--mx-s3); border-top: var(--mx-bw) solid var(--mx-line); vertical-align: top; }
.mg-tbl tbody tr:first-child td { border-top: 0; }
.mg-tbl :is(th, td):first-child { padding-left: var(--mx-s6); }
.mg-tbl :is(th, td):last-child { padding-right: var(--mx-s6); }
.mg-tbl .r { text-align: right; }
.mg-tbl td.st { padding-top: 13px; }
.mg-tbl td.when { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.mg-tbl td.amt { font-size: var(--mx-fs-ui); font-weight: var(--mx-w-ui); color: var(--mx-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }


.mg-h2 { margin: 0; font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-strong); letter-spacing: -0.01em; color: var(--mx-ink); }
.mg-body { margin: 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-body); }
.mg-buy { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--mx-s6); }
.mg-buy .mg-money { margin: 0; }
.mg-price { flex: none; text-align: right; }
.mg-offer .mg-row, .mg-card ol.mg-rows .mg-row { align-items: flex-start; }
.mg-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s3) var(--mx-s5); padding: var(--mx-s5) var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); }
.mg-acts form { display: contents; }
.mg-left { margin-left: auto; }
.mg-n.on { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
ol.mg-rows .mg-n { margin-top: 4px; }
.mg-segs { display: flex; gap: var(--mx-s1); margin-top: var(--mx-s2); max-width: 320px; }
.mg-segs i { flex: 1; height: 8px; border-radius: var(--mx-r-pill); background: var(--mx-well); }
.mg-segs i.on { background: var(--mx-primary); }
.mg-bar { height: 8px; margin-top: var(--mx-s2); max-width: 320px; border-radius: var(--mx-r-pill); background: var(--mx-well); overflow: hidden; }
.mg-bar i { display: block; height: 100%; border-radius: inherit; background: var(--mx-primary); }
.mg-meter { align-items: flex-end; }
.mg-next { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); }
.mg-next .mg-t { margin: 0; }
.mg-next .kit-btn { flex: none; }
.mg-fine { margin-top: var(--mx-s8); text-align: center; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-hint); }
.mg-fine summary { cursor: pointer; list-style: none; }
.mg-fine summary::-webkit-details-marker { display: none; }
.mg-fine .mg-u { color: var(--mx-label); text-decoration: underline; text-underline-offset: 3px; }
.mg-fine p { max-width: 640px; margin: var(--mx-s2) auto 0; text-align: left; color: var(--mx-label); }

@media (max-width: 767px) {
  .mg-pad { padding: var(--mx-s5); }
  .mg-row { padding: var(--mx-s3) var(--mx-s5); }
  .mg-foot { flex-direction: column; align-items: flex-start; gap: var(--mx-s2); padding: var(--mx-s4) var(--mx-s5); }
  .mg-chead { padding: var(--mx-s4) var(--mx-s5) var(--mx-s3); }
  .mg-head { flex-direction: column; align-items: stretch; gap: var(--mx-s3); margin-bottom: var(--mx-s5); }
  .mg-grid2 { grid-template-columns: 1fr; }
  .mg-figs { grid-template-columns: 1fr 1fr; gap: var(--mx-s4); }
  .mg-fig.ok { grid-column: 1 / -1; }
  .mg-test { align-items: flex-start; }
  .mg-section { margin-top: var(--mx-s8); }
  .mg-packs .kit-btn { flex: 1; }
  .mg-card .kit-btn.primary { width: 100%; }
  .mg-tbl thead { display: none; }
  .mg-tbl, .mg-tbl tbody { display: block; }
  .mg-tbl tr { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "d d a" "s w w"; gap: var(--mx-s2) 10px; align-items: center; padding: var(--mx-s3) var(--mx-s5); border-top: var(--mx-bw) solid var(--mx-line); }
  .mg-tbl tbody tr:first-child { border-top: 0; }
  .mg-tbl td, .mg-tbl td.st, .mg-tbl :is(th, td):first-child, .mg-tbl :is(th, td):last-child { padding: 0; border: 0; }
  .mg-tbl td.desc { grid-area: d; }
  .mg-tbl td.amt { grid-area: a; align-self: start; }
  .mg-tbl td.st { grid-area: s; }
  .mg-tbl td.when { grid-area: w; }
  .mg-buy { gap: var(--mx-s4); }
  .mg-acts { flex-direction: column; align-items: stretch; gap: 14px; padding: var(--mx-s4) var(--mx-s5) var(--mx-s5); }
  .mg-acts .kit-btn { width: 100%; }
  .mg-acts .kit-link { align-self: center; }
  .mg-left { margin: 0; text-align: center; }
  .mg-next { flex-direction: column; align-items: stretch; }
}
.mg-said { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.mg-said b { font-weight: var(--mx-w-ui); color: var(--mx-ink); }

.mg-bar.wide { max-width: none; margin-top: var(--mx-s5); height: 6px; }
.mg-row > .mg-segs { flex: none; width: 120px; margin-top: 0; }
@media (max-width: 767px) { .mg-row > .mg-segs { width: 72px; } }

.mg-fold > summary { cursor: pointer; list-style: none; justify-content: flex-start; gap: var(--mx-s3); }
.mg-fold > summary::-webkit-details-marker { display: none; }
.mg-fold > summary::after { content: ""; width: 7px; height: 7px; margin-left: auto; border: solid var(--mx-label); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); transition: transform var(--mx-t-ui) var(--mx-std); }
.mg-fold[open] > summary::after { transform: rotate(-135deg); }

@media (max-width: 767px) {
  .mg-fold > summary.mg-sh { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--mx-s3); row-gap: 2px; align-items: center; }
  .mg-fold > summary.mg-sh > h2 { grid-column: 1; }
  .mg-fold > summary.mg-sh > .mg-small { grid-column: 1; }
  .mg-fold > summary.mg-sh::after { grid-column: 2; grid-row: 1 / span 2; margin-left: 0; }
}


.house .rpg-path ol { list-style: none; margin: 0; padding: 0; }
.house .rpg-path li { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 10px; border-bottom: 1px solid var(--h-line); }
.house .rpg-path li a { display: flex; flex-direction: column; justify-content: center; gap: 2px; min-height: 52px; padding: 6px 0; color: var(--h-ink); text-decoration: none; }
.house .rpg-path li a b { font: 650 15px/1.25 var(--h-sans); }
.house .rpg-path li a small { font: 450 13px/1.3 var(--h-sans); color: var(--h-ink-3); }
.house .rpg-path .rpg-level-number { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #efe0c8; font: 700 13px/1 var(--h-sans); }
.house .rpg-path li.done .rpg-level-number { background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); }
.house .rpg-path li.recommended { border-style: dashed; }
.house details > summary { min-height: 44px; display: flex; align-items: center; }
.house .in-sheet a.kit-link, .house .house-page p > a { display: inline-block; min-height: 24px; }
.house .mg-fig .mg-money { font-size: 24px; line-height: 1.1; font-family: var(--h-mono); font-weight: 600; letter-spacing: -.02em; }
.house .bank-post > a { display: flex; align-items: center; min-height: 44px; color: var(--h-ink); }
.house .bank-post > a h3 { margin: 0; }


.house .house-page:has(.mg-bal, .mg-first) { display: flex; flex-direction: column; }
.house .house-page:has(.mg-bal, .mg-first) > * { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; }
.house .house-page:has(.mg-bal, .mg-first) > .mg-grid2 { display: contents; }
.house .mg-bal, .house .mg-first { order: 1; }
.house .house-page > .mg-section:not(.mg-fold) { order: 2; }
.house .house-page > .bank-history { order: 4; }
.house .house-page > .mg-fold { order: 5; }
.house .house-page > .scene-district { order: 6; }
.house .house-page > #credits { order: 7; }
.house .house-page > .mg-score { order: 1; }

.mg-next .mg-h2 { margin: 4px 0 0; }
.mg-next .kit-btn { margin-top: var(--mx-s3); }
.mg-payline { margin: 0 0 var(--mx-s4); }
.mg-later .kit-btn { margin-top: var(--mx-s2); }
.house .bank-history .bank-columns { display: block; }
.house .bank-chart svg { max-height: 90px; }


.bk { display: flex; flex-direction: column; gap: 12px; }
.bk-top { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bk-card { padding: 14px 16px; border-radius: 14px; background: #fff1dc; box-shadow: inset 0 0 0 1px var(--h-line, rgb(28 24 20 / 16%)); color: var(--h-ink, #1c1814); }
.bk-avail { background: #eef3e2; }
.bk-label, .bk-h { margin: 0; font: 700 15px/1.25 var(--h-sans); }
.bk-big { margin: 2px 0 4px; font: 700 clamp(22px, 7vw, 34px)/1.1 var(--h-mono); letter-spacing: -.02em; }
.bk-src > summary { display: flex; justify-content: space-between; align-items: center; min-height: 44px; cursor: pointer; list-style: none; }
.bk-src > summary::-webkit-details-marker { display: none; }
.bk-src > summary b { font: 650 15px/1 var(--h-mono); }
.bk-src > summary:after { content: "›"; margin-left: 8px; color: var(--h-ink-3, #6b6259); transition: transform .15s ease; }
.bk-src[open] > summary:after { transform: rotate(90deg); }
.bk-avail .bk-big { color: #2f5a1f; }
.bk-fine { margin: 4px 0 0; font: 450 14px/1.45 var(--h-sans); color: var(--h-ink-2, #4a423a); }
.bk-soon, .bk-src ul, .bk-missing { list-style: none; margin: 6px 0 0; padding: 0; }
.bk-soon li { display: grid; grid-template-columns: auto 1fr; gap: 0 10px; padding: 6px 0; border-top: 1px solid var(--h-line, rgb(28 24 20 / 16%)); font: 450 14px/1.35 var(--h-sans); }
.bk-soon b { font: 700 15px/1.3 var(--h-mono); grid-row: 1 / 3; }
.bk-soon small { color: var(--h-ink-3, #6b6259); font-size: 13px; }
.bk-src li, .bk-total { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 8px 0; border-top: 1px solid var(--h-line, rgb(28 24 20 / 16%)); font: 500 15px/1.3 var(--h-sans); }
.bk-src li span { display: flex; flex-direction: column; }
.bk-src li small { font: 450 13px/1.3 var(--h-sans); color: var(--h-orange-ink, #a8420a); }
.bk-src li b, .bk-total b { font: 650 15px/1.3 var(--h-mono); }
.bk-src li.zero { color: var(--h-ink-3, #6b6259); }
.bk-total { margin: 0; font-weight: 700; border-top-width: 2px; }
.bk-missing li { position: relative; padding: 6px 0 6px 18px; font: 500 14px/1.4 var(--h-sans); }
.bk-missing li:before { content: ""; position: absolute; left: 2px; top: 13px; width: 8px; height: 8px; border-radius: 50%; background: var(--h-orange, #f26b1d); }
.bk-testbook { border-radius: 14px; box-shadow: inset 0 0 0 1px var(--h-line, rgb(28 24 20 / 16%)); padding: 0 12px; }
.bk-testbook > summary { min-height: 48px; display: flex; align-items: center; gap: 6px; font: 600 14px/1.3 var(--h-sans); cursor: pointer; }
.bk-testbook[open] { padding-bottom: 12px; }
.bk .house-talk { margin: 0; }
.bk-top .bk-card { padding: 12px; }
.bk-top .bk-fine { font-size: 13px; }
.bk-state { margin: 2px 0 2px; font: 700 20px/1.25 var(--h-sans); }
.bk-next.todo { box-shadow: inset 0 0 0 1.5px var(--h-orange, #f26b1d); }
.bk-next .kit-btn { margin-top: 10px; }
.bk-rule { margin: 0; padding: 0 4px; }

.house .bank-history:not(:has(*)) { display: none; }
.house .house-page > .mg-fold { margin-top: 20px; }

.house .house-page > #credits:not(:target) { display: none; }
.house .house-page:has(> #credits:target) > *:not(#credits):not(.house-title):not(.house-strip) { display: none; }
.house .house-page > .mg-credits-link { order: 6; margin: 8px 0 0; }
.house .house-page > .mg-credits-link a { display: inline-flex; align-items: center; min-height: 44px; }
.bk-mode { margin: 0 0 -2px; font: 700 12px/1.2 var(--h-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--h-orange-ink, #a8420a); }
.bk-buy ul { list-style: none; margin: 6px 0 0; padding: 0; }
.bk-buy li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--h-line, rgb(28 24 20 / 16%)); font: 500 14px/1.3 var(--h-sans); }
.bk-buy li b { font: 650 14px/1.3 var(--h-mono); text-align: right; }
.mg-fold > summary { cursor: pointer; list-style: none; }
.mg-fold > summary::-webkit-details-marker { display: none; }
.bk-buy li:last-child b { font: 650 14px/1.3 var(--h-sans); }

.sh-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--mx-s6); margin: calc(-1 * var(--mx-s4)) 0 var(--mx-s8); }
.sh-lead { max-width: 600px; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
.sh-acts { display: flex; gap: var(--mx-s2); flex: none; }
.sh-i svg, .sh-mark svg, .sh-tile svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }

.sh-seg { flex-wrap: wrap; margin-bottom: var(--mx-s3); }
.sh-seg a.dim { color: var(--mx-hint); }

.kit-card.sh-card { padding: 0; overflow: hidden; }
.sh-card .sh-rows { border: 0; border-radius: 0; }
.sh-rows .sh-row { padding: var(--mx-s3) var(--mx-s6); }
.sh-row .s { white-space: normal; }
.sh-row a.t:hover { text-decoration: underline; text-underline-offset: 3px; }
.sh-row .t .tag { margin-left: var(--mx-s2); vertical-align: 1px; }
.sh-mark { width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--mx-primary); color: var(--mx-on-key); display: grid; place-items: center; }
.sh-mark svg { stroke-width: 3; width: 14px; height: 14px; }
.sh-tile { width: 32px; height: 32px; flex: none; border-radius: 50%; background: var(--mx-tint); color: var(--mx-body); display: grid; place-items: center;
  font-size: var(--mx-fs-small); font-weight: var(--mx-w-strong); }
.sh-row.hot .sh-tile { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.sh-lock .sh-tile { background: var(--mx-well); }
.sh-amt { flex: none; text-align: right; font-weight: var(--mx-w-ui); color: var(--mx-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sh-amt small { display: block; font-size: var(--mx-fs-small); font-weight: var(--mx-w-reg); color: var(--mx-label); }
.sh-go { color: var(--mx-hint); }
.sh-row > .kit-btn { flex: none; }
.sh-foot { padding: 14px var(--mx-s6); border-top: var(--mx-bw) solid var(--mx-line); font-size: var(--mx-fs-small); color: var(--mx-label); font-variant-numeric: tabular-nums; }


.sh-meta { display: flex; flex-wrap: wrap; gap: var(--mx-s1) var(--mx-s4); margin: calc(-1 * var(--mx-s4)) 0 var(--mx-s4); font-size: var(--mx-fs-small); color: var(--mx-label); }
.sh-split { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: var(--mx-s4); align-items: start; margin-top: var(--mx-s6); }
.sh-side { display: flex; flex-direction: column; gap: var(--mx-s4); min-width: 0; }
.sh-sec-h { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s3); padding: var(--mx-s5) var(--mx-s6) var(--mx-s2); }
.sh-sec-h h3 { font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.sh-pitch .sh-sec-h { flex-direction: column; align-items: flex-start; gap: 2px; }
.sh-pitch { padding-bottom: var(--mx-s6); }
.sh-preview { margin-top: var(--mx-s2); box-shadow: none; border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); }
.sh-none { padding: 0 var(--mx-s6) var(--mx-s5); font-size: var(--mx-fs-small); color: var(--mx-label); }
.sh-card .sh-rows .sh-row:first-child { border-top: var(--mx-bw) solid var(--mx-line); }
.sh-card .sh-rows.sh-activity .sh-row { min-height: 44px; }
.sh-lines { padding: 0 var(--mx-s6) var(--mx-s2); font-variant-numeric: tabular-nums; }
.sh-lines dd { font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.sh-house { margin-bottom: var(--mx-s8); }
.sh-under { margin: calc(-1 * var(--mx-s4)) 0 var(--mx-s6); }
.sh-h2 { margin-bottom: var(--mx-s3); font: var(--mx-w-strong) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); }
.sh-house .sh-row { padding: var(--mx-s4) var(--mx-s6); }


.sh-take { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--mx-s8); align-items: start; }
.sh-take-main { min-width: 0; }
.sh-form { margin-block: 0 var(--mx-s8); }
.sh-paste { padding-top: var(--mx-s8); border-top: var(--mx-bw) solid var(--mx-line); }
.sh-paste h2 { font: var(--mx-w-strong) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); }
.sh-pays h3 { padding: var(--mx-s5) var(--mx-s6) var(--mx-s2); font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.sh-gate { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mx-s4); max-width: 640px; }

.sh-others { margin-top: var(--mx-s8); }
.sh-others h2 { font: var(--mx-w-strong) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); margin-bottom: var(--mx-s1); }
.sh-n { margin-left: var(--mx-s2); font-size: var(--mx-fs-small); font-weight: var(--mx-w-reg); color: var(--mx-hint); }
.sh-small { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.sh-others .sh-rows { margin-top: var(--mx-s3); }
.sh-earn b { color: var(--mx-ink); font-weight: var(--mx-w-ui); }

@media (max-width: 767px) {
  .sh-head { flex-direction: column; align-items: stretch; gap: var(--mx-s4); margin: calc(-1 * var(--mx-s2)) 0 var(--mx-s6); }
  .sh-acts { flex-wrap: wrap; }
  .sh-rows .sh-row { flex-wrap: wrap; align-items: flex-start; padding: var(--mx-s3) var(--mx-s4); }
  .sh-row .in-row-txt { flex-basis: calc(100% - 44px); }
  .sh-row .t .tag { display: none; }
  .sh-row.hot .t .tag, .sh-row .t .tag.ok { display: inline-flex; }
  .sh-amt, .sh-go { display: none; }
  .sh-row > .kit-btn { margin-left: 44px; width: calc(100% - 44px); }
  .sh-foot { padding: var(--mx-s3) var(--mx-s4); }
  .sh-split, .sh-take { grid-template-columns: 1fr; }
  .sh-split .sh-pitch { order: 2; }
  .sh-sec-h { padding: var(--mx-s4) var(--mx-s4) var(--mx-s2); }
  .sh-none, .sh-lines { padding-inline: var(--mx-s4); }
  .sh-house .sh-row { padding: var(--mx-s4); flex-wrap: wrap; align-items: flex-start; }
  .sh-under { margin: calc(-1 * var(--mx-s2)) 0 var(--mx-s5); }
}

.ad.v2-dash { display: block; max-width: var(--mx-w-wide); }
.ad-lead { margin: calc(-1 * var(--mx-s4)) 0 var(--mx-s8); }
.ad .card-head .h3 { display: flex; align-items: baseline; gap: var(--mx-s2); }
.ad-n { font-size: var(--mx-fs-small); font-weight: var(--mx-w-reg); color: var(--mx-hint); font-variant-numeric: tabular-nums; }
.ad-none { padding: var(--mx-s2) var(--mx-s6) var(--mx-s5); }


.ad .card-head + .rows, .ad .card-head + .v2-admin { margin-top: var(--mx-s2); }
.ad.v2-dash .ad-rows > .v2-admin-row { min-height: 56px; padding: var(--mx-s3) var(--mx-s6); gap: var(--mx-s3); align-items: center; border-top: 1px solid var(--mx-line); }
.ad .ad-rows > .v2-admin-row:first-child { border-top: 0; }
.ad .ad-rows > .v2-admin-row[hidden] { display: none; }
.ad .ad-rows .in-row-txt .t { font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.ad .ad-rows .in-row-txt .s { margin-top: 2px; }
.ad .ad-rows > .v2-admin-row > :is(.tag, form, .btn, .av, .dot-ico) { flex: none; }
.ad .ad-rows .av { width: 32px; height: 32px; }
.ad .ad-money .amt .small { display: block; font-weight: var(--mx-w-reg); }
.ad-moneys { margin: 0; }


.ad-seg { margin-bottom: var(--mx-s3); flex-wrap: wrap; }
.ad-rec-head { align-items: center; padding-bottom: var(--mx-s2); }
.ad.v2-dash input.ad-search { width: 240px; min-height: 36px; }
.ad-recs:not(:has(.ad-rec:target)) .ad-rec:not(#people), .ad-recs:has(.ad-rec:target) .ad-rec:not(:target) { display: none; }
.ad-recs:not(:has(.ad-rec:target)) .ad-seg a[href="#people"], .ad-recs:has(#people:target) .ad-seg a[href="#people"], .ad-recs:has(#shops:target) .ad-seg a[href="#shops"],
.ad-recs:has(#payments:target) .ad-seg a[href="#payments"], .ad-recs:has(#payouts:target) .ad-seg a[href="#payouts"], .ad-recs:has(#posts:target) .ad-seg a[href="#posts"] {
  background: var(--mx-card); color: var(--mx-ink); box-shadow: 0 0 0 1px var(--mx-line); }
.ad-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s4); }
.ad-test-switch { flex: none; }
.ad-rec { scroll-margin-top: var(--mx-s16); }
.ad-run { padding: var(--mx-s3) var(--mx-s6); border-top: 1px solid var(--mx-line); border-bottom: 1px solid var(--mx-line); }

@media (max-width: 767px) {
  .ad-lead { margin: calc(-1 * var(--mx-s2)) 0 var(--mx-s6); }
  .ad-moneys { grid-template-columns: 1fr; }
  .ad.v2-dash .ad-rows > .v2-admin-row { padding: var(--mx-s3) var(--mx-s4); flex-wrap: wrap; }
  .ad .ad-rows .in-row-txt { flex: 1 1 calc(100% - 56px); }
  .ad .v2-people .tag { display: none; }
  .ad .v2-people .tag.ad-test { display: inline-flex; }
  .ad-seg { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .ad-rec-head { flex-direction: column; align-items: stretch; }
  .ad.v2-dash input.ad-search { width: 100%; min-height: 44px; }
  .ad-none, .ad-run { padding-inline: var(--mx-s4); }
}

.in-sheet:has(.v2-cmp-page) > * { max-width: none; }
.v2-cmp-page { display: flex; flex-direction: column; gap: var(--mx-s3); }
.v2-cmp-page > p { margin: 0; }
.v2-cmp-segs { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
.v2-cmp-find { max-width: 560px; }
.v2-cmp-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--mx-s2) var(--mx-s4); font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.v2-cmp-legend li { display: inline-flex; align-items: center; gap: var(--mx-s1); }
.v2-cmp-sw { width: 12px; height: 12px; border-radius: var(--mx-r-xs-2); border: 1.5px solid; }
.v2-cmp { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.v2-cmp-row > details > summary { list-style: none; cursor: pointer; }
.v2-cmp-row > details > summary::-webkit-details-marker { display: none; }
.v2-cmp-cell { min-width: 0; display: flex; flex-direction: column; gap: var(--mx-s1); overflow-wrap: anywhere; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-cmp-name { font-size: var(--mx-fs-ui); font-weight: var(--mx-w-strong); color: var(--mx-ink); }
.v2-cmp-line { color: var(--mx-label); }
.v2-cmp-kind { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.v2-cmp-rev, .v2-cmp-price { display: block; margin-top: var(--mx-s1); }
.v2-cmp-price { font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.v2-cmp-cell.threat { align-items: flex-start; }
.v2-cmp-steps, .v2-cmp-moves { display: none; }

.v2-cmp-steps { list-style: none; margin: 0; padding: 0; flex-direction: column; gap: var(--mx-s2); }
.v2-cmp-steps > li { display: flex; flex-direction: column; gap: var(--mx-s1); }
.v2-cmp-steps > li + li::before { content: "↓"; color: var(--mx-hint); line-height: 1; margin-bottom: var(--mx-s1); }
.v2-cmp-chips { display: flex; flex-wrap: wrap; gap: var(--mx-s1) var(--mx-s2); }
.v2-cmp-step { display: inline-flex; flex-direction: column; padding: var(--mx-s1) var(--mx-s2); border: 1.25px solid; border-radius: var(--mx-r-sm); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-ink); max-width: 100%; }
.v2-cmp-step small { font: var(--mx-fs-count)/1.4 var(--mx-mono); color: var(--mx-label); }
.v2-cmp-step.traffic { background: var(--mx-well); border-color: var(--mx-line-focus); }
.v2-cmp-step.free { background: var(--mx-ok-t); border-color: var(--mx-ok); }
.v2-cmp-step.offer { background: var(--mx-primary-t); border-color: var(--mx-primary); } .v2-cmp-step.offer small, .v2-cmp-step.upsell small { color: var(--mx-primary-ink); }
.v2-cmp-step.upsell { background: var(--mx-wait-t); border-color: var(--mx-wait); }
.v2-cmp-step.payout { background: var(--mx-ink); border-color: var(--mx-ink); color: var(--mx-on-ink); } .v2-cmp-step.payout small { color: var(--mx-deck-body); }
.v2-cmp-step.backend { background: var(--mx-card); border: 1.25px dashed var(--mx-label); }
.v2-cmp-moves { list-style: none; margin: 0; padding: 0; flex-direction: column; gap: var(--mx-s1); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }/*kit-part*/
.v2-cmp-moves b { font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.v2-cmp-moves::before { content: "How people move"; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.v2-cmp-src { font: var(--mx-fs-count) var(--mx-mono); }
.v2-cmp-sub { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
.v2-cmp-graph { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.v2-cmp-graph svg { display: block; max-width: none; }
.v2-cmp-row details[open] .v2-cmp-graph.small { display: none; }
.v2-cmp-open { display: flex; flex-direction: column; gap: var(--mx-s3); padding: var(--mx-s4) 0 var(--mx-s5); }
.v2-cmp-open p { margin: 0; max-width: 72ch; }
.v2-cmp-copy b { color: var(--mx-primary-ink); }
.v2-cmp-graph.big { padding: var(--mx-s3); border-radius: var(--mx-r-card); background: var(--mx-canvas); box-shadow: var(--mx-shadow-panel); }
.v2-cmp-facts, .v2-cmp-card { display: grid; margin: 0; grid-template-columns: max-content 1fr; gap: var(--mx-s1) var(--mx-s3); font-size: var(--mx-fs-small); }
.v2-cmp-facts dt, .v2-cmp-card dt { color: var(--mx-label); } .v2-cmp-facts dd, .v2-cmp-card dd { margin: 0; max-width: 90ch; }
.v2-cmp-rank { font: var(--mx-w-strong) var(--mx-fs-ui) var(--mx-mono); color: var(--mx-ink); }
.v2-cmp-num { font: var(--mx-fs-small) var(--mx-mono); color: var(--mx-ink); }
.v2-cmp-cell .tag { align-self: flex-start; white-space: normal; max-width: 100%; height: auto; min-height: 22px; padding-block: 2px; line-height: 1.3; }
.v2-cmp-lastw { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.v2-tl { display: flex; flex-direction: column; gap: var(--mx-s2); min-width: 0; }
.v2-tl h4 { margin: 0; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); font-weight: normal; }
.v2-tl-list { list-style: none; margin: 0; padding: 0 0 0 var(--mx-s3); border-left: 2px solid var(--mx-line); display: flex; flex-direction: column; gap: var(--mx-s2); max-width: 110ch; }
.v2-tl-list li { display: grid; grid-template-columns: 6.5rem 6.5rem minmax(0, 1fr) auto; gap: var(--mx-s2); align-items: baseline; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.v2-tl-list li.made { color: var(--mx-ink); }
.v2-tl-on, .v2-tl-kind { font: var(--mx-fs-count) var(--mx-mono); }
.v2-tl-list li.made .v2-tl-kind { color: var(--mx-primary-ink); }
.v2-tl-words { overflow-wrap: anywhere; }
.v2-tl-saw summary { cursor: pointer; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); } .v2-tl-saw .v2-tl-list { margin-top: var(--mx-s2); }

.cf { font-family: var(--mx-sans); }
.cf-n rect { stroke-width: 1.25; }
.cf-l { fill: var(--mx-ink); font-weight: var(--mx-w-ui); }
.cf-p { fill: var(--mx-label); font-family: var(--mx-mono); }
.cf-e path { fill: none; stroke: var(--mx-hint); stroke-width: 1.25; }
.cf-e .cf-head { fill: var(--mx-hint); stroke: none; }
.cf-e.back path:not(.cf-head) { stroke-dasharray: 4 3; }
.cf-ew { font-size: 10px; fill: var(--mx-label); paint-order: stroke; stroke: var(--mx-canvas); stroke-width: 3px; stroke-linejoin: round; }
.cf a:hover rect { stroke-width: 2.25; }
.cf-n.traffic rect, .v2-cmp-sw.traffic { fill: var(--mx-well); background: var(--mx-well); stroke: var(--mx-line-focus); border-color: var(--mx-line-focus); }
.cf-n.free rect, .v2-cmp-sw.free { fill: var(--mx-ok-t); background: var(--mx-ok-t); stroke: var(--mx-ok); border-color: var(--mx-ok); }
.cf-n.offer rect, .v2-cmp-sw.offer { fill: var(--mx-primary-t); background: var(--mx-primary-t); stroke: var(--mx-primary); border-color: var(--mx-primary); }
.cf-n.upsell rect, .v2-cmp-sw.upsell { fill: var(--mx-wait-t); background: var(--mx-wait-t); stroke: var(--mx-wait); border-color: var(--mx-wait); }
.cf-n.payout rect, .v2-cmp-sw.payout { fill: var(--mx-ink); background: var(--mx-ink); stroke: var(--mx-ink); border-color: var(--mx-ink); }
.cf-n.payout .cf-l { fill: var(--mx-on-ink); } .cf-n.payout .cf-p { fill: var(--mx-deck-body); }
.cf-n.backend rect, .v2-cmp-sw.backend { fill: var(--mx-card); background: var(--mx-card); stroke: var(--mx-label); border-color: var(--mx-label); stroke-dasharray: 4 3; border-style: dashed; }
.cf-n.offer .cf-p, .cf-n.upsell .cf-p { fill: var(--mx-primary-ink); }
.v2-cmp-head { display: none; }
@media (min-width: 1024px) {
  .v2-cmp-head, .v2-cmp-sum { display: grid; grid-template-columns: 2.5rem minmax(0, 1.2fr) minmax(0, 1.1fr) 5rem 4.5rem 4rem minmax(0, 1.2fr) 6.5rem minmax(0, 3.5fr); gap: var(--mx-s3); align-items: start; }
  .v2-cmp-head { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); padding: 0 0 var(--mx-s2); border-bottom: 1px solid var(--mx-line); }
  .v2-cmp-sum { padding: var(--mx-s3) 0; }
  .v2-cmp-row { border-bottom: 1px solid var(--mx-line); }
  .v2-cmp-sum:hover { background: var(--mx-tint); }
}
@media (max-width: 1023px) {
  .v2-cmp { gap: var(--mx-s3); }
  .v2-cmp-row { padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-pop); box-shadow: var(--mx-shadow-panel); min-width: 0; }
  .v2-cmp-sum { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--mx-s2) var(--mx-s3); }
  .v2-cmp-cell.rank { grid-column: 1; grid-row: 1; } .v2-cmp-cell.name { grid-column: 2; grid-row: 1; } .v2-cmp-cell.threat { grid-column: 3; grid-row: 1; }
  
  .v2-cmp-cell.pays, .v2-cmp-cell.last { grid-column: 1 / -1; }
  .v2-cmp-cell.money, .v2-cmp-cell.members, .v2-cmp-cell.ads { display: none; }
  
  .v2-cmp-row details:not([open]) .v2-cmp-cell.funnel { display: none; }
  .v2-cmp-cell.last { gap: 2px; } .v2-cmp-cell.last .v2-cmp-lastw { -webkit-line-clamp: 2; }
  .v2-tl-list li { grid-template-columns: 5.5rem minmax(0, 1fr) auto; } .v2-tl-kind { display: none; }
  .v2-cmp-cell.funnel { grid-column: 1 / -1; padding-top: var(--mx-s1); }
  .v2-cmp-graph.small { display: none; }
  .v2-cmp-steps, .v2-cmp-moves { display: flex; }
  .v2-cmp-segs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .v2-cmp-segs .kit-chip { flex: none; }
  
  .v2-cmp-open::before { content: "The whole map · swipe sideways →"; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }
  .v2-cmp-graph.big { mask-image: linear-gradient(to right, #000 85%, transparent); }
  
  .v2-cmp-facts { order: 1; } .v2-cmp-open > p { order: 2; } .v2-cmp-moves { order: 3; } .v2-cmp-open::before, .v2-cmp-graph.big { order: 4; } .v2-cmp-open > p.v2-cmp-sub { order: 5; }
  .v2-cmp-open { padding-bottom: 0; }
}

.v2-dos { display: flex; flex-direction: column; gap: var(--mx-s4); padding-top: var(--mx-s4); border-top: 1px solid var(--mx-line); min-width: 0; }
.v2-dos h4 { margin: 0 0 var(--mx-s2); font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); text-transform: uppercase; letter-spacing: .04em; }
.v2-dos-sec { min-width: 0; }
.v2-dos-sec.know ol { margin: 0; padding-left: 1.4em; display: flex; flex-direction: column; gap: var(--mx-s1); max-width: 80ch; font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.v2-dos-verdict { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--mx-s3); }
.v2-dos-verdict > div { padding: var(--mx-s3); border-radius: var(--mx-r-card); border: 2px solid var(--mx-line); background: var(--mx-card); }
.v2-dos-verdict b { font: var(--mx-fs-count) var(--mx-mono); text-transform: uppercase; letter-spacing: .04em; }
.v2-dos-verdict p { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-dos-verdict .steal { border-color: var(--mx-primary); } .v2-dos-verdict .steal b { color: var(--mx-primary-ink); }
.v2-dos-verdict .them b { color: var(--mx-bad); } .v2-dos-verdict .us b { color: var(--mx-ok); }
.v2-dos-shots { display: flex; gap: var(--mx-s3); overflow-x: auto; overscroll-behavior-x: contain; padding-bottom: var(--mx-s2); scroll-snap-type: x proximity; }
.v2-dos-shots a { flex: none; width: 150px; display: flex; flex-direction: column; gap: var(--mx-s1); scroll-snap-align: start; text-decoration: none; color: var(--mx-label); font: var(--mx-fs-count) var(--mx-mono); }
.v2-dos-shots img { width: 150px; height: 325px; object-fit: cover; object-position: top; border-radius: 14px; border: 2px solid var(--mx-line); background: var(--mx-well); }
.v2-dos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); gap: var(--mx-s4) var(--mx-s5); align-items: start; }
.v2-dos-table { width: 100%; border-collapse: collapse; font-size: var(--mx-fs-small); }
.v2-dos-table th { text-align: left; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); padding: 0 var(--mx-s2) var(--mx-s1) 0; }
.v2-dos-table td { padding: var(--mx-s1) var(--mx-s2) var(--mx-s1) 0; border-top: 1px solid var(--mx-line); vertical-align: top; }
.v2-dos-table td.num { font-weight: var(--mx-w-ui); color: var(--mx-ink); white-space: nowrap; }
.v2-dos-facts { margin: 0; display: grid; grid-template-columns: minmax(0, max-content) 1fr; gap: var(--mx-s1) var(--mx-s3); font-size: var(--mx-fs-small); }
.v2-dos-facts dt { color: var(--mx-label); } .v2-dos-facts dd { margin: 0; color: var(--mx-ink); }
.v2-dos-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s2); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-dos-num { display: inline-block; min-width: 4.5em; margin-right: var(--mx-s2); font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.v2-dos-sec.complaints blockquote { margin: 0 0 var(--mx-s2); padding: var(--mx-s1) 0 var(--mx-s1) var(--mx-s3); border-left: 3px solid var(--mx-bad-t); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-style: italic; }
.v2-dos-src { display: inline-block; padding: 0 5px; border-radius: 6px; font: 600 10px/16px var(--mx-mono); font-style: normal; background: var(--mx-well); color: var(--mx-label); text-decoration: none; vertical-align: 1px; white-space: nowrap; }
.v2-dos-src.P { background: var(--mx-ok-t); color: var(--mx-ok); } .v2-dos-src.M { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.v2-dos-src.C { background: var(--mx-wait-t); color: var(--mx-wait); } .v2-dos-src.A { background: var(--mx-bad-t); color: var(--mx-bad); }
.v2-dos-tag { margin-top: var(--mx-s1); align-self: flex-start; }
@media (max-width: 1023px) {
  .v2-cmp-open > .v2-dos { order: 6; } .v2-cmp-open > .v2-cmp-card { order: 1; } .v2-cmp-open > .v2-tl { order: 3; }
  .v2-dos-shots a, .v2-dos-shots img { width: 130px; } .v2-dos-shots img { height: 282px; }
  .v2-dos-grid { grid-template-columns: minmax(0, 1fr); }
}

.v2-acc-play { padding: var(--mx-s3); border-radius: var(--mx-r-card); border: 2px solid var(--mx-primary); background: var(--mx-card); max-width: 80ch; }
.v2-acc-play b { font: var(--mx-fs-count) var(--mx-mono); text-transform: uppercase; letter-spacing: .04em; color: var(--mx-primary-ink); }
.v2-acc-play p, .v2-acc-play ul { margin: var(--mx-s1) 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-ink); }
.v2-acc-play ul, .v2-acc-find ul { padding-left: 1.2em; }
.v2-acc-to { display: block; color: var(--mx-label); overflow-wrap: anywhere; }
.v2-acc-fig { margin: 0 0 var(--mx-s3); max-width: 420px; }
.v2-acc-fig figcaption { font-size: var(--mx-fs-small); color: var(--mx-label); } .v2-acc-fig figcaption b { color: var(--mx-ink); }
.v2-acc-dots { display: block; width: 100%; height: auto; }
.v2-acc-dots .ax { stroke: var(--mx-line); stroke-width: 1; } .v2-acc-dots .med { stroke: var(--mx-label); stroke-width: 1; stroke-dasharray: 3 3; }
.v2-acc-dots .lab { font: 9px var(--mx-mono); fill: var(--mx-label); }
.v2-acc-dots .dot { fill: var(--mx-label); fill-opacity: .55; } .v2-acc-dots .hit { fill: var(--mx-primary); stroke: var(--mx-card); stroke-width: 1.5; }
.v2-acc-find { margin: 0; display: flex; flex-direction: column; gap: var(--mx-s1); max-width: 80ch; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.v2-acc-find dt { font-weight: var(--mx-w-ui); color: var(--mx-ink); margin-top: var(--mx-s2); } .v2-acc-find dd { margin: 0; } .v2-acc-find p, .v2-acc-find ul { margin: 0; }
.v2-acc-gaps summary { cursor: pointer; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); text-transform: uppercase; letter-spacing: .04em; }

.v2-how-prog { display: flex; flex-direction: column; gap: var(--mx-s2); margin-bottom: var(--mx-s4); }
.v2-how-prog > b { font-size: var(--mx-fs-small); }
@media (max-width: 1023px) { .v2-cmp-open > .v2-acc { order: 7; } .v2-acc .v2-dos-table { font-size: 13px; } }

.fc .section { margin-bottom: var(--mx-s8); }
.fc-tiles .v { overflow-wrap: anywhere; }
.fc-tiles .v2-dash-tile:first-child .v { font-size: var(--mx-fs-title-s); font-weight: var(--mx-w-black); }
.fc-headline { margin: 0 0 var(--mx-s6); padding: var(--mx-s4) var(--mx-s5); border-radius: var(--mx-r-card); background: var(--mx-primary-t); color: var(--mx-ink);
  font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-strong); }
.fc-them { margin: var(--mx-s4) 0 0; color: var(--mx-body); }
.fc-them b { color: var(--mx-ok); }
.fc-fixed > summary { cursor: pointer; padding: var(--mx-s2) 0; }
.fc-chart { position: relative; height: 140px; margin: var(--mx-s2) 0 var(--mx-s4); }
.fc-zero-l { position: absolute; left: 0; transform: translateY(-120%); font-size: var(--mx-fs-small); color: var(--mx-label); }
.fc-svg { height: 100%; }
.fc-chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.fc-band { fill: var(--mx-primary-t); }
.fc-zero { stroke: var(--mx-label); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.fc-mid { fill: none; stroke: var(--mx-primary-ink); stroke-width: 2.5; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.fc-months { width: 100%; border-collapse: collapse; font-size: var(--mx-fs-label); font-variant-numeric: tabular-nums; }
.fc-months th { padding: var(--mx-s2) var(--mx-s2); color: var(--mx-label); font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); text-align: right; }
.fc-months td { padding: var(--mx-s2); border-top: 1px solid var(--mx-line); text-align: right; color: var(--mx-body); white-space: nowrap; }
.fc-months :is(th, td):first-child { text-align: left; padding-left: 0; }
.fc-months :is(th, td):last-child { padding-right: 0; color: var(--mx-ink); font-weight: var(--mx-w-strong); }
.fc-months td:first-child .small { display: block; color: var(--mx-label); white-space: normal; }
.fc-months td.neg { color: var(--mx-bad); }
.fc-note { margin: var(--mx-s3) 0 0; color: var(--mx-label); }
.fc-swings { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s3); }
.fc-swings li { display: grid; grid-template-columns: 1fr auto; gap: var(--mx-s1) var(--mx-s3); font-size: var(--mx-fs-label); }
.fc-swings .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.fc-swings .v { color: var(--mx-label); font-variant-numeric: tabular-nums; }
.fc-bar { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--mx-line); overflow: hidden; }
.fc-bar i { display: block; height: 100%; background: var(--mx-primary-ink); border-radius: 3px; }
.fc-group { margin-top: var(--mx-s4); }
.fc-group .h3 { margin: 0 0 var(--mx-s1); font-size: var(--mx-fs-label); color: var(--mx-label); font-weight: 600; }
.fc-ins { list-style: none; margin: 0; padding: 0; }
.fc-in { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s2) var(--mx-s4); padding: var(--mx-s3) 0; border-top: 1px solid var(--mx-line); }
.fc-in-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fc-in-txt .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.fc-in-txt .s { font-size: var(--mx-fs-small); color: var(--mx-label); }
.fc-in.edited .t::after { content: " · edited"; color: var(--mx-primary-ink); font-weight: var(--mx-w-reg); font-size: var(--mx-fs-small); }
.fc-kind { display: inline-block; padding: 0 6px; border-radius: var(--mx-r-sm); font-weight: var(--mx-w-ui); background: var(--mx-card); color: var(--mx-label); }
.fc-kind.guess { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.fc-kind.measured { background: var(--mx-ok-t); color: var(--mx-ok); }
.fc-val { flex: none; color: var(--mx-ink); font-weight: var(--mx-w-strong); font-variant-numeric: tabular-nums; }
.fc-boxes { flex: none; display: flex; gap: var(--mx-s2); }
.fc-box { display: flex; flex-direction: column; gap: 2px; font-size: var(--mx-fs-small); color: var(--mx-label); }
.fc .fc-box input { width: 76px; min-height: 36px; padding: 0 var(--mx-s2); font-size: var(--mx-fs-box); border: 1px solid var(--mx-line); border-radius: var(--mx-r-sm); background: var(--mx-pop); box-shadow: none; }
.fc-do { display: flex; align-items: center; gap: var(--mx-s4); margin-top: var(--mx-s4); }
@media (max-width: 767px) {
  .fc-tiles { grid-template-columns: 1fr; }
  .fc-tiles .v { font-size: var(--mx-fs-h2); }
  .fc-headline { font-size: var(--mx-fs-ui); padding: var(--mx-s3) var(--mx-s4); }
  .fc-tiles .v2-dash-tile + .v2-dash-tile { padding-left: 0; border-left: 0; border-top: 1px solid var(--mx-line); }
  .fc-in { flex-wrap: wrap; }
  .fc-boxes { width: 100%; }
  .fc-box { flex: 1; }
  .fc .fc-box input { width: 100%; min-height: 44px; }
  .fc-months { font-size: var(--mx-fs-small); }
  .fc-months :is(th, td) { padding-inline: var(--mx-s1); }
}



.out { color: var(--mx-body); font-family: var(--mx-sans); }
.out-top { display: flex; align-items: center; justify-content: space-between; gap: var(--mx-s4); width: 100%; max-width: 1056px; height: 64px; margin: 0 auto; padding: 0 var(--mx-s12); }
.out-brand { display: inline-flex; align-items: center; gap: 0; min-height: 44px; font: var(--mx-w-strong) 15px/1 var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); text-decoration: none; }
.out-mark { width: 24px; height: 24px; border-radius: var(--mx-r-sm); background: var(--mx-primary); display: grid; place-items: center; color: var(--mx-on-key); }
.out-mark svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; }
.out-door { display: flex; align-items: center; gap: var(--mx-s4); font-size: var(--mx-fs-ui); color: var(--mx-label); }
.out-door a:not(.btn) { color: var(--mx-ink); font-weight: var(--mx-w-ui); text-decoration: none; }
.out-door a:not(.btn):hover { text-decoration: underline; text-underline-offset: 3px; }
.out-door .btn { height: 36px; padding: 0 var(--mx-s3); }
.out .btn.wide { width: 100%; }
.out-main { flex: 1 0 auto; width: 100%; max-width: 528px; margin: 0 auto; padding: var(--mx-s6) var(--mx-s6) var(--mx-s16); display: flex; flex-direction: column; gap: var(--mx-s4); }
.out-main.wide { max-width: 1056px; padding: var(--mx-s6) var(--mx-s12) var(--mx-s16); }
.out-foot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--mx-s3); width: 100%; max-width: 1056px; margin: 0 auto; padding: 0 var(--mx-s12) var(--mx-s10);
  font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.out-foot nav { display: flex; flex-wrap: wrap; column-gap: var(--mx-s4); }

.out-foot a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; color: inherit; text-decoration: none; }
.out-foot a:hover { color: var(--mx-ink); }


.out-h1 { margin: 0; font: var(--mx-w-strong) var(--mx-fs-title)/var(--mx-lh-title) var(--mx-sans); letter-spacing: -.025em; color: var(--mx-ink); text-wrap: balance; }
.out-h3 { margin: 0; font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.out-lead, .out-body { margin: 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); color: var(--mx-label); }
.out-body { color: var(--mx-body); }
.out-small { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.out-small b { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.out-hint { margin: 10px 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-hint); text-align: center; }
.out-said { margin: 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-ok-t); color: var(--mx-ink); font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); }
.out-card { padding: var(--mx-s6); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); display: flex; flex-direction: column; gap: var(--mx-s3); }
.out-price { margin: 0; font: var(--mx-w-strong) var(--mx-fs-money)/var(--mx-lh-money) var(--mx-sans); letter-spacing: -.03em; color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.out-price small { font-size: var(--mx-fs-ui); font-weight: var(--mx-w-ui); letter-spacing: 0; color: var(--mx-label); }



.out-pitch, .v2-keepbar { --mx-edge: 2px; }

.kit-canvas.out:has(.out-pitch) { --mx-canvas: var(--mx-on-ink); --mx-rail: var(--mx-on-ink); }
body:has(.out-pitch) { background: var(--mx-on-ink); }

.out-assure { margin: 10px 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); text-align: center; text-wrap: balance; }

.out-sample { color: var(--mx-ink); }
.out-pitch.v2-pitch { display: grid; grid-template-columns: auto 360px; grid-template-areas: "film title" "film get" "film more"; grid-template-rows: auto auto 1fr;
  column-gap: 56px; justify-content: center; align-items: start; }
.out-title { grid-area: title; padding-top: var(--mx-s2); display: flex; flex-direction: column; gap: var(--mx-s2); }
.out-get { grid-area: get; margin-top: var(--mx-s6); }
.out-more { grid-area: more; display: flex; flex-direction: column; gap: var(--mx-s4); margin-top: var(--mx-s6); }
.out-film { grid-area: film; position: relative; margin: 0; height: min(calc(100vh - 150px), 720px); aspect-ratio: 9 / 16; border-radius: var(--mx-r-card); overflow: hidden;
  background: var(--mx-screen); color: var(--mx-on-ink); }
.out-film video { display: block; width: 100%; height: 100%; object-fit: cover; background: var(--mx-screen); }
.out-film figcaption { position: absolute; left: var(--mx-s3); right: var(--mx-s3); bottom: var(--mx-s3); pointer-events: none; font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans);
  text-shadow: 0 1px 3px var(--mx-screen); }
.out-film figcaption small { display: block; font-size: var(--mx-fs-tag); font-weight: var(--mx-w-reg); opacity: .75; }
.out-film.played figcaption { display: none; }
.out-wm { position: absolute; left: 10px; top: 10px; z-index: 1; padding: 0 var(--mx-s2); border-radius: var(--mx-r-sm); background: var(--mx-card); color: var(--mx-ink);
  font: var(--mx-w-ui) var(--mx-fs-tag)/22px var(--mx-sans); opacity: .94; pointer-events: none; }

.out-film.v2-tap:not(.played)::before { width: 64px; height: 64px; border-radius: var(--mx-r-pill); background: var(--mx-card); opacity: .92; }
.out-film.v2-tap:not(.played)::after { border-left: 18px solid var(--mx-ink); border-block: 11px solid transparent; transform: translate(-35%, -50%); }
.out-promise { list-style: none; margin: 0; padding: 0; border-block: 1px solid var(--mx-line); }
.out-promise li { display: flex; align-items: center; gap: var(--mx-s3); min-height: 44px; padding: 10px 0; border-top: 1px solid var(--mx-line); font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); color: var(--mx-body); }
.out-promise li:first-child { border-top: 0; }
.out-promise svg { display: block; width: 16px; height: 16px; fill: none; stroke: var(--mx-ok); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.out-whys { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s2); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.out-whys li { padding-left: var(--mx-s3); border-left: 2px solid var(--mx-line); }
.out-month .btn { margin-top: var(--mx-s2); }


.out-signin { width: 400px; max-width: 100%; margin: auto; padding-block: var(--mx-s8); display: flex; flex-direction: column; gap: var(--mx-s4); }
.out-signin .out-card { gap: var(--mx-s6); }
.out-signin-top { display: flex; flex-direction: column; align-items: center; gap: var(--mx-s1); text-align: center; }
.out-signin-top .out-h1 { font-size: var(--mx-fs-title-s); line-height: var(--mx-lh-title-s); }
.out-mark.big { width: 32px; height: 32px; border-radius: var(--mx-r-md); margin-bottom: var(--mx-s4); }
.out-mark.big svg { width: 18px; height: 18px; }
.out-signin .out-hint a { color: var(--mx-ink); font-weight: var(--mx-w-ui); text-decoration: none; }
.out-signin .out-hint a:hover { text-decoration: underline; text-underline-offset: 3px; }

.out-form { display: flex; flex-direction: column; gap: var(--mx-s4); }
.out .v2-field { display: flex; flex-direction: column; gap: 6px; }
.out .v2-field > span { font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.out .v2-field input { height: var(--mx-h-ctl); padding: 0 var(--mx-s3); border-radius: var(--mx-r-md); border: 1px solid var(--mx-line-in); background: var(--mx-card);
  font: var(--mx-fs-box) var(--mx-sans); color: var(--mx-ink); box-shadow: none; }
.out .v2-field input::placeholder { color: var(--mx-hint); }
.out .v2-field input:focus { outline: none; border-color: var(--mx-primary); box-shadow: var(--mx-focus); }


.bg-head { margin-bottom: var(--mx-s6); }
.bg-head .lead { margin-top: var(--mx-s1); }
.bg-next { display: flex; align-items: center; gap: var(--mx-s4); }
.bg-next .small b { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.bg-gallery { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--mx-s6) var(--mx-s4); }
.bg-gallery .poster { display: block; background: var(--mx-screen); }
.bg-gallery .poster .code { left: 10px; right: auto; top: auto; bottom: 10px; }
.bg-gallery .poster.played :is(.tag, .code) { display: none; }
.bg-gallery .t { display: block; margin-top: 10px; color: var(--mx-ink); font-weight: var(--mx-w-ui); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bg-gallery .t:hover { text-decoration: underline; text-underline-offset: 3px; }
.bg-gallery .small { margin: 2px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bg-gallery .small a { color: inherit; }
.bg-gallery .acts { display: flex; gap: var(--mx-s2); margin-top: 10px; }
.bg-foot { display: block; }
.row .grow .v2-meter { margin-top: var(--mx-s2); max-width: 240px; }

@media (max-width: 767px) {
  .out-top { height: var(--mx-h-top-s); padding: 0 var(--mx-s4); }
    .out-main, .out-main.wide { padding: var(--mx-s1) var(--mx-s4) var(--mx-s10); }
  .out-foot { padding: 0 var(--mx-s4) var(--mx-s8); }
  .out-h1 { font-size: var(--mx-fs-title-s); line-height: var(--mx-lh-title-s); }
  .out-card { padding: var(--mx-s5); }
  .out-pitch.v2-pitch { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "film" "get" "more"; grid-template-rows: auto; }
  
  .out-pitch.v2-pitch.kept { grid-template-areas: "title" "get" "film" "more"; }
  .out-pitch.kept .out-get { margin: var(--mx-s4) 0; }
  .out-title { padding-top: 0; margin-bottom: var(--mx-s4); }
  .out-film { height: min(50svh, 480px); justify-self: center; }
  .out-get { margin-top: var(--mx-s4); }
  
  .out-get.out-keep { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; margin: 0; padding: var(--mx-s3) var(--mx-s4) calc(var(--mx-s3) + env(safe-area-inset-bottom));
    background: var(--mx-canvas); border-top: 1px solid var(--mx-line); }
  .out-keep .out-assure { margin-top: var(--mx-s2); }
  body:has(.out-keep) { padding-bottom: calc(140px + env(safe-area-inset-bottom)); }
  .out-signin { margin-top: var(--mx-s6); padding-block: 0; }
  .bg-next { flex-direction: column; align-items: stretch; }
  .bg-gallery { grid-template-columns: 1fr 1fr; gap: var(--mx-s5) var(--mx-s3); }
  .bg-gallery .acts .btn { flex: 1; }
}


.out-sandbox { display: inline-flex; align-items: center; min-height: 44px; }

.pt { display: grid; gap: var(--mx-s4); width: 100%; max-width: 560px; }
.pt-lede { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.pt-path { list-style: none; margin: 0; padding: var(--mx-s4) 0; display: grid; gap: 30px; }
.pt-step { display: grid; justify-items: center; gap: var(--mx-s4); }
.pt-node-row { transform: translateX(var(--x, 0)); }
.pt-node { display: grid; place-items: center; width: 72px; height: 66px; border-radius: 50%; background: var(--mx-line); color: #7a7a7a;
  box-shadow: 0 8px 0 var(--mx-line-focus); font: var(--mx-w-black) 26px/1 var(--mx-sans); }
.pt-node.live { background: var(--mx-primary); color: var(--mx-on-key); box-shadow: 0 8px 0 var(--mx-primary-ink); }
.pt-node.building { background: var(--mx-amber); color: var(--mx-wait); box-shadow: 0 8px 0 var(--mx-amber-edge); }
.pt-node.dropped { text-decoration: line-through; opacity: .6; }
.pt-card { width: 100%; display: grid; gap: var(--mx-s2); padding: var(--mx-s4); }
.pt-step.dropped .pt-card { opacity: .6; }
.pt-tags { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
.pt-status, .pt-call { padding: 4px 10px; border-radius: var(--mx-r-sm); font: var(--mx-w-black) 12px/1.2 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; }
.pt-status { background: var(--mx-line); color: var(--mx-label); }
.pt-status.live { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.pt-status.building { background: var(--mx-wait-t); color: var(--mx-wait); }
.pt-call { background: var(--mx-bad-t); color: var(--mx-bad); }
.pt-copy { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); text-wrap: balance; }
.pt-from { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.pt-from b { color: var(--mx-ink); }
.pt-line { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.pt-line b { color: var(--mx-ink); }
.pt-line.none { color: var(--mx-label); }
.pt-line.small { padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-primary-t); }
.pt-proof { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.pt-number { display: block; font: var(--mx-w-black) 22px/1.2 var(--mx-sans); color: var(--mx-ink); }

@media (min-width: 900px) {
  .pt { max-width: 980px; }
  .pt-path { gap: 0; }
  .pt-step { grid-template-columns: minmax(0, 1fr) 120px minmax(0, 1fr); align-items: center; gap: 0; }
  .pt-node-row { grid-column: 2; grid-row: 1; justify-self: center; transform: none; }
  .pt-step.left .pt-card { grid-column: 1; grid-row: 1; }
  .pt-step.right .pt-card { grid-column: 3; grid-row: 1; }
  .pt-step + .pt-step { margin-top: -28px; }
}

.gm { display: grid; gap: var(--mx-s6); width: 100%; max-width: var(--mx-w-wide); }
.gm-lede { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.gm-sec { display: grid; gap: var(--mx-s3); }
.gm-h { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s2) var(--mx-s3); font: var(--mx-w-black) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); color: var(--mx-ink); }
.gm-sub { font: var(--mx-w-ui) var(--mx-fs-small)/1 var(--mx-sans); color: var(--mx-label); }
.gm-quote { margin: 0; padding-left: var(--mx-s3); border-left: 3px solid var(--mx-primary); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); font-style: italic; color: var(--mx-body);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gm-fine { margin: 0; font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-label); }


.gm-draw { padding: var(--mx-s4); }
.gm-loop { display: block; width: 100%; height: auto; }
.gm-loop.wide { display: none; }/*kit-part*/
.gm-n circle { fill: var(--mx-well); stroke: var(--mx-line-focus); stroke-width: 2; }
.gm-n.first circle { fill: var(--mx-primary); stroke: var(--mx-primary-ink); }
.gm-n.cash circle { fill: var(--mx-ok-t); stroke: var(--mx-green-edge); }
.gm-num { font: var(--mx-w-black) 17px var(--mx-sans); fill: var(--mx-ink); }
.gm-n.first .gm-num { fill: var(--mx-on-key); }
.gm-t { font: var(--mx-w-black) 16px var(--mx-sans); fill: var(--mx-ink); }
.gm-s { font: var(--mx-w-ui) 13px var(--mx-sans); fill: var(--mx-label); }
.gm-l { fill: none; stroke: var(--mx-line-focus); stroke-width: 2.5; }
.gm-head { fill: var(--mx-line-focus); }
.gm-back { fill: none; stroke: var(--mx-primary); stroke-width: 2.5; stroke-dasharray: 6 6; }
.gm-bl { font: var(--mx-w-strong) 12px var(--mx-sans); fill: var(--mx-primary-ink); }


.gm-calls { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s3); }
.gm-call { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gm-ask { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.gm-opts { display: grid; gap: var(--mx-s2); }
.gm-opt { margin: 0; padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-tint); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gm-opt b { color: var(--mx-ink); }
.gm-opt.on { background: var(--mx-primary-t); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-primary); }
.gm-call.chose-yes .gm-opt.no, .gm-call.chose-no .gm-opt.yes { opacity: .5; }
.gm-note { margin: 0; font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-label); }
.gm-note b { color: var(--mx-body); }
.gm-note summary { cursor: pointer; list-style: none; }
.gm-note summary::-webkit-details-marker { display: none; }
.gm-note p { margin: var(--mx-s2) 0 0; }
.gm-more { color: var(--mx-primary-ink); font-weight: var(--mx-w-black); }
details[open].gm-note .gm-more { display: none; }
.gm-btns, .gm-chose { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); }
.gm-do { margin: 0; }
.gm-said { padding: 4px 10px; border-radius: var(--mx-r-sm); font: var(--mx-w-black) 12px/1.2 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; }
.gm-said.yes { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.gm-said.no { background: var(--mx-line); color: var(--mx-label); }


.gm-rules { display: grid; gap: var(--mx-s2); padding: var(--mx-s4); }
.gm-rules summary { cursor: pointer; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.gm-rules summary .gm-sub { font-weight: var(--mx-w-ui); }
.gm-rules[open] summary .gm-sub { display: none; }
.gm-flow h3 { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.gm-rules ol { margin: 0; padding-left: var(--mx-s5); display: grid; gap: var(--mx-s2); font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.gm-rules li { display: grid; gap: var(--mx-s1); }
.gm-cards { list-style: none; margin: 0; padding: 0 0 var(--mx-s2); display: grid; grid-auto-flow: column; grid-auto-columns: 82%; gap: var(--mx-s3); overflow-x: auto; scroll-snap-type: x mandatory; }
.gm-cards > li { scroll-snap-align: start; }
.gm-card { display: grid; align-content: start; gap: var(--mx-s2); padding: var(--mx-s4); }
.gm-card-t { margin: 0; font: var(--mx-w-black) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mx-primary-ink); }
.gm-card-d { margin: 0; font: var(--mx-w-strong) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); }


.gm-econ-grid { display: grid; gap: var(--mx-s3); }
.gm-flow { display: grid; align-content: start; gap: var(--mx-s3); padding: var(--mx-s4); }
.gm-tbl { width: 100%; border-collapse: collapse; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.gm-tbl th { text-align: left; padding: 0 var(--mx-s2) var(--mx-s2) 0; font: var(--mx-w-black) 12px/1.2 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mx-label); }
.gm-tbl td { padding: var(--mx-s2) var(--mx-s2) var(--mx-s2) 0; border-top: 1px solid var(--mx-line); color: var(--mx-body); vertical-align: top; }
.gm-num-c { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--mx-ink); }
.gm-fills { margin: 0; padding-left: var(--mx-s5); display: grid; gap: var(--mx-s2); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gm-fills b { color: var(--mx-ink); }
.gm-fills .gm-wait { color: var(--mx-label); }


.gm-lore-card { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gm-world { margin: 0; font: var(--mx-w-strong) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); }
.gm-tbl tr.call td { background: var(--mx-tint); }
.gm-open { display: inline-block; padding: 2px 8px; border-radius: var(--mx-r-sm); background: var(--mx-bad-t); color: var(--mx-bad); font: var(--mx-w-black) 11px/1.3 var(--mx-sans); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }


.gm-art-list { list-style: none; margin: 0; padding: 0 0 var(--mx-s2); display: grid; grid-auto-flow: column; grid-auto-columns: 82%; gap: var(--mx-s3); overflow-x: auto; scroll-snap-type: x mandatory; }
.gm-art-list > li { scroll-snap-align: start; }
.gm-art-card { overflow: hidden; display: grid; }
.gm-art-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--mx-screen); }
.gm-art-card p { margin: 0; padding: var(--mx-s3) var(--mx-s4); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }


.gm-bp-scroll { overflow-x: auto; }
.gm-bp { display: grid; gap: var(--mx-s3); }
.gm-bp-labels { display: none; }
.gm-bp-zone { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gm-bp-zone.breaks { box-shadow: inset 0 0 0 2px var(--mx-bad); }
.gm-bp-name { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.gm-bp-cell { display: grid; align-content: start; gap: var(--mx-s1); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gm-bp-cell p { margin: 0; }
.gm-bp-k, .gm-bp-lab { font: var(--mx-w-black) 11px/1.3 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mx-label); }
.gm-bp-cell.r-feel .gm-bp-v { font-style: italic; }
.gm-bp-guess { display: inline-block; padding: 1px 6px; border-radius: var(--mx-r-sm); background: var(--mx-well); color: var(--mx-label); font: var(--mx-w-strong) 10px/1.3 var(--mx-sans); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.gm-bp-tag { justify-self: start; padding: 2px 8px; border-radius: var(--mx-r-sm); font: var(--mx-w-black) 11px/1.3 var(--mx-sans); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
.gm-bp-tag.holds { background: var(--mx-ok-t); color: var(--mx-ok); }
.gm-bp-tag.breaks { background: var(--mx-bad-t); color: var(--mx-bad); }
.gm-bp-tag.design { background: var(--mx-well); color: var(--mx-label); }
.gm-bp-bug { color: var(--mx-bad); font-weight: var(--mx-w-strong); }
.gm-bp-call { padding: var(--mx-s1) var(--mx-s2); border-radius: var(--mx-r-sm); background: var(--mx-wait-t); color: var(--mx-wait); font-weight: var(--mx-w-strong); }
.gm-bp-step { color: var(--mx-label); font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); }
.gm-bp-rate b { color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.gm-bp-none { color: var(--mx-hint); font-style: italic; }


.gm-chart { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gm-chart-say { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gm-chart-svg { overflow-x: auto; background: #ffffff; color-scheme: light; border-radius: var(--mx-r-md); }
.gm-chart-svg svg { display: block; min-width: 620px; max-width: 969px; margin: 0 auto; }

@media (min-width: 1100px) {
  .gm-bp { grid-template-rows: repeat(var(--gm-bp-rows), auto); grid-auto-flow: column; grid-template-columns: 128px; grid-auto-columns: minmax(118px, 1fr);
    gap: 1px; background: var(--mx-line); border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); overflow: hidden; min-width: 1080px; }
  .gm-bp-labels, .gm-bp-zone { display: contents; }
  .gm-bp-zone.breaks { box-shadow: none; }
  .gm-bp-zone.breaks .gm-bp-name { color: var(--mx-bad); }
  .gm-bp-corner, .gm-bp-lab, .gm-bp-name, .gm-bp-cell { background: var(--mx-card); padding: var(--mx-s2); }
  .gm-bp-corner, .gm-bp-name { background: var(--mx-tint); }
  .gm-bp-lab { background: var(--mx-tint); color: var(--mx-ink); }
  .gm-bp-name { font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
  .gm-bp-k { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .gm-bp-cell { font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); }
}

@media (min-width: 900px) {
  .gm-loop.tall { display: none; }
  .gm-loop.wide { display: block; }
  .gm-calls { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
  .gm-cards { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  .gm-econ-grid { grid-template-columns: 3fr 2fr; }
  .gm-art-list { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
}

.gl { gap: var(--mx-s4); }
.gl-core { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gl-core-h { margin: 0; font: var(--mx-w-black) var(--mx-fs-h3, 1.25rem)/1.2 var(--mx-sans); color: var(--mx-ink); }
.gl-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--mx-s2); }
.gl-step { display: grid; grid-template-columns: 5.5rem 1fr auto; gap: var(--mx-s1) var(--mx-s3); align-items: baseline; }
.gl-stage { font: var(--mx-w-ui) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); color: var(--mx-label); text-transform: uppercase; letter-spacing: .04em; }
.gl-arrow { color: var(--mx-ink); }
.gl-step.verified .gl-arrow { font-weight: var(--mx-w-ui); }
.gl-step .gl-tag { justify-self: end; align-self: start; }
.gl-why { grid-column: 2 / -1; font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-label); }
.gl-tag { display: inline-block; padding: 1px 8px; border-radius: 999px; font: var(--mx-w-ui) var(--mx-fs-tag)/1.6 var(--mx-sans); white-space: nowrap; border: 1px solid var(--mx-line); color: var(--mx-body); }
.gl-tag.verified { border-color: #2e8b57; color: #2e8b57; }
.gl-tag.failed { border-color: #e72e3b; color: #e72e3b; }
.gl-tag.harness { border-color: #1680f3; color: #1680f3; }
.gl-core-sub { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gl-tag.not_built { opacity: .7; border-style: dashed; }
.gl-card { display: grid; gap: var(--mx-s3); padding: var(--mx-s4); }
.gl-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--mx-s2); }
.gl-title { margin: 0 var(--mx-s2) 0 0; font: var(--mx-w-black) var(--mx-fs-body)/1.3 var(--mx-sans); color: var(--mx-ink); }
.gl-rules { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--mx-s2); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gl-bugs { display: grid; gap: var(--mx-s3); }
.gl-bug { display: grid; gap: var(--mx-s1); padding: var(--mx-s3); border-left: 3px solid #e72e3b; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.gl-bug p { margin: 0; }
.gl-bug-k { font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.gl-fix b { color: var(--mx-ink); }
.gl-tile { display: grid; gap: 2px; padding: var(--mx-s3) var(--mx-s4); text-decoration: none; color: inherit; }
.gl-tile p { margin: 0; }
.gl-tile-k { font: var(--mx-w-ui) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); color: var(--mx-label); text-transform: uppercase; letter-spacing: .04em; }
.gl-tile-v { font: var(--mx-w-black) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); color: var(--mx-ink); }
.gl-tile-u { font: var(--mx-w-ui) var(--mx-fs-small)/1 var(--mx-sans); color: var(--mx-body); }
.gl-tile-at { font-size: var(--mx-fs-tag); color: var(--mx-label); }
@media (max-width: 560px) { .gl-step { grid-template-columns: 1fr auto; } .gl-stage, .gl-why { grid-column: 1 / -1; } }
.sm-tools{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.sm-tools button,.sm-flows button,.sm-close{font:inherit;color:inherit;background:var(--paper,#fff);border:1px solid #8885;border-radius:8px;padding:10px 12px;cursor:pointer;min-height:44px}
.sm-tools button[aria-pressed=true],.sm-flows button[aria-pressed=true]{border-color:#c65524;background:#fce8d8;color:#58230c}
.sm-box{height:640px;max-height:75vh;min-height:360px;position:relative;overflow:hidden;touch-action:none;border:1px solid #8885;border-radius:12px;background-color:#f5f3ee;background-image:radial-gradient(#b7b2a9 1px,transparent 1px);background-size:20px 20px}
.sm-layer{position:absolute;left:0;top:0;transform-origin:0 0}
.sm-layer svg{display:block;font:14px ui-sans-serif,system-ui;color:#a34826}
.sm-place{cursor:pointer}.sm-place>rect{fill:#fffdf8;stroke:#a7a198;stroke-width:1.5}
.sm-place:hover>rect,.sm-place:focus>rect{stroke:#c65524;stroke-width:3}
.sm-deferred>rect{fill:none;stroke-dasharray:14 10;opacity:.7}.sm-deferred .sm-place-title{fill:#8a8178}.sm-deferred-label{opacity:.55}
.sm-place-title{font-weight:700;font-size:15px;fill:#27231f}.sm-caption{font-size:11px;fill:#71685e}
.sm-state{cursor:pointer}.sm-state rect{fill:#f3eee5;stroke:#c8bdae}.sm-state text{fill:#29241f;font-size:13px}
.sm-road{fill:none;stroke:#9b9081;stroke-width:2}.sm-edge.main .sm-road{stroke:#c65524;stroke-width:5}
.sm-hit{fill:none;stroke:transparent;stroke-width:24;pointer-events:stroke}
.sm-edge{cursor:pointer}.sm-edge text{font-size:13px;font-weight:800;fill:#71371e;stroke:#fffdf8;stroke-width:5;paint-order:stroke}
.sm-selected .sm-edge:not(.selected){opacity:.16}.sm-selected .sm-state:not(.selected){opacity:.45}
.sm-edge.selected .sm-road{stroke:#b73508;stroke-width:7}.sm-state.selected rect{stroke:#c65524;stroke-width:3}
.sm-flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
.sm-flows button{text-align:left;font-size:12px}.sm-flows b,.sm-flows span{display:block}.sm-flows span{margin-top:5px;font-size:14px}
.sm-card-source{display:none}
.sm-sheet{box-sizing:border-box;width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #a7a198;border-radius:16px;padding:22px;background:#fffdf8;color:#29241f}
.sm-sheet::backdrop{background:#15131088}.sm-sheet .gm-bp-cell{padding:12px 0;border-bottom:1px solid #ddd5c8}
.sm-close{position:sticky;top:0;float:right;background:#fffdf8}.sm-sheet h3{clear:both;padding-top:14px}
@media(max-width:600px){.sm-flows{grid-template-columns:1fr}.sm-box{height:520px}.sm-sheet{margin:auto 0 0;width:100%;max-height:85dvh;border-radius:18px 18px 0 0;padding:18px}.sm-tools button{font-size:12px}}

.sm-edge .sm-edge-label{display:none;font-size:12px;font-weight:500}.sm-edge:hover .sm-edge-label,.sm-edge:focus .sm-edge-label,.sm-edge.selected .sm-edge-label{display:block}

.sm-sheet .gm-bp-k{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
.sm-sheet .gm-bp-cell{font-size:14px;line-height:1.5}
.sm-step{fill:#b94216;stroke:#fffdf8;stroke-width:4}.sm-step-number{fill:white;font-size:110px;font-weight:900;pointer-events:none}
.sm-walk-sheet{margin:16px 16px 16px auto;max-height:calc(100dvh - 32px);width:min(520px,48vw)}
.sm-walk-sheet::backdrop{background:#15131022}
.sm-walk-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;clear:both;padding-top:12px}
.sm-walk-nav button,.sm-shot-toggle button{min-height:44px;padding:10px 16px;border:1px solid #aaa;border-radius:8px;background:#fffdf8;color:#29241f;font:inherit;cursor:pointer}
.sm-walk-nav button:disabled{opacity:.4;cursor:default}.sm-shot-toggle{display:flex;gap:8px;margin:16px 0}
.sm-shot-toggle [aria-pressed=true]{background:#29241f;color:white}
.sm-shot-frame{max-width:390px;margin:0 auto;border:8px solid #29241f;border-radius:24px;overflow:auto;max-height:55vh;min-height:120px;background:#f5f3ee}
.sm-shot-frame[data-width="1440"]{max-width:100%;border-radius:8px;border-width:4px}
.sm-shot-frame img{display:block;width:100%;height:auto}.sm-shot-frame p{padding:16px}.sm-shot-scores{font-size:13px;overflow-wrap:anywhere}
@media(max-width:600px){.sm-walk-sheet{margin:auto 0 0;width:100%;max-height:75dvh}.sm-walk-nav{font-size:13px}.sm-shot-frame{max-height:40dvh}}
.sm-walking-spine{fill:none;stroke:#c65524;stroke-width:12;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
@media(min-width:1100px){body:has(.sm-walk-sheet[open]) .sm-box{width:calc(100% - 540px)}}

.sm-edge .sm-word-label{display:block;font-size:64px;font-weight:650;fill:currentColor;stroke:none}
.sm-edge .sm-road.built{stroke-dasharray:36 24}
.sm-edge .sm-road.not-built{opacity:.24}
.sm-edge .sm-road.verified{stroke-dasharray:none}
.sm-coverage{font-size:45px;fill:#514b44}
.sm-conformance{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:13px}
.sm-conformance span{display:flex;align-items:center;gap:6px}
.sm-conformance i{width:32px;border-top:3px solid #a94519}
.sm-conformance .built{border-top-style:dashed}.sm-conformance .not-built{opacity:.25}
.sm-loop-switch button:disabled{opacity:.55;cursor:default}
.sm-layer .sm-place-title{font-size:32px}.sm-layer .sm-caption{font-size:22px}
.sm-edge .sm-word-label{font-size:92px}
.sm-layer .sm-state text{font-size:35px}
.sm-layer .sm-place-title{font-size:44px}
.sm-layer .sm-caption{font-size:30px}
.sm-edge .sm-word-label{font-size:64px}
.sm-state-preview{font-size:38px;fill:#39332b}
.sm-layer .sm-place-title{font-size:50px}

.world-room { display:flex; gap:18px; align-items:center; margin-bottom:24px; }
.world-room img { width:100px; height:88px; object-fit:contain; }
.world-room small { text-transform:uppercase; letter-spacing:.1em; }
.world-room h1 { font-size:28px; }
.rpg-map { height:auto; aspect-ratio:1920/1072; background:url('/game/calm-b-16x9.webp') center/100% 100%; }
.rpg-map:before { display:none; }
.rpg-map-title { padding:12px; max-width:none; }
.rpg-map-title h2 { font-size:16px; }
.rpg-place { width:24%; transform:translate(-50%,-65%); }
.rpg-place:hover,.rpg-place:focus-visible { transform:translate(-50%,-70%); }
.rpg-place img { width:100%; height:80px; filter:none; }
.rpg-place.studio { left:18%; top:75.6%; bottom:auto; }
.rpg-place.workshop { left:27.3%; top:33.1%; }
.rpg-place.bank { left:74.9%; top:59.4%; right:auto; }
.rpg-place.market { left:45.6%; top:79.2%; right:auto; bottom:auto; }
@media(max-width:600px) {
 .rpg-map { aspect-ratio:1072/1920; background-image:url('/game/calm-b-9x16.webp'); }
 .rpg-place { width:34%; }
 .rpg-place img { height:100px; }
 .rpg-place.studio { left:24.8%; top:75%; }
 .rpg-place.workshop { left:27.1%; top:19.1%; }
 .rpg-place.bank { left:81.2%; top:41.2%; }
 .rpg-place.market { left:75.7%; top:56.7%; }
}
.market-street { margin-bottom:24px; }
.market-street h2 { font-size:22px; }
.market-street p { margin:10px 0; }
.street-track { display:flex; overflow-x:auto; align-items:start; scroll-snap-type:x mandatory; gap:14px; padding:8px 0 16px; }
.street-shop { flex:0 0 260px; scroll-snap-align:start; }
.street-shop summary { list-style:none; cursor:pointer; }
.street-shop summary::-webkit-details-marker { display:none; }
.street-facade { position:relative; }
.street-facade img { width:100%; display:block; }
.street-sign { position:absolute; left:11%; right:11%; top:23%; height:10%; display:grid; align-items:center; text-align:center; font-size:14px; line-height:1; overflow:hidden; background:#fff4df; }
.street-state { display:block; padding:8px; border:1px solid var(--mx-line); background:var(--mx-card); font-size:12px; text-align:center; }
.street-merchant { padding:16px; border:1px solid var(--mx-line); background:var(--mx-card); }
.street-merchant blockquote { padding:8px 0; }
.street-shop.held .street-facade:after { content:""; position:absolute; left:12%; top:48%; width:47%; height:38%; background:repeating-linear-gradient(#292621 0 5px,#595247 5px 7px); opacity:.8; pointer-events:none; }
.street-shop.sent img { filter:drop-shadow(0 0 7px #f7942877); }
.street-shop.replied .street-state { border-radius:16px 16px 16px 0; border:2px solid var(--mx-primary); }
.street-shop.bought .street-state { background:var(--mx-ink); color:var(--mx-card); }
.street-shop.lapsed img { opacity:.55; }
@media(max-width:600px) { .market-street.many { margin-top:24px; } .sh-head { margin-top:12px; } }
.bank-history { margin:28px auto; }
.bank-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; margin-bottom:20px; }
.bank-history h2 { font-size:21px; margin-bottom:12px; }
.bank-history p { margin:10px 0; line-height:1.5; }
.bank-post,.bank-share { border-top:1px solid var(--mx-line); padding:18px 0; }
.bank-chart svg { display:block; width:100%; max-height:130px; color:var(--mx-primary); }
.bank-history summary { cursor:pointer; padding:10px 0; }
.bank-history li { font-size:12px; padding:5px 0; }
@media(max-width:600px) { .bank-columns { grid-template-columns:1fr; } }
.rpg-map:after { display:none; }
.workshop-skills { padding:18px 0; border-bottom:1px solid var(--mx-line); margin-bottom:20px; }
.workshop-skills a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; text-decoration:underline; }
.workshop-skills p { margin:10px 0; }
.world-app .mg-figs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.world-app .mg-fig { min-width:0; }
.world-app .mg-fig .mg-money { overflow-wrap:anywhere; }

.world-app {
  --mx-canvas: #fbfaf7; --mx-rail: #fbfaf7; --mx-card: #fffefa;
  --mx-tint: #f4f1e9; --mx-well: #eee9df;
  --mx-ink: #24211d; --mx-body: #423d35; --mx-label: #655e53;
  --mx-hint: #71695e; --mx-line: #d4cbbd; --mx-line-in: #d4cbbd;
  --world-ink-rule: #968977;
  
  --mx-pop: var(--mx-card); --mx-rim: var(--mx-card); --mx-frost: var(--mx-card);
  color-scheme: light;
}
.world-app .in-sheet { background: var(--mx-canvas); }
:is([data-world-card], [data-world-tile]) {
  background-color: var(--mx-card);
  border-color: var(--mx-line);
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 var(--mx-line);
}
[data-world-tile] :is(.v, .v2-tile-v, .mg-money) { font-variant-numeric: tabular-nums; }
[data-world-table] { border-color: var(--mx-line); }
[data-world-table] th {
  color: var(--mx-ink); background: var(--mx-tint);
  border-bottom-color: var(--world-ink-rule);
}

.world-app :is(hr, .sh, .in-head, .rpg-handoff, .rpg-merchants, .rpg-billboard) {
  border-color: var(--world-ink-rule);
}
.world-room-header { align-items: baseline; }
.world-room-header.world-room { align-items: center; }
.world-room-words { min-width: 0; }
.world-room-subtitle { display: block; color: var(--mx-label); font: 600 13px/1.4 var(--mx-mono); }
.world-room-header.world-room small { text-transform: none; letter-spacing: 0; }



@media (forced-colors: active) {
  :is([data-world-card], [data-world-tile]) { outline: 1px solid CanvasText; }
}

[data-world-tile].mg-fig { background: transparent; box-shadow: none; border-radius: 0; }

.im { display: grid; gap: var(--mx-s4); width: 100%; max-width: var(--mx-w-wide); }


.im-filter { display: grid; gap: var(--mx-s2); }
.im-named { justify-self: start; }
.im-rounds { display: flex; gap: var(--mx-s2); overflow-x: auto; margin: 0 calc(-1 * var(--mx-s4)); padding: 0 var(--mx-s4) var(--mx-s1); scrollbar-width: none; }
.im-rounds .kit-chip { flex: none; }
.im-filter .n { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); }


.im-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s5); }
.im-group { display: grid; gap: var(--mx-s3); padding: var(--mx-s3) 0 var(--mx-s4); overflow: hidden; }
.im-meta { margin: 0; padding: 0 var(--mx-s3); font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.im-meta b { color: var(--mx-ink); font-weight: var(--mx-w-black); }
.im-row { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: var(--mx-s3); padding: 0 var(--mx-s3); align-items: start; }
.im-group.is-pair .im-row { grid-auto-columns: 86%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--mx-s3); }


.im-one { margin: 0; scroll-snap-align: start; display: grid; align-content: start; gap: var(--mx-s2); min-width: 0; }
.im-label { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s2); min-height: 40px; }
.im-name { margin: 0; font: var(--mx-w-black) 32px/1.1 var(--mx-sans); letter-spacing: -.01em; color: var(--mx-ink); overflow-wrap: anywhere; }
.im-unnamed { margin: 0; font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.im-form { flex: none; font: var(--mx-w-black) 12px/1.3 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--mx-label); }
.im-img { display: block; border-radius: var(--mx-r-md); overflow: hidden; background: var(--mx-tint); box-shadow: inset 0 0 0 1px var(--mx-line); }
.im-img img { display: block; width: 100%; height: auto; max-height: 78vh; object-fit: contain; margin: 0 auto; }
.im-one.is-love .im-img { box-shadow: 0 0 0 3px var(--mx-primary); }
.im-one.is-no .im-img img { opacity: .55; }


.im-name-form { margin: 0; }
.im-name-in { width: 100%; min-height: 48px; font: var(--mx-w-black) var(--mx-fs-ui)/1 var(--mx-mono); }
.im-answer { margin: 0; font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-body); }
.im-answer.no { color: var(--mx-bad); font-weight: var(--mx-w-black); }


.im-taps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mx-s2); }
.im-tap-form { margin: 0; }
.im-tap { width: 100%; min-height: 48px; border: 0; border-radius: var(--mx-r-md); background: var(--mx-tint); color: var(--mx-ink); font: var(--mx-w-black) var(--mx-fs-ui)/1 var(--mx-sans); cursor: pointer; }
.im-tap:hover { background: var(--mx-well); }
.im-tap.love.on { background: var(--mx-primary); color: var(--mx-on-key); }
.im-tap.maybe.on { background: var(--mx-ink); color: var(--mx-card); }
.im-tap.no.on { background: var(--mx-line); color: var(--mx-label); box-shadow: inset 0 0 0 2px var(--mx-label); }
.im-note { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: var(--mx-s2); }
.im-note-in { min-width: 0; }
.im-made { font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-label); }
.im-made summary { cursor: pointer; overflow-wrap: anywhere; }
.im-made p { margin: var(--mx-s2) 0 0; white-space: pre-wrap; color: var(--mx-body); }
.im-made .im-refs { color: var(--mx-label); overflow-wrap: anywhere; }

@media (min-width: 900px) {
  .im-rounds { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
  .im-group { padding: var(--mx-s4); }
  .im-meta, .im-row { padding: 0; }
  
  .im-group.is-pair .im-row { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: 1.6fr .667fr; gap: var(--mx-s4); overflow: visible; }
  .im-group.is-alone.is-phone .im-row, .im-group.is-alone.is-other .im-row { grid-auto-columns: min(100%, 460px); }
  .im-img img { max-height: none; }
  .im-group.is-alone.is-other .im-img img { max-height: 640px; }
}

.bt { --bt-landed: #0ca30c; --bt-hand: #fab219; --bt-failed: #d03b3b; --bt-stopped: #8f8a80; --bt-files: #d9d4ca;
  --bt-boat: var(--mx-primary); --bt-mac: #5b6472; --bt-grid: var(--mx-line); --bt-surface: var(--mx-pop);
  display: grid; width: 100%; max-width: var(--mx-w-wide); }
.bt > .in-head:first-child { margin-top: 0; }
.bt-note { margin: 0 0 var(--mx-s4); }
.bt .v2-tbl-wrap { margin-bottom: var(--mx-s4); }


.bt-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s3); margin-bottom: var(--mx-s4); }
@media (min-width: 900px) { .bt-tiles.four { grid-template-columns: repeat(4, minmax(0, 1fr)); } .bt-tiles.six { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1300px) { .bt-tiles.six { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 380px) { .bt-tiles { grid-template-columns: 1fr; } }
.bt-tiles .v2-tile { min-width: 0; }
.bt-tiles .v2-tile-u { overflow-wrap: anywhere; }
.bt-tiles .v2-tile.bt-bad { border-color: var(--mx-primary); }
.bt-tiles .v2-tile.bt-bad .kit-fig { color: var(--mx-primary-ink); }
.bt-of { font-size: var(--mx-fs-small); font-weight: 400; color: var(--mx-label); letter-spacing: 0; }

.bt-meter { position: relative; height: 6px; margin: var(--mx-s2) 0 0; border-radius: 3px; background: var(--mx-primary-t); }
.bt-meter i { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--mx-ok); }
.bt-meter i.hot { background: var(--mx-primary); }
.bt-meter b { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--mx-ink); }

.bt-wait, .bt-need { margin-bottom: var(--mx-s4); }
.bt-wait .v2-admin-row, .bt-need .v2-admin-row, .bt-pick .v2-admin-row { display: flex; align-items: center; gap: var(--mx-s3); }
.bt .in-row-txt .s { white-space: normal; }
.bt-end { flex: none; }
.bt-end.landed { background: var(--mx-ok-t); color: var(--mx-ok); }
.bt-end.hand, .bt-end.failed { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.bt-end.stopped, .bt-end.files { color: var(--mx-label); }


.bt-charts { display: grid; gap: var(--mx-s3); margin-bottom: var(--mx-s4); scroll-margin-top: 88px; }
@media (min-width: 1100px) { .bt-charts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bt-card { min-width: 0; padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); margin-bottom: var(--mx-s4); }
.bt-charts .bt-card { margin-bottom: 0; }
.bt-sub { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--mx-s1) var(--mx-s3); margin: var(--mx-s2) 0 var(--mx-s2); }
.bt-card > .bt-sub:first-child { margin-top: 0; }
.bt-sub-h { margin: 0; font: var(--mx-w-black) var(--mx-fs-ui)/1.3 var(--mx-sans); color: var(--mx-ink); }
.bt-sub-n { margin: 0; font-size: var(--mx-fs-small); }
.bt-legend { display: flex; flex-wrap: wrap; gap: var(--mx-s1) var(--mx-s4); margin: 0 0 var(--mx-s3); padding: 0; list-style: none; font-size: var(--mx-fs-small); color: var(--mx-body); }
.bt-legend li { display: inline-flex; align-items: center; gap: 6px; }
.bt-key { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 2px; background: var(--mx-hint); }
.bt-key.dot { border-radius: 50%; }
.bt-key.line { width: 16px; height: 2px; border-radius: 1px; }
.bt-key.landed { background: var(--bt-landed); } .bt-key.hand { background: var(--bt-hand); } .bt-key.failed { background: var(--bt-failed); }
.bt-key.stopped { background: var(--bt-stopped); } .bt-key.files { background: var(--bt-files); }
.bt-key.boat { background: var(--bt-boat); } .bt-key.mac { background: var(--bt-mac); }
.bt-key.med { width: 16px; height: 0; border-radius: 0; background: none; border-top: 1px solid var(--mx-ink); }
.bt-key.computer { background: var(--bt-boat); } .bt-key.phone { background: var(--bt-mac); }


.bt-chart { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--mx-s2); }
.bt-y { display: flex; flex-direction: column; justify-content: space-between; height: 160px; font-size: 11px; line-height: 1; color: var(--mx-label); text-align: right; font-variant-numeric: tabular-nums; transform: translateY(-.5em); }
.bt-y span:last-child { transform: translateY(1em); }
.bt-plot { position: relative; min-width: 0; }
.bt-grid { position: absolute; inset: 0 0 auto 0; height: 160px; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; }/*kit-part*/
.bt-grid i { display: block; height: 1px; background: var(--bt-grid); }
.bt-x { position: relative; display: flex; height: 18px; margin: 6px 0 0; padding: 0; list-style: none; font-size: 11px; color: var(--mx-label); }
.bt-x li { flex: 1 1 0; min-width: 0; white-space: nowrap; overflow: visible; }


.bt-cols { position: relative; display: flex; align-items: flex-end; height: 160px; margin: 0; padding: 0; list-style: none; }
.bt-cols li { flex: 1 1 0; min-width: 0; height: 100%; display: flex; justify-content: center; }
.bt-col { display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding: 0 1px; border-radius: 4px; }
a.bt-col:hover, a.bt-col:focus-visible { background: var(--mx-canvas); outline: none; }
.bt-col-bar { display: flex; flex-direction: column-reverse; gap: 2px; width: 100%; max-width: 24px; min-height: 3px; }
.bt-seg { display: block; min-height: 2px; flex-basis: 0; }
.bt-col-bar .bt-seg:last-child { border-radius: 4px 4px 0 0; }
.bt-seg.landed { background: var(--bt-landed); } .bt-seg.hand { background: var(--bt-hand); } .bt-seg.failed { background: var(--bt-failed); }
.bt-seg.stopped { background: var(--bt-stopped); } .bt-seg.files { background: var(--bt-files); }
a.bt-col:hover .bt-seg { filter: brightness(1.08); }


.bt-dot-layer { position: relative; height: 160px; margin: 0; padding: 0; list-style: none; }
.bt-dot-layer li { position: absolute; width: 0; height: 0; }
.bt-dot { position: absolute; left: -12px; top: -12px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.bt-dot::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--bt-boat); box-shadow: 0 0 0 2px var(--bt-surface); }
.bt-dot.mac::before, .bt-dot.phone::before { background: var(--bt-mac); }
a.bt-dot:hover::before, a.bt-dot:focus-visible::before { width: 12px; height: 12px; }
a.bt-dot:focus-visible { outline: none; }
.bt-med { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid var(--mx-ink); pointer-events: none; }


.bt-pick { display: none; margin: 0 0 var(--mx-s4); padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-primary); scroll-margin-top: 88px; }
.bt-pick:target { display: block; }
.bt-pick-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s3); margin-bottom: var(--mx-s2); }
.bt-pick-h { margin: 0; font: var(--mx-w-black) var(--mx-fs-ui)/1.3 var(--mx-sans); color: var(--mx-ink); }
.bt-pick-x { flex: none; font-size: var(--mx-fs-small); }



.bt-loops { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--mx-s3); margin: 0 0 var(--mx-s4); padding: 0; list-style: none; }
.bt-loop { min-width: 0; padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); }
.bt-loop-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s2); margin-bottom: var(--mx-s3); }
.bt-loop-h { margin: 0; font: var(--mx-w-black) var(--mx-fs-ui)/1.3 var(--mx-sans); color: var(--mx-ink); }
.bt-loop-v { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.bt-loop-v b { font-size: var(--mx-fs-ui); color: var(--mx-ink); }
.bt-lines .bt-y, .bt-lines .bt-grid, .bt-lines .bt-dot-layer { height: 110px; }
.bt-lines .bt-plot { margin: 0 12px; }
.bt-lines .bt-x { height: 16px; }
.bt-lines .bt-x li { position: absolute; flex: none; transform: translateX(-50%); }
.bt-svg { position: absolute; inset: 0 0 auto 0; height: 110px; }
.bt-svg svg { display: block; width: 100%; height: 100%; overflow: visible; }
.bt-svg polyline { fill: none; stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.bt-svg .computer { stroke: var(--bt-boat); } .bt-svg .phone { stroke: var(--bt-mac); }
.bt-lines .bt-dot { pointer-events: auto; }
.bt-building { position: absolute; top: 0; height: 110px; width: 0; border-left: 1px dashed var(--mx-primary); }
.bt-building span { position: absolute; top: 0; right: 4px; font-size: 11px; color: var(--mx-primary-ink); white-space: nowrap; }
.bt-more { margin: calc(-1 * var(--mx-s3)) 0 var(--mx-s4); }
.bt-loop-n { margin: var(--mx-s2) 0 0; font-size: var(--mx-fs-small); }


.bt-cost { display: flex; align-items: stretch; gap: 2px; height: 180px; margin: 0; padding: 0; list-style: none; }
.bt-cost li { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.bt-cost-v { font-size: 11px; font-weight: var(--mx-w-black); color: var(--mx-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bt-cost-track { flex: 1; display: flex; align-items: flex-end; justify-content: center; width: 100%; border-bottom: 1px solid var(--bt-grid); }
.bt-cost-track i { display: block; width: 100%; max-width: 24px; min-height: 2px; border-radius: 4px 4px 0 0; background: var(--bt-boat); }
.bt-cost-d { font-size: 11px; color: var(--mx-label); white-space: nowrap; }



.bt { --bk-build: #2a78d6; --bk-design: #eb6834; --bk-research: #1baf7a; --bk-merge: #6250d6; --bk-other: #d9d4ca;
  --bk-m1: #2b3440; --bk-m2: #6f7a89; --bk-m3: #aab3bf; }
.bk-chart + .bk-chart { margin-top: var(--mx-s4); padding-top: var(--mx-s3); border-top: 1px solid var(--bt-grid); }
.bk-chart-h { margin: 0 0 var(--mx-s2); font-size: var(--mx-fs-small); font-weight: var(--mx-w-black); color: var(--mx-ink); }
.bk-sum { color: var(--mx-label); font-variant-numeric: tabular-nums; }
.bk-bars .bt-y, .bk-bars .bt-grid, .bk-bars .bt-cols { height: 110px; }
.bt-key.bk-k-build, .bt-seg.bk-k-build { background: var(--bk-build); } .bt-key.bk-k-design, .bt-seg.bk-k-design { background: var(--bk-design); }
.bt-key.bk-k-research, .bt-seg.bk-k-research { background: var(--bk-research); } .bt-key.bk-k-merge, .bt-seg.bk-k-merge { background: var(--bk-merge); }
.bt-key.bk-k-other, .bt-seg.bk-k-other, .bt-key.bk-m-other, .bt-seg.bk-m-other { background: var(--bk-other); }
.bt-key.bk-m1, .bt-seg.bk-m1 { background: var(--bk-m1); } .bt-key.bk-m2, .bt-seg.bk-m2 { background: var(--bk-m2); } .bt-key.bk-m3, .bt-seg.bk-m3 { background: var(--bk-m3); }

.bu, .bu-all { --bu-s1: #2a78d6; --bu-s2: #eb6834; --bu-s3: #1baf7a; --bu-s4: #6250d6; --bu-s5: #e87ba4; --bu-s6: #008300; --bu-amber: #fab219; }
.bu { margin-bottom: var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); overflow: hidden; }
.bu-head { display: none; }
.bu-rows { margin: 0; padding: 0; list-style: none; }
.bu-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "who used" "chart chart" "burn burn" "full full"; gap: var(--mx-s2) var(--mx-s4);
  padding: var(--mx-s4); border-top: 1px solid var(--mx-line); }
.bu-row:first-child { border-top: 0; }
.bu-row.is-short { box-shadow: inset 4px 0 0 var(--bu-amber); }
.bu-row.is-stale { background: var(--mx-canvas); }
.bu-row.is-stale .bu-fig { color: var(--mx-label); }
.bu-row p { margin: 0; }
.bu-who { grid-area: who; min-width: 0; display: grid; align-content: start; gap: 4px; }
.bu-used { grid-area: used; text-align: right; }
.bu-chart { grid-area: chart; min-width: 0; }
.bu-burn { grid-area: burn; min-width: 0; }
.bu-full { grid-area: full; min-width: 0; }

.bu-burn { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--mx-s2); }
.bu-name { white-space: nowrap; display: flex; align-items: center; gap: 8px; font: var(--mx-w-black) var(--mx-fs-ui)/1.3 var(--mx-sans); color: var(--mx-ink); }
.bu-small { font-size: var(--mx-fs-small); line-height: 1.35; color: var(--mx-label); }
.bu-fig { font-size: 28px; line-height: 1; color: var(--mx-ink); }
.bu-of { font-size: var(--mx-fs-small); font-weight: 400; color: var(--mx-label); letter-spacing: 0; }
.bu-change { margin-top: 4px !important; }
.bu-change.up { color: var(--mx-ink); font-weight: var(--mx-w-strong); }
.bu-big { font-size: var(--mx-fs-label); font-weight: var(--mx-w-strong); line-height: 1.35; color: var(--mx-ink); }
.bu-flag { justify-self: start; margin-top: 2px !important; font-size: var(--mx-fs-small); color: var(--mx-ink); }
.bu-flag.short { background: color-mix(in srgb, var(--bu-amber) 30%, transparent); }
.bu-flag.spare { background: transparent; box-shadow: inset 0 0 0 1px var(--bu-amber); }

.bu-key { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 50%; }
.bt-key.line.bu-key { width: 16px; height: 2px; border-radius: 1px; }
.bu-key.s1 { background: var(--bu-s1); } .bu-key.s2 { background: var(--bu-s2); } .bu-key.s3 { background: var(--bu-s3); }
.bu-key.s4 { background: var(--bu-s4); } .bu-key.s5 { background: var(--bu-s5); } .bu-key.s6 { background: var(--bu-s6); }


.bu-spark { position: relative; height: 44px; margin-right: 64px; }
.bu-svg { position: absolute; inset: 0; }
.bu-svg svg { display: block; width: 100%; height: 100%; overflow: hidden; }
.bu-svg polyline { fill: none; stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.bu-spark.s1 { --bu-c: var(--bu-s1); } .bu-spark.s2 { --bu-c: var(--bu-s2); } .bu-spark.s3 { --bu-c: var(--bu-s3); }
.bu-spark.s4 { --bu-c: var(--bu-s4); } .bu-spark.s5 { --bu-c: var(--bu-s5); } .bu-spark.s6 { --bu-c: var(--bu-s6); }
.bu-spark polyline { stroke: var(--bu-c); }
.bu-end { position: absolute; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: var(--bu-c); box-shadow: 0 0 0 2px var(--mx-pop); }
.bu-spark-v { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); padding-left: 12px; font-size: var(--mx-fs-small); color: var(--mx-body); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bu-reset { position: absolute; top: 0; bottom: 0; width: 0; border-left: 1px dashed var(--mx-label); }
.bu-reset span { position: absolute; top: 0; left: 4px; font-size: 11px; color: var(--mx-label); white-space: nowrap; }


.bu-plotwrap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--mx-s2); }
.bu-plot { position: relative; min-width: 0; height: 180px; margin-bottom: 24px; }
.bu-y { height: 180px; }
.bu-grid { height: 180px; }
.bu-lines { height: 180px; }
.bu-lines .s1 { stroke: var(--bu-s1); } .bu-lines .s2 { stroke: var(--bu-s2); } .bu-lines .s3 { stroke: var(--bu-s3); }
.bu-lines .s4 { stroke: var(--bu-s4); } .bu-lines .s5 { stroke: var(--bu-s5); } .bu-lines .s6 { stroke: var(--bu-s6); }
.bu-reset.tall { bottom: auto; height: 180px; }
.bu-cols { position: absolute; inset: 0; display: flex; margin: 0; padding: 0; list-style: none; }
.bu-cols li { flex: 1 1 0; min-width: 0; height: 100%; outline: none; }
.bu-cols li:hover, .bu-cols li:focus-visible { box-shadow: inset -1px 0 0 var(--mx-ink); }
.bu-x { position: absolute; left: 0; right: 0; top: 100%; }
.bu-x li { position: absolute; flex: none; transform: translateX(-50%); }
.bu-x li:first-child { transform: none; } .bu-x li:last-child { transform: translateX(-100%); }
.bu-labels { position: relative; height: 180px; min-width: 76px; margin: 0; padding: 0; list-style: none; }
.bu-labels li { position: absolute; left: 0; display: flex; align-items: center; gap: 6px; transform: translateY(-50%); font-size: var(--mx-fs-small); color: var(--mx-body); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bu-note { margin: var(--mx-s2) 0 0; }
@media (max-width: 599px) { .bu-x li:not(:first-child):not(:last-child) { display: none; } }

@media (min-width: 900px) {
  .bu-head, .bu-row { grid-template-columns: minmax(150px, 1.2fr) minmax(110px, .8fr) minmax(200px, 1.7fr) minmax(90px, .7fr) minmax(180px, 1.3fr); grid-template-areas: "who used chart burn full"; }
  .bu-head { display: grid; gap: var(--mx-s4); padding: var(--mx-s2) var(--mx-s4); background: var(--mx-canvas); color: var(--mx-label); font-size: var(--mx-fs-small); }
  .bu-head span:nth-child(2) { text-align: right; } .bu-head span:last-child { text-align: right; }
  .bu-rows .bu-row:first-child { border-top: 1px solid var(--mx-line); }
  .bu-row { align-items: center; }
  .bu-burn { display: block; }
  .bu-full { text-align: right; }
}

.is { --is-b9: #c0322e; --is-b7: #c9460a; --is-b4: #f6b21b; --is-b1: var(--mx-well);
  display: grid; width: 100%; max-width: var(--mx-w-wide); }


.is-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s3); margin-bottom: var(--mx-s3); }
.is-tiles.bands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.is-tiles:not(.bands) > :last-child { grid-column: 1 / -1; }
@media (min-width: 900px) { .is-tiles.bands { grid-template-columns: repeat(4, minmax(0, 1fr)); } .is-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } .is-tiles:not(.bands) > :last-child { grid-column: auto; } }
.is-tiles .v2-tile { min-width: 0; text-decoration: none; color: inherit; }
.is-tiles .v2-tile-u { overflow-wrap: anywhere; }
.is-tiles a.v2-tile:hover { border-color: var(--mx-line-focus); }
.is-tile.band { border-left: 4px solid var(--is-b1); }
.is-tile.b9-10 { border-left-color: var(--is-b9); }
.is-tile.b7-8 { border-left-color: var(--is-b7); }
.is-tile.b4-6 { border-left-color: var(--is-b4); }
.is-tile.b9-10:not(.zero) .kit-fig { color: var(--is-b9); }
.is-tile.b7-8:not(.zero) .kit-fig { color: var(--is-b7); }
.is-tile.zero .kit-fig { color: var(--mx-hint); }


.is-search { display: flex; gap: var(--mx-s2); margin: var(--mx-s3) 0 var(--mx-s2); }
.is-q { flex: 1; min-width: 0; min-height: 40px; padding: 0 12px; border: 1px solid var(--mx-line-in); border-radius: var(--mx-r-sm); background: var(--mx-card); color: var(--mx-ink); font: inherit; }
.is-q:focus { outline: 2px solid var(--mx-primary); outline-offset: 1px; }
.is-search .kit-chip { min-height: 40px; }
.is-chips { display: flex; align-items: center; gap: 6px; padding: 4px 0; overflow-x: auto; scrollbar-width: none; }
.is-chips::-webkit-scrollbar { display: none; }
.is-chips .kit-chip { flex: none; white-space: nowrap; text-decoration: none; }
.is-chips-k { flex: none; width: 84px; font-size: var(--mx-fs-small); color: var(--mx-label); }
@media (min-width: 900px) { .is-chips { flex-wrap: wrap; overflow: visible; } }
.is .in-head { margin-top: var(--mx-s4); }
.is-clear { margin-left: auto; font-size: var(--mx-fs-small); font-weight: 400; }


.is-list { list-style: none; margin: 0 0 var(--mx-s3); padding: 0; display: grid; gap: var(--mx-s2); }
.is-row { border: 1px solid var(--mx-line); border-radius: var(--mx-r-md, 12px); background: var(--mx-card); }
.is-row[open] { border-color: var(--mx-line-focus); }
.is-sum { display: flex; align-items: flex-start; gap: var(--mx-s3); padding: 12px 14px; cursor: pointer; list-style: none; }
.is-sum::-webkit-details-marker { display: none; }
.is-imp { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; font-weight: 700; font-size: 16px;
  font-variant-numeric: tabular-nums; background: var(--is-b1); color: var(--mx-label); }
.is-imp.b9-10 { background: var(--is-b9); color: #fff; }
.is-imp.b7-8 { background: var(--is-b7); color: #fff; }
.is-imp.b4-6 { background: var(--is-b4); color: #3a2800; }
.is-main { display: grid; gap: 4px; min-width: 0; }
.is-title { font-weight: 600; color: var(--mx-ink); line-height: 1.3; overflow-wrap: anywhere; }
.is-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.is-meta .kit-chip { min-height: 22px; padding: 0 8px; font-size: 12px; }
.is-status.doing { background: var(--mx-ok-t); color: var(--mx-ok); }
.is-status.blocked { background: var(--mx-primary-t); color: var(--mx-primary-ink); }
.is-status.resolved { background: var(--mx-ok-t); color: var(--mx-ok); }
.is-status.wontfix { color: var(--mx-hint); }
.is-age { font-size: var(--mx-fs-small); overflow-wrap: anywhere; }
.is-done .is-title { color: var(--mx-label); }
.is-done .is-imp { opacity: .55; }

.is-body { display: grid; gap: 10px; margin: 0; padding: 0 14px 14px 61px; }
@media (max-width: 480px) { .is-body { padding-left: 14px; } }
.is-line { display: grid; gap: 2px; }
@media (min-width: 900px) { .is-line { grid-template-columns: 120px minmax(0, 1fr); gap: var(--mx-s3); } }
.is-line dt { font-size: var(--mx-fs-small); color: var(--mx-label); }
.is-line dd { margin: 0; color: var(--mx-body); overflow-wrap: anywhere; }
.is-quote { font-style: italic; color: var(--mx-ink); }
.is-history { margin: 0; padding-left: 18px; display: grid; gap: 2px; }
.is-none { padding: var(--mx-s4); }


.is-fold { margin-top: var(--mx-s3); }
.is-fold-h { display: flex; align-items: baseline; gap: var(--mx-s2); padding: 10px 0; cursor: pointer; font-weight: 600; color: var(--mx-label); }
.is-fold[open] .is-fold-h { margin-bottom: var(--mx-s2); }

.cf { --cf-bad: var(--mx-bad, #c0322e); display: grid; width: 100%; max-width: var(--mx-w-wide); min-width: 0; }
.cf-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: var(--mx-s5); }
.cf-h-note { font-size: var(--mx-fs-small); font-weight: 400; }
.cf-note { font-size: var(--mx-fs-small); margin: var(--mx-s2) 0 0; }


.cf-hero { display: grid; grid-template-columns: 1fr; gap: var(--mx-s3); }
@media (min-width: 600px) { .cf-hero { grid-template-columns: 1fr 1fr; } }
.cf-big { min-width: 0; padding: var(--mx-s4); }
.cf-big-k { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.cf-big-v { margin: 4px 0; font-size: 44px; line-height: 1.05; letter-spacing: -.03em; }
@media (min-width: 900px) { .cf-big-v { font-size: 56px; } }
.cf-big-u { margin: 0; font-size: var(--mx-fs-small); }
.cf-big.over { border-color: var(--cf-bad); box-shadow: inset 4px 0 0 var(--cf-bad); }
.cf-big.over .cf-big-v { color: var(--cf-bad); }
.cf-alarm { display: flex; gap: 10px; align-items: flex-start; margin: var(--mx-s3) 0 0; padding: 12px 14px; border-radius: var(--mx-r-sm);
  background: #fdeceb; border: 1px solid #f2b8b5; color: #7a1d1a; }
.cf-alarm a { color: inherit; font-weight: 600; }
.cf-alarm-i { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--cf-bad); color: #fff; font-weight: 700; font-size: 14px; }
.cf-why { margin: var(--mx-s3) 0 0; padding: 12px 14px; line-height: 1.45; overflow-wrap: anywhere; }
.cf-why p { margin: 0; }
.cf-why p + p { margin-top: 6px; }


.cf-chart { padding: var(--mx-s3) var(--mx-s3) var(--mx-s2); min-width: 0; }
.cf-bars { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; gap: 2px; height: 180px; }
@media (min-width: 900px) { .cf-bars { height: 240px; gap: 4px; } }
.cf-day { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; cursor: default; }
.cf-bar { display: block; width: 100%; max-width: 28px; background: var(--mx-primary); border-radius: 4px 4px 0 0; }
.cf-day::before { content: ""; position: absolute; left: 0; right: 0; bottom: 18px; border-bottom: 1px solid var(--mx-line); }
.cf-val { font-size: 11px; line-height: 14px; min-height: 14px; color: var(--mx-ink); font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cf-tick { height: 18px; line-height: 18px; font-size: 10px; color: var(--mx-label); white-space: nowrap; }
.cf-day.today .cf-tick { color: var(--mx-ink); font-weight: 600; }
.cf-day:hover .cf-bar, .cf-day:focus-within .cf-bar { background: var(--mx-primary-h); }
.cf-day:hover::after { content: attr(data-tip); position: absolute; bottom: calc(100% - 8px); left: 50%; transform: translateX(-50%); z-index: 2; width: max-content; max-width: 220px;
  padding: 6px 8px; border-radius: 6px; background: var(--mx-ink); color: #fff; font-size: 12px; line-height: 1.35; white-space: normal; pointer-events: none; }
.cf-day:first-child:hover::after, .cf-day:nth-child(2):hover::after, .cf-day:nth-child(3):hover::after { left: 0; transform: none; }
.cf-day:nth-last-child(-n+3):hover::after { left: auto; right: 0; transform: none; }
.cf-table { margin-top: var(--mx-s2); font-size: var(--mx-fs-small); }
.cf-table summary, .cf-prices summary { cursor: pointer; color: var(--mx-label); min-height: 32px; display: flex; align-items: center; }
.cf-table table, .cf-prices table { width: 100%; border-collapse: collapse; margin-top: var(--mx-s2); font-variant-numeric: tabular-nums; }
.cf-table th, .cf-table td, .cf-prices th, .cf-prices td { text-align: left; padding: 6px 8px 6px 0; border-bottom: 1px solid var(--mx-line); vertical-align: top; }
.cf-table th, .cf-prices th { font-weight: 600; color: var(--mx-label); }


.cf-meters { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s2); }
@media (min-width: 900px) { .cf-meters { grid-template-columns: 1fr 1fr; } }
.cf-meter { padding: 12px 14px; min-width: 0; }
.cf-m-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.cf-m-name { font-weight: 600; min-width: 0; }
.cf-m-usd { flex: none; font-weight: 600; font-variant-numeric: tabular-nums; }
.cf-track { height: 8px; margin: 8px 0 6px; border-radius: 4px; background: var(--mx-tint, #f3f3f3); overflow: hidden; }
.cf-fill { display: block; height: 100%; border-radius: 4px; background: var(--mx-primary); }
.cf-meter.over .cf-fill { background: var(--cf-bad); }
.cf-m-use { margin: 0; font-size: var(--mx-fs-small); }
.cf-over { color: var(--cf-bad); font-weight: 600; }


.cf-things { display: grid; gap: var(--mx-s3); }
@media (min-width: 900px) { .cf-things { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cf-col { padding: 12px 14px; min-width: 0; }
.cf-col-h { margin: 0 0 6px; font-size: var(--mx-fs-small); color: var(--mx-label); font-weight: 600; text-transform: none; }
.cf-list { list-style: none; margin: 0; padding: 0; display: grid; }
.cf-list li { display: grid; gap: 2px; padding: 8px 0; border-top: 1px solid var(--mx-line); }
.cf-list li:first-child { border-top: 0; }
.cf-l-top { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.cf-l-name { min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.cf-l-usd { flex: none; font-weight: 600; font-variant-numeric: tabular-nums; }
.cf-l-use { font-size: var(--mx-fs-small); }
.cf-retired { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s2); }
.cf-r { padding: 12px 14px; min-width: 0; }
.cf-r p { margin: 4px 0 0; }
.cf-r-what { line-height: 1.4; }
.cf-r-use { font-size: var(--mx-fs-small); }
.cf-r-who { font-size: var(--mx-fs-small); line-height: 1.4; }
.cf-chip { font-weight: 400; font-size: 11px; vertical-align: 1px; }
.cf-fold { margin-top: var(--mx-s2); }
.cf-fold > summary { cursor: pointer; color: var(--mx-label); font-size: var(--mx-fs-small); min-height: 40px; display: flex; align-items: center; }
.cf-fold > .cf-meters, .cf-fold > .cf-things { margin-top: var(--mx-s2); }
ol.cf-col.cf-list { padding: 4px 14px; }
.cf-prices { margin-top: var(--mx-s5); padding: 8px 14px 12px; font-size: var(--mx-fs-small); overflow-x: auto; }

.ix { --ix-blue: #2563eb; --ix-blue-t: #e8effd;
  width: 100%; max-width: 1120px; display: flex; flex-direction: column; gap: 20px; text-align: left; }
.ix p { margin: 0; overflow-wrap: anywhere; }
.ix h2 { margin: 0; font: 650 20px/1.3 var(--c-font); color: var(--c-ink); letter-spacing: -.01em; }
.ix h3 { margin: 0 0 6px; font: 600 11px/1.5 var(--c-font); text-transform: uppercase; letter-spacing: .08em; color: var(--c-soft); }
.coral-admin .coral-content .ix > * + * { margin-top: 0; }


.ix-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 760px) { .ix-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ix-tile { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 12px 14px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-card);
  color: var(--c-ink); text-decoration: none; border-top: 3px solid var(--ix-c, var(--c-soft)); }
.ix-tile:hover { background: var(--c-tint); }
.ix-tile.on { background: var(--ix-t, var(--c-tint)); border-color: var(--ix-c, var(--c-soft)); }
.ix-tile-n { font: 700 26px/1.1 var(--c-font); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.ix-tile-k { font: 500 13px/1.3 var(--c-font); color: var(--c-soft); }
.ix-tile.decided, .ix-st.decided { --ix-c: var(--ix-blue); --ix-t: var(--ix-blue-t); }
.ix-tile.building, .ix-st.building { --ix-c: var(--c-wait); --ix-t: var(--c-wait-t); }
.ix-tile.live, .ix-st.live, .ix-st.holding { --ix-c: var(--c-ok); --ix-t: var(--c-ok-t); }
.ix-tile.dropped, .ix-st.dropped, .ix-st.disproved { --ix-c: var(--c-faint); --ix-t: var(--c-tint); }
.ix-tile.insights, .ix-st.testing { --ix-c: var(--c-coral); --ix-t: var(--c-coral-t); }


.ix-calls { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 12px; background: var(--c-coral-t); border: 1px solid var(--c-coral-ring); }
.ix-call-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
@media (min-width: 1000px) { .ix-call-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ix-call-row a { display: flex; flex-direction: column; gap: 4px; height: 100%; box-sizing: border-box; padding: 12px 14px; border-radius: 10px; background: var(--c-card); color: inherit; text-decoration: none; }
.ix-call-row a:hover { box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
.ix-call-q { font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.ix-calls .ix-fold { margin-top: 0; }


.ix-research { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--c-line); border-left: 4px solid var(--ix-blue); border-radius: 12px; background: var(--c-card); color: inherit; text-decoration: none; }
.ix-research:hover { background: var(--c-tint); }
.ix-research-go { font: 600 14px/1.4 var(--c-font); color: var(--ix-blue); }


.ix-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: sticky; top: 0; z-index: 2; padding: 8px 0; background: var(--c-page); }
.ix-find { grid-column: 1 / -1; }
@media (min-width: 760px) { .ix-filters { grid-template-columns: minmax(0, 1fr) 220px 170px; } .ix-find { grid-column: auto; } }
.ix-filters .kit-input { width: 100%; min-height: 44px; box-sizing: border-box; font: 400 15px/1.3 var(--c-font); }
.ix-showing { grid-column: 1 / -1; font-size: 13px; }


.ix-zone { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-card); scroll-margin-top: 72px; }
.ix-zone-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.ix-zone-n { font: 500 13px/1.4 var(--c-font); color: var(--c-soft); font-variant-numeric: tabular-nums; }


.ix-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ix-rows > li + li { border-top: 1px solid var(--c-div); }
.ix-row, .ix-ins { scroll-margin-top: 72px; }
.ix-row > details > summary, .ix-ins > details > summary { list-style: none; cursor: pointer; display: flex; flex-direction: column; gap: 3px; padding: 10px 4px; border-radius: 8px; }
:is(.ix-row, .ix-ins) > details > summary::-webkit-details-marker { display: none; }
:is(.ix-row, .ix-ins) > details > summary:hover { background: var(--c-tint); }
.ix-row:target > details > summary { background: var(--c-coral-t); }
.ix-row-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ix-title { font: 600 15px/1.4 var(--c-font); color: var(--c-ink); }
.ix-row.dropped .ix-title { color: var(--c-soft); }
.ix-st { flex: none; padding: 2px 8px; border-radius: 999px; background: var(--ix-t, var(--c-tint)); color: var(--ix-c, var(--c-soft)); font: 600 12px/1.5 var(--c-font); white-space: nowrap; }
.ix-quote { font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.ix-quote.paul { font-style: italic; }
summary .ix-quote { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
details[open] > summary .ix-quote { display: block; }
.ix-row-meta { display: flex; flex-wrap: wrap; gap: 2px 10px; font: 500 12px/1.5 var(--c-font); color: var(--c-soft); }
.ix-src.research { color: var(--ix-blue); }
.ix-call { color: var(--c-coral-ink); font-weight: 600; }
.ix-for { color: var(--c-ok); } .ix-against { color: #c8102e; } 

.ix-ins summary .ix-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ix-ins details[open] summary .ix-title { display: block; -webkit-line-clamp: none; }
@media (max-width: 759px) { .ix-ins summary .ix-title { -webkit-line-clamp: 2; } }

.ix-more { display: flex; flex-direction: column; gap: 6px; padding: 0 4px 12px; font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.ix-more a { color: var(--c-coral-ink); }
.ix-decide, .ix-why { padding: 8px 10px; border-radius: 8px; background: var(--c-tint); }
.ix-decide strong { color: var(--c-coral-ink); }
.ix-said { font-size: 12px; }
.ix-evs { display: grid; gap: 10px; }
@media (min-width: 760px) { .ix-evs { grid-template-columns: 1fr 1fr; } }
.ix-ev ul, .ix-led ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.ix-ev.for h3 { color: var(--c-ok); } .ix-ev.against h3 { color: #c8102e; }
.ix-ev-src { font-size: 12px; color: var(--c-coral-ink); white-space: nowrap; }
.ix-ev-src.none { color: var(--c-faint); font-style: italic; }


.ix-fold > summary { cursor: pointer; padding: 8px 4px; font: 600 13px/1.5 var(--c-font); color: var(--c-soft); }
.ix-fold > summary:hover { color: var(--c-ink); }
.ix-fold[open] > summary { color: var(--c-ink); }
.ix-insights { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-card); scroll-margin-top: 72px; }

.wk { display: grid; gap: var(--mx-s6); width: 100%; max-width: var(--mx-w-wide); }
.wk-how { margin: 0; }
.wk-walk { display: grid; gap: var(--mx-s3); }
.wk-head h2 { margin: 0; font: var(--mx-w-black) var(--mx-fs-h2)/var(--mx-lh-h2) var(--mx-sans); color: var(--mx-ink); }
.wk-test { padding: 3px 9px; border-radius: var(--mx-r-sm); background: var(--mx-well); color: var(--mx-label); font: var(--mx-w-black) 12px/1.2 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }
.wk-walk.is-test > summary { cursor: pointer; list-style: none; }
.wk-walk.is-test > summary::-webkit-details-marker { display: none; }
.wk-walk.is-test[open] > summary { margin-bottom: var(--mx-s3); }
.wk-counts { margin: 2px 0 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-label); }
.wk-notes { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mx-s3); }
.wk-note { display: grid; gap: var(--mx-s3); padding: var(--mx-s3); border-left: var(--mx-edge) solid var(--mx-line); }
.wk-note.is-good { border-left-color: var(--mx-green); }
.wk-note.is-bad { border-left-color: var(--mx-bad); }
.wk-note.is-confused { border-left-color: var(--mx-amber); }
.wk-shot { display: block; border-radius: var(--mx-r-md); overflow: hidden; background: var(--mx-tint); box-shadow: inset 0 0 0 1px var(--mx-line); max-height: 420px; }
.wk-shot img { display: block; width: 100%; height: auto; }
.wk-shot.none { display: grid; place-items: center; min-height: 96px; color: var(--mx-hint); }
.wk-body { display: grid; gap: var(--mx-s2); align-content: start; min-width: 0; }
.wk-top { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); font-size: var(--mx-fs-small); color: var(--mx-label); }
.wk-top b { font: var(--mx-w-black) var(--mx-fs-ui)/1 var(--mx-sans); color: var(--mx-ink); }
.wk-tag { padding: 3px 9px; border-radius: var(--mx-r-sm); font: var(--mx-w-black) 12px/1.2 var(--mx-sans); letter-spacing: .06em; text-transform: uppercase; }
.wk-tag.good { background: var(--mx-ok-t); color: var(--mx-ok); }
.wk-tag.bad { background: var(--mx-bad-t); color: var(--mx-bad); }
.wk-tag.confused { background: var(--mx-wait-t); color: var(--mx-wait); }/*kit-part*/
.wk-words { margin: 0; font: var(--mx-w-strong) var(--mx-fs-body)/var(--mx-lh-body) var(--mx-sans); color: var(--mx-ink); overflow-wrap: anywhere; }
.wk-meta { margin: 0; font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); color: var(--mx-hint); }
.wk-done { margin: 0; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); color: var(--mx-body); }
.wk-done.live, .wk-done.live a { color: var(--mx-ok); font-weight: var(--mx-w-strong); }
.wk-done small { color: var(--mx-hint); }
@media (min-width: 900px) {
  .wk-note { grid-template-columns: 280px 1fr; align-items: start; }
}

.uxc { margin: var(--mx-s8) 0 0; }
.uxc-all { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s3) var(--mx-s6); margin: var(--mx-s3) 0 var(--mx-s4); }
.uxc-all .uxc-svg { width: 100%; max-width: 440px; }
.uxc-svg svg { display: block; width: 100%; height: auto; }
.uxc-nine { stroke: var(--mx-line-focus); stroke-dasharray: 4 4; stroke-width: 1; }
.uxc-l { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.uxc-s0 { stroke: var(--mx-primary); fill: var(--mx-primary); color: var(--mx-primary-ink); }
.uxc-s1 { stroke: var(--mx-ink); fill: var(--mx-ink); color: var(--mx-ink); }
.uxc-s2 { stroke: var(--mx-ok); fill: var(--mx-ok); color: var(--mx-ok); }
polyline.uxc-l { fill: none; }
.uxc-now { display: flex; flex-wrap: wrap; gap: var(--mx-s1) var(--mx-s3); margin: var(--mx-s1) 0; font-size: var(--mx-fs-small); }
.uxc-k { fill: none; stroke: none; }
.uxc-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--mx-s4); }
.uxc-card { display: flex; gap: var(--mx-s3); padding: var(--mx-s3); border: var(--mx-bw) solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); }
.uxc-shot { flex: 0 0 96px; min-height: 44px; }
.uxc-shot img { display: block; width: 96px; height: 208px; object-fit: cover; object-position: top; border-radius: var(--mx-r-sm); border: var(--mx-bw) solid var(--mx-line); }
.uxc-body { flex: 1; min-width: 0; }
.uxc-name { margin: 0 0 var(--mx-s1); font-size: var(--mx-fs-ui); overflow-wrap: anywhere; }
.uxc-fails { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-bad); }
.uxc-pass { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-ok); }

.gift-pitch .out-h1 { overflow-wrap: anywhere; }
.gift-about { display: grid; gap: var(--mx-s2); }
.gift-coming { margin-top: var(--mx-s2); }
.gift-pitch .out-film video { object-fit: contain; }
@media (max-width: 767px) {
  .gift-pitch .out-h1 { font-size: 24px; line-height: 1.15; }
  .gift-pitch .out-title { gap: 6px; margin-bottom: 12px; }
  
  .gift-pitch .out-film { height: clamp(min(36svh, 300px), calc(100svh - 470px), 420px); max-width: 100%; }
  .gift-pitch .out-get:not(.out-keep) { margin-top: 12px; }
  .gift-pitch .out-more { margin-top: 24px; }
}

.gift-pitch .out-film.v2-tap.muted::before, .gift-pitch .out-film.v2-tap.muted::after, .gift-pitch .out-film.muted figcaption { display: none; }
.gift-sound { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); white-space: nowrap; z-index: 2; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px 0 10px;
  border: 0; border-radius: var(--mx-r-pill); background: var(--mx-card); color: var(--mx-ink); font: var(--mx-w-ui) var(--mx-fs-small)/1 var(--mx-sans); opacity: .94; cursor: pointer; }
.gift-sound[hidden] { display: none; }
.gift-sound svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gift-sound svg path:first-child { fill: currentColor; }

.gift-next { display: grid; gap: var(--mx-s2); }
.gift-next ol { margin: 0; padding-left: 20px; display: grid; gap: var(--mx-s2); font-size: var(--mx-fs-ui); line-height: var(--mx-lh-ui); color: var(--mx-body); }
@media (max-width: 767px) { .gift-sound { padding: 0 12px 0 8px; font-size: var(--mx-fs-tag); } }

.gift-receipt { margin-top: var(--mx-s4); padding: var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); display: grid; gap: var(--mx-s2); }
.gift-receipt-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s2); flex-wrap: wrap; }
.gift-test { font-size: var(--mx-fs-tag); color: var(--mx-label); }
.gift-receipt dl { margin: 0; display: grid; }
.gift-receipt-row { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: var(--mx-s3); padding: 8px 0; border-top: 1px solid var(--mx-line); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.gift-receipt-row:first-child { border-top: 0; padding-top: 0; }
.gift-receipt dt { color: var(--mx-label); }
.gift-receipt dd { margin: 0; color: var(--mx-ink); overflow-wrap: anywhere; }

.out-pitch.gift-kept { grid-template-rows: min-content min-content 1fr; row-gap: 0; }
.gift-kept .out-get { margin-top: var(--mx-s4); }
.out-pitch.gift-kept .out-more { margin-top: var(--mx-s6); display: grid; gap: var(--mx-s5); align-content: start; }
.gift-maker { display: grid; gap: var(--mx-s2); }
.gift-made { text-align: center; }
@media (max-width: 767px) {
  .out-pitch.gift-kept .out-get { margin: 0 0 var(--mx-s5); }
  .out-pitch.gift-kept .out-more { margin-top: var(--mx-s5); }
  .gift-kept .out-hint { margin-top: 6px; }
  .gift-receipt { margin-top: 12px; padding: 12px var(--mx-s4); }
  .gift-receipt-row { padding: 6px 0; }
}

.gift-again { margin-top: var(--mx-s4); display: grid; gap: var(--mx-s2); }
.gift-again .out-body { margin: 0; }
.gift-again-form { margin: 0; }
.gift-again-keys { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s2); }
.gift-again-keys .btn { width: 100%; margin-bottom: 0; }

.ps-head { margin: 8px 0 16px; }
.ps-head h2 { margin: 4px 0 0; font: 700 clamp(24px, 7vw, 32px)/1.15 var(--h-sans); color: var(--h-ink); overflow-wrap: anywhere; }
.ps-test { margin: 8px 0 0; font: 500 14px/1.4 var(--h-sans); color: var(--h-ink-2); }
.ps-quiet { margin: 8px 0 0; font: 400 15px/1.45 var(--h-sans); color: var(--h-ink-2); overflow-wrap: anywhere; }
.ps-plain { margin: 0 0 8px; font: 600 16px/1.4 var(--h-sans); color: var(--h-ink); }
.ps-pay { margin: 0 0 16px; padding: 16px; background: var(--h-sheet); border: 1px solid var(--h-line); border-radius: 12px; }
.ps-pay-k { margin: 0; font: 600 13px/1.3 var(--h-sans); letter-spacing: .02em; text-transform: uppercase; color: var(--h-ink-2); }
.ps-pay-v { margin: 4px 0 8px; font: 700 32px/1 var(--h-sans); color: var(--h-ink); font-variant-numeric: tabular-nums; }
.ps-pay ul { margin: 0; padding: 0; list-style: none; }
.ps-pay li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--h-line); font: 400 14px/1.4 var(--h-sans); color: var(--h-ink-2); }
.ps-pay li b { color: var(--h-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ps-stop { margin: 0 0 16px; }
.ps-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.ps-inner { gap: 8px; }
.ps-pair, .ps-pair > form { margin: 0; padding: 0; }
.ps-step { padding: 12px 14px; background: var(--h-sheet); border: 1px solid var(--h-line); border-radius: 12px; }
.ps-step.now { border: 2px solid var(--h-orange); padding: 11px 13px; }
.ps-step.later { background: transparent; }
.ps-step.later h3, .ps-step.later .ps-quiet { color: var(--h-ink-3); }
.ps-step-h { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.ps-step-h h3 { margin: 2px 0 0; font: 700 17px/1.3 var(--h-sans); color: var(--h-ink); overflow-wrap: anywhere; }
.ps-n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 99px; box-shadow: inset 0 0 0 2px var(--h-line); font: 700 14px/1 var(--h-mono); color: var(--h-ink-2); }
.ps-step.now .ps-n { background: var(--h-orange); box-shadow: none; color: var(--h-on-orange); }
.ps-step.done .ps-n { box-shadow: inset 0 0 0 2px var(--h-ink-2); color: var(--h-ink); }
.ps-who { display: inline-block; font: 600 12px/1.2 var(--h-sans); letter-spacing: .02em; text-transform: uppercase; color: var(--h-ink-3); }
.ps-step.now .ps-who { color: var(--h-orange-ink); }
.ps-step-b { margin: 10px 0 0 38px; }
.ps-step-b > .kit-btn, .ps-form .kit-btn, .ps-copy .kit-btn { min-height: 48px; margin-top: 12px; }
.ps-step.now .ps-wide, .ps-step.now .ps-step-b > .kit-btn, .ps-step.now .ps-form .kit-btn.primary { width: 100%; justify-content: center; }
.ps-label { display: block; margin: 0 0 6px; font: 600 14px/1.3 var(--h-sans); color: var(--h-ink); }
.ps-label .kit-input { display: block; width: 100%; margin-top: 6px; }
.ps-text { display: block; width: 100%; box-sizing: border-box; font: 400 16px/1.45 var(--h-sans); resize: vertical; }
.ps-form { margin: 12px 0 0; }
.ps-form .ps-label { margin-top: 12px; }
.ps-how { margin: 0 0 4px; padding-left: 20px; font: 400 15px/1.6 var(--h-sans); color: var(--h-ink); }
.ps-quote { margin: 8px 0 0; padding: 8px 12px; border-left: 3px solid var(--h-line); font: 400 15px/1.45 var(--h-sans); color: var(--h-ink); overflow-wrap: anywhere; }
.ps-copy { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; margin-top: 12px; }
.ps-copy .kit-input { min-width: 0; font: 400 14px/1.3 var(--h-mono); }
.ps-copy .kit-btn { margin-top: 0; }
.ps-foot { margin: 20px 0 8px; }
.ps-foot a, .ps-quiet a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 359px) { .ps-step-b { margin-left: 0; } .ps-pay-v { font-size: 28px; } }
@media (min-width: 768px) { .ps-head, .ps-pay, .ps-stop, .ps-steps, .ps-foot { max-width: 640px; } }

.ps-sub { margin: 4px 0 0; font: 500 16px/1.4 var(--h-sans, sans-serif); color: var(--h-ink-2, #4a423a); }
.ps-keys { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.ps-keys .kit-btn { min-height: 44px; }
.ps-more { margin-top: 12px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--h-line, rgb(28 24 20 / 16%)); padding: 0 14px; }
.ps-more > summary { display: flex; align-items: center; min-height: 48px; cursor: pointer; font: 600 15px/1.3 var(--h-sans, sans-serif); }
.ps-more[open] { padding-bottom: 12px; }
.ps-more .ps-pay { margin: 0; }

.ps-msg[readonly] { resize: none; }

.ps-idea { margin: 12px 0 16px; padding: 12px 16px; background: var(--h-sheet); border: 1px solid var(--h-line); border-radius: 12px; font: 400 15px/1.5 var(--h-sans); color: var(--h-ink); white-space: pre-line; overflow-wrap: anywhere; }
.ps-why { margin: 12px 0 16px; padding: 12px 16px; border-left: 3px solid var(--h-orange, #e8461e); background: var(--h-sheet); border-radius: 0 12px 12px 0; font: 400 15px/1.45 var(--h-sans); color: var(--h-ink); overflow-wrap: anywhere; }
.ps-day { margin: 12px 0 0; font: 500 14px/1.4 var(--h-sans); color: var(--h-ink-2); }
.ps-day b { color: var(--h-ink); font-variant-numeric: tabular-nums; }
@media (min-width: 768px) { .ps-idea, .ps-why { max-width: 640px; } }
.ps-more .ps-idea { margin-top: 8px; padding: 0; background: none; border: 0; border-radius: 0; }

.ap-page { max-width: 560px; margin: 0 auto; }
.ap-step { margin: 0 0 6px; font-weight: 700; }
.ap-dots { display: flex; gap: 6px; list-style: none; margin: 0 0 12px; padding: 0; }
.ap-dots li { flex: 1; height: 6px; border-radius: 3px; background: var(--mx-line, #191919); opacity: .15; }
.ap-dots li.on { background: var(--mx-primary, #f36b21); opacity: 1; }
.ap-screen { position: relative; width: 100%; aspect-ratio: 9 / 16; max-height: 62vh; margin: 0 auto 12px; border-radius: 12px; overflow: hidden; background: #191919; }
.ap-screen video { width: 100%; height: 100%; object-fit: contain; display: block; background: #191919; }
.ap-truth .ap-screen { max-height: 36vh; margin-top: 12px; }
.ap-q { margin: 4px 0 10px; font-size: var(--mx-fs-h2, 24px); }
.ap-sure { display: grid; gap: 4px; margin-bottom: 12px; }
.ap-sure input { width: 100%; accent-color: var(--mx-primary, #f36b21); min-height: 32px; }
.ap-answers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ap-answers .kit-btn { width: 100%; font-size: 20px; }
.ap-talk { width: 100%; touch-action: none; user-select: none; -webkit-user-select: none; }
.ap-talk.on { background: var(--mx-primary, #f36b21); color: #fff; }
.ap-heard { min-height: 1.5em; }
.ap-days { font-size: var(--mx-fs-title, 32px); margin: 4px 0 8px; }
.ap-truth.right { border-left: 6px solid var(--mx-ok, #2f7d32); }
.ap-truth.wrong { border-left: 6px solid var(--mx-bad, #b3261e); }
.ap-next { margin: 12px 0; }
.ap-next .kit-btn { width: 100%; }
.ap-cal { margin: 16px 0; padding: 16px; }
.ap-cal h2 { margin: 0 0 8px; font-size: var(--mx-fs-h3, 18px); }
.ap-cal.big h2 { font-size: var(--mx-fs-h2, 24px); }
.ap-cal-n { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; list-style: none; margin: 0 0 8px; padding: 0; }
.ap-cal-n li { display: grid; gap: 2px; }
.ap-cal-n b { font-size: 20px; }
.ap-cal-n span { font-size: 12px; line-height: 1.3; opacity: .75; }
.ap-niches { width: 100%; border-collapse: collapse; font-size: 14px; }
.ap-niches th, .ap-niches td { text-align: left; padding: 6px 4px; border-top: 1px solid #1912; }
.ap-admin { margin: 16px 0; padding: 12px 16px; }
.ap-admin label { display: grid; gap: 4px; margin: 8px 0; font-size: 14px; }
.ap-door { margin: 16px 0; padding: 16px; }
.ap-done { margin: 12px 0; padding: 16px; }
@media (min-width: 900px) { .ap-screen { max-height: 70vh; } }

.sl { --sl-ink: var(--h-ink, #1c1814); --sl-ink-2: var(--h-ink-2, #4a4037); --sl-ink-3: var(--h-ink-3, #6b5e52); --sl-line: var(--h-line, #dcc6a6);
  --sl-sheet: var(--h-sheet, #fbf4e8); --sl-orange: var(--h-orange, #f26b1d); --sl-orange-ink: var(--h-orange-ink, #a8420a);
  display: grid; gap: 12px; margin-bottom: 16px; padding: 14px 16px; min-width: 0; }
.sl-head { display: grid; gap: 2px; }
.sl .sl-h { margin: 0; }
.sl-basis, .sl-why, .sl-going, .sl-none { margin: 0; font-size: 13px; color: var(--sl-ink-2); }
.sl-why { color: var(--sl-orange-ink); }
.sl-pick { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.sl-chips { display: flex; gap: 6px; overflow-x: auto; max-width: 100%; scrollbar-width: none; }
.sl-chip { flex: none; }
.sl-chip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border: 1px solid var(--sl-line); border-radius: 999px;
  font-size: 13px; color: var(--sl-ink); text-decoration: none; background: var(--sl-sheet); }
.sl-chip.on { border-color: var(--sl-ink); font-weight: 700; }
.sl-other > summary { cursor: pointer; display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--sl-orange-ink); }
.sl-at { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 13px; }
.sl-at-l { color: var(--sl-ink-2); }
.sl-at input { min-height: 44px; font: inherit; font-size: 14px; padding: 0 8px; border: 1px solid var(--sl-line); border-radius: 8px; background: var(--sl-sheet); color: var(--sl-ink); }
.sl-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; }
.sl-tile-a { text-decoration: none; color: inherit; }
.sl-tile { display: grid; gap: 2px; min-height: 64px; padding: 10px; border: 1px solid var(--sl-line); border-radius: 10px; background: var(--sl-sheet); }
.sl-tile.hot { border-color: var(--sl-orange); box-shadow: inset 0 -3px 0 var(--sl-orange); }
.sl-tile-v { font-family: var(--h-mono, ui-monospace, monospace); font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--sl-ink); }
.sl-tile-k { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--sl-ink-2); }
.sl-fold { border-top: 1px solid var(--sl-line); padding-top: 8px; }
.sl-fold > summary, .sl-more > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; }
.sl-fold > summary::-webkit-details-marker, .sl-more > summary::-webkit-details-marker { display: none; }
.sl-fold > summary::before { content: "▸"; color: var(--sl-ink-3); transition: transform .2s var(--h-ease, ease-out); }
.sl-fold[open] > summary::before { transform: rotate(90deg); }
.sl-sum-t { font-weight: 700; font-size: 15px; color: var(--sl-ink); }
.sl-n { font-family: var(--h-mono, ui-monospace, monospace); font-size: 13px; padding: 1px 8px; border-radius: 999px; background: var(--sl-sheet); border: 1px solid var(--sl-line); color: var(--sl-ink); }
.sl-fold.quiet .sl-sum-t { color: var(--sl-ink-2); font-weight: 600; }
.sl-rows { list-style: none; margin: 0; padding: 0; display: grid; }
.sl-row { padding: 8px 0; border-bottom: 1px dashed var(--sl-line); display: grid; gap: 2px; }
.sl-row:last-child { border-bottom: 0; }
.sl-t { margin: 0; font-size: 14px; color: var(--sl-ink); overflow-wrap: anywhere; }
.sl-t a { color: var(--sl-ink); font-weight: 700; }
.sl-s { margin: 0; font-size: 13px; color: var(--sl-ink-2); overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sl-s.dim { color: var(--sl-ink-3); }
.sl-s.ask b, .sl-t b { color: var(--sl-ink); }
.sl-when { font-size: 12px; color: var(--sl-ink-3); font-family: var(--h-mono, ui-monospace, monospace); }
.sl-up { color: #1d6b34; font-weight: 700; }
.sl-down { color: var(--sl-orange-ink); font-weight: 700; }
.sl-more > summary { font-size: 13px; color: var(--sl-orange-ink); }
@media (min-width: 900px) { .sl-tiles { grid-template-columns: repeat(5, 1fr); } }
@media (prefers-reduced-motion: reduce) { .sl-fold > summary::before { transition: none; } }

.sl-tn { display: grid; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--sl-line); }
.sl-tn-h { margin: 0; font-size: 16px; color: var(--sl-ink); }
.sl-tn-wrap { overflow-x: auto; max-width: 100%; }
.sl-tn-t { width: 100%; border-collapse: collapse; font-size: 13px; color: var(--sl-ink); }
.sl-tn-t th { text-align: left; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--sl-ink-2); padding: 4px 8px 4px 0; border-bottom: 1px solid var(--sl-line); }
.sl-tn-t td { padding: 6px 8px 6px 0; border-bottom: 1px dashed var(--sl-line); vertical-align: top; }
.sl-tn-s { font-weight: 700; white-space: nowrap; }
.sl-tn-n { font-family: var(--h-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sl-tn-n a { color: var(--sl-ink); }
.sl-tn-calls { margin: 0; padding-left: 22px; display: grid; gap: 4px; font-size: 14px; color: var(--sl-ink); }
.sl-tn-links { display: flex; flex-wrap: wrap; gap: 6px; }
.scout-intro,.scout-card{max-width:900px;margin:20px auto;padding:24px;overflow-wrap:anywhere}.scout-card{border:1px solid #d7cec1;background:#fffaf1;color:#241c17;border-radius:16px}.scout-card p{line-height:1.6}.scout-card form,.scout-card label{display:grid;gap:10px}.scout-card form{max-width:480px;margin:20px 0}.scout-card input,.scout-card select{width:100%;min-width:0;box-sizing:border-box}.scout-card a{display:inline-block;margin:8px 12px 8px 0}.scout-card dt{font-weight:bold;margin-top:16px}.scout-card dd{margin:4px 0}.scout-card li{margin:12px 0}.scout-table{overflow-x:auto}.scout-table table{width:100%;border-collapse:collapse;text-align:left}.scout-table th,.scout-table td{padding:12px;border-bottom:1px solid #d7cec1;min-width:100px}@media(max-width:600px){.scout-intro,.scout-card{padding:18px;margin:12px 0}.scout-card .kit-btn{white-space:normal}}

.bc-page{max-width:960px;margin:0}.bc-page>h1{margin-bottom:12px;line-height:1.12}.bc-page>p{max-width:70ch}.bc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.bc-card{padding:24px;margin:20px 0}.bc-grid .bc-card{margin:0}.bc-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bc-card h2{margin:0 0 12px}.bc-state{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bc-terms{margin:20px 0}.bc-rate{font-size:21px;font-weight:800;line-height:1.35;margin-bottom:6px}.bc-small{font-size:13px;line-height:1.55;opacity:.75}.bc-brief{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.bc-notice{border-left:3px solid currentColor;padding:12px 16px;margin:20px 0;font-size:14px}.bc-card form{display:grid;gap:16px;max-width:620px}.bc-card label{display:grid;gap:8px;font-weight:700}.bc-card .kit-input{width:100%;box-sizing:border-box}.bc-card li{margin-bottom:12px;line-height:1.5}.bc-card .kit-btn{margin:4px 8px 4px 0}.bc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:24px 0}.bc-stats dt{font-size:12px;opacity:.75}.bc-stats dd{margin:6px 0 0;font-size:24px;font-weight:800}.bc-post{padding:16px 0;border-top:1px solid currentColor;overflow-wrap:anywhere}.bc-post>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bc-billboards{margin:24px 0}.bc-billboards h2{margin-top:0}@media(max-width:600px){.bc-card{padding:18px}.bc-rate{font-size:19px}.bc-stats{grid-template-columns:1fr 1fr;gap:16px}.bc-stats dd{font-size:21px}}

.house-install {
  --h-paper: #f6e3c7; --h-ink: #1c1814; --h-orange: #f26b1d; --h-on-orange: #1a0d03; --h-glow: 242 107 29;
  --h-sans: "Archivo", system-ui, sans-serif; --h-mono: "Geist Mono", ui-monospace, monospace; --h-ease: cubic-bezier(.23, 1, .32, 1);
  position: fixed; z-index: 2147483001; left: 0; right: 0; margin: 0 12px; bottom: calc(12px + env(safe-area-inset-bottom));
  animation: install-in .32s var(--h-ease) both;
}
body:has(.house-places.bar) .house-install { bottom: calc(var(--h-bar, 64px) + 12px + env(safe-area-inset-bottom)); }
.house-install.out { animation: install-out .18s ease-in both; }
.house-install .house-acts { grid-column: 1 / -1; flex-wrap: wrap; }
.house-install .house-acts .house-key { flex: 1 1 auto; }
@keyframes install-in { from { opacity: 0; transform: translateY(16px); } }
@keyframes install-out { to { opacity: 0; transform: translateY(12px); } }


.install-steps { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0 4px; padding: 0; list-style: none; counter-reset: step; }
.install-steps > li { counter-increment: step; display: grid; gap: 6px; align-content: start; padding: 8px; border-radius: 12px; background: #2a231d; font: 450 14px/1.3 var(--h-sans); color: var(--h-on-panel, var(--h-paper)); }
.install-steps > li > span:last-child:before { content: counter(step) ". "; font-family: var(--h-mono); color: var(--h-orange); }
.install-steps b { font-weight: 700; }
.install-steps small { display: block; margin-top: 2px; font-size: 12px; color: #bfae96; }
.install-pic { display: flex; align-items: center; height: 36px; border-radius: 8px; background: var(--h-paper); color: var(--h-ink); font: 600 12px/1 var(--h-sans); }
.install-pic.bar { justify-content: space-around; }
.install-pic.bar i { font-style: normal; font-size: 16px; color: #8a7a6a; }
.install-pic.row { justify-content: space-between; gap: 2px; padding: 0 3px 0 6px; font-size: 12px; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; }
.install-pic b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 99px; box-shadow: 0 0 0 2px var(--h-orange); color: var(--h-ink); }
.install-pic.row b { flex: none; width: 28px; height: 28px; }

@media (min-width: 900px) {
  .house-install { left: auto; right: 24px; bottom: 24px; width: min(560px, calc(100% - 48px)); margin: 0; grid-template-columns: 96px 1fr; }
  .house-install .house-acts { grid-column: 2; }
  .house-install .house-acts .house-key { flex: 0 0 auto; }
}

.house-install.plain { grid-template-columns: 1fr; animation: none; }
.house-install.plain.out { animation: none; }
@media (min-width: 900px) { .house-install.plain { grid-template-columns: 1fr; } .house-install.plain .house-acts { grid-column: 1 / -1; } }
@media (prefers-reduced-motion: reduce) { .house-install, .house-install.out { animation: none; } }

.td-set { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.td-h { margin: 0; font: 800 30px/1.1 var(--h-sans); letter-spacing: -.01em; text-wrap: balance; }
.td-h:after { content: ""; display: block; width: 140px; height: 5px; margin-top: 6px; border-radius: 3px; background: var(--h-orange); transform: rotate(-1.5deg); }
.td-sum { margin: 0; font: 450 16px/1.45 var(--h-sans); color: var(--h-ink-2); }
.td-form { display: flex; flex-direction: column; gap: 12px; }
.td-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.td-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 6px 6px 8px; border-radius: 12px; background: var(--h-sheet); box-shadow: inset 0 0 0 1px var(--h-line); min-width: 0; cursor: pointer; }
.td-card:has(input:checked) { background: #ffe9d6; box-shadow: inset 0 0 0 2px var(--h-orange); }
.td-card .kit-scr { max-height: 60vh; }
.td-card video { width: 100%; height: 100%; object-fit: cover; display: block; }
.td-card.chosen { box-shadow: inset 0 0 0 2px var(--h-orange); }
.td-card.passed-over { opacity: .55; }
.td-card.failed { background: repeating-linear-gradient(135deg, #f3e6d3 0 8px, #efe0c8 8px 16px); }
.td-card.failed .td-cost { color: var(--h-orange-ink); font-weight: 600; }
.td-wait { display: grid; place-items: center; height: 100%; margin: 0; color: var(--h-ink-3); font-size: 13px; text-align: center; }
.td-cost { margin: 0; font: 12px/1.35 var(--h-sans); color: var(--h-ink-3); overflow-wrap: anywhere; }
.td-radio { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; border-radius: 10px; background: #fff8ee; box-shadow: inset 0 0 0 1px var(--h-line); font: 700 14px/1 var(--h-sans); }
.td-radio input { width: 20px; height: 20px; margin: 0; accent-color: var(--h-orange); }
.td-card:has(input:checked) .td-radio { background: #ffd9bf; box-shadow: none; }
.td-next { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; background: #efe3d0; font: 450 14px/1.45 var(--h-sans); color: var(--h-ink-2); }
.td-next b { font: 700 15px/1.3 var(--h-sans); color: var(--h-ink); }
.td-go .kit-btn { width: 100%; min-height: 52px; font-size: 17px; }
.td-set .house-talk { margin: 4px 0 0; }
.td-make { display: flex; flex-direction: column; gap: 12px; }
.td-make form { display: flex; flex-direction: column; gap: 12px; }
.td-make label { display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.td-short { margin: 0; color: var(--h-orange-ink); font-weight: 600; }
.td-fine { margin: 0; font-size: 13px; color: var(--h-ink-3); }
.td-sets { margin-top: 24px; }
.td-sets ul { padding-left: 20px; }
@media (min-width: 760px) { .td-cards { gap: 14px; } .td-card { padding: 10px; } .td-cost { font-size: 13px; } }

.ue { --ue-ink: var(--h-ink, #1c1814); --ue-ink-2: var(--h-ink-2, #4a4037); --ue-ink-3: var(--h-ink-3, #6b5e52); --ue-line: var(--h-line, #dcc6a6);
  --ue-sheet: var(--h-sheet, #fbf4e8); --ue-orange-ink: var(--h-orange-ink, #a8420a);
  display: grid; gap: 16px; min-width: 0; }
.ue-lead { margin: 0; font-size: 15px; color: var(--ue-ink-2); max-width: 62ch; }
.ue-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.ue-tile { display: grid; gap: 2px; min-height: 72px; padding: 10px 12px; border: 1px solid var(--ue-line); border-radius: 10px; background: var(--ue-sheet); min-width: 0; }
.ue-tile-k { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--ue-ink-2); }
.ue-tile-v { font-family: var(--h-mono, ui-monospace, monospace); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ue-ink); }
.ue-tile-s { font-size: 12px; color: var(--ue-ink-3); }
.ue-card { display: grid; gap: 10px; padding: 14px 16px; min-width: 0; }
.ue .ue-h { margin: 0; font-size: 18px; color: var(--ue-ink); }
.ue-note, .ue-none, .ue-paths { margin: 0; font-size: 13px; color: var(--ue-ink-2); }
.ue-lines { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.ue-lines th, .ue-lines td { padding: 6px 4px; border-top: 1px solid var(--ue-line); text-align: right; vertical-align: top; color: var(--ue-ink); }
.ue-lines th[scope="row"], .ue-lines thead th:first-child { text-align: left; font-weight: 400; color: var(--ue-ink-2); }
.ue-lines thead th { font-size: 12px; font-weight: 700; color: var(--ue-ink-2); border-top: 0; }
.ue-group th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--ue-ink-3); padding-top: 10px; }
.ue-nm td { color: var(--ue-ink-3); font-style: italic; }
.ue-sum th[scope="row"], .ue-sum td { font-weight: 700; color: var(--ue-ink); }
.ue-assumed th[scope="row"], .ue-assumed td { color: var(--ue-orange-ink); }
.ue-fold { border-top: 1px solid var(--ue-line); padding-top: 4px; }
.ue-fold > summary { list-style: none; cursor: pointer; display: grid; gap: 2px; min-height: 44px; padding: 6px 0; }
.ue-fold > summary::-webkit-details-marker { display: none; }
.ue-week { font-weight: 700; color: var(--ue-ink); }
.ue-week::before { content: "▸ "; color: var(--ue-ink-3); }
.ue-fold[open] .ue-week::before { content: "▾ "; }
.ue-meta { font-size: 13px; color: var(--ue-ink-2); font-variant-numeric: tabular-nums; }
.ue-rate { display: grid; gap: 4px; }
.ue-rate-l { font-size: 14px; font-weight: 700; color: var(--ue-ink); }
.ue-rate-in { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ue-rate input { min-height: 44px; width: 9em; font: inherit; font-size: 16px; padding: 0 8px; border: 1px solid var(--ue-line); border-radius: 8px; background: var(--ue-sheet); color: var(--ue-ink); }
.ue-unit { font-size: 13px; color: var(--ue-ink-2); }
.ue-do { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ue-test { opacity: .92; border-style: dashed; }

.qb { --qb-ink: var(--h-ink, #1c1814); --qb-ink-2: var(--h-ink-2, #4a4037); --qb-ink-3: var(--h-ink-3, #6b5e52); --qb-line: var(--h-line, #dcc6a6);
  --qb-sheet: var(--h-sheet, #fbf4e8); --qb-orange: var(--h-orange, #e8620c); --qb-orange-ink: var(--h-orange-ink, #a8420a);
  display: grid; gap: 16px; min-width: 0; }
.qb-lead { margin: 0; font-size: 15px; color: var(--qb-ink-2); max-width: 62ch; }
.qb-sets { display: flex; gap: 8px; flex-wrap: wrap; }
.qb-set { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 22px; border: 1px solid var(--qb-line); background: var(--qb-sheet);
  color: var(--qb-ink-2); font-size: 14px; font-weight: 700; text-decoration: none; }
.qb-set.on { background: var(--qb-ink); border-color: var(--qb-ink); color: #fff; }
.qb-warn { margin: 0; padding: 10px 12px; border-radius: 10px; background: #ffe9d6; color: var(--qb-orange-ink); font-size: 14px; }
.qb-card { display: grid; gap: 12px; padding: 14px 16px; min-width: 0; }
.qb .qb-h { margin: 0; font-size: 18px; color: var(--qb-ink); }
.qb .qb-h3 { margin: 0; font-size: 15px; color: var(--qb-ink); }
.qb-note, .qb-none { margin: 0; font-size: 13px; color: var(--qb-ink-2); }
.qb-mon { width: min(100%, 340px); justify-self: center; }
.qb-mon .kit-scr { max-height: 60vh; margin-inline: auto; }
.qb-nofile { display: grid; place-items: center; height: 100%; margin: 0; padding: 12px; color: #fff; font-size: 13px; text-align: center; }
.qb-form { display: grid; gap: 14px; }
.qb-dim { margin: 0; padding: 0; border: 0; display: grid; gap: 6px; min-width: 0; }
.qb-dim-l { display: grid; gap: 2px; padding: 0; font-size: 15px; font-weight: 700; color: var(--qb-ink); }
.qb-dim-l small { font-size: 13px; font-weight: 400; color: var(--qb-ink-2); }
.qb-marks { display: grid; grid-template-columns: repeat(5, minmax(44px, 1fr)); gap: 6px; max-width: 360px; }
.qb-mark { position: relative; display: block; cursor: pointer; }
.qb-mark input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.qb-mark span { display: grid; place-items: center; min-height: 44px; border-radius: 10px; background: var(--qb-sheet); box-shadow: inset 0 0 0 1px var(--qb-line);
  font: 700 16px/1 var(--h-mono, ui-monospace, monospace); color: var(--qb-ink); }/*kit-part*/
.qb-mark input:checked + span { background: var(--qb-orange); box-shadow: none; color: #fff; }
.qb-mark input:focus-visible + span { outline: 2px solid var(--qb-ink); outline-offset: 2px; }
.qb-field { display: grid; gap: 6px; }
.qb-select, .qb-text { min-height: 44px; width: 100%; max-width: 360px; font: inherit; font-size: 16px; padding: 8px; border: 1px solid var(--qb-line); border-radius: 8px;
  background: var(--qb-sheet); color: var(--qb-ink); box-sizing: border-box; }
.qb-do { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.qb-reveal { border: 2px solid var(--qb-orange); }
.qb-agree { margin: 0; font-size: 15px; font-weight: 700; color: var(--qb-orange-ink); }
.qb-facts { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0; font-size: 14px; }
.qb-facts dt { color: var(--qb-ink-3); }
.qb-facts dd { margin: 0; color: var(--qb-ink); overflow-wrap: anywhere; min-width: 0; }
.qb-part { display: grid; gap: 8px; border-top: 1px solid var(--qb-line); padding-top: 10px; min-width: 0; }
.qb-table { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; table-layout: fixed; }
.qb-table th, .qb-table td { padding: 6px 4px; border-top: 1px solid var(--qb-line); text-align: right; vertical-align: top; color: var(--qb-ink); overflow-wrap: anywhere; }
.qb-table thead th { font-size: 12px; font-weight: 700; color: var(--qb-ink-2); border-top: 0; overflow-wrap: normal; white-space: nowrap; }
.qb-table thead th:first-child, .qb-table th[scope="row"] { text-align: left; width: 46%; }
.qb-table small { display: block; font-size: 11px; color: var(--qb-ink-3); font-weight: 400; }
.qb-g { font-weight: 700; }
.qb-dims { margin-top: 2px; }
.qb-test { opacity: .92; border-style: dashed; }

.ee { --ee-ink: var(--h-ink, #1c1814); --ee-ink-2: var(--h-ink-2, #4a4037); --ee-ink-3: var(--h-ink-3, #6b5e52); --ee-line: var(--h-line, #dcc6a6);
  --ee-sheet: var(--h-sheet, #fbf4e8); --ee-orange-ink: var(--h-orange-ink, #a8420a);
  display: grid; gap: 16px; min-width: 0; }
.ee-lead { margin: 0; font-size: 15px; color: var(--ee-ink-2); max-width: 62ch; }
.ee-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
.ee-tile { display: grid; gap: 2px; min-height: 72px; padding: 10px 12px; border: 1px solid var(--ee-line); border-radius: 10px; background: var(--ee-sheet); min-width: 0; }
.ee-tile-k { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--ee-ink-2); }
.ee-tile-v { font-family: var(--h-mono, ui-monospace, monospace); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ee-ink); overflow-wrap: anywhere; }
.ee-tile-s { font-size: 12px; color: var(--ee-ink-3); }
.ee-card { display: grid; gap: 10px; padding: 14px 16px; min-width: 0; }
.ee .ee-h { margin: 0; font-size: 18px; color: var(--ee-ink); }
.ee-note, .ee-none, .ee-listed { margin: 0; font-size: 13px; color: var(--ee-ink-2); }
.ee-fold { border-top: 1px solid var(--ee-line); padding-top: 4px; min-width: 0; }
.ee-fold > summary { list-style: none; cursor: pointer; display: grid; gap: 2px; min-height: 44px; padding: 6px 0; }
.ee-fold > summary::-webkit-details-marker { display: none; }
.ee-engine { font-weight: 700; color: var(--ee-ink); overflow-wrap: anywhere; }
.ee-engine::before { content: "▸ "; color: var(--ee-ink-3); }
.ee-fold[open] .ee-engine::before { content: "▾ "; }
.ee-meta { font-size: 13px; color: var(--ee-ink-2); font-variant-numeric: tabular-nums; }
.ee-rows { display: grid; gap: 14px; padding: 4px 0 10px; }
@media (min-width: 900px) { .ee-rows { grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); } }
.ee-terms { display: grid; gap: 4px; min-width: 0; }
.ee .ee-terms-h { margin: 0; font-size: 15px; color: var(--ee-ink); overflow-wrap: anywhere; }
.ee-facts { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.ee-facts th, .ee-facts td { padding: 6px 4px; border-top: 1px solid var(--ee-line); vertical-align: top; color: var(--ee-ink); }
.ee-facts th[scope="row"] { text-align: left; font-weight: 400; color: var(--ee-ink-2); }
.ee-facts td { text-align: right; white-space: nowrap; }
.ee-facts .ee-small td, .ee-facts .ee-nm td { white-space: normal; overflow-wrap: anywhere; }
.ee-nm td { color: var(--ee-ink-3); font-style: italic; }
.ee-small td { min-width: 50%; font-size: 12px; color: var(--ee-ink-3); }
.ee-sum th[scope="row"], .ee-sum td { font-weight: 700; color: var(--ee-ink); }
.ee-in { display: grid; gap: 4px; }
.ee-in-l { font-size: 14px; font-weight: 700; color: var(--ee-ink); }
.ee-in-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ee-in input { min-height: 44px; width: 9em; font: inherit; font-size: 16px; padding: 0 8px; border: 1px solid var(--ee-line); border-radius: 8px; background: var(--ee-sheet); color: var(--ee-ink); }
.ee-unit { font-size: 13px; color: var(--ee-ink-2); }
.ee-src { display: block; font-size: 12px; color: var(--ee-ink-3); font-weight: 400; }
.ee-typed { color: var(--ee-orange-ink); }
.ee-mix { display: grid; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid var(--ee-line); border-radius: 10px; min-width: 0; }
.ee-do { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ee-result { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--ee-line); border-radius: 10px; background: var(--ee-sheet); }
.ee-result-v { font-family: var(--h-mono, ui-monospace, monospace); font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--ee-ink); }
.ee-apart { display: grid; gap: 6px; min-width: 0; }
.ee-test { opacity: .92; border-style: dashed; }

.pb { --pb-ink: var(--h-ink, #1c1814); --pb-ink-2: var(--h-ink-2, #4a4037); --pb-ink-3: var(--h-ink-3, #6b5e52); --pb-line: var(--h-line, #dcc6a6);
  --pb-sheet: var(--h-sheet, #fbf4e8); --pb-orange: var(--h-orange, #e8590c); --pb-orange-ink: var(--h-orange-ink, #a8420a); --pb-green: #2f7a3b;
  display: grid; gap: 16px; min-width: 0; }
.pb-lead { margin: 0; font-size: 15px; color: var(--pb-ink-2); max-width: 62ch; }
.pb-card { display: grid; gap: 12px; padding: 14px 16px; min-width: 0; }
.pb-facts .amt { font-variant-numeric: tabular-nums; }
.pb-inline { display: inline-block; margin: 0; }
.pb-stack, .pb-make-form { display: grid; gap: 10px; margin: 0; min-width: 0; }
.pb-field { display: grid; gap: 6px; font-size: 14px; color: var(--pb-ink-2); min-width: 0; }
.pb-field .kit-input { width: 100%; min-height: 44px; box-sizing: border-box; }
.pb-paste { font-family: var(--h-mono, ui-monospace, monospace); font-size: 13px; min-height: 132px; }
.pb-key { min-height: 44px; min-width: 44px; }
.pb-make { width: 100%; }
.pb-make[disabled] { opacity: .55; cursor: not-allowed; }
.pb-note { margin: 0; color: var(--pb-ink-2); }
.pb-why { border-left: 3px solid var(--pb-orange); padding: 4px 0 4px 12px; color: var(--pb-ink); font-size: 14px; }
.pb-why-h { margin: 0 0 4px; font-weight: 700; }
.pb-why ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.pb-fold > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--pb-ink); }
.pb-fold[open] > summary { margin-bottom: 8px; }
.pb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 900px) { .pb-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pb-cand { display: grid; gap: 8px; padding: 12px 14px; min-width: 0; }
.pb-cand.is-picked { border-color: var(--pb-orange); box-shadow: inset 3px 0 0 var(--pb-orange); }
.pb-cand-head { display: flex; gap: 10px; align-items: center; min-width: 0; }
.pb-rank { font-family: var(--h-mono, ui-monospace, monospace); font-weight: 700; color: var(--pb-ink-3); min-width: 2.5em; }
.pb-handle { font-weight: 700; overflow-wrap: anywhere; }
.pb-store { overflow-wrap: anywhere; }
.pb-pick { min-height: 44px; white-space: nowrap; }
.pb-pick.is-on { border-color: var(--pb-orange); color: var(--pb-orange-ink); font-weight: 700; }
.pb-meta, .pb-status, .pb-links { margin: 0; color: var(--pb-ink-2); overflow-wrap: anywhere; }
.pb-whyfit { margin: 0; font-size: 14px; color: var(--pb-ink); overflow-wrap: anywhere; }
.pb-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; font-size: 12px; }
.pb-step { padding: 6px 4px; border-top: 3px solid var(--pb-line); color: var(--pb-ink-3); text-align: center; }
.pb-step.is-done { border-color: var(--pb-green); color: var(--pb-ink); }
.pb-step.is-now { border-color: var(--pb-orange); color: var(--pb-ink); font-weight: 700; }
.pb-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pb-check { display: flex; gap: 10px; align-items: center; min-width: 0; border-top: 1px solid var(--pb-line); padding-top: 6px; }
.pb-mark { width: 1.5em; text-align: center; color: var(--pb-ink-3); font-weight: 700; }
.pb-check.is-ok .pb-mark { color: var(--pb-green); }
.pb-moves { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pb-remove { min-height: 44px; margin-left: auto; }
.pb-fold > summary { list-style: none; }
.pb-fold > summary::-webkit-details-marker { display: none; }
.pb-fold > summary::before { content: "▸"; margin-right: 8px; color: var(--pb-ink-3); }
.pb-fold[open] > summary::before { content: "▾"; }

.moment-card { position: fixed; z-index: 2147483000; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); display: grid; gap: 12px;
  max-width: 420px; margin: 0 auto; padding: 16px 44px 14px 16px; border-radius: 16px; background: var(--h-panel, var(--h-ink, #1c1814)); color: var(--h-on-panel, var(--h-paper, #f6e3c7));
  box-shadow: 0 18px 48px -18px rgb(0 0 0 / 65%); font: 450 15px/1.4 var(--h-sans, system-ui, sans-serif); }
.moment-card[hidden] { display: none; }
body:has(.house-places.bar) .moment-card { bottom: calc(var(--h-bar, 64px) + 12px + env(safe-area-inset-bottom)); }
@media (min-width: 900px) { .moment-card, body:has(.house-places.bar) .moment-card { left: auto; right: 24px; bottom: 24px; width: 380px; margin: 0; } }
.moment-card h2 { margin: 2px 0 2px; font: 750 20px/1.2 var(--h-sans, system-ui, sans-serif); color: inherit; }
.moment-eyebrow { margin: 0; font: 700 12px/1.2 var(--h-mono, ui-monospace, monospace); letter-spacing: .08em; text-transform: uppercase; color: #f2a36b; }
.moment-eyebrow.test { display: inline-block; padding: 3px 7px; border-radius: 6px; background: #f6e3c7; color: #1c1814; }
.moment-shop { margin: 0; font-weight: 650; }
.moment-lines { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 2px; font: 500 14px/1.4 var(--h-mono, ui-monospace, monospace); }
.moment-note { margin: 6px 0 0; font-size: 14px; color: #dccbb2; }
.moment-card-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.moment-card-acts .kit-btn { min-height: 44px; }
.moment-card-acts .kit-link { min-height: 44px; color: #dccbb2; background: none; border: 0; font: inherit; cursor: pointer; }
.moment-card-x { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; border: 0; background: none; color: #dccbb2; font: 400 24px/1 system-ui, sans-serif; cursor: pointer; }
.moment-card.test { outline: 2px dashed #f6e3c7; outline-offset: -6px; }
.moment-words h2 { margin: 6px 0; }
.moment-words .moment-lines { margin-bottom: 4px; }
.moment-words .house-acts { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; }

.moment-card-acts .kit-btn.ghost { background: transparent; color: #fbfaf7; box-shadow: inset 0 0 0 1.5px #5c5047; }
@media (max-width: 899px) { body:has(.bld-dock) .moment-card-acts .kit-btn.ghost, body:has(.house-room .house-talk) .moment-card-acts .kit-btn.ghost { background: var(--h-orange, #f26b1d); color: var(--h-on-orange, #1a0d03); box-shadow: none; } }

.wd { max-width: 640px; min-width: 0; }
.wd-status { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); }
.wd .wd-status p { margin: 0; font: 500 15px/1.4 var(--h-sans); color: var(--h-on-panel, var(--h-paper)); }
.wd-group h2 { font: 700 13px/1 var(--h-sans); font-stretch: 85%; letter-spacing: .08em; text-transform: uppercase; color: var(--h-ink-3); margin: 24px 0 8px; }
.wd-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wd h3 { margin: 0; font: 650 16px/1.25 var(--h-sans); overflow-wrap: anywhere; }
.wd p { margin: 4px 0 0; font: 450 14px/1.4 var(--h-sans); color: var(--h-ink-2); overflow-wrap: anywhere; }
.wd-card { padding: 14px; border-radius: 12px; border: 1px solid var(--h-ink); background: var(--h-paper); }
.wd-earned { font-family: var(--h-mono) !important; font-variant-numeric: tabular-nums; color: var(--h-ink) !important; }
.wd-go { display: inline-flex; align-items: center; min-height: 44px; margin-top: 10px; padding: 0 16px; border-radius: 10px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); font: 600 15px/1 var(--h-sans); text-decoration: none; }
.wd-go.lead { background: var(--h-orange); color: var(--h-on-orange); }
.wd-row { padding: 12px 4px; border-bottom: 1px solid var(--h-line); }
.wd-list .wd-row:first-child { border-top: 1px solid var(--h-line); }
.wd-row-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.wd-tag { flex: none; font: 600 12px/1 var(--h-sans); padding: 5px 7px; border-radius: 6px; border: 1px dashed var(--h-ink-3); color: var(--h-ink-3); }

.wd-tag.open { border: 1px solid currentColor; background: var(--mx-ok-t); color: var(--mx-ok); white-space: nowrap; }
.wd-why { color: var(--h-ink-3) !important; font-size: 13px !important; }
.wd-fine { margin: 16px 0 0 !important; color: var(--h-ink-3) !important; }

.wd-status:has(.prelaunch-status) { padding: 0; background: none; color: inherit; }
.wd .wd-status .prelaunch-status { margin: 0; padding: 14px 16px; border: 0; border-radius: 12px; background: var(--h-panel, var(--h-ink)); color: var(--h-on-panel, var(--h-paper)); }
.wd .wd-status .prelaunch-status p { margin: 0; }

.v2-switch-journey { display: flex; flex-direction: column; margin-top: var(--mx-s1); padding-top: var(--mx-s2); border-top: 1px solid var(--mx-line); }
.v2-switch-journey small { padding: 0 10px 2px; font-size: var(--mx-fs-small); color: var(--mx-label); }
.v2-switch-stage { height: 34px; margin: 2px 10px 4px; padding: 0 8px; border: 1px solid var(--mx-line); border-radius: var(--mx-r-sm); background: var(--mx-card);
  font-size: var(--mx-fs-ui); color: var(--mx-body); max-width: calc(100% - 20px); }

.hp-door { margin: 4px 0; }
.hp-link { display: inline-flex; align-items: center; min-height: 44px; font: 700 15px/1.2 var(--h-sans); }
.hp { display: flex; flex-direction: column; gap: 12px; max-width: 640px; }
.hp-roles { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.hp-role { padding: 12px 14px; border-radius: 14px; background: var(--h-sheet); box-shadow: inset 0 0 0 1px var(--h-line); }
.hp-name { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 4px; font: 700 16px/1.3 var(--h-sans); color: var(--h-ink); }
.hp-line { margin: 0; font: 450 15px/1.45 var(--h-sans); color: var(--h-ink-2); }
.hp-chip { padding: 3px 8px; border-radius: 999px; font: 700 12px/1.2 var(--h-sans); white-space: nowrap; }
.hp-chip.open { background: var(--mx-ok-t); color: var(--mx-ok); }

.hp-chip.open.test { box-shadow: inset 0 0 0 1px currentColor; }
.hp-chip.shut { background: var(--mx-well); color: var(--mx-label); }
.hp-fine { margin: 0; font: 500 13px/1.4 var(--h-sans); color: var(--h-ink-3); }

.hp-promise { margin: 0 0 8px; font: 700 16px/1.4 var(--h-sans); color: var(--h-ink); }
.hp-first .hp-promise { padding: 0 2px; font-size: 15px; }
.hp-first .hp-link { min-height: 44px; display: inline-flex; align-items: center; font-size: 15px; }

@media (max-width: 899px) {
  .house-room.story .hp-first:has(.first-ad) { position: fixed; z-index: 6; top: calc(var(--h-top) + var(--h-strip, 0px) + 8px); left: 10px; right: 10px; }
  .house-room.story .hp-first .first-ad { position: static; }
  .house-room.story .hp-first .hp-promise { margin: 0 0 6px; padding: 8px 12px; border-radius: 12px; background: #fff1dc; box-shadow: 0 0 0 1px var(--h-line); font-size: 14px; line-height: 1.35; }
  .house-room.story .hp-first .hp-link { font-size: 14px; }
}

.mp { display: flex; flex-direction: column; gap: 14px; max-width: 1080px; font-family: var(--c-font, var(--h-sans)); }
.mp-lede { margin: 0; max-width: 62ch; font: 450 16px/1.5 var(--c-font, var(--h-sans)); color: #3f4450; }
.mp-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mp-ways { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.mp-way { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 14px; }
.mp-main { border: 1.5px solid #f6c9ba; box-shadow: 0 6px 24px rgb(242 84 45 / 8%); }

.mp-ready { display: flex; flex-direction: column; gap: 10px; padding: 18px 16px; border-radius: 14px; }
.mp-ready h2 { margin: 0; font: 700 21px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.mp-ready-k { display: inline-flex; align-items: center; gap: 6px; margin: 0; font: 700 13px/1.3 var(--c-font); color: var(--c-ok); }
.mp-ready-i { display: inline-grid; place-items: center; width: 18px; height: 18px; padding: 3px; border-radius: 999px; background: var(--c-ok-t); color: var(--c-ok); }
.mp-ready .mp-key { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }

.mp-another { border-top: 1px solid var(--c-line, #e5e7eb); padding-top: 12px; }
.mp-another > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 8px; font: 600 15px/1.3 var(--c-font); color: var(--c-soft, #6b7280); list-style: none; }
.mp-another > summary::-webkit-details-marker { display: none; }
.mp-another > summary::before { content: "+"; display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; border: 1px solid currentColor; font-size: 15px; line-height: 1; }
.mp-another[open] > summary::before { content: "−"; }
.mp-another[open] > .mp-lede { margin: 4px 0 12px; }

.coral-app:has(.mp-has-ready) :is(.coral-title, .pl-header) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.mp-way-h { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; column-gap: 10px; row-gap: 2px; }
.mp-way-h .mp-tag { grid-column: 2; justify-self: start; }
.mp-way-h h2 { margin: 0; font: 700 19px/1.25 var(--c-font); letter-spacing: -.01em; color: #14161b; }
.mp-badge { flex: none; display: grid; place-items: center; width: 36px; height: 36px; padding: 7px; border-radius: 10px; background: #fdece6; color: #e0481f; }
.mp-badge.plain { background: #f5f5f7; color: #3f4450; }
.mp-tag { padding: 3px 9px; border-radius: 999px; background: #e6f6ec; color: #17784a; font: 700 12px/1.3 var(--c-font); white-space: nowrap; }
.mp-tag.plain { background: #f5f5f7; color: #4b5160; }
.mp-say { margin: 0; font: 450 15px/1.5 var(--c-font); color: #3f4450; }
.mp-fine { margin: 0; font: 450 13px/1.45 var(--c-font); color: #6b7280; }
.mp-link { color: #e0481f; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.mp-ico { display: inline-block; width: 18px; height: 18px; flex: none; }

.mp-copy { display: flex; flex-direction: column; gap: 10px; }
.mp .mp-prompt { margin: 0; max-height: 64px; overflow: hidden; padding: 10px 12px; border-radius: 10px; background: #f7f7f9; border: 1px solid #eeeff2; color: #4b5160;
  font: 400 12px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere;
  -webkit-mask-image: linear-gradient(#000 45%, transparent); mask-image: linear-gradient(#000 45%, transparent); }
.mp .mp-prompt.full { max-height: none; -webkit-mask-image: none; mask-image: none; }
.mp-copy-form { margin: 0; }
.mp .mp-key { width: 100%; min-height: 50px; border-radius: 10px; font: 650 16px/1.2 var(--c-font); }
.mp .mp-key[aria-busy=true] { opacity: .75; cursor: progress; }
.mp .mp-said { display: none; margin: 0; font: 600 14px/1.4 var(--c-font); color: #1e9e5a; }
.mp .mp-said.on { display: block; }

.mp-sent { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid #f0f0f2; }
.mp-sent h3 { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 0; font: 700 15px/1.3 var(--c-font); color: #14161b; }
.mp-live { font: 500 12px/1.3 var(--c-font); color: #8a8f98; }
.mp-live::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #1e9e5a; vertical-align: 1px; }
.mp-steps { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.mp-step { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; }
.mp-step + .mp-step { border-top: 1px dashed #ececee; }
.mp-dot { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #f5f5f7; color: #8a8f98; font: 700 12px/1 var(--c-font); }
.mp-dot-i { display: block; width: 14px; height: 14px; }
.mp-step.now .mp-dot { background: #fdece6; color: #e0481f; box-shadow: inset 0 0 0 1.5px #f2542d; }
.mp-step.done .mp-dot { background: #1e9e5a; color: #fff; }
.mp-step.stuck .mp-dot { background: #fcefc7; color: #8a6100; }
.mp-step-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.mp-step-t b { font: 600 14px/1.35 var(--c-font); color: #14161b; }
.mp-step.later .mp-step-t b, .mp-step.skip .mp-step-t b { color: #6b7280; }
.mp-step-t small { font: 450 13px/1.4 var(--c-font); color: #6b7280; overflow-wrap: anywhere; }
.mp-step-go { align-self: center; padding: 6px 10px; border-radius: 8px; border: 1px solid #e5e7eb; color: #14161b; font: 600 13px/1.2 var(--c-font); text-decoration: none; }

.mp-form { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.mp-field { display: flex; flex-direction: column; gap: 6px; }
.mp-field > span { font: 600 14px/1.3 var(--c-font); color: #14161b; }
.mp-field > small { font: 450 12px/1.4 var(--c-font); color: #8a8f98; }
.mp-input { width: 100%; min-height: 44px; padding: 0 12px; border-radius: 10px; border: 1px solid #e5e7eb; background: #fff; font: 450 16px/1.3 var(--c-font); color: #14161b; box-sizing: border-box; }
.mp-input:focus { outline: 2px solid #f6c9ba; border-color: #f2542d; }
.mp-drop { position: relative; display: flex; align-items: center; min-height: 64px; padding: 12px 14px; border: 1.5px dashed #d6d8de; border-radius: 12px; background: #fafaf9; cursor: pointer; }
.mp-drop > span { display: flex; flex-direction: column; gap: 2px; }
.mp-drop b { font: 600 15px/1.3 var(--c-font); color: #14161b; }
.mp-drop small { font: 450 13px/1.3 var(--c-font); color: #6b7280; }
.mp-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.mp-drop:focus-within { border-color: #f2542d; }
.mp-go { align-self: stretch; min-height: 46px; border-radius: 10px; border: 1px solid #d6d8de; background: #fff; color: #14161b; font: 650 15px/1.2 var(--c-font); cursor: pointer; }
.mp-go:hover { border-color: #9ca3af; }

.mp-song { gap: 0; padding: 0; }
.mp-song > summary { display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; list-style: none; }
.mp-song > summary::-webkit-details-marker { display: none; }
.mp-sum { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.mp-sum b { font: 600 15px/1.3 var(--c-font); color: #14161b; }
.mp-sum small { font: 500 13px/1.3 var(--c-font); color: #6b7280; }
.mp-chev { color: #8a8f98; transition: transform .15s; }
.mp-song[open] .mp-chev { transform: rotate(180deg); }
.mp-song-body { display: flex; flex-direction: column; gap: 12px; padding: 0 16px 16px; }
.mp-out { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fcefc7; color: #5c4300; font: 500 14px/1.4 var(--c-font); }
.mp-whys { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; }
.mp-whys legend { margin-bottom: 6px; font: 600 13px/1.4 var(--c-font); color: #3f4450; }
.mp-why { display: grid; gap: 6px; }
.mp-remix > summary { cursor: pointer; padding: 8px 0; font: 500 14px/1.3 var(--c-font); color: #3f4450; }
.mp-song .mk-fold { border-radius: 10px; border: 1px solid #ececee; }

.mp-sample { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 14px; background: #fff; border: 1px solid #eeece8; }
.mp-sample .in-player { position: static; flex: none; width: 104px; margin: 0; }
.mp-sample .kit-plate { display: none; }
.mp-sample-t { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.mp-sample-t b { font: 650 14px/1.3 var(--c-font); color: #14161b; }
.mp-sample-t small { font: 450 13px/1.45 var(--c-font); color: #6b7280; }
@media (min-width: 1000px) {
  .mp-grid { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; gap: 20px; }
  .mp-sample { position: sticky; top: 24px; flex-direction: column; align-items: stretch; padding: 14px; }
  .mp-sample .in-player { width: 100%; }
  .mp-way { padding: 20px; }
  .mp-way-h { grid-template-columns: 36px auto 1fr; }
  .mp-way-h .mp-tag { grid-column: 3; justify-self: end; }
  .mp-song { padding: 0; }
  .mp .mp-key { width: auto; align-self: flex-start; min-width: 260px; padding: 0 28px; }
  .mp-go { align-self: flex-start; min-width: 200px; padding: 0 22px; }
  .mp-why { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1600px) { .mp-grid { grid-template-columns: minmax(0, 1fr) 320px; } }

.mp { --mp-space: 24px; width:100%; max-width:960px; margin-inline:auto; gap:var(--mp-space); }
.mp-grid { gap:var(--mp-space); }
.mp-ways { gap:var(--mp-space); }
.mp-way { gap:var(--mp-space); padding:var(--mp-space); }
.mp-copy { gap:16px; }
.mp-sent { gap:16px; padding-top:24px; }
.mp-step { padding-block:16px; gap:16px; }
.mp .mp-prompt { max-height:96px; padding:16px; }
.mp-alternatives { color:var(--c-soft); }
.mp-alternatives > summary { padding:16px 0; cursor:pointer; font-weight:600; }
.mp-alternatives > .mp-way { margin-block:16px; }
@media(min-width:1000px) { .mp-grid { grid-template-columns:minmax(0,1fr) 240px; gap:24px; } .mp-sample { position:sticky; top:24px; align-self:start; padding:16px; gap:16px; } }

@media(min-width:1600px) { .mp-grid { grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:450px) { .mp { --mp-space:16px; } .mp-way-h { column-gap:8px; } }
.mp-copy-form{order:-1}
.mp-prompt-preview{font-size:13px;color:var(--c-soft)}
.mp-prompt-preview summary{cursor:pointer;min-height:32px}
.mp .mp-prompt-preview .mp-prompt{max-height:none;mask-image:none;-webkit-mask-image:none}
.mp-prompt-preview:has(.fh-prompt.full){display:block}


.ya-page .cp-col { min-width:0; }
.ya-page .cp-lead { margin:0 0 24px; }
.ya-keys { border:1px solid #ecedf0; border-radius:14px; background:white; padding:16px; }
.ya-keys > summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:650; }
.ya-keys[open] > summary { margin-bottom:16px; }
.ya-page .cp-pre { box-sizing:border-box; }
.ya-page .cp-keyrow { flex-wrap:wrap; gap:12px; }
.ya-page .cp-grow { min-width:0; overflow-wrap:anywhere; }
.ya-page summary { min-height:44px; }
.ya-page .cp-col.side { display:none; }
.ya-page.cp-grid.ai { grid-template-columns:minmax(0,1fr); }
.ya-page .cp-card { padding:24px; }
.ya-page .cp-path { margin:0; }
.mp-step-go { min-height:44px; display:inline-flex; align-items:center; box-sizing:border-box; }
.mp-prompt-preview summary { min-height:44px; display:flex; align-items:center; }
@media(max-width:450px) {
 .ya-page .cp-card { padding:16px; }
 .mp-way-h .mp-tag { white-space:normal; }
}
@media(min-width:1000px) {
 .mp-way-h { grid-template-columns:36px minmax(0,1fr); }
 .mp-way-h .mp-tag { grid-column:2; justify-self:start; }
}
.ya-new-key { max-width:960px; margin-inline:auto; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.ya-new-key > * { margin:0; }
.ya-new-key .cp-pre { box-sizing:border-box; max-height:none; }
.ya-new-key summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-weight:600; }
.ya-new-key details > * + * { margin-top:12px; }
.ya-key-copy { display:flex; gap:12px; width:100%; }
.ya-key-copy input { flex:1; min-width:0; }
@media(max-width:450px) { .ya-key-copy { flex-direction:column; } .ya-new-key > .cp-btn { width:100%; } }
.ya-page .cp-btn, .ya-new-key .cp-btn { min-height:44px; }
.coral-app .ya-page ~ .stuck-help { width:100%; }
.ya-new-key textarea { padding:12px; resize:vertical; font:400 13px/1.5 ui-monospace,monospace; overflow-wrap:anywhere; }
.ya-key-copy { align-items:start; }
.ya-connect h2, .ya-draft h2, .ya-new-key h2 { margin:0; color:var(--c-ink); font:700 22px/1.3 var(--c-font); }
.ya-connect { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.ya-connect > * { margin:0; }
.ya-connect .cp-pre { width:100%; }
.ya-connect details li + li { margin-top:12px; }
.ya-connect .cp-keyrow { width:100%; box-sizing:border-box; }
.coral-app .coral-content:has(.ya-page) .stuck-help { width:100% !important; }

.ya-page .cp-keyrow .cp-grow { flex:1 1 150px; }
.ya-page .cp-step > .cp-step-body:only-child { grid-column:1 / -1; }
.ya-page .cp-step-body > .cp-btn { align-self:flex-start; }

.mp-voice { border-top: 1px solid var(--c-line, #e5e7eb); padding-top: 4px; }
.mp-voice > summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; font: 600 14px/1.3 var(--c-font); color: var(--c-soft); }
.mp-voice > summary small { font-weight: 450; font-size: 13px; }
.mp-voice[open] > summary { margin-bottom: 8px; }
.mp-voice > .mp-form { margin-top: 12px; }

.mm { display: flex; flex-direction: column; gap: 14px; max-width: 1180px; font-family: var(--c-font, var(--h-sans)); }
.mm-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
.mm-map { padding: 18px 16px; border-radius: 16px; }
.mm-title { margin: 0; font: 800 26px/1.15 var(--c-font); letter-spacing: -.02em; color: #14161b; }
.mm-lede { margin: 6px 0 16px; font: 450 16px/1.4 var(--c-font); color: #5b6170; }
.mm-ways { display: flex; flex-direction: column; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }

.mm-today { margin: 0 0 10px; font: 750 18px/1.25 var(--c-font); color: #14161b; }
.mm-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.mm-step { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; align-items: start; align-content: start; padding: 12px; border-radius: 14px; border: 1px solid #ececee; background: #fff; }
.mm-step-n { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #fdece6; color: #e0481f; font: 750 15px/1 var(--c-font); }
.mm-step.s3 .mm-step-n { background: #f2542d; color: #fff; }
.mm-step-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mm-step-t b { font: 750 17px/1.3 var(--c-font); color: #14161b; }
.mm-step.s3 .mm-step-t b { color: #e0481f; }
.mm-step-t span { font: 450 14px/1.4 var(--c-font); color: #5b6170; }
.mm-key { display: inline-flex; margin-top: 14px; }

.mm-later { margin-top: 18px; border-top: 1px solid #ececee; padding-top: 14px; }
.mm-later summary { display: flex; flex-direction: column; gap: 2px; cursor: pointer; list-style: none; padding-right: 28px; position: relative; }
.mm-later summary::-webkit-details-marker { display: none; }
.mm-later summary::after { content: ""; position: absolute; right: 6px; top: 6px; width: 9px; height: 9px; border: solid #8a8f98; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.mm-later[open] summary::after { transform: rotate(-135deg); top: 10px; }/*kit-part*/
.mm-later summary b { font: 700 16px/1.3 var(--c-font); color: #14161b; }
.mm-later summary span { font: 450 13px/1.4 var(--c-font); color: #8a8f98; }
.mm-way { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 4px 12px; padding: 12px; border-radius: 14px; border: 1px solid #ececee; background: #fff; }
.mm-ico { display: grid; place-items: center; width: 40px; height: 40px; padding: 9px; border-radius: 11px; background: #fdece6; color: #f2542d; box-sizing: border-box; }
.mm-way:not(.open) .mm-ico { background: #f5f5f7; color: #8a8f98; }
.mm-txt { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.mm-name { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; }
.mm-name b { font: 700 16px/1.3 var(--c-font); color: #14161b; }
.mm-money { margin: 0; font: 450 14px/1.4 var(--c-font); color: #4b5160; }
.mm-why { margin: 0; font: 450 13px/1.4 var(--c-font); color: #8a8f98; }
.mm-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; font: 600 12px/1.3 var(--c-font); white-space: nowrap; }
.mm-chip i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mm-chip.open { background: #e6f6ec; color: #17784a; }

.mm-chip.soon { background: #fdf3e2; color: #8a5a00; }
.mm-chip.test { background: #e6f6ec; color: #17784a; box-shadow: inset 0 0 0 1px currentColor; }
.mm-chip.wait { background: #eef0f4; color: #4b5160; }
.mm-go { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 2px; min-height: 32px; color: #e0481f; font: 600 14px/1.2 var(--c-font); text-decoration: none; }
.mm-go-i { display: block; width: 16px; height: 16px; }
.mm-go:hover span { text-decoration: underline; }
.mm-launch { margin: 14px 0 0; padding: 10px 12px; border-radius: 10px; background: #f7f7f9; font: 450 13px/1.45 var(--c-font); color: #4b5160; }

.mm-onus { position: relative; overflow: hidden; display: flex; align-items: flex-end; gap: 8px; min-height: 180px; padding: 20px; border-radius: 16px; background: #1c2230; color: #fff; }
.mm-onus-t { position: relative; z-index: 1; max-width: 62%; }
.mm-onus h2 { margin: 0 0 8px; font: 750 21px/1.2 var(--c-font); letter-spacing: -.01em; }
.mm-onus p { margin: 0; font: 450 14px/1.45 var(--c-font); color: #c9cdd6; }
.mm-onus-art { -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent); mask-image: radial-gradient(closest-side, #000 72%, transparent); position: absolute; right: -10px; bottom: 0; width: 44%; max-width: 220px; height: auto; }

.mm-split { padding: 18px 16px; border-radius: 16px; }
.mm-split h2 { margin: 0 0 14px; font: 750 20px/1.2 var(--c-font); letter-spacing: -.01em; color: #14161b; }
.mm-bar { display: flex; gap: 3px; height: 14px; margin-bottom: 14px; }
.mm-bar span { border-radius: 4px; }
.mm-bar .made, .mm-legend .made i { background: #f2542d; }
.mm-bar .found, .mm-legend .found i { background: #f9b9a6; }
.mm-bar .cracked, .mm-legend .cracked i { background: #d4d7de; }
.mm-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.mm-legend li { display: grid; grid-template-columns: 12px minmax(0, 1fr); column-gap: 7px; align-items: center; }
.mm-legend i { width: 12px; height: 12px; border-radius: 50%; }
.mm-legend span { font: 450 13px/1.3 var(--c-font); color: #4b5160; }
.mm-legend b { grid-column: 2; font: 750 20px/1.25 var(--c-font); color: #14161b; }
.mm-legend small { grid-column: 2; font: 450 13px/1.3 var(--c-font); color: #8a8f98; }
.mm-fine { margin: 0; padding: 0 4px; font: 450 13px/1.45 var(--c-font); color: #6b7280; }
@media (max-width: 639px) {
          .mm-way { grid-template-columns: 32px minmax(0, 1fr); gap: 4px 10px; padding: 12px 12px 10px; align-items: start; }
  .mm-ico { width: 32px; height: 32px; padding: 7px; border-radius: 9px; }
  .mm-legend b { font-size: 17px; }
}
@media (min-width: 640px) {
  .mm-way { grid-template-columns: 44px minmax(0, 1fr) auto; padding: 14px 16px; }
  .mm-ico { width: 44px; height: 44px; padding: 10px; }
  .mm-go { grid-column: 3; grid-row: 1; justify-self: end; white-space: nowrap; }
}
@media (min-width: 900px) {
  .mm-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mm-step { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1000px) {
  .mm-map { padding: 26px 24px; }
  .mm-title { font-size: 36px; }
  .mm-lede { font-size: 18px; margin-bottom: 20px; }
  .mm-split { padding: 22px 24px; }
}
@media (min-width: 1200px) {
  .mm-top { grid-template-columns: minmax(0, 1fr) 340px; align-items: stretch; }
  .mm-onus { flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 0; padding: 28px 26px 0; }
  .mm-onus-t { max-width: none; }
  .mm-onus h2 { font-size: 28px; }
  .mm-onus p { font-size: 15px; }
  .mm-onus-art { position: static; align-self: center; width: 80%; max-width: 280px; margin-top: auto; }
  
  .mm-onus-art { flex: 1 1 0; min-height: 240px; width: 100%; max-width: none; margin-top: var(--ds-sp-16); object-fit: contain; object-position: center; }
}
@media (min-width: 640px) and (max-width: 1199px) { .mm-onus-art { top: 0; height: 100%; width: auto; max-width: none; object-fit: contain; } }

.v2-switch-sheet:has(.walk-scenarios) { max-height: 75dvh; overflow-y: auto; max-width: calc(100vw - 32px); }
.walk-scenarios .v2-switch-do { height: auto; min-height: 44px; padding-block: 8px; white-space: normal; line-height: 1.3; }
.walk-scenario-goal { padding: 8px 16px; font-size: 13px; line-height: 1.4; border-bottom: 1px solid var(--mx-line, #ddd); }

.pr { --pr-ink: var(--h-ink, #1c1814); --pr-ink-2: var(--h-ink-2, #4a4037); --pr-line: var(--h-line, #dcc6a6); --pr-sheet: var(--h-sheet, #fbf4e8);
  --pr-ok: #1f6b3a; --pr-no: var(--h-orange-ink, #a8420a); display: grid; gap: 16px; min-width: 0; }
.pr-lead { margin: 0; font-size: 15px; font-weight: 700; color: var(--pr-ink); max-width: 62ch; }
.pr-card { display: grid; gap: 10px; padding: 14px 16px; min-width: 0; }
.pr .pr-h { margin: 0; font-size: 18px; color: var(--pr-ink); }
.pr-say { margin: 0; font-size: 14px; color: var(--pr-ink-2); max-width: 62ch; overflow-wrap: anywhere; }
.pr-list, .pr-check { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.pr-check { padding-left: 1.4em; list-style: decimal; }
.pr-list > li, .pr-check > li { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid var(--pr-line); min-width: 0; }
.pr-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; color: var(--pr-ink); }
.pr-keys { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.pr-key { font-size: 13px; overflow-wrap: anywhere; }
.pr code { font-family: var(--h-mono, ui-monospace, monospace); font-size: 12px; overflow-wrap: anywhere; }
.pr-mark { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.pr-mark:empty { display: none; }
.pr-yes { color: var(--pr-ok); }
.pr-no { color: var(--pr-no); }
.pr-count { font-size: 13px; color: var(--pr-ink-2); font-variant-numeric: tabular-nums; }
.pr-cmd { margin: 0; padding: 10px 12px; border: 1px solid var(--pr-line); border-radius: 8px; background: var(--pr-sheet); font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.pr-btn { min-height: 44px; min-width: 44px; }
.pr-do { margin: 0; }

:root:not([data-theme="light"]) .pr { --pr-ok: #77dba5; }

.sm { --sm-ink: var(--h-ink, #1c1814); --sm-ink-2: var(--h-ink-2, #4a4037); --sm-line: var(--h-line, #dcc6a6); --sm-sheet: var(--h-sheet, #fbf4e8);
  --sm-hot: var(--h-orange-ink, #a8420a); display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; max-width: 1100px; }
.sm > * { min-width: 0; max-width: 100%; }
.sm-lead { margin: 0; font-size: 15px; font-weight: 700; color: var(--sm-ink); max-width: 62ch; }
.sm-links { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; }
.sm-totals { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 14px; color: var(--sm-ink-2); }
.sm-totals b { color: var(--sm-ink); font-variant-numeric: tabular-nums; }
.sm-card { display: grid; gap: 10px; padding: 14px 16px; min-width: 0; }
.sm .sm-h { margin: 0; font-size: 18px; color: var(--sm-ink); }
.sm-say { margin: 0; font-size: 14px; color: var(--sm-ink-2); max-width: 70ch; overflow-wrap: anywhere; }
.sm-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.sm-filter .kit-chip { min-height: 44px; max-width: 100%; white-space: normal; text-align: left; }
.sm-filter .kit-chip.on { background: var(--sm-ink); color: var(--sm-sheet); }
.sm-list, .sm-acts, .sm-chips { margin: 0; padding: 0; list-style: none; }
.sm-list { display: grid; gap: 0; }
.sm-list > li { display: grid; gap: 4px; padding: 10px 0; border-top: 1px solid var(--sm-line); min-width: 0; }
.sm-f.m3 { border-left: 3px solid var(--sm-hot); padding-left: 10px; }
.sm-f.m2 { border-left: 3px solid var(--sm-line); padding-left: 10px; }
.sm-row { margin: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--sm-ink-2); }
.sm-kind { color: var(--sm-hot); }
.sm-proven { color: #1f6b3a; }
.sm-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--sm-ink); overflow-wrap: anywhere; }
.sm-where { margin: 0; font-size: 12px; color: var(--sm-ink-2); overflow-wrap: anywhere; }
.sm code { font-family: var(--h-mono, ui-monospace, monospace); font-size: 12px; overflow-wrap: anywhere; }
.sm-none { margin: 0; font-size: 13px; color: var(--sm-ink-2); }
.sm-screen > summary { display: grid; gap: 2px; min-height: 44px; padding: 4px 0; cursor: pointer; list-style: none; }
.sm-screen > summary::-webkit-details-marker { display: none; }
.sm-screen > summary::before { content: "+"; float: left; width: 1.2em; color: var(--sm-ink-2); }
.sm-screen[open] > summary::before { content: "−"; }
.sm-path { font-family: var(--h-mono, ui-monospace, monospace); font-size: 14px; font-weight: 700; color: var(--sm-ink); overflow-wrap: anywhere; }
.sm-meta { font-size: 13px; color: var(--sm-ink-2); overflow-wrap: anywhere; }
.sm-q { margin: 6px 0 4px; display: grid; grid-template-columns: 1fr; gap: 2px 14px; font-size: 14px; color: var(--sm-ink); min-width: 0; }
.sm-q dt { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--sm-ink-2); margin-top: 6px; }
.sm-q dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.sm-chips { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.sm-chips > li { padding: 2px 8px; border: 1px solid var(--sm-line); border-radius: 6px; background: var(--sm-sheet); font-size: 13px; min-width: 0; overflow-wrap: anywhere; }
.sm-chips .kit-link { display: inline-block; min-height: 28px; line-height: 28px; }
.sm-acts { display: grid; gap: 8px; }
.sm-acts p { margin: 0; }
.sm-after { font-size: 13px; color: var(--sm-ink-2); }
@media (min-width: 900px) {
  .sm-q { grid-template-columns: 8em 1fr; }
  .sm-q dt { margin-top: 0; padding-top: 2px; }
}

.ts-skip { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 8px 0 0; padding: 0 16px; border: 2px dashed #9a6700;
  border-radius: 12px; background: #fff8e1; color: #6b4700; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; cursor: pointer; text-align: center; }
.ts-skip:focus-visible { outline: 3px solid rgb(154 103 0 / 45%); outline-offset: 2px; }
.ts-skip[aria-busy=true] { opacity: .7; }
.ts-standin { display: inline-block; max-width: 100%; margin: 4px 0; padding: 4px 8px; border: 2px solid #b42318; border-radius: 6px; background: #fff1f0; color: #b42318;
  font-family: inherit; font-size: 13px; font-weight: 800; line-height: 1.3; letter-spacing: .02em; overflow-wrap: anywhere; }

@media (max-width: 374px) { .gv-bar .ts-skip { min-height: 40px; margin-top: 6px; font-size: 14px; } }
.ts-skips { display: flex; flex-direction: column; gap: 0; margin-top: var(--mx-s2, 8px); }
.ts-skips .ts-skip { margin-top: 6px; }

form:has(> .ts-skip) { flex-wrap: wrap; max-width: 100%; }
form:has(> .ts-skip) > .ts-skip { flex: 1 1 100%; }

.sc-share { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px;
  background: #1b1c23; color: #fbfaf7; box-shadow: inset 0 0 0 1.5px #f26b1d; font-weight: 800; font-size: 15px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.sc-share:hover { background: #24252e; }
.sc-share:focus-visible { outline: 3px solid #ff9a4d; outline-offset: 2px; }
.sc-share[aria-busy="true"] { opacity: .7; cursor: progress; }
.sc-share-ic { display: inline-flex; color: #ff9a4d; }
.moment-card-acts .sc-share { order: -1; }

.sc-wins { margin: 0 0 16px; padding: 16px; border-radius: 20px; color: #f4f1ec;
  background: radial-gradient(120% 140% at 85% 0%, rgb(242 107 29 / 28%), transparent 55%), linear-gradient(180deg, #1a1b22, #121318);
  border: 1px solid #262730; box-shadow: 0 10px 30px -18px rgb(0 0 0 / 70%); }
.sc-wins-head { display: grid; gap: 2px; }
.sc-kicker { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #ff9a4d; }
.sc-lede { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; }
.sc-list { display: flex; gap: 10px; margin: 12px -16px 0; padding: 2px 16px 4px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.sc-list::-webkit-scrollbar { display: none; }
.sc-win { flex: 0 0 auto; scroll-snap-align: start; display: grid; justify-items: center; gap: 6px; width: 132px; padding: 10px 8px 10px; border-radius: 16px;
  background: #101116; border: 1px solid #262730; text-align: center; }
.sc-pose { width: 56px; height: 82px; object-fit: contain; filter: drop-shadow(0 6px 10px rgb(242 107 29 / 35%)); }
.sc-name { font-size: 13px; font-weight: 800; line-height: 1.2; min-height: 2.4em; display: grid; place-items: center; }
.sc-win .sc-share { min-height: 40px; padding: 0 14px; font-size: 14px; }
.sc-fine { margin: 10px 0 0; font-size: 12.5px; line-height: 1.4; color: #9a98a3; }
.sc-link { color: #f4f1ec; font-weight: 700; word-break: break-all; }
@media (min-width: 900px) {
  .sc-wins { padding: 18px 20px; }
  .sc-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); margin: 14px 0 0; padding: 0; overflow: visible; }
  .sc-win { width: auto; grid-template-columns: 40px 1fr auto; justify-items: start; align-items: center; gap: 10px; padding: 8px 10px; text-align: left; }
  .sc-pose { width: 40px; height: 58px; }
  .sc-name { min-height: 0; place-items: start; }
}

.in-sheet > .vs-page, .vs-page { width: 100%; max-width: 34em; margin: 0; display: flex; flex-direction: column; gap: var(--mx-s10); text-align: left;
  font-size: var(--mx-fs-body); font-weight: var(--mx-w-reg); line-height: 1.6; color: var(--mx-body); }

.in-sheet.wide > .vs-page { margin-left: max(0px, (100% - var(--mx-w-wide)) / 2); }
@media (max-width: 767px) { .in-sheet.wide > .vs-page { margin-left: 0; max-width: none; } }
.vs-lede { margin: 0; }
.vs-doc { display: flex; flex-direction: column; gap: var(--mx-s4); min-width: 0; }
.vs-doc + .vs-doc { padding-top: var(--mx-s10); border-top: 1px solid var(--mx-line); }
.vs-head { display: flex; flex-direction: column; gap: var(--mx-s1); }
.vs-head p { margin: 0; }
.vs-file { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); overflow-wrap: anywhere; }
.vs-doc p { margin: 0; overflow-wrap: break-word; }
.vs-doc h2 { margin: var(--mx-s8) 0 0; font: var(--mx-w-strong) var(--mx-fs-h3) / var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); scroll-margin-top: var(--mx-s16); text-wrap: balance; }
.vs-doc h2.vs-title { margin-top: var(--mx-s2); font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); }
.vs-doc h3 { margin: var(--mx-s4) 0 calc(-1 * var(--mx-s2)); font: var(--mx-w-strong) var(--mx-fs-body) / var(--mx-lh-body) var(--mx-sans); color: var(--mx-ink); }
.vs-toc { border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); padding: var(--mx-s2) var(--mx-s4); background: var(--mx-card); }
.vs-toc summary { cursor: pointer; font-weight: var(--mx-w-strong); color: var(--mx-ink); min-height: 32px; display: flex; align-items: center; }
.vs-toc ol { margin: var(--mx-s2) 0 var(--mx-s2); padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: var(--mx-s1); }
.vs-toc a { color: var(--mx-primary-ink); text-decoration: none; display: block; padding: var(--mx-s1) 0; }
.vs-ask { margin: var(--mx-s4) 0 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-primary-t);
  box-shadow: inset 0 0 0 2px var(--mx-primary-line); display: flex; flex-direction: column; gap: var(--mx-s1); }
.vs-ask p { color: var(--mx-ink); font-weight: var(--mx-w-strong); }
.vs-ask-tag { font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-primary-ink); text-transform: uppercase; letter-spacing: .08em; }
.vs-doc .vs-meta { font-size: var(--mx-fs-small); color: var(--mx-label); }
.vs-doc .vs-pic { font-size: var(--mx-fs-small); font-style: italic; color: var(--mx-label); padding-left: var(--mx-s3); border-left: 2px solid var(--mx-line); }
.vs-quote { margin: 0; padding: var(--mx-s2) var(--mx-s4); border-left: 3px solid var(--mx-primary); font-size: var(--mx-fs-lead); color: var(--mx-ink); }
.vs-term strong { color: var(--mx-ink); }
.vs-money, .vs-flow { margin: 0; padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-card); border: 1px solid var(--mx-line); }
.vs-money table { width: 100%; border-collapse: collapse; }
.vs-money caption, .vs-flow > figcaption { text-align: left; padding-bottom: var(--mx-s2); font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); letter-spacing: .08em; }
.vs-money td { padding: var(--mx-s2) 0; border-top: 1px solid var(--mx-line); vertical-align: baseline; }
.vs-money td.vs-amount { font: var(--mx-w-strong) var(--mx-fs-h3) / 1.2 var(--mx-sans); color: var(--mx-ink); font-variant-numeric: tabular-nums; padding-right: var(--mx-s4); white-space: nowrap; width: 1%; }
.vs-money > figcaption { margin-top: var(--mx-s2); font-size: var(--mx-fs-small); color: var(--mx-label); }
.vs-table { max-width: 100%; overflow-x: auto; border: 1px solid var(--mx-line); border-radius: var(--mx-r-md); background: var(--mx-card); }
.vs-table table { width: 100%; border-collapse: collapse; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.vs-table th, .vs-table td { padding: var(--mx-s2) var(--mx-s3); text-align: left; vertical-align: top; border-top: 1px solid var(--mx-line); }
.vs-table thead th { border-top: 0; font: var(--mx-fs-count) var(--mx-mono); color: var(--mx-label); text-transform: uppercase; letter-spacing: .06em; }
.vs-table tbody th { color: var(--mx-ink); font-weight: var(--mx-w-strong); white-space: nowrap; }
.vs-flow ol { margin: 0; padding: 0; list-style: none; counter-reset: vs-step; display: flex; flex-direction: column; gap: var(--mx-s3); }
.vs-flow li { counter-increment: vs-step; position: relative; display: flex; align-items: center; gap: var(--mx-s3); color: var(--mx-ink); }
.vs-flow li::before { content: counter(vs-step); flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: var(--mx-primary-t); color: var(--mx-ink); font: var(--mx-w-strong) var(--mx-fs-count) / 1 var(--mx-mono); }
.vs-flow li + li::after { content: ""; position: absolute; left: 13px; top: calc(-1 * var(--mx-s3)); height: var(--mx-s3); border-left: 2px solid var(--mx-primary-line); }
.vs-flow li.ask { font-weight: var(--mx-w-strong); }
.vs-flow li.ask::before { border-radius: 6px; background: var(--mx-amber); color: var(--mx-ink); }
.vs-answers { display: flex; gap: var(--mx-s2); margin-top: var(--mx-s3) !important; padding-left: calc(28px + var(--mx-s3)); }
.vs-answers span { padding: 2px var(--mx-s3); border-radius: var(--mx-r-pill); background: var(--mx-well); box-shadow: inset 0 0 0 1px var(--mx-line); font-size: var(--mx-fs-small); color: var(--mx-ink); }

@font-face { font-family: "Geist"; src: url(/assets/fonts/Geist-100-900.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }


:root:not([data-look=off]) {
  color-scheme: dark;
  --mx-canvas: #0b0d12; --mx-rail: #0b0d12; --mx-card: #141821; --mx-tint: #191d27; --mx-well: #1e2330;
  --mx-ink: #f3e9d7; --mx-body: #cfc6b5; --mx-label: #a39c8d; --mx-hint: #a39c8d;
  --mx-line: rgb(243 233 215 / 12%); --mx-line-in: rgb(243 233 215 / 16%); --mx-line-focus: rgb(243 233 215 / 30%);
  
  --mx-primary: #f26b1d; --mx-primary-h: #ff7f35; --mx-primary-2: #8f3000; --mx-primary-ink: #ffa264; --mx-primary-t: rgb(242 107 29 / 16%); --mx-primary-line: rgb(242 107 29 / 45%);
  --mx-key-edge: #8f3000; --mx-on-key: #1a0d03;
  --mx-ok: #8fdc6a; --mx-ok-t: rgb(143 220 106 / 14%); --mx-wait: #ffcf5c; --mx-wait-t: rgb(255 207 92 / 14%); --mx-bad: #ff8a8a; --mx-bad-t: rgb(255 122 122 / 14%);
  --mx-screen: #07080b; --mx-on-ink: #f3e9d7; --mx-code: #07080b;
  --mx-shadow-float: inset 0 0 0 1px rgb(243 233 215 / 10%), 0 24px 48px -24px rgb(0 0 0 / 70%);
  --mx-sheen: rgb(243 233 215 / 8%);
}
:root:not([data-look=off]) body { background: radial-gradient(1100px 520px at 50% -140px, #1a2030 0%, transparent 70%), #0b0d12; background-attachment: fixed; }

:root:not([data-look=off]) body:has(.house-room.studio) { --lk-about: "Where your ads are made, and handed to the judge."; }
:root:not([data-look=off]) body:has(.house-room.market) { --lk-about: "Your stalls, what sells in each district, and the door to bring a shop."; }
:root:not([data-look=off]) body:has(.house-room.bank) { --lk-about: "What you've earned, what's still in its check days, and your payouts."; }
:root:not([data-look=off]) body:has(.house-room.workshop) { --lk-about: "Charge Slot with credits, and the skills he can learn."; }
:root:not([data-look=off]) body:has(.house) { background: var(--lk-page); color: var(--lk-text); }
:root:not([data-look=off]) .house .house-page, :root:not([data-look=off]) .house .in-sheet { background: transparent; }
:root:not([data-look=off]) .house.in-app { background: var(--lk-page); font-family: var(--lk-ui); }
:root:not([data-look=off]) .house h1, :root:not([data-look=off]) .house h2, :root:not([data-look=off]) .house h3 { font-family: var(--lk-display); }
:root:not([data-look=off]) .house-top { background: var(--lk-bar); border-bottom: 1px solid var(--lk-bar-line); }
:root:not([data-look=off]) .house-places.top .in-tab, :root:not([data-look=off]) .house-places.bar .in-tab { font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-places.bar { background: var(--lk-bar); border-top: 1px solid var(--lk-bar-line); }
:root:not([data-look=off]) .house-room:not(.house-building) > .house-scene { container-type: size; }
:root:not([data-look=off]) .house-room:not(.house-building) .house-stage { background: var(--lk-window); clip-path: inset(0 round var(--lk-r-window)); }
:root:not([data-look=off]) .house-room:not(.house-building) > .house-scene { filter: var(--lk-window-glow); }
:root:not([data-look=off]) .house-art:not(.lamp), :root:not([data-look=off]) .house-layer.architecture, :root:not([data-look=off]) .house-layer.quiet { opacity: var(--lk-art-dim, .42); }
:root:not([data-look=off]) .house-room:not(.house-building)::before { content: attr(aria-label); font: var(--lk-title-w) var(--lk-title-s)/1 var(--lk-display); font-stretch: var(--lk-title-stretch, 100%); letter-spacing: var(--lk-title-ls, -.02em); text-transform: var(--lk-title-case, none); color: var(--lk-title); }
:root:not([data-look=off]) .house-room:not(.house-building)::after { content: var(--lk-about, ""); font: 450 var(--lk-about-s, 17px)/1.4 var(--lk-ui); color: var(--lk-soft); text-wrap: pretty; }
:root:not([data-look=off]) .house-room:not(.house-building) .house-spot .house-plaque { opacity: 1 !important; background: var(--lk-plaque); color: var(--lk-plaque-ink); font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-room .house-spot .house-plaque b { font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-room .house-spot .house-plaque small { color: var(--lk-plaque-soft); }
:root:not([data-look=off]) .house-room .house-spot.lit .house-plaque { background: var(--lk-act); color: var(--lk-act-ink); }
:root:not([data-look=off]) .house-room .house-spot.lit .house-plaque small { color: var(--lk-act-ink); }
:root:not([data-look=off]) .house-talk { background: var(--lk-card); color: var(--lk-card-ink); box-shadow: var(--lk-card-shadow); border-radius: var(--lk-r-card); font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-talk:before { display: var(--lk-talk-rule, block); background: var(--lk-act); }
:root:not([data-look=off]) .house-talk .house-line { color: var(--lk-card-ink); font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-talk .house-name b { color: var(--lk-name); font-family: var(--lk-ui); }
:root:not([data-look=off]) .house-talk .house-name small { color: var(--lk-card-soft); }
:root:not([data-look=off]) .house-talk.slot .house-name b:after { content: " · your AI sidekick"; text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--lk-card-soft); }
:root:not([data-look=off]) .house-talk .house-face { background: var(--lk-face); }
:root:not([data-look=off]) .house-talk.slot .house-face.slot { --W: calc(var(--P) * 2.4); }
:root:not([data-look=off]) .house-key { background: var(--lk-act); color: var(--lk-act-ink); font-family: var(--lk-ui); border-radius: var(--lk-r-key); }
:root:not([data-look=off]) .house-key.quiet { background: transparent; color: var(--lk-card-ink); box-shadow: inset 0 0 0 1.5px var(--lk-quiet-line); }
:root:not([data-look=off]) .house-key[data-sheet-title="Charge Slot"]:after { content: "\00a0Slot"; }
@media (hover: hover) {
  :root:not([data-look=off]) .house-key:not(.quiet):hover { background: var(--lk-act-h); }
  :root:not([data-look=off]) .house-key.quiet:hover { background: var(--lk-quiet-h); }
}
@media (max-width: 899px) {
  :root:not([data-look=off]) .house-room:not(.house-building) { padding: 0 0 12px; }
  :root:not([data-look=off]) .house-room:not(.house-building)::before { order: -2; padding: 14px 16px 2px; --lk-title-s: var(--lk-title-s-phone, 26px); }
  :root:not([data-look=off]) .house-room:not(.house-building)::after { order: -1; padding: 0 16px 10px; font-size: 14px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-scene { margin: 0 12px 12px; }
  :root:not([data-look=off]) .house-room:not(.house-building) .house-talk { margin: 0 12px; }
  :root:not([data-look=off]) .house-room:not(.house-building) .house-talk.slot .house-face.slot { --P: 72px; }
  :root:not([data-look=off]) .bld-prelaunch { padding-right: 150px; }
  :root:not([data-look=off]) .house-room:not(.house-building) .house-talk .house-acts { grid-column: 1 / -1; flex-wrap: nowrap; }
  :root:not([data-look=off]) .house-room:not(.house-building) .house-talk .house-key { flex: 1 1 auto; padding: 0 12px; white-space: nowrap; }
  :root:not([data-look=off]) .house-room:not(.house-building)::before { padding-right: 150px; }
}
@media (min-width: 900px) {
  :root:not([data-look=off]) .house-room:not(.house-building) { display: grid; grid-template-columns: minmax(0, 1fr) clamp(320px, 27vw, 400px); grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1.4fr); column-gap: clamp(28px, 3.4vw, 56px); padding: 28px clamp(24px, 3.4vw, 56px) 28px; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-scene { grid-column: 1; grid-row: 1 / -1; min-height: 0; }
  :root:not([data-look=off]) .house-room:not(.house-building)::before { grid-column: 2; grid-row: 2; }
  :root:not([data-look=off]) .house-room:not(.house-building)::after { grid-column: 2; grid-row: 3; margin-top: 12px; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk { grid-column: 2; grid-row: 4; width: auto; margin: 28px 0 0; grid-template-columns: var(--P) minmax(0, 1fr); align-items: center; gap: 16px; padding: 20px; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk .house-face { width: var(--P); height: var(--P); grid-row: auto; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk.slot .house-face.slot { --P: 104px; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk .house-line { font-size: 19px; line-height: 1.4; margin-top: 8px; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk .house-acts { grid-column: 1 / -1; flex-wrap: wrap; gap: 10px; margin: 0; }
  :root:not([data-look=off]) .house-room:not(.house-building) > .house-talk .house-key { flex: 1 1 auto; min-height: 52px; font-size: 17px; }
  :root:not([data-look=off]) .house-room .house-plaque b { font-size: 14px; }
  :root:not([data-look=off]) .house-room .house-plaque small { font-size: 14px; }
  :root:not([data-look=off]) body:has(.house-room) .v2-version { color: var(--lk-soft); }
}
:root:not([data-look=off]) .house-building .bld-clip { border-radius: var(--lk-r-window); }
:root:not([data-look=off]) .house-building .bld { filter: var(--lk-window-glow); }
:root:not([data-look=off]) .bld-needs, :root:not([data-look=off]) .bld-away { background: var(--lk-card-2); color: var(--lk-card-2-ink); box-shadow: var(--lk-card-2-shadow); border-radius: var(--lk-r-card); font-family: var(--lk-ui); }
:root:not([data-look=off]) .bld-needs .bld-card-h, :root:not([data-look=off]) .bld-away .bld-card-h { font-family: var(--lk-ui); color: var(--lk-card-2-ink); }
:root:not([data-look=off]) .bld-move { color: var(--lk-card-2-ink); }
:root:not([data-look=off]) .bld-move small, :root:not([data-look=off]) .bld-move i, :root:not([data-look=off]) .bld-card-sub { color: var(--lk-card-2-soft); }
:root:not([data-look=off]) .bld-move:not(.top) { box-shadow: inset 0 -1px 0 var(--lk-card-2-line); }
:root:not([data-look=off]) .bld-move.top { background: var(--lk-act-t); box-shadow: inset 0 0 0 1.5px var(--lk-act); border-radius: 12px; }
:root:not([data-look=off]) .bld-move em { background: var(--lk-card-2-ink); color: var(--lk-card-2); }
:root:not([data-look=off]) .bld-dock, :root:not([data-look=off]) .bld-steps { background: var(--lk-card); color: var(--lk-card-ink); }
:root:not([data-look=off]) .bld-steps { color: var(--lk-card-soft); }
:root:not([data-look=off]) .bld-steps li.now { color: var(--lk-name); }
:root:not([data-look=off]) .bld-dock:before { background: var(--lk-act); }
:root:not([data-look=off]) .bld-dock-name { color: var(--lk-name); }
:root:not([data-look=off]) .house-building .bld-dock .house-face.slot { background: var(--lk-face); }
:root:not([data-look=off]) .bld-prelaunch .prelaunch-compact { background: var(--lk-note); color: var(--lk-note-ink); font-family: var(--lk-ui); }
:root:not([data-look=off]) .bld-how a { color: var(--lk-soft); font-family: var(--lk-ui); }
@media (min-width: 900px) {
  :root:not([data-look=off]) .house-room.house-building { grid-template-rows: auto auto minmax(0, 1fr); column-gap: clamp(32px, 4vw, 64px); padding: 28px 32px 24px; }
  :root:not([data-look=off]) .house-building .house-scene { grid-row: 1 / 4; }
  :root:not([data-look=off]) .house-building::before { content: "Your building"; grid-column: 2; grid-row: 1; margin: 0 0 16px; font: var(--lk-title-w) var(--lk-title-s)/1 var(--lk-display); font-stretch: var(--lk-title-stretch, 100%); letter-spacing: var(--lk-title-ls, -.02em); text-transform: var(--lk-title-case, none); color: var(--lk-title); }
  :root:not([data-look=off]) .bld-prelaunch { grid-row: 2; margin-bottom: 4px; }
  :root:not([data-look=off]) .bld-side { grid-row: 3; }
  :root:not([data-look=off]) .house-building:not(:has(> .bld-prelaunch)) .bld-side { grid-row: 2 / 4; }
}/*kit-part*/
:root:not([data-look=off]) .house-sheet { background: var(--lk-card-2); color: var(--lk-card-2-ink); }
:root:not([data-look=off]) .house-sheet > header { border-bottom-color: var(--lk-card-2-line); }
:root:not([data-look=off]).room-embedded, :root:not([data-look=off]).room-embedded body, :root:not([data-look=off]).room-embedded .house { background: var(--lk-card-2); }
@media (max-width: 899px) {
}


@font-face { font-family: "Geist"; src: url(/assets/fonts/Geist-100-900.woff2) format("woff2"); font-weight: 100 900; font-display: swap; }
:root:not([data-look=off]) .house.in-app, :root:not([data-look=off]) body:has(.house), :root:not([data-look=off]).room-embedded { --h-paper: #0b0d12; --h-paper-2: #141821; --h-sheet: #141821; --h-ink: #f3e9d7; --h-ink-2: #cfc6b5; --h-ink-3: #aaa395; --h-line: rgb(243 233 215 / 12%); --h-orange-ink: #ffa264; --h-on-orange: #1a0d03; --h-panel: #1b2030; --h-on-panel: #f3e9d7; --mx-on-key: #1a0d03; --mx-canvas: #0b0d12; --mx-rail: #0b0d12; --mx-card: #141821; --mx-tint: #191d27; --mx-well: #1e2330; --mx-ink: #f3e9d7; --mx-body: #cfc6b5; --mx-label: #aaa395; --mx-hint: #a39c8d; --mx-line: rgb(243 233 215 / 12%); --mx-line-in: rgb(243 233 215 / 16%); --mx-line-focus: rgb(243 233 215 / 30%); --mx-primary-ink: #ffa264; --mx-primary-t: rgb(242 107 29 / 16%); --mx-primary-line: rgb(242 107 29 / 45%); --mx-ok: #8fdc6a; --mx-ok-t: rgb(143 220 106 / 14%); --mx-wait: #ffcf5c; --mx-wait-t: rgb(255 207 92 / 14%); --mx-bad: #ff7a7a; --mx-bad-t: rgb(255 122 122 / 14%); --lk-page: radial-gradient(1100px 520px at 50% -140px, #1a2030 0%, transparent 70%), #0b0d12; --lk-text: #f3e9d7; --lk-soft: #a39c8d; --lk-title: #f7eedd; --lk-bar: rgb(11 13 18 / 88%); --lk-bar-line: rgb(243 233 215 / 8%); --lk-window: #f5e3c7; --lk-r-window: 22px; --lk-art-dim: .5; --lk-window-glow: drop-shadow(0 0 1px rgb(255 214 160 / 60%)) drop-shadow(0 0 48px rgb(255 160 80 / 20%)) drop-shadow(0 36px 48px rgb(0 0 0 / 55%)); --lk-card: #141821; --lk-card-ink: #f3e9d7; --lk-card-soft: #aaa395; --lk-r-card: 18px; --lk-card-shadow: inset 0 0 0 1px rgb(243 233 215 / 9%), 0 24px 48px -24px rgb(0 0 0 / 70%); --lk-card-2: #141821; --lk-card-2-ink: #f3e9d7; --lk-card-2-soft: #aaa395; --lk-card-2-line: rgb(243 233 215 / 10%); --lk-card-2-shadow: inset 0 0 0 1px rgb(243 233 215 / 9%); --lk-name: #ffb27a; --lk-face: #e9d6b7; --lk-act: #f26b1d; --lk-act-h: #ff7f35; --lk-act-ink: #1a0d03; --lk-act-t: rgb(242 107 29 / 14%); --lk-r-key: 12px; --lk-quiet-line: rgb(243 233 215 / 26%); --lk-quiet-h: rgb(243 233 215 / 6%); --lk-plaque: rgb(11 13 18 / 90%); --lk-plaque-ink: #f3e9d7; --lk-plaque-soft: #b8b0a0; --lk-note: #191d27; --lk-note-ink: #cfc6b5; --lk-display: "Archivo", system-ui, sans-serif; --lk-ui: "Geist", system-ui, sans-serif; --lk-title-w: 700; --lk-title-s: 64px; --lk-title-s-phone: 30px; --lk-title-stretch: 72%; --lk-title-ls: -.01em; }
:root:not([data-look=off]) body:has(.house) { background: var(--lk-page); background-attachment: fixed; }
:root:not([data-look=off]) .house.in-app { background: transparent; }
:root:not([data-look=off]) .house-top { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
:root:not([data-look=off]) .house-number b { color: #f3e9d7; }
:root:not([data-look=off]) .house-number.cleared b, :root:not([data-look=off]) .house-number.waiting b { color: #ffb27a; }
:root:not([data-look=off]) .house .slot-battery.house-number .battery-detail { background: #1b1f2a; color: #f3e9d7; box-shadow: inset 0 0 0 1px rgb(243 233 215 / 10%), 0 20px 40px -16px rgb(0 0 0 / 70%); }
:root:not([data-look=off]) .house .slot-battery.house-number .battery-detail p { color: #cfc6b5; }
:root:not([data-look=off]) .house .slot-battery.house-number .battery-detail b { color: #f3e9d7; }
:root:not([data-look=off]) .house-account-menu { background: #1b1f2a; }
:root:not([data-look=off]) .house-room:not(.house-building)::before, :root:not([data-look=off]) .house-building::before { padding-top: 18px; background: linear-gradient(#f26b1d, #f26b1d) 0 0 / 28px 3px no-repeat; }
:root:not([data-look=off]) .house-building .bld-clip { box-shadow: 0 0 0 1px rgb(255 214 160 / 40%); }
:root:not([data-look=off]) .bld-tag { background: rgb(11 13 18 / 70%); }
@media (max-width: 899px) {
  :root:not([data-look=off]) .house-room:not(.house-building)::before { background-position: 16px 6px; }
}


:root:not([data-look=off]) .house-poster.empty, :root:not([data-look=off]) .ways-status, :root:not([data-look=off]) .bld-board-empty,
:root:not([data-look=off]) .house-room.story .first-ad, :root:not([data-look=off]) .tp-art, :root:not([data-look=off]) .tp-same, :root:not([data-look=off]) .tp-thumb, :root:not([data-look=off]) .tp-pill,
:root:not([data-look=off]) .td-radio, :root:not([data-look=off]) .td-next, :root:not([data-look=off]) .house .rpg-path .rpg-level-number, :root:not([data-look=off]) .bk-card,
:root:not([data-look=off]) .house .mk-tabs, :root:not([data-look=off]) .mk-drop, :root:not([data-look=off]) .district-sign, :root:not([data-look=off]) .district-merchant b,
:root:not([data-look=off]) .battery-detail, :root:not([data-look=off]) .house-room.story .hp-first .hp-promise, :root:not([data-look=off]) .street-sign, :root:not([data-look=off]) .scout-card,
:root:not([data-look=off]) .house .house-page > .prelaunch-compact, :root:not([data-look=off]) .gm-chart-svg { background: var(--h-panel, #1b2030); color: var(--mx-ink); }
:root:not([data-look=off]) .tp-words em, :root:not([data-look=off]) .tp-row.notes .tp-pill, :root:not([data-look=off]) .td-card:has(input:checked), :root:not([data-look=off]) .td-card:has(input:checked) .td-radio,
:root:not([data-look=off]) .qb-warn { background: var(--mx-primary-t); color: var(--mx-ink); }
:root:not([data-look=off]) .tp-row.with-the-judge .tp-pill { background: var(--mx-wait-t); color: var(--mx-ink); }
:root:not([data-look=off]) .bk-avail { background: var(--mx-ok-t); color: var(--mx-ink); }
:root:not([data-look=off]) .td-card.failed { background: repeating-linear-gradient(135deg, #191d27 0 8px, #141821 8px 16px); }
:root:not([data-look=off]) .moment-eyebrow.test { background: var(--mx-wait-t); color: var(--mx-wait); }
:root:not([data-look=off]) .moment-note, :root:not([data-look=off]) .moment-card-acts .kit-link, :root:not([data-look=off]) .moment-card-x { color: var(--mx-body); }
:root:not([data-look=off]) .moment-card { box-shadow: inset 0 0 0 1px rgb(243 233 215 / 12%), 0 18px 48px -18px rgb(0 0 0 / 80%); }

:root:not([data-look=off]) .bld-more { color: var(--mx-ink); box-shadow: inset 0 0 0 1.5px var(--lk-quiet-line, rgb(243 233 215 / 26%)); }
:root:not([data-look=off]) .house-places.top .in-tab[aria-current] { box-shadow: inset 0 0 0 1px rgb(243 233 215 / 14%); }
:root:not([data-look=off]) .house-room.story .hp-first .hp-promise { padding: 12px 14px; border-radius: 14px; box-shadow: inset 0 0 0 1px rgb(243 233 215 / 9%); }

:root:not([data-look=off]) .wd-go:not(.lead) { box-shadow: inset 0 0 0 1.5px var(--lk-quiet-line, rgb(243 233 215 / 26%)); }

:root:not([data-look=off]) .kit-btn.primary, :root:not([data-look=off]) :where(.in-app, .kit-canvas) .btn.primary { background: var(--mx-primary); color: var(--mx-on-key); }
:root:not([data-look=off]) .kit-btn.primary:hover, :root:not([data-look=off]) :where(.in-app, .kit-canvas) .btn.primary:hover { background: var(--mx-primary-h); }

:root:not([data-look=off]) .bk-avail .bk-big { color: var(--mx-ok); }

:root:not([data-look=off]) body:has(.out-pitch) { background: #0b0d12; }
:root:not([data-look=off]) .kit-canvas.out:has(.out-pitch) { --mx-canvas: #0b0d12; --mx-rail: #0b0d12; }



:root[data-feel="night"]:not([data-look="off"]) { background-color: #0b0d12; }


a[href], button, summary, label, select, input, textarea, [role="button"], [tabindex] { touch-action: manipulation; }
:where(a[href], button, summary, [role="button"], input[type="submit"], input[type="button"]):active:not(:disabled):not([aria-disabled="true"]) { opacity: .78; }
@media (hover: none) { :where(a[href], button, summary, [role="button"]) { -webkit-tap-highlight-color: transparent; } }


:where(button, input[type="submit"])[aria-busy="true"] { cursor: progress; }

:root[aria-busy="true"]::before { content: ""; position: fixed; z-index: 2147483001; top: 0; left: 0; height: 2px; width: 100%;
  transform-origin: 0 50%; background: #ff6a1a; pointer-events: none; animation: feel-busy 1.6s cubic-bezier(.22, 1, .36, 1) 160ms both; }
@keyframes feel-busy { from { transform: scaleX(0); opacity: 1; } to { transform: scaleX(.9); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { :root[aria-busy="true"]::before { animation: none; transform: scaleX(.6); } }


.house-top { view-transition-name: feel-top; }
.house-places.bar { view-transition-name: feel-tabs; }
.creator-shell > .house-account { view-transition-name: feel-account; }
::view-transition-group(feel-top), ::view-transition-group(feel-tabs), ::view-transition-group(feel-account) { animation-duration: 0s; }
::view-transition-old(feel-top), ::view-transition-old(feel-tabs), ::view-transition-old(feel-account) { display: none; }
::view-transition-new(feel-top), ::view-transition-new(feel-tabs), ::view-transition-new(feel-account) { animation: none; }


.tw-stage canvas, .hq-stage canvas { touch-action: none; }
:root:has(.tw), :root:has(.hq) { overflow: hidden; overscroll-behavior: none; }
body:has(.tw), body:has(.hq) { overscroll-behavior: none; }

.coral {
  --c-page: #fafaf9; --c-card: #ffffff; --c-line: #ececee; --c-line-2: #e5e7eb; --c-tint: #f5f5f7; --c-div: #f0f0f2;
  --c-ink: #14161b; --c-body: #3f4450; --c-soft: #6b7280; --c-faint: #8a8f98;
  --c-coral: #f2542d; --c-coral-h: #e04420; --c-coral-ink: #e0481f; --c-coral-t: #fdece6; --c-coral-p: #fde8e0; --c-coral-ring: #f6c9ba;
  --c-navy: #1c2230; --c-ok: #1e9e5a; --c-ok-t: #e6f6ec; --c-wait: #8a6100; --c-wait-t: #fcefc7;
  --c-r: 12px; --c-r-sm: 10px; --c-shadow: 0 1px 2px rgb(16 24 40 / 4%); --c-card-line: #ecedf0;
  --c-font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
  
  --mx-canvas: var(--c-page); --mx-rail: var(--c-card); --mx-card: #ffffff; --mx-tint: #f7f7f8; --mx-well: #efeff1;
  --mx-ink: var(--c-ink); --mx-body: var(--c-body); --mx-label: #6b7280; --mx-hint: #8a8f98;
  --mx-line: var(--c-line); --mx-line-in: var(--c-line-2); --mx-line-focus: #cfd1d6;
  --mx-primary: var(--c-coral); --mx-primary-h: var(--c-coral-h); --mx-primary-ink: var(--c-coral-ink); --mx-primary-t: var(--c-coral-t); --mx-primary-line: #f6c9ba;
  --mx-on-key: #ffffff; --mx-ok: var(--c-ok); --mx-ok-t: var(--c-ok-t); --mx-wait: var(--c-wait); --mx-wait-t: var(--c-wait-t); --mx-bad: #c8102e; --mx-bad-t: #ffe1e3;
  --mx-on-ink: #fbfbfc; --mx-sheen: rgb(255 255 255 / 60%);
  --mx-shadow-float: 0 0 0 1px var(--c-line), 0 8px 24px -16px rgb(16 24 40 / 18%);
  --h-paper: var(--c-page); --h-paper-2: #ffffff; --h-sheet: #ffffff; --h-ink: var(--c-ink); --h-ink-2: var(--c-body); --h-ink-3: var(--c-soft); --h-line: var(--c-line);
  --h-orange-ink: var(--c-coral-ink); --h-on-orange: #ffffff; --h-panel: #ffffff; --h-on-panel: var(--c-ink);
  --lk-page: var(--c-page); --lk-text: var(--c-ink); --lk-soft: var(--c-soft); --lk-title: var(--c-ink); --lk-card: #ffffff; --lk-card-ink: var(--c-ink); --lk-card-soft: var(--c-soft);
  --lk-card-2: #ffffff; --lk-card-2-ink: var(--c-ink); --lk-card-2-soft: var(--c-soft); --lk-card-2-line: var(--c-line); --lk-card-shadow: var(--c-shadow); --lk-card-2-shadow: inset 0 0 0 1px var(--c-line);
  --lk-act: var(--c-coral); --lk-act-h: var(--c-coral-h); --lk-act-ink: #ffffff; --lk-act-t: var(--c-coral-t); --lk-note: var(--c-tint); --lk-note-ink: var(--c-body);
  min-height: 100vh; min-height: 100dvh; background: var(--c-page); color: var(--c-ink); font-family: var(--c-font);
  -webkit-font-smoothing: antialiased;
}
:root:not([data-look=off]) body:has(.coral-app), body:has(.coral-app) { background: #fafaf9; color: #14161b; }

html body:has(.coral-app):has(> .v2-truth) { margin-top: 20px; }
html body:has(.coral-app) > .v2-truth { top: -20px; height: 20px; background: #fff1ec !important; color: #e8502e !important; font: 600 11px/20px "Geist", ui-sans-serif, system-ui, sans-serif !important; }
html body:has(.coral-app) > .v2-truth i { background: #f04e23; }
@media (min-width: 1000px) {
  html body:has(.coral-app) > .v2-truth { left: 211px; }
  html body:has(> .v2-truth) .coral-app > .coral-side { margin-top: -20px; }
  html:has(.coral-app) { background: #fafaf9; }
}


@media (max-width: 999px) { body:has(.coral-tabs) { --version-lift: 68px; } }
.coral *, .coral *::before, .coral *::after { box-sizing: border-box; }
.coral a { color: inherit; }
.coral-ico { display: inline-flex; width: 22px; height: 22px; flex: none; }
.coral-ico svg { width: 100%; height: 100%; }
.coral-chev { width: 18px; height: 18px; color: #9ca3af; margin-left: auto; }


.coral-side { display: none; }
.coral-top { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 12px; background: rgb(247 247 249 / 92%); backdrop-filter: blur(10px); }
.coral-app.is-home .coral-top { display: none; }
.coral-logo { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; margin-right: auto; }
.coral-logo b { font: 800 20px/1 var(--c-font); letter-spacing: -.03em; color: #1f2433; }
.coral-ava { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fde3dc; color: #e8492b; font: 700 15px/1 var(--c-font); letter-spacing: .02em; text-decoration: none; flex: none; }
.coral-acct { position: relative; }
.coral-acct > summary, .coral-more > summary, .coral-bell > summary, .coral-period > summary, .coral-brow-more > summary { list-style: none; cursor: pointer; }
.coral-acct > summary::-webkit-details-marker, .coral-more > summary::-webkit-details-marker, .coral-bell > summary::-webkit-details-marker, .coral-period > summary::-webkit-details-marker, .coral-brow-more > summary::-webkit-details-marker { display: none; }
.coral-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 30; min-width: 220px; display: flex; flex-direction: column; gap: 2px; padding: 8px; background: #fff; border: 1px solid var(--c-line); border-radius: 12px; box-shadow: 0 16px 40px -12px rgb(16 24 40 / 22%); }
.coral-menu.up { top: auto; bottom: calc(100% + 8px); }
.coral-menu > b { padding: 8px 10px 6px; font: 700 14px/1.3 var(--c-font); overflow-wrap: anywhere; }
.coral-menu a, .coral-menu-btn { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 8px; font: 500 15px/1.2 var(--c-font); color: var(--c-ink); text-decoration: none; background: none; border: 0; width: 100%; text-align: left; cursor: pointer; }
.coral-menu a:hover, .coral-menu-btn:hover { background: var(--c-tint); }
.coral-menu a.on { color: var(--c-coral); }
.coral-menu-line { margin: 4px 10px 6px; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.coral-out { margin: 0; display: contents; }
.coral-main { position: relative; padding: 4px 12px calc(96px + env(safe-area-inset-bottom)); max-width: 720px; margin: 0 auto; }
.coral-title { display: flex; align-items: center; gap: 12px; margin: 8px 0 16px; }
.coral-title h1 { margin: 0; font: 700 26px/1.15 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.coral-title .coral-ava.wide { display: none; }
.coral-note { margin: 0 0 12px; padding: 12px 14px; border-radius: var(--c-r-sm); background: var(--c-ok-t); color: var(--c-ok); font: 600 15px/1.4 var(--c-font); }
.coral-note.bad { background: #ffe1e3; color: #a10d25; }

.coral-tabs { position: fixed; left: 0; right: 0; bottom: 0; z-index: 25; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2px; padding: 4px 8px calc(4px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #eeece8; }
.coral .coral-tab, .coral-more > summary.coral-tab { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 2px; color: #6b7280; text-decoration: none; font: 500 12px/1 var(--c-font); min-height: 56px; justify-content: center; }
.coral-tab .coral-ico { width: 24px; height: 24px; }
.coral .coral-tab.on, .coral-more.on > .coral-tab { color: #ff5a36; }
.coral-more { position: relative; }
.coral-more > .coral-menu { right: 0; }


@media (min-width: 1000px) {
  .coral-app { display: grid; grid-template-columns: 211px minmax(0, 1fr); }
  
  .coral-app { background: linear-gradient(90deg, #fff 211px, transparent 211px) no-repeat, var(--c-page); }
  .coral-top, .coral-tabs { display: none; }
  .coral-side { display: flex; flex-direction: column; gap: 26px; position: sticky; top: 0; height: 100vh; height: 100dvh; margin: 0; padding: 28px 12px 16px; background: #ffffff; border-right: 1px solid #eeeff2; border-radius: 0; }
  .coral-side .coral-logo { padding: 0 8px; gap: 8px; }
  .coral-side .coral-logo b { font: 700 26px/1 var(--c-font); letter-spacing: -.03em; color: #14161c; }
  .coral-nav { display: flex; flex-direction: column; gap: 2px; }
  .coral .coral-nav-a { display: flex; align-items: center; gap: 16px; height: 44px; padding: 0 14px; border-radius: 10px; color: #333; text-decoration: none; font: 400 17px/1 var(--c-font); }
  .coral-nav { gap: 6px; }
  .coral-nav-a .coral-ico { width: 24px; height: 24px; color: #333; }
  .coral-nav-a .coral-ico svg { stroke-width: 1.75; }
  .coral .coral-nav-a:hover { background: var(--c-tint); color: var(--c-ink); }
  .coral .coral-nav-a.on { background: #ffede7; color: #ff5a2e; font-weight: 500; }
  .coral-nav-a.on .coral-ico { color: #ff5a2e; }
  .coral-side-foot { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
  .coral-slot, .coral-acct > summary { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; text-decoration: none; }
  
  .coral-slot, .coral-acct > summary { background: #fff; border: 1px solid #eceef2; }
  .coral-slot:hover, .coral-acct > summary:hover { background: #f7f7f9; }
  .coral-slot-face { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--c-navy); flex: none; }
  .coral-acct .coral-ava { background: #fde3d9; color: #e8542f; }
  .coral-slot-txt, .coral-acct-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .coral-slot-txt b, .coral-acct-txt b { font: 600 15px/1.2 var(--c-font); color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .coral-slot-txt small, .coral-acct-txt small { font: 400 13px/1.2 var(--c-font); color: var(--c-soft); white-space: nowrap; }
  .coral-acct .coral-menu { left: 0; right: auto; }
  .coral-main { padding: 12px 24px 40px 25px; max-width: 1480px; margin: 0; width: 100%; }
  .coral-title { margin: 6px 0 20px; }
  .coral-title h1 { font-size: 32px; }
  .coral-title .coral-ava.wide { display: inline-grid; margin-left: auto; width: 52px; height: 52px; font-size: 18px; font-weight: 700; background: #ffe3da; color: #f04e23; }
}


.coral.coral-app > section.moment-card { background: #fff; color: #111827; border: 1px solid #e8eaee; border-radius: 14px; box-shadow: 0 12px 32px rgb(17 24 39 / 14%); font: 400 14px/1.45 var(--c-font); }
.coral.coral-app > .moment-card h2 { font: 700 19px/1.25 var(--c-font); color: #111827; }
.coral.coral-app > .moment-card .moment-eyebrow { font: 600 12px/1.2 var(--c-font); letter-spacing: .12em; color: #ff5a1f; }
.coral.coral-app > .moment-card .moment-eyebrow.test { padding: 3px 7px; background: #fde047; color: #3f3a10; }
.coral.coral-app > .moment-card .moment-shop { font: 600 14px/1.4 var(--c-font); color: #111827; }
.coral.coral-app > .moment-card .moment-lines { font: 400 14px/1.45 var(--c-font); color: #3f4450; }
.coral.coral-app > .moment-card .moment-note, .coral.coral-app > .moment-card .moment-card-acts .kit-link, .coral.coral-app > .moment-card .moment-card-x { color: #6b7280; font-family: var(--c-font); }
.coral.coral-app > .moment-card .moment-card-acts .sc-share { min-height: 44px; padding: 0 16px; border-radius: 10px; background: #ff5a1f; color: #fff; font: 600 15px/1 var(--c-font); text-decoration: none; }

.coral.coral-app > section.moment-card .moment-card-acts a.kit-btn.moment-go-lead { order: -2; box-shadow: none; min-height: 44px; padding: 0 16px; border: 0; border-radius: 10px; background: #ff5a1f; color: #fff; font: 600 15px/1 var(--c-font); }
.coral.coral-app > section.moment-card .moment-card-acts:has(.moment-go-lead) a.sc-share { background: transparent; color: inherit; border: 0; box-shadow: none; padding: 0 8px; min-height: 44px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.coral.coral-app > .moment-card .moment-card-acts .sc-share:hover { background: #e84a12; }
.coral.coral-app > .moment-card .moment-card-acts .sc-share-ic { color: #fff; }
.coral.coral-app > .moment-card .moment-card-acts .kit-btn.ghost { min-height: 44px; padding: 0 16px; border-radius: 10px; background: #fff; color: #111827; box-shadow: inset 0 0 0 1px #e3e5ea; font: 600 15px/1 var(--c-font); }
.coral.coral-app > .moment-card.test { outline: 1.5px dashed #f5cf4c; outline-offset: -6px; }
@media (max-width: 999px) { .coral.coral-app > .moment-card { bottom: calc(76px + env(safe-area-inset-bottom)); } }
@media (min-width: 1000px) { .coral.coral-app > .moment-card { right: 24px; bottom: 24px; } }


.coral-hometop { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "logo bell ava" "ask ask ask"; align-items: center; gap: 4px 14px; margin: 0 0 10px; padding-top: 6px; }
.coral-hometop-logo { grid-area: logo; }
.coral-ask { grid-area: ask; position: relative; margin: 6px 0 0; }
.coral-ask input { width: 100%; height: 44px; margin: 0; padding: 0 12px 0 44px; border: 1px solid #e7e5e2; border-radius: 10px; background: #fafafa; font: 400 15px/1 var(--c-font); color: var(--c-ink); -webkit-appearance: none; appearance: none; }
.coral-ask input::placeholder { color: #6b7280; }
.coral-ask input:focus { outline: 0; border-color: #f6b9a6; box-shadow: 0 0 0 3px rgb(255 90 54 / 15%); background: #fff; }
.coral-ask input::-webkit-search-cancel-button { -webkit-appearance: none; }
.coral-ask-ico { position: absolute; left: 13px; top: 12px; width: 20px; height: 20px; color: #6b7280; pointer-events: none; }
.coral-bell { grid-area: bell; position: relative; }
.coral-bell > summary { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #374151; }
.coral-bell > summary:hover { background: #efeff2; }
.coral-bell .coral-ico { width: 24px; height: 24px; }
.coral-bell-dot { position: absolute; top: 7px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: #ff5a36; box-shadow: 0 0 0 2px var(--c-page); }
.coral-bell-menu { width: min(360px, calc(100vw - 24px)); right: -48px; gap: 4px; padding: 12px; max-height: 70vh; overflow: auto; }
.coral-bell-menu .coral-feed-head { margin: 6px 4px 2px; }
.coral-bell-menu .coral-quiet { margin: 0 4px 4px; font-size: 14px; }
.coral-menu a.coral-bell-row { align-items: flex-start; gap: 10px; padding: 8px 4px; }
.coral-bell-row .coral-feed-ico { width: 32px; height: 32px; }
.coral-bell-row .coral-feed-ico svg { width: 16px; height: 16px; }
.coral-bell-row .coral-row-txt b { font: 600 14px/1.3 var(--c-font); }
.coral-bell-row .coral-row-txt small { font: 400 13px/1.35 var(--c-font); }
.coral-hometop-ava { grid-area: ava; }


.coral-hello { display: none; }
.coral-grid { display: flex; flex-direction: column; gap: 10px; }
.coral-col { display: contents; }

.coral-earn { order: 1; } .coral-step { order: 2; } .coral-attn { order: 3; } .coral-doing { order: 4; } .coral-brands { order: 5; } .coral-disc { order: 6; }
.coral-grid.first .coral-step { order: 1; } .coral-grid.first .coral-opts, .coral-grid.first .coral-opts-line { order: 2; } .coral-grid.first .coral-attn { order: 3; } .coral-grid.first .coral-how { order: 4; } .coral-grid.first .coral-doing { order: 5; }

.coral-grid.unearned .coral-attn { order: 0; }
.coral-card { background: var(--c-card); border: 1px solid #eeece8; border-radius: 12px; box-shadow: none; padding: 14px; min-width: 0; }
.coral-asked { margin: 0 0 10px; }
.coral-card-head { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; min-height: 26px; }
.coral-card-head h2, .coral-how h2 { margin: 0; font: 700 17px/1.25 var(--c-font); letter-spacing: -.01em; color: #111827; }
.coral-card-head > :nth-child(2) { margin-left: auto; }
.coral .coral-link { color: #f04e23; font: 500 14px/1.2 var(--c-font); text-decoration: none; white-space: nowrap; }
.coral .coral-link:hover { text-decoration: underline; }
.coral-count { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 7px; border-radius: 999px; background: #ff5a36; color: #fff; font: 700 14px/1 var(--c-font); }
.coral-sub { margin: -4px 0 10px; font: 400 13px/1.4 var(--c-font); color: #6b6b76; }
.coral-quiet { margin: 4px 0 0; font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.coral-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: #f3f4f6; color: #374151; font: 500 12px/1 var(--c-font); white-space: nowrap; }
.coral-pill.ok { background: #dcfce7; color: #16a34a; }
.coral-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; background: #f1f1f4; color: #6b7080; font: 500 11px/1 var(--c-font); white-space: nowrap; }
.coral-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.coral-chip { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 6px; background: #fff; border: 1px solid var(--c-line-2); color: var(--c-soft); font: 400 12px/1.4 var(--c-font); white-space: nowrap; }
.coral-glyph { display: inline-grid; place-items: center; flex: none; font: 700 12px/1 var(--c-font); color: #4b5563; background: #f3f4f6; }
.coral-logo-tile { width: 24px; height: 24px; border-radius: 6px; }


.coral-list { list-style: none; margin: 0; padding: 0; }
.coral-attn-list > li + li, .coral-asked-list > li + li { border-top: 1px solid #f0f0f2; }
.coral-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; text-decoration: none; }
.coral-row-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.coral-row-txt b { font: 600 15px/1.3 var(--c-font); color: #111827; }
.coral-row-meta { font: 400 14px/1.35 var(--c-font); color: #374151; }
.coral-row-txt small { font: 400 14px/1.4 var(--c-font); color: #6b7280; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.coral-row .coral-chev { width: 20px; height: 20px; color: #9ca3af; }
.coral-thumb { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; flex: none; background: var(--c-tint); align-self: flex-start; }
.coral-thumb.tint { display: grid; place-items: center; background: #fff1ec; color: #ff5a36; }
.coral-thumb.tint svg { width: 24px; height: 24px; }
.coral-asked-list .coral-logo-tile { width: 32px; height: 32px; border-radius: 8px; }


.coral-step { position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; padding: 16px; border-radius: 12px; color: #fff; box-shadow: none;
  background: radial-gradient(180px 160px at 84% 80%, rgb(255 90 31 / 18%), transparent 70%), linear-gradient(135deg, #1e2433 0%, #2c3242 100%); }
.coral-step-art { position: absolute; z-index: 0; right: 0; bottom: 0; top: 0; width: 42%; pointer-events: none; }
.coral-step-slot { position: absolute; right: 6px; bottom: -22px; height: 128px; width: auto; max-width: none; object-fit: contain; object-position: bottom;
  -webkit-mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); }
.coral-step-note { position: absolute; right: 4px; top: 8px; width: 66px; transform: rotate(-8deg); transform-origin: top right; opacity: .95; }
.coral-step-txt { position: relative; z-index: 1; }
.coral-step-txt > p { max-width: 62%; }
.coral-kicker { margin: 0 0 6px; font: 600 11px/1 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: #c9ced6; }
.coral-step h2 { max-width: calc(100% - 72px); margin: 0; font: 700 20px/1.2 var(--c-font); letter-spacing: -.01em; color: #fff; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.coral-step-line { margin: 6px 0 0; font: 400 14px/1.4 var(--c-font); color: #e5e7eb; }
.coral-step-line.money { margin-top: 4px; color: #ffd0c2; }
.coral-step-keys { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 12px; }
.coral-step-form { margin: 0; display: contents; }
.coral-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 8px; border: 0; font: 600 15px/1.2 var(--c-font); text-decoration: none; cursor: pointer; white-space: nowrap; min-width: 0; max-width: 100%; }
.coral-btn-label { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.coral-btn .coral-ico { width: 18px; height: 18px; }
.coral-btn.primary { background: #ff5a36; color: #fff; }
.coral-btn.primary:hover { background: var(--c-coral-h, #e04420); }

.coral-btn { transition: background-color .15s, border-color .15s, box-shadow .15s, transform .08s; }
.coral-btn.primary:hover { box-shadow: 0 6px 16px -8px rgb(242 84 45 / 70%); }
.coral-btn:active { transform: translateY(1px) scale(.99); }
.coral-btn.primary:active { background: #c93a19; box-shadow: none; }
.coral-btn.outline:hover { background: var(--c-coral-t, #fdece6); border-color: var(--c-coral, #f2542d); }
.coral-btn:focus-visible { outline: 3px solid rgb(242 84 45 / 45%); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .coral-btn, .coral-btn:active { transition: none; transform: none; } }
.coral .coral-step-second { font: 600 14px/1.2 var(--c-font); color: #ffd0c2; text-decoration: none; }
.coral .coral-step-second:hover { text-decoration: underline; }
.coral-btn.outline { width: 100%; min-height: 40px; padding: 0 12px; background: #fff; color: var(--c-coral); border: 1px solid var(--c-coral-ring); font-size: 14px; justify-content: flex-start; }
.coral-btn.outline .coral-chev { color: var(--c-coral); width: 16px; height: 16px; }
.coral-btn:focus-visible, .coral a:focus-visible, .coral summary:focus-visible, .coral button:focus-visible { outline: 3px solid rgb(242 84 45 / 45%); outline-offset: 2px; }


.coral-earn .coral-card-head { margin-bottom: 2px; }
.coral .coral-earn-title { display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
.coral-earn-chev { width: 14px; height: 14px; color: #374151; }
.coral-period { position: relative; }
.coral-period > summary { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px; border: 1px solid #e5e7eb; border-radius: 8px; font: 400 13px/1 var(--c-font); color: #374151; background: #fff; white-space: nowrap; }
.coral-period > summary .coral-ico { width: 14px; height: 14px; }
.coral-period > .coral-menu { min-width: 170px; }
.coral-earn-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; font: 400 13px/1.3 var(--c-font); color: #6b7280; }
.coral-info { width: 15px; height: 15px; color: #6b7280; }
.coral-earn-top { display: flex; flex-direction: column; gap: 10px; }
.coral-big { margin: 0; font: 800 40px/1 var(--c-font); letter-spacing: -.02em; color: #111827; font-variant-numeric: tabular-nums; }
.coral-big-label { margin: 2px 0 0; font: 400 15px/1.2 var(--c-font); color: #6b7280; }
.coral-earn-where { margin: 4px 0 0; font: 400 13px/1.3 var(--c-font); color: #6b7280; }
.coral-earn-where time { margin-left: 0; }
.coral-etiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.coral-etile { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border-radius: 8px; background: #f7f7f9; min-width: 0; }/*kit-part*/
.coral-etile-dot { flex: none; width: 14px; height: 14px; margin-top: 3px; border-radius: 50%; background: #ff5a36; }
.coral-etile.finder .coral-etile-dot { background: #ffb9a8; }
.coral-etile p { margin: 0; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.coral-etile b { font: 700 17px/1.2 var(--c-font); color: #111; font-variant-numeric: tabular-nums; }
.coral-etile span { font: 400 14px/1.25 var(--c-font); color: #6b7280; }
.coral-etile small { font: 400 12px/1.2 var(--c-font); color: #9ca3af; }
.coral-bars { display: grid; grid-template-columns: 38px minmax(0, 1fr); grid-template-rows: 130px auto auto; gap: 6px 8px; margin: 16px 0 0; }
.coral-bars-y { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; font: 400 12px/1 var(--c-font); color: #6b7280; margin: -6px 0; }
.coral-bars-plot { position: relative; display: flex; align-items: flex-end; justify-content: space-around; gap: 10px; }
.coral-bars-grid { position: absolute; left: 0; right: 0; height: 0; border-top: 1px solid #f0efec; }
.coral-bar { position: relative; z-index: 1; flex: 1 1 0; max-width: 64px; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.coral-bar-stack { position: relative; width: 100%; display: flex; flex-direction: column; min-height: 3px; }
.coral-bar-stack > i { display: block; min-height: 2px; }
.coral-bar-finder { background: #ffb9a8; border-radius: 4px 4px 0 0; }
.coral-bar-maker { background: #ff5a36; }
.coral-bar-stack > i:first-of-type { border-radius: 4px 4px 0 0; }
.coral-bar-val { position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); font: 700 13px/1 var(--c-font); color: #111827; white-space: nowrap; font-variant-numeric: tabular-nums; }
.coral-bars-x { grid-column: 2; display: flex; justify-content: space-around; gap: 10px; font: 400 12px/1.2 var(--c-font); color: #6b6b76; }
.coral-bars-x span { flex: 1 1 0; max-width: 64px; text-align: center; white-space: nowrap; }
.coral-bars-key { grid-column: 1 / -1; display: flex; justify-content: center; gap: 18px; margin: 6px 0 0; font: 400 13px/1.2 var(--c-font); color: #4b5563; }
.coral-bars-key span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin: 0 6px 1px 0; border-radius: 50%; background: #ff5a36; vertical-align: middle; }
.coral-bars-key .k-finder::before { background: #ffb9a8; }


.coral-live { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/1 var(--c-font); color: #16a34a; }
.coral-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; }
.coral-feed-group + .coral-feed-group { margin-top: 10px; }
.coral-feed-head { margin: 2px 0 8px; font: 600 11px/1 var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: #8a8a94; }
.coral-feed { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.coral-feed-row { display: flex; align-items: flex-start; gap: 12px; text-decoration: none; min-width: 0; }
.coral-feed-ico { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 50%; background: #fff1ec; color: #ff5a36; }
.coral-feed-ico svg { width: 20px; height: 20px; }
.coral-feed .coral-row-txt { gap: 2px; padding-top: 1px; }
.coral-feed .coral-row-txt b { font: 600 15px/1.3 var(--c-font); color: #111; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.coral-feed .coral-row-txt small { font: 400 13px/1.35 var(--c-font); color: #6b7280; }
.coral-when { flex: none; width: 72px; text-align: right; padding-top: 2px; font: 400 13px/1.3 var(--c-font); color: #9ca3af; }
.coral-feed > li.live .coral-feed-ico svg { animation: coral-spin 1.2s linear infinite; }
@keyframes coral-spin { to { transform: rotate(360deg); } }


.coral-port { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 2px 0 10px; }
.coral-port > div { padding: 8px 12px; border-radius: 8px; background: #f8f8f8; min-width: 0; }
.coral-port dt { font: 400 12px/1.25 var(--c-font); color: #6b7280; }
.coral-port dd { margin: 2px 0 0; font: 700 15px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coral-btable { margin: 0 -2px; }
.coral-brow { position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .9fr) minmax(0, 1fr) auto 26px; align-items: center; gap: 8px; min-height: 40px; }
.coral-brow-since { display: none; }
.coral-btable.nocat .coral-brow-cat { display: none; }
.coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 1.6fr) minmax(64px, .8fr) auto 22px; }
.coral-btable .coral-list > li { border-top: 1px solid #f2f1ee; }
.coral-brow-head { min-height: 26px; font: 400 12px/1.2 var(--c-font); color: #6b7280; }
.coral-brow-head .coral-info { width: 13px; height: 13px; vertical-align: -2px; margin-left: 3px; }
.coral .coral-brow-name { display: flex; align-items: center; gap: 8px; min-width: 0; text-decoration: none; }
.coral-brow-name::after { content: ""; position: absolute; inset: 0; }
.coral-brow-name b { font: 400 14px/1.25 var(--c-font); color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.coral-brow-name .coral-tag { flex: none; }
.coral-brow-cat { font: 400 13px/1.25 var(--c-font); color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coral-brow-money { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.coral-brow-money b { font: 600 14px/1.2 var(--c-font); color: #111827; font-variant-numeric: tabular-nums; }
.coral-brow-money small { font: 400 11px/1.2 var(--c-font); color: #6b7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coral-brow-head .coral-brow-money { display: block; white-space: nowrap; }
.coral-brow-status { min-width: 0; }
.coral-brow-more { position: relative; z-index: 1; justify-self: end; }
.coral-brow-more > summary { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; color: #6b7280; }
.coral-brow-more > summary:hover { background: var(--c-tint); }
.coral-brow-more .coral-ico { width: 18px; height: 18px; }
.coral-brow-more > .coral-menu { min-width: 240px; }


.coral-opt-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.coral-opt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.coral-opt-pic { width: 100%; aspect-ratio: 16 / 10; border-radius: 8px; object-fit: cover; background: var(--c-tint); margin-bottom: 4px; }
.coral-opt-pic.letter { display: grid; place-items: center; font: 700 22px/1 var(--c-font); color: var(--c-coral); background: var(--c-coral-t); }
.coral-opt > b { font: 700 15px/1.25 var(--c-font); color: var(--c-ink); }
.coral-opt > small { font: 400 14px/1.35 var(--c-font); color: #4b5563; }
.coral-opt .coral-btn { margin-top: 6px; }
.coral-opts-line { margin: 0; padding: 0 2px; font: 400 14px/1.4 var(--c-font); color: #6b7280; }
.coral-opts-line .coral-link { font-weight: 600; color: #ff5a36; }

.coral-shops { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.coral .coral-shop { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 66px; height: 100%; padding: 10px; border-radius: 10px; border: 1px solid #eeece8; background: #fff; text-decoration: none; }
.coral-shop:hover { border-color: #e0ded9; }
.coral-shop .coral-logo-tile { width: 28px; height: 28px; border-radius: 8px; font-size: 13px; }
.coral-shop-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; max-width: 100%; }
.coral-shop-txt b { font: 600 13px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coral-shop-txt small { font: 400 12px/1.2 var(--c-font); color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.coral-how-txt p { margin: 4px 0 10px; font: 400 14px/1.45 var(--c-font); color: #4b5563; }
.coral-how-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.coral-how-tiles > li { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 10px; border-radius: 8px; background: #f8f8f8; min-width: 0; }
.coral-how-tiles b { display: inline-flex; align-items: center; gap: 6px; font: 700 16px/1.2 var(--c-font); color: #1f2433; font-variant-numeric: tabular-nums; white-space: nowrap; }
.coral-how-tiles b::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: #1f2433; }
.coral-how-tiles .you b::before { background: #ff5a36; } .coral-how-tiles .finder b::before { background: #ffb9a8; } .coral-how-tiles .cracked b::before { background: #d1d5db; }
.coral-how-tiles small { font: 400 12px/1.2 var(--c-font); color: #6b7280; white-space: nowrap; }
.coral-how-sum { margin: 8px 0 0; font: 400 13px/1.4 var(--c-font); color: #55555f; }

@media (max-width: 479px) {
  .coral-brow { grid-template-columns: minmax(0, 1.5fr) minmax(0, .85fr) minmax(52px, .7fr) auto 22px; gap: 6px; }
  .coral-brow-money small { display: none; }
  .coral-brow-name .coral-tag { height: auto; padding: 0; background: none; color: #9ca3af; font-size: 10px; text-transform: lowercase; }
  .coral-brow-name { gap: 6px; }
  .coral-brow-name b { font-size: 13px; }
  .coral-brow-cat { font-size: 12px; }
  .coral-shops .coral-shop { padding: 8px; }
}
@media (max-width: 359px) {
  .coral-main { padding-left: 10px; padding-right: 10px; }
  .coral-big { font-size: 34px; }
  .coral-step h2 { font-size: 18px; }
  .coral-logo b { font-size: 18px; }
  .coral-step-txt { max-width: 66%; }
  .coral-step-slot { height: 108px; }
  .coral-how-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coral-brow { grid-template-columns: minmax(0, 1fr) auto auto 22px; }
  .coral-brow .coral-brow-cat { display: none; }
  .coral-etile { padding: 10px; gap: 8px; }
  .coral-shops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coral-bars { grid-template-columns: 32px minmax(0, 1fr); }
  .coral-bars-x, .coral-bars-plot { gap: 4px; }
  .coral-bars-x span { font-size: 10.5px; white-space: normal; }
}
@media (min-width: 480px) {
  .coral-port { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .coral-earn-top { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 16px; }
  .coral-etiles { flex: 0 1 400px; }
}


@media (min-width: 1000px) {
  .coral-hometop { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "ask bell ava"; gap: 22px; margin: 0 0 14px; padding: 0; height: 52px; }
  .coral-hometop-logo { display: none; }
  .coral-ask { margin: 0; }
  .coral-ask input { height: 48px; padding-left: 48px; border-color: #e6e4e1; background: #fff; font-size: 16px; }
  .coral-ask input::placeholder { color: #8a8a94; }
  .coral-ask-ico { left: 16px; top: 14px; color: #4a4a55; }
  .coral-bell > summary { width: 44px; height: 44px; color: #2a2e3a; }
  .coral-bell-menu { right: -60px; }
  .coral-hometop-ava { width: 52px; height: 52px; font: 700 18px/1 var(--c-font); background: #ffe3da; color: #f04e23; }
  .coral-grid { gap: 16px; }
  .coral-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
  .coral-card { padding: 18px; border-radius: 12px; border-color: var(--c-card-line); box-shadow: var(--c-shadow); }
  .coral-card-head { margin-bottom: 10px; }
  .coral-card-head h2, .coral-how h2 { font: 600 21px/1.2 var(--c-font); letter-spacing: -.01em; color: #14161c; }
  .coral .coral-link { font-size: 15px; }
  .coral-count { min-width: 30px; height: 30px; font-size: 15px; background: #f04e23; }
  .coral-sub { font-size: 14px; color: #6b7080; margin-top: -6px; }
  .coral-quiet { font-size: 15px; }
  .coral-row { gap: 16px; padding: 14px 0; }
  .coral-attn-list > li:first-child .coral-row { padding-top: 4px; }
  .coral-attn-list > li + li { border-top-color: #ecedf0; }
  .coral-thumb { width: 80px; height: 80px; border-radius: 10px; }
  .coral-thumb.tint { width: 64px; height: 64px; margin: 8px; border-radius: 10px; }
  .coral-thumb.tint svg { width: 28px; height: 28px; }
  .coral-row-txt b { font: 600 15.5px/1.3 var(--c-font); color: #1a1a22; }
  .coral-row-meta { font: 400 15px/1.35 var(--c-font); color: #3a3f4b; }
  .coral-row-txt small { font-size: 14px; color: #6b7080; }
  .coral-row .coral-chev { width: 22px; height: 22px; color: #3a3f4b; }
  
  .coral-step { min-height: 180px; padding: 22px 22px 20px; border-radius: 10px; background: linear-gradient(90deg, #1e2230 0%, #262b3b 60%, #2e2a2c 100%); }
  .coral-step::before { content: ""; position: absolute; z-index: 0; right: 40px; bottom: -60px; width: 300px; height: 260px; background: radial-gradient(closest-side, rgb(255 90 31 / 20%), transparent); pointer-events: none; }
  .coral-step-txt { max-width: min(460px, 60%); }
  .coral-step-txt > p, .coral-step h2 { max-width: none; }
  .coral-kicker { font-size: 12px; letter-spacing: .2em; color: #c9ccd6; margin-bottom: 8px; }
  .coral-step h2 { font: 600 32px/1.15 var(--c-font); letter-spacing: -.015em; -webkit-line-clamp: 2; }
  .coral-step.workforce h2 { white-space: nowrap; text-overflow: ellipsis; display: block; }
  .coral-step-line { margin-top: 8px; font-size: 15px; color: #e4e6ec; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .coral-step-line.money { margin-top: 2px; }
  .coral-step-keys { margin-top: 16px; gap: 20px; }
  .coral-btn.primary { min-height: 48px; padding: 0 22px; border-radius: 10px; font: 600 17px/1.2 var(--c-font); }
  .coral .coral-step-second { font: 500 15px/1.2 var(--c-font); color: #e4e6ec; }
  .coral-step-art { width: 300px; }
  .coral-step-slot { right: 40px; bottom: auto; top: 30px; height: 115%; min-height: 200px; }
  .coral-step-note { right: 14px; top: 14px; width: 104px; transform: rotate(-12deg); }
  
  .coral-earn-chev { width: 16px; height: 16px; }
  .coral-earn-meta { font-size: 15px; color: #6b7080; margin-bottom: 6px; }
  .coral-earn-meta .coral-info { width: 16px; height: 16px; }
  .coral-earn-top { flex-direction: row; align-items: flex-start; gap: 16px; }
  .coral-earn-big { min-width: 0; flex: 1; }
  .coral-big { font: 800 56px/1 var(--c-font); letter-spacing: -.035em; color: #111; }
  .coral-big-label { margin-top: 2px; font-size: 15px; color: #4a4f5c; }
  .coral-earn-where { font-size: 13px; color: #6b7080; }
  .coral-etiles { flex: 0 0 auto; grid-template-columns: repeat(2, 190px); gap: 12px; }
  .coral-etile { min-height: 80px; padding: 14px 16px; border-radius: 10px; background: #f6f6f8; }
  .coral-etile-dot { width: 12px; height: 12px; margin-top: 5px; }
  .coral-etile b { font-size: 20px; color: #1f2430; }
  .coral-etile span { font-size: 15px; color: #4a4f5c; }
  .coral-etile small { font-size: 12px; color: #8a8f9c; }
  .coral-bars { grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: 140px auto; margin-top: 14px; }
  .coral-bars-y { font-size: 13px; color: #6b7080; }
  .coral-bars-grid { border-top-color: #f0f1f4; }
  .coral-bar, .coral-bars-x span { max-width: 96px; }
  .coral-bar-finder { background: #ffb4a2; border-radius: 2px 2px 0 0; }
  .coral-bar-stack > i:first-of-type { border-radius: 2px 2px 0 0; }
  .coral-bar-val { font: 600 14px/1 var(--c-font); color: #1f2430; }
  .coral-bars-x { font-size: 13px; color: #6b7080; }
  .coral-bars-key { display: none; }
  
  .coral-feed { gap: 14px; }
  .coral-feed .coral-row-txt b { font-size: 14.5px; }
  .coral-feed .coral-row-txt small { font-size: 13.5px; color: #6b7080; }
  .coral-feed-ico svg { width: 18px; height: 18px; }
  .coral-when { width: 60px; color: #8a8f9c; }
  
  .coral-port { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr); gap: 8px; }
  .coral-port > div { min-height: 44px; padding: 6px 12px; background: #f6f6f8; border-radius: 8px; }
  .coral-port dd { font-size: 16px; }
  .coral-port > .top dd { font-size: 14px; line-height: 1.3; }
  .coral-brow { grid-template-columns: minmax(0, 1.5fr) minmax(0, .75fr) minmax(0, .55fr) 214px 104px 28px; gap: 10px; min-height: 34px; }
  .coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 1.6fr) minmax(0, .55fr) 214px 104px 28px; }
  .coral-brow-name .coral-tag { height: auto; padding: 0; background: none; color: #9ca3af; font-size: 11px; text-transform: lowercase; }
  .coral-btable .coral-list .coral-brow { padding: 3px 0; }
  .coral-brow-since { display: block; font: 400 13px/1.25 var(--c-font); color: #6b7080; }
  .coral-brow-head { min-height: 24px; font: 500 13px/1.2 var(--c-font); color: #6b7080; }
  .coral-btable .coral-list > li { border-top-color: #f0f1f4; }
  .coral-brow-name .coral-logo-tile { width: 28px; height: 28px; border-radius: 6px; }
  .coral-brow-name b { font: 500 14px/1.25 var(--c-font); color: #1f2430; }
  .coral-brow-money b { display: none; }
  .coral-brow-money small, .coral-brow-money:not(:has(small)) b { display: block; font: 600 14px/1.2 var(--c-font); color: #1f2430; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .coral-pill { height: auto; padding: 2px 8px; border-radius: 4px; background: #f1f2f4; color: #4a4f5c; }
  .coral-pill.ok { background: #e6f6ec; color: #2e9e5b; }
  .coral-brow-more > summary { color: #6b7080; }
  
  .coral-opt-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .coral-opts-line { font-size: 15px; }
  .coral-shops { gap: 8px; }
  .coral .coral-shop { flex-direction: row; align-items: center; gap: 10px; min-height: 72px; padding: 10px 12px; border-color: #ecedf0; }
  .coral-shop-txt b { font-size: 14px; font-weight: 600; }
  .coral-shop-txt small { color: #8a8f9c; }
  .coral-how-txt p { font-size: 15px; }
  .coral-how-tiles { gap: 10px; }
  .coral-how-tiles > li { min-height: 64px; padding: 10px 14px; border-radius: 10px; background: #f2f3f6; justify-content: center; }
  .coral-how-tiles > li.you { background: #ffede6; }
  .coral-how-tiles > li.you b { color: #f04e23; }
  .coral-how-tiles b { font-size: 18px; }
  .coral-how-tiles b::before { display: none; }
  .coral-how-tiles small { font-size: 13px; }
}

@media (min-width: 1200px) {
  .coral-grid { display: grid; grid-template-columns: minmax(0, 1fr) clamp(380px, 32vw, 456px); column-gap: 18px; row-gap: 16px; align-items: start; }
}
@media (min-width: 1800px) { .coral-main { margin: 0 auto; } }
@media (prefers-reduced-motion: reduce) { .coral-feed > li.live .coral-feed-ico svg { animation: none; } }


.coral .coral-ava { background: #ffe4dc; color: #e5482d; }
.coral-card { border-color: #ecedf0; border-radius: 12px; }
.coral-glyph.t0 { background: #fff0eb; color: #d9481f; } .coral-glyph.t1 { background: #eaf6ee; color: #1e8e4e; }
.coral-glyph.t2 { background: #eef2ff; color: #4f5bd5; } .coral-glyph.t3 { background: #fff7e0; color: #b7791f; }
.coral-logo-tile { width: 28px; height: 28px; border-radius: 6px; font: 700 13px/1 var(--c-font); }
.coral-pill { height: auto; padding: 3px 8px; border-radius: 6px; font: 600 11px/1.2 var(--c-font); }
.coral-pill.ok { background: #e6f7ec; color: #1f9d55; }
.coral-pill.wait { background: #fff4e5; color: #b26a00; }
.coral-pill-short { display: none; }
.coral-card-head h2, .coral-how h2 { font: 700 17px/1.25 var(--c-font); }
.coral-card-head .coral-tag { margin-left: 2px; }
.coral-card-head > .coral-tag + .coral-link { margin-left: auto; }
.coral-card-head > .coral-live + .coral-link { margin-left: 14px; }
.coral-count { min-width: 24px; height: 24px; padding: 0 6px; font: 700 12px/1 var(--c-font); background: #f0532d; }

.coral-grid.first .coral-attn { order: 2; } .coral-grid.first .coral-opts, .coral-grid.first .coral-opts-line { order: 3; }
.coral-grid.first .coral-how { order: 4; } .coral-grid.first .coral-doing { order: 5; }


.coral-big { font: 800 38px/1 var(--c-font); letter-spacing: -.02em; }
.coral-big-label { margin: 4px 0 0; font: 400 13px/1.35 var(--c-font); color: #4b5060; }
.coral-big-label .coral-earn-where { margin: 0; color: #6b6b76; }
.coral-etile { align-items: center; gap: 10px; padding: 10px 12px; border-radius: 8px; background: #f7f7f9; }
.coral-etile-dot { width: 12px; height: 12px; margin: 0; align-self: flex-start; margin-top: 5px; }
.coral-etile b { font: 700 17px/1.3 var(--c-font); }
.coral-etile span { font: 400 13px/1.3 var(--c-font); color: #4b5060; }
.coral-etile small { font: 400 12px/1.3 var(--c-font); color: #6b7080; }
.coral-bars { grid-template-rows: 100px auto auto; gap: 6px 8px; margin-top: 12px; }
.coral-bars-y { font: 400 11px/1 var(--c-font); color: #8a8a92; }
.coral-bars-grid { border-top-color: #eef0f3; }
.coral-bar-stack > i:first-of-type, .coral-bar-finder { border-radius: 3px 3px 0 0; }
.coral-bar-finder { background: #ffb3a1; }
.coral-bar-maker { background: #ff5a36; }
.coral-bar-val { bottom: calc(100% + 5px); font: 600 12px/1 var(--c-font); color: #1b1b1f; }
.coral-bars-x { font: 400 12px/1.2 var(--c-font); color: #6b6b73; }
.coral-bars-key { margin-top: 2px; }
.coral-bars.many .coral-bars-plot, .coral-bars.many .coral-bars-x { gap: 6px; }
.coral-bars.many .coral-bars-x span { font-size: 11px; }
.coral-bars.many .coral-bar-val { font-size: 11px; }


.coral-attn-list > li + li { border-top-color: #efeff2; }
.coral-attn-row { padding: 12px 0; gap: 12px; }
.coral-attn-list > li:first-child .coral-attn-row { padding-top: 4px; }
.coral-attn-row .coral-thumb, .coral-attn-row .coral-thumb.tint { width: 48px; height: 48px; margin: 0; border-radius: 10px; align-self: center; }
.coral-attn-row .coral-thumb.tint { background: #fff1ec; color: #f0532d; }
.coral-attn-row .coral-thumb.tint svg { width: 22px; height: 22px; }
.coral-attn-row .coral-row-txt { gap: 2px; }
.coral-attn-row .coral-row-txt > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coral-attn-row .coral-row-txt b { font: 600 14px/1.3 var(--c-font); color: #1a1a1f; }
.coral-attn-row .coral-row-meta { font: 400 13px/1.35 var(--c-font); color: #374151; }
.coral-attn-row .coral-row-txt small { display: block; -webkit-line-clamp: none; font: 400 13px/1.35 var(--c-font); color: #6b7280; overflow-wrap: normal; }
.coral-attn-row .coral-chev { width: 18px; height: 18px; color: #9ca3af; }


.coral-step { padding: 16px; border-radius: 12px; background: linear-gradient(90deg, #1e2232 0%, #2a2f40 100%); min-height: 156px; }
.coral-step-art { width: 44%; }
.coral-step-slot { right: -6px; bottom: -14px; height: 158px;
  -webkit-mask-image: radial-gradient(ellipse 50% 52% at 50% 56%, #000 64%, transparent 100%); mask-image: radial-gradient(ellipse 50% 52% at 50% 56%, #000 64%, transparent 100%); }
.coral-step-note { right: 92px; top: 8px; width: 62px; transform: rotate(-10deg); }
.coral-step-txt { max-width: 60%; }
.coral-step-txt > p { max-width: none; }
.coral-step h2 { max-width: none; font: 700 20px/1.2 var(--c-font); -webkit-line-clamp: 3; }
.coral-step.workforce h2 { -webkit-line-clamp: 2; }
.coral-kicker { font: 600 11px/1 var(--c-font); letter-spacing: .14em; color: #c9ccd6; }
.coral-step-line { margin-top: 6px; font: 400 13px/1.4 var(--c-font); color: #d5d8e0; }
.coral-step-keys { margin-top: 12px; max-width: 64%; }
.coral-step .coral-btn.primary { min-height: 38px; padding: 0 14px; border-radius: 8px; background: #f0532d; font: 600 14px/1.2 var(--c-font); }
.coral .coral-step-second { font-size: 13px; }


.coral-feed { gap: 12px; }
.coral-feed-head { margin: 0 0 8px; font-size: 10.5px; }
.coral-feed-row { gap: 10px; align-items: center; }
.coral-feed-ico { width: 36px; height: 36px; background: #fff1ec; color: #f0532d; }
.coral-feed-ico svg { width: 17px; height: 17px; }
.coral-feed .coral-row-txt b { display: block; font: 600 14px/1.3 var(--c-font); color: #1b1b1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coral-feed .coral-row-txt small { display: block; font: 400 12.5px/1.35 var(--c-font); color: #6b7080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: none; }
.coral-when { width: auto; align-self: flex-start; padding-top: 2px; font: 400 12px/1.3 var(--c-font); color: #8a8f9c; white-space: nowrap; }


.coral-brands .coral-card-head { margin-bottom: 10px; }
.coral-port { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0 0 8px; }
.coral-port > div { padding: 6px 8px; border-radius: 8px; background: #f6f6f8; min-height: 0; }
.coral-port dt { font: 400 11px/1.25 var(--c-font); color: #6b7080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coral-port dd { margin: 1px 0 0; font: 700 14px/1.25 var(--c-font); -webkit-line-clamp: 1; overflow-wrap: normal; word-break: break-word; }
.coral-port > .top dd { -webkit-line-clamp: 2; font-size: 13px; }
.coral-brow { grid-template-columns: minmax(0, 1fr) 66px 58px 62px 18px; gap: 6px; min-height: 36px; }
.coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 1fr) 58px 62px 18px; }
.coral-btable .coral-list > li { border-top-color: #f1f1f3; }
.coral-brow-head { min-height: 24px; font: 500 11px/1.2 var(--c-font); color: #9ca3af; }
.coral-brow-head .coral-brow-money { white-space: normal; line-height: 1.15; }
.coral .coral-brow-name { gap: 8px; }
.coral-brow-name b { font: 500 13px/1.2 var(--c-font); color: #111827; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coral-brow-cat { font: 400 12px/1.25 var(--c-font); color: #6b7280; }
.coral-brow-money b { font: 600 13px/1.2 var(--c-font); color: #1c2033; }
.coral-brow-money small { display: block; font: 400 11px/1.2 var(--c-font); color: #9ca3af; }
.coral-pill-long { display: none; } .coral-pill-short { display: inline; }
.coral-brow-more > summary { width: 18px; }


.coral .coral-shop { flex-direction: row; align-items: center; gap: 8px; min-height: 64px; padding: 10px; border-color: #ecedf0; }
.coral-shop .coral-logo-tile { width: 28px; height: 28px; border-radius: 8px; }
.coral-shop-txt b { font: 600 13px/16px var(--c-font); color: #1b1b1f; overflow-wrap: normal; word-break: normal; hyphens: auto; }
.coral-shop-txt small { font: 400 12px/1.3 var(--c-font); color: #8a8a92; }

.coral-long { display: none; } .coral-short { display: inline; }
.coral-earn .coral-card-head { margin-bottom: 0; }
.coral-earn-meta { margin: 0 0 6px; font-size: 12.5px; }
.coral-earn-top { gap: 8px; }
.coral-bars-key { margin: 0; }
@media (max-width: 479px) {
  .coral-brow-money small { display: block; }
  .coral-bars-x span { white-space: normal; line-height: 1.15; }
  .coral-etiles { gap: 8px; }
  .coral-etile { padding: 8px 10px; }
  .coral-etile b { font-size: 16px; }
  .coral-bars { grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: 96px auto auto; }
  
  .coral-port { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .coral-port > div { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; padding: 7px 10px; }
  .coral-port dt { flex: none; }
  .coral-port dd, .coral-port > .top dd { margin: 0; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .coral-brow { grid-template-columns: minmax(0, 1fr) 52px 74px 56px 16px; gap: 5px; }
  .coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 1fr) 74px 56px 16px; }
  .coral-brow-cat { font-size: 11.5px; }
  .coral-brow-status .coral-pill { padding: 3px 6px; }
  .coral .coral-brow-name { gap: 6px; }
  .coral-shops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 379px) {
  .coral-port { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px) {
  .coral-brow { grid-template-columns: minmax(0, 1fr) 58px 62px 18px; }
  .coral-step-txt { max-width: 62%; }
  .coral-step-slot { height: 136px; }
  .coral-step-note { display: none; }
}
@media (min-width: 480px) {
  .coral-brow { grid-template-columns: minmax(0, 1.6fr) minmax(0, .9fr) minmax(64px, .8fr) auto 22px; }
  .coral-pill-long { display: inline; } .coral-pill-short { display: none; }
  .coral-long { display: inline; } .coral-short { display: none; }
}


@media (min-width: 1000px) {
  .coral-side { border-right: 0; }
  .coral-slot, .coral-acct > summary { background: #fff; border: 1px solid #efeff2; border-radius: 12px; box-shadow: 0 1px 2px rgb(0 0 0 / 4%); }
  .coral-slot:hover, .coral-acct > summary:hover { background: #fafaf9; }
  .coral-slot .coral-chev, .coral-acct > summary .coral-chev { width: 16px; height: 16px; color: #9a9aa3; }
  .coral-slot-txt small, .coral-acct-txt small { color: #8a8a92; }
  .coral-main { padding-top: 14px; }
  .coral-hometop { height: 44px; margin: 0 0 16px; gap: 20px; }
  .coral-ask input { height: 44px; padding-left: 46px; border-color: #e8e8ea; font-size: 15px; }
  .coral-ask-ico { top: 12px; }
  .coral-hometop-ava { width: 44px; height: 44px; font-size: 16px; }
  .coral-card { padding: 14px 18px; border-color: #eeeeec; box-shadow: none; }
  .coral-card-head { margin-bottom: 8px; min-height: 28px; }
  .coral-card-head h2, .coral-how h2 { font: 600 20px/1.2 var(--c-font); color: #14161c; }
  .coral .coral-link { font-size: 14px; color: #f2552c; }
  .coral-count { min-width: 28px; height: 28px; font-size: 14px; }
  
  .coral-earn-meta { font-size: 14px; margin-bottom: 4px; }
  .coral-big { font: 800 52px/1 var(--c-font); letter-spacing: -.035em; }
  .coral-big-label { margin-top: 4px; font-size: 14px; color: #4a4f5c; }
  .coral-big-label .coral-earn-where { font-size: 13px; }
  .coral-etiles { grid-template-columns: repeat(2, 176px); gap: 10px; }
  .coral-earn-where { white-space: nowrap; }
  .coral-etile { min-height: 66px; padding: 10px 14px; border-radius: 10px; background: #f6f6f8; }
  .coral-etile-dot { margin-top: 6px; }
  .coral-etile b { font-size: 19px; color: #1f2430; }
  .coral-etile span { font-size: 14px; color: #4a4f5c; }
  .coral-etile small { font-size: 12px; color: #8a8f9c; }
  .coral-bars { grid-template-rows: 105px auto; margin-top: 12px; gap: 6px 8px; }
  .coral-bars-y { font-size: 12px; color: #8a8a92; }
  .coral-bars-grid { border-top-color: #f0f0f2; }
  .coral-bar-val { bottom: calc(100% + 6px); font: 600 12px/1 var(--c-font); color: #1b1b1f; }
  .coral-bars-x { font-size: 13px; color: #6b6b73; }
  .coral-bars.many .coral-bars-x span { font-size: 12px; }
  
  .coral-attn-row { padding: 14px 0; gap: 16px; }
  .coral-attn-list > li:first-child .coral-attn-row { padding-top: 2px; }
  .coral-attn-row .coral-thumb, .coral-attn-row .coral-thumb.tint { width: 64px; height: 64px; border-radius: 12px; }
  .coral-attn-row .coral-thumb.tint { background: #ffede7; }
  .coral-attn-row .coral-thumb.tint svg { width: 26px; height: 26px; }
  .coral-attn-row .coral-row-txt b { font: 600 15px/1.35 var(--c-font); }
  .coral-attn-row .coral-row-meta { font: 400 14px/1.4 var(--c-font); color: #3a3a44; }
  .coral-attn-row .coral-row-txt small { font: 400 13px/1.4 var(--c-font); color: #8a8a94; }
  .coral-attn-row .coral-chev { width: 20px; height: 20px; color: #9a9aa3; }
  
  .coral-step { min-height: 168px; padding: 18px 22px; border-radius: 12px; background: linear-gradient(90deg, #1e2230 0%, #252a38 55%, #2a2e3c 100%); }
  .coral-step-txt { max-width: min(520px, 74%); }
  .coral-step h2 { font: 700 28px/1.2 var(--c-font); letter-spacing: -.01em; text-wrap: balance; }
  .coral-kicker { font-size: 12px; margin-bottom: 8px; }
  .coral-step-line { margin-top: 8px; font-size: 15px; color: #e4e6ec; }
  .coral-step-keys { margin-top: 14px; max-width: none; }
  .coral-step .coral-btn.primary { min-height: 44px; padding: 0 20px; border-radius: 10px; font: 600 16px/1.2 var(--c-font); }
  .coral .coral-step-second { font-size: 15px; }
  .coral-step-art { width: 300px; }
  .coral-step-slot { right: 40px; bottom: auto; top: 26px; height: 115%; min-height: 196px;
    -webkit-mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); }
  .coral-step-note { right: 14px; top: 14px; width: 100px; transform: rotate(-12deg); }
  
  .coral-feed { gap: 14px; }
  .coral-feed .coral-row-txt b { font-size: 14px; }
  .coral-feed .coral-row-txt small { font-size: 13px; color: #6b6b73; }
  .coral-feed-ico { background: #ffede7; }
  .coral-feed-ico svg { width: 18px; height: 18px; }
  .coral-when { color: #8a8a92; }
  
  .coral-brands .coral-card-head { margin-bottom: 10px; }
  .coral-port { gap: 8px; margin-bottom: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.5fr); }
  .coral-port > div { min-height: 0; padding: 4px 10px; display: flex; flex-direction: column; justify-content: center; }
  .coral-port dt { font-size: 11px; color: #8a8a94; line-height: 13px; }
  .coral-port dd, .coral-port > .top dd { margin-top: 2px; font: 600 15px/18px var(--c-font); -webkit-line-clamp: 1; }
  .coral-brow { grid-template-columns: minmax(0, 32fr) minmax(0, 15fr) minmax(0, 11fr) minmax(0, 21fr) minmax(108px, 15fr) 28px; gap: 10px; min-height: 32px; }
  .coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 40fr) minmax(0, 12fr) minmax(0, 24fr) minmax(108px, 15fr) 28px; }
  .coral-btable .coral-list .coral-brow { padding: 0; }
  .coral-brow-head { min-height: 22px; font: 500 12px/1.2 var(--c-font); color: #6b6b76; }
  .coral-brow-name b { font: 500 14px/1.2 var(--c-font); color: #1b1b1f; -webkit-line-clamp: 1; white-space: nowrap; display: block; text-overflow: ellipsis; }
  .coral-brow-cat, .coral-brow-since { font: 400 13px/1.25 var(--c-font); color: #6b6b76; }
  .coral-brow-money { flex-direction: row; align-items: baseline; gap: 6px; }
  .coral-brow-money b, .coral-brow-money:not(:has(small)) b { display: block; font: 600 14px/1.2 var(--c-font); color: #1b1b1f; }
  .coral-brow-money small { display: block; font: 400 12px/1.2 var(--c-font); color: #9a9aa3; }
  .coral-pill { padding: 2px 8px; border-radius: 6px; font: 500 12px/1.3 var(--c-font); }
  .coral-pill.ok { background: #e6f7ec; color: #1f9d55; }
  .coral-pill.wait { background: #fff4e5; color: #b26a00; }
  .coral-brow-more > summary { width: 26px; }
  
  .coral .coral-shop { gap: 8px; min-height: 72px; padding: 10px; border-color: #eeeeec; }
  .coral-shop .coral-logo-tile { width: 24px; height: 24px; border-radius: 6px; font-size: 12px; }
  .coral-shop-txt b { font-size: 13px; line-height: 16px; }
  .coral-shop-txt small { white-space: normal; overflow: visible; line-height: 15px; }
  
  .coral .coral-grid .coral-col > * { order: 0; }
  .coral .coral-grid.dash > * { order: 0; }
  
  .coral-col.side .coral-how-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coral-col.side .coral-how-txt p { font-size: 14px; }
}/*kit-part*/

@media (min-width: 1200px) {
  .coral-grid { column-gap: 16px; row-gap: 16px; }
  .coral-grid.dash { align-items: stretch; grid-template-rows: auto 1fr; }
  .coral-grid.dash > .coral-col { gap: 16px; }
  .coral-grid.dash > .coral-col.side > .coral-doing, .coral-grid.dash > .coral-col.main > .coral-brands, .coral-grid.dash > .coral-col.side > :only-child { flex: 1 1 auto; }
}

.coral-app .moment-card { background: #fff; color: #111827; border: 1px solid #e5e7eb; box-shadow: 0 18px 48px -18px rgb(16 24 40 / 35%); font: 400 15px/1.45 var(--c-font); }
.coral-app .moment-card h2 { font: 700 19px/1.25 var(--c-font); color: #111827; letter-spacing: -.01em; }
.coral-app .moment-eyebrow { font: 600 11px/1.2 var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: #f0552f; }
.coral-app .moment-eyebrow.test { background: #fff4ee; color: #c2410c; }
.coral-app .moment-lines { font: 400 14px/1.45 var(--c-font); color: #374151; }
.coral-app .moment-note { color: #6b7280; }
.coral-app .moment-card-acts .sc-share { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 10px; background: #1b2233; color: #fff; font: 600 15px/1.2 var(--c-font); text-decoration: none; }
.coral-app .moment-card-acts .kit-btn.ghost, .coral-app .moment-card-acts .kit-btn { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0 16px; border-radius: 10px; background: #fff; color: #111827; box-shadow: none; border: 1px solid #d1d5db; font: 600 15px/1.2 var(--c-font); text-decoration: none; }
.coral-app .moment-card-acts .kit-link, .coral-app .moment-card-x { color: #6b7280; font-family: var(--c-font); }
.coral-app .moment-card.test { outline-color: #f6c9ba; }
.coral-app .moment-card { bottom: calc(76px + env(safe-area-inset-bottom)); }
.coral-app:has(.moment-card:not([hidden])) .coral-main { padding-bottom: calc(300px + env(safe-area-inset-bottom)); }
@media (min-width: 1000px) {
  .coral-app .moment-card { bottom: 24px; }
  .coral-app:has(.moment-card:not([hidden])) .coral-main { padding-bottom: 280px; }
}

:root:has(.coral-app) body:has(.coral-app) { background: #f7f7f9; }


:root:root:root:has(.coral-app) { background: #f7f7f9; }

.coral-tabs { min-height: calc(64px + env(safe-area-inset-bottom)); }
.coral .coral-tab, .coral-more > summary.coral-tab { font-size: 13px; min-height: 60px; }
.coral-tab .coral-ico { width: 26px; height: 26px; }
@media (min-width: 1000px) {
  
  .coral-app, :root:root:root body:has(.coral-app) { background: linear-gradient(90deg, #fff 0 211px, #f7f7f9 211px); }
}

.coral .coral-tab.on[href="/ads"] .coral-ico svg, .coral .coral-nav-a.on[href="/ads"] .coral-ico svg { fill: currentColor; }
.coral-tabs { border-top-color: #ecedf2; }
.coral .coral-tab, .coral-more > summary.coral-tab { color: #4b5563; font-size: 13px; }
.coral .coral-tab.on, .coral-more.on > .coral-tab { color: #f2542d; font-weight: 600; }


@media (max-width: 999px) {
  .coral-ask input { font-size: 14px; padding-left: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: #f6f8fc; border-color: #e3e7ef; border-radius: 10px; }
  .coral-ask input::placeholder { color: #5b6b8c; }
}



.coral-grid { gap: 8px; }
.coral-card { padding: 12px; border-radius: 10px; border-color: #ece8e4; }
.coral-card-head { margin-bottom: 6px; min-height: 24px; }
.coral-card-head h2, .coral-how h2 { font: 700 16px/1.25 var(--c-font); letter-spacing: -.01em; color: #141414; }
.coral .coral-link { font: 500 13px/1.2 var(--c-font); }

.coral-hometop { margin-bottom: 8px; gap: 2px 10px; }
.coral-hometop-ava { width: 34px; height: 34px; font: 700 13px/1 var(--c-font); background: #fde3dd; color: #f4532f; }
.coral-bell > summary { width: 34px; height: 34px; }
.coral-ask { margin-top: 4px; }
.coral-ask input { height: 36px; padding-left: 36px; border: 1px solid #e8e4e0; border-radius: 8px; background: #fff; font-size: 13px; }
.coral-ask input::placeholder { color: #8a8a8a; }
.coral-ask-ico { left: 11px; top: 10px; width: 16px; height: 16px; color: #6b6b6b; }


.coral-earn-meta { font-size: 12px; }
.coral-big { font: 800 30px/1 var(--c-font); letter-spacing: -.5px; }
.coral-etile b { font-size: 15px; }
.coral-etile span { font-size: 12px; }
.coral-etile small { font-size: 11px; }
.coral-bars-plot, .coral-bars-x { justify-content: stretch; gap: 0; }
.coral-bar, .coral-bars-x span { flex: 1 1 0; max-width: none; }
.coral-bar-stack { width: 56%; }
.coral-bar-stack > i:first-of-type, .coral-bar-finder { border-radius: 4px 4px 0 0; }
.coral-bar-finder { background: #fbb9a6; }
.coral-bar-maker { background: #f4532d; }
.coral-bar-stack.zero { min-height: 0; height: 0; }
.coral-bar-val { bottom: calc(100% + 6px); font: 600 12px/1 var(--c-font); color: #1a1a1a; }
.coral-bar-stack.zero .coral-bar-val { color: #8a8a8f; font-weight: 500; }
.coral-bars-x { font: 400 12px/1.2 var(--c-font); color: #6b7280; }
.coral-bars-x span { white-space: nowrap; }


.coral-step { min-height: 0; padding: 14px 16px; border-radius: 10px; background: radial-gradient(160px 140px at 82% 70%, #2a3145 0%, transparent 100%), #1e2330; }
.coral-step-art { width: 40%; top: 0; }
.coral-step-slot { right: 4px; bottom: 0; top: auto; height: 122px; min-height: 0; -webkit-mask-image: none; mask-image: none; }
.coral-step-txt { max-width: 64%; }
.coral-kicker { margin-bottom: 5px; font-size: 10px; letter-spacing: .14em; }
.coral-step h2 { font: 700 17px/1.25 var(--c-font); -webkit-line-clamp: 2; }
.coral-step.workforce h2 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.coral-step-line { margin-top: 4px; font: 400 12.5px/1.4 var(--c-font); color: rgb(255 255 255 / 80%); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.coral-step-line.money { margin-top: 2px; color: #ffd0c2; }
.coral-step-keys { margin-top: 10px; max-width: none; flex-wrap: wrap; gap: 8px 12px; }
.coral-step .coral-btn-label { overflow: visible; }
.coral-step .coral-btn.primary { min-height: 34px; padding: 0 12px; border-radius: 8px; background: #f4532f; font: 600 13px/1.2 var(--c-font); }
.coral-step .coral-btn .coral-ico { width: 15px; height: 15px; }
.coral .coral-step-second { font: 600 12.5px/1.2 var(--c-font); color: #ffb4a2; white-space: nowrap; }

.coral-step-scribble { position: absolute; right: 8px; top: 10px; max-width: 110px; font: 400 13px/1.15 "Bradley Hand", "Segoe Print", "Chalkboard SE", "Comic Sans MS", cursive; color: rgb(255 255 255 / 85%); transform: rotate(-12deg); transform-origin: top right; text-align: right; }


.coral-attn-row { padding: 10px 0; gap: 12px; }
.coral-attn-row .coral-thumb, .coral-attn-row .coral-thumb.tint { width: 56px; height: 56px; border-radius: 8px; }
.coral-attn-row .coral-thumb.tint { background: #fdede8; color: #f4532f; }
.coral-attn-row .coral-thumb.tint svg { width: 26px; height: 26px; }
.coral-attn-row .coral-row-txt b { font: 600 13px/1.3 var(--c-font); color: #111; }
.coral-attn-row .coral-row-meta { font: 400 12px/1.35 var(--c-font); color: #3a3a3a; }
.coral-attn-row .coral-row-txt small { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 400 11.5px/16px var(--c-font); color: #6b6b6b; }
.coral-attn-row .coral-chev { width: 16px; height: 16px; color: #8a8a8a; align-self: center; }
.coral-attn-list > li + li { border-top-color: #f0edea; }


.coral-feed { gap: 10px; }
.coral-feed-row { align-items: flex-start; }
.coral-feed-ico { width: 36px; height: 36px; background: #fdeeea; color: #f4532f; }
.coral-feed-ico svg { width: 18px; height: 18px; }
.coral-feed .coral-row-txt b { font: 600 13px/18px var(--c-font); }
.coral-feed .coral-row-txt small { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 400 11.5px/16px var(--c-font); color: #6b6b6b; }
.coral-when { width: 56px; text-align: right; font: 400 11.5px/18px var(--c-font); color: #8a8a8a; white-space: normal; }
.coral-tag.test { height: 16px; padding: 0 5px; font-size: 10.5px; vertical-align: 1px; }
.coral-live { color: #2e9e5b; }
.coral-live::before { background: #2ead5b; }


.coral-port, .coral-port > div { min-width: 0; }
.coral-port dd .coral-port-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coral-port dd small { margin-left: 4px; font: 400 12px/1.2 var(--c-font); color: #8a8a8f; white-space: nowrap; }
.coral-port > .top dd { display: flex; align-items: baseline; min-width: 0; }
.coral-brow { min-height: 34px; }
.coral-brow-name b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; -webkit-line-clamp: none; font: 500 13px/1.2 var(--c-font); color: #111; }
.coral-brow-name .coral-logo-tile { width: 22px; height: 22px; border-radius: 6px; font-size: 11px; }
.coral-brow-head { font: 400 11px/1.2 var(--c-font); color: #6b7280; }
.coral-pill.ok { background: #dcfce7; color: #15803d; }
.coral-pill { font: 500 11px/1.2 var(--c-font); border-radius: 6px; }

.coral .coral-glyph.t0, .coral .coral-glyph.t1, .coral .coral-glyph.t2, .coral .coral-glyph.t3 { background: #fff0eb; color: #ff5a36; font-weight: 700; }


.coral .coral-shop { height: 60px; min-height: 0; padding: 10px 12px; gap: 10px; border-color: #ece8e4; }
.coral-shop .coral-logo-tile { width: 28px; height: 28px; border-radius: 8px; flex: none; }
.coral-shop-txt { min-width: 0; flex: 1; }
.coral-shop-txt b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: none; font: 600 13px/16px var(--c-font); color: #1f1f23; }
.coral-shop-txt small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 400 11.5px/15px var(--c-font); color: #8a8a8a; }
.coral-shops { gap: 8px; }


.coral-big-label .coral-earn-where { display: block; margin-top: 2px; }
.coral-step-line { white-space: normal; }
.coral-how-txt { margin-bottom: 8px; }

.coral-how-tiles.three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.coral-how-tiles.three > li { padding: 8px 10px; border-radius: 8px; background: #f6f4f2; gap: 2px; }
.coral-how-tiles.three b { font: 700 15px/1.2 var(--c-font); }
.coral-how-tiles.three b::before { display: none; }
.coral-how-tiles.three small { font: 400 12px/1.2 var(--c-font); color: #6b6b6b; }
.coral-how-tiles.three .you b { color: #f04e23; }
.coral-how-sum { margin-top: 8px; font: 400 12px/1.4 var(--c-font); color: #55555f; }

@media (max-width: 479px) {
  .coral-big { font-size: 30px; }
  .coral-bars { grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: 96px auto auto; }
  .coral-bars-x span { white-space: nowrap; font-size: 11px; }
  
  .coral-port > div { display: block; padding: 6px 10px; }
  .coral-port dt { font: 400 11px/1.25 var(--c-font); color: #8a8a8a; }
  .coral-port dd, .coral-port > .top dd { margin-top: 1px; font: 700 14px/1.25 var(--c-font); display: flex; }
  
  .coral-brow { grid-template-columns: minmax(0, 1fr) 72px 64px 54px 18px; gap: 4px; }
  .coral-btable.nocat .coral-brow { grid-template-columns: minmax(0, 1fr) 70px 58px 18px; }
  .coral-brow-money { text-align: right; }
  .coral-brow-money small { display: none; }
  .coral-brow-money b { font: 600 13px/1.2 var(--c-font); }
  .coral-brow-head .coral-brow-money { text-align: right; font-size: 10.5px; }
  .coral-brow-head .coral-info { display: none; }
  .coral-shops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px) {
  .coral-brow { grid-template-columns: minmax(0, 1fr) 64px 54px 18px; }
  .coral-step-txt { max-width: 66%; }
  .coral-step-slot { height: 104px; }
  .coral-step-scribble { display: none; }
  .coral-step-keys { flex-wrap: wrap; }
  .coral-bars-x span { white-space: normal; font-size: 10.5px; line-height: 1.15; }
  .coral-attn-row .coral-row-meta { white-space: normal; }
}
@media (min-width: 480px) and (max-width: 999px) {
  .coral-step-slot { height: 150px; right: 16px; }
  .coral-step-scribble { right: 24px; }
}


@media (min-width: 1000px) {
  .coral-main { padding-top: 12px; }
  .coral-slot, .coral-acct > summary { border: 0; box-shadow: 0 1px 3px rgb(0 0 0 / 6%); }
  .coral-hometop { height: 44px; margin-bottom: 10px; }
  .coral-ask input { height: 44px; padding-left: 46px; border-radius: 10px; font-size: 15px; }
  .coral-ask-ico { left: 15px; top: 12px; width: 20px; height: 20px; }
  .coral-bell > summary { width: 44px; height: 44px; }
  .coral-hometop-ava { width: 47px; height: 47px; font: 700 17px/1 var(--c-font); background: #ffe3da; color: #ff5a36; }
  .coral-grid { gap: 16px; }
  .coral-card { padding: 16px 20px; border-radius: 12px; border-color: #eeeeec; }
  .coral-card-head { margin-bottom: 8px; min-height: 28px; }
  .coral-card-head h2, .coral-how h2 { font: 600 21px/1.2 var(--c-font); letter-spacing: -.01em; color: #141414; }
  .coral .coral-link { font: 500 15px/1.2 var(--c-font); color: #f4532d; }
  
  .coral-period > summary { height: 32px; padding: 0 12px; border: 1px solid #e6e6e8; border-radius: 8px; font: 400 13px/1 var(--c-font); color: #333; }
  .coral-earn-meta { font-size: 14px; }
  .coral-big { font: 800 52px/1 var(--c-font); letter-spacing: -.02em; color: #111; }
  .coral-big-label { margin-top: 4px; font-size: 15px; line-height: 1.25; color: #4a4540; }
  .coral-big-label .coral-earn-where { font-size: 13px; white-space: nowrap; }
  .coral-etiles { grid-template-columns: repeat(2, 190px); gap: 10px; margin-left: auto; }
  .coral-etile { min-height: 68px; padding: 12px 14px; background: #f7f6f4; border-radius: 10px; }
  .coral-etile-dot { width: 10px; height: 10px; margin-top: 7px; }
  .coral-etile.maker .coral-etile-dot { background: #f4532d; } .coral-etile.finder .coral-etile-dot { background: #fbb9a6; }
  .coral-etile b { font: 700 20px/1.2 var(--c-font); color: #1a1a1a; }
  .coral-etile span { font: 400 14px/1.3 var(--c-font); color: #4a4540; }
  .coral-etile small { font: 400 12px/1.3 var(--c-font); color: #8a8580; }
  .coral-bars { grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: 104px auto; margin-top: 10px; gap: 8px 8px; }
  .coral-bars-plot { padding-top: 0; }
  .coral-bar-stack { width: 56%; max-width: 110px; }
  .coral-bar-val { bottom: calc(100% + 6px); font: 600 14px/1 var(--c-font); color: #1f1f23; }
  .coral-bars-x { font: 400 13px/1.2 var(--c-font); color: #8a8a8f; }
  
  .coral-attn-row { padding: 12px 0; gap: 16px; }
  .coral-attn-list > li:first-child .coral-attn-row { padding-top: 2px; }
  .coral-attn-row .coral-thumb, .coral-attn-row .coral-thumb.tint { width: 64px; height: 64px; border-radius: 10px; }
  .coral-attn-row .coral-thumb.tint { background: #ffede7; }
  .coral-attn-row .coral-row-txt b { font: 600 15px/1.35 var(--c-font); color: #1a1a1a; }
  .coral-attn-row .coral-row-meta { font: 400 14px/1.4 var(--c-font); color: #3a3a44; }
  .coral-attn-row .coral-row-txt small { font: 400 13px/18px var(--c-font); color: #8a8a8f; }
  .coral-attn-row .coral-chev { width: 20px; height: 20px; }
  
  .coral-step { min-height: 176px; padding: 18px 24px; border-radius: 12px; background: radial-gradient(260px 200px at calc(100% - 190px) 62%, #2a3145 0%, rgb(42 49 69 / 0%) 100%), #1e2330; }
  .coral-step-art { width: 380px; top: 0; }
  .coral-step-slot { right: 110px; bottom: 0; top: auto; height: 115%; min-height: 0; max-height: 210px; }
  .coral-step-txt { max-width: min(560px, calc(100% - 280px)); }
  .coral-step-line { white-space: normal; overflow: hidden; text-overflow: clip; }
  .coral-kicker { font-size: 12px; letter-spacing: .2em; margin-bottom: 8px; }
  .coral-step h2 { font: 700 30px/1.2 var(--c-font); letter-spacing: -.01em; -webkit-line-clamp: 2; }
  .coral-step.workforce h2 { white-space: nowrap; }
  .coral-step-line { margin-top: 8px; font: 400 15px/1.4 var(--c-font); color: #e4e6ec; -webkit-line-clamp: 2; }
  .coral-step-keys { margin-top: 16px; max-width: none; gap: 20px; }
  .coral-step .coral-btn.primary { min-height: 48px; min-width: 162px; padding: 0 22px; border-radius: 8px; font: 600 17px/1.2 var(--c-font); }
  .coral-step .coral-btn .coral-ico { width: 18px; height: 18px; }
  .coral .coral-step-second { font: 600 15px/1.2 var(--c-font); }
  .coral-step-scribble { right: 24px; top: 22px; max-width: 120px; font-size: 15px; }
  
  .coral-feed { gap: 12px; }
  .coral-feed-row { gap: 14px; }
  .coral-feed-ico { width: 40px; height: 40px; background: #fff0eb; color: #ff5a36; }
  .coral-feed-ico svg { width: 20px; height: 20px; }
  .coral-feed .coral-row-txt b { font: 600 14px/20px var(--c-font); color: #1a1a1a; }
  .coral-feed .coral-row-txt small { font: 400 13px/18px var(--c-font); color: #6b6b73; -webkit-line-clamp: 1; display: block; white-space: nowrap; text-overflow: ellipsis; }
  .coral-when { width: 72px; font: 400 13px/20px var(--c-font); }
  .coral-live { font: 500 13px/1 var(--c-font); color: #2e9e5b; }
  
  .coral-port { margin-bottom: 6px; gap: 8px; }
  .coral-port { grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.6fr); }
  .coral-port > div { height: 36px; padding: 3px 10px; display: flex; flex-direction: column; justify-content: center; gap: 1px; }
  .coral-port dt { font: 400 11px/13px var(--c-font); color: #8a8580; white-space: nowrap; }
  .coral-port dd, .coral-port > .top dd { margin: 0; font: 600 15px/18px var(--c-font); color: #1a1a1a; display: flex; align-items: baseline; min-width: 0; overflow: hidden; white-space: nowrap; }
  .coral-port dd small { font-size: 12px; font-weight: 400; }
  .coral-brands .coral-card-head { margin-bottom: 6px; }
  .coral-brow { min-height: 28px; }
  .coral-btable .coral-list .coral-brow { min-height: 28px; }
  .coral-brow-head { min-height: 20px; }
  .coral-brow-name .coral-logo-tile { width: 28px; height: 28px; border-radius: 6px; font: 700 13px/1 var(--c-font); }
  .coral-btable .coral-list .coral-brow-name { gap: 10px; }
  .coral-brow-name b { font: 500 14px/1.2 var(--c-font); color: #1a1a1a; }
  .coral-btable .coral-list .coral-brow-name .coral-logo-tile { width: 24px; height: 24px; }
  .coral-pill { height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 6px; font: 500 12px/1 var(--c-font); }
  
  .coral .coral-shop { height: 64px; padding: 12px; gap: 10px; border-color: #eceae6; border-radius: 10px; }
  .coral-shop .coral-logo-tile { width: 32px; height: 32px; border-radius: 6px; font-size: 13px; }
  .coral-shop-txt b { font: 600 13px/17px var(--c-font); color: #1f1f23; }
  .coral-shop-txt small { font: 400 11px/15px var(--c-font); color: #8a8a8f; white-space: nowrap; overflow: hidden; }
  .coral-shops { gap: 10px; }
  
  .coral-col.side .coral-how-tiles.three, .coral-how-tiles.three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .coral-how-tiles.three > li { min-height: 56px; padding: 10px 12px; background: #f6f4f2; justify-content: center; }
  .coral-how-tiles.three > li.you { background: #ffede6; }
  .coral-how-tiles.three b { font-size: 18px; }
  .coral-how-tiles.three small { font-size: 13px; }
  .coral-how-sum { font-size: 13px; }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  
  .coral-grid.dash > .coral-col { display: contents; }
  .coral .coral-grid.dash .coral-earn { order: 1; } .coral .coral-grid.dash .coral-step { order: 2; } .coral .coral-grid.dash .coral-attn { order: 3; }
  .coral .coral-grid.dash .coral-doing { order: 4; } .coral .coral-grid.dash .coral-brands { order: 5; } .coral .coral-grid.dash .coral-disc { order: 6; }
}
@media (min-width: 1200px) {
  .coral-grid.dash { display: grid; grid-template-columns: minmax(0, 1fr) clamp(380px, 32vw, 456px); grid-template-rows: none; align-items: start; column-gap: 16px; }
  .coral-grid.dash > .coral-col { gap: 14px; }
  .coral-grid.dash > .coral-col > * { flex: 0 0 auto !important; }
}
@media (max-width: 479px) { .coral-port > .top dd { flex-wrap: wrap; } .coral-port dd .coral-port-name { max-width: 100%; } }


@media (min-width: 1000px) {
  .coral-slot, .coral-acct > summary { border: 0; box-shadow: 0 1px 3px rgb(16 24 40 / 6%); }
  .coral-slot-face, .coral-acct > summary .coral-ava { width: 48px; height: 48px; }
}

.coral .wd-go { background: var(--c-card); color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--c-line-2); font-family: var(--c-font); }
.coral .wd-go.lead { background: var(--c-coral); color: #fff; box-shadow: none; }

.coral-ask input { background: #f8f9fd; border-color: #dce0ee; }
.coral-ask input::placeholder { color: #8a90a8; }
.coral-ask input:focus { background: #fff; }
.coral-hometop-logo b { font-size: 22px; }
.coral-tabs { background: #fff; border-top: 1px solid #eceaf2; }
.coral .coral-tab, .coral-more > summary.coral-tab { color: #6b7090; font-weight: 500; }
.coral .coral-tab.on, .coral-more.on > .coral-tab { color: #f2542d; font-weight: 600; }
.coral .coral-tab.on[href="/ads"] .coral-ico svg, .coral .coral-nav-a.on[href="/ads"] .coral-ico svg { stroke-width: 2; }
@media (max-width: 999px) {
  .coral-ask input { background: #f8f9fd; border-color: #dce0ee; }
  .coral-ask input::placeholder { color: #8a90a8; }
}
@media (min-width: 1000px) {
  .coral-ask input { padding-left: 46px; font-size: 16px; font-weight: 400; }
  .coral-ask input::placeholder { color: #6b7280; }
  .coral-ask-ico { left: 16px; width: 20px; height: 20px; }
  .coral-bell .coral-ico { width: 26px; height: 26px; }
  .coral-hometop-ava { width: 48px; height: 48px; font: 700 18px/1 var(--c-font); background: #fde3dc; color: #f2542d; }
}


html body:has(.coral-app) > .v2-truth { background: #fdeee9 !important; color: #c2410c !important; font-size: 12px !important; }
body:has(.coral-app) .v2-version { display: none !important; }
.coral-ask input { background: #f5f5f7; border-color: #eeeef0; border-radius: 12px; height: 44px; }
.coral-hometop-logo b { font-size: 24px; font-weight: 800; }
.coral-slot, .coral-acct-card { border: 0; border-radius: 12px; box-shadow: 0 1px 3px rgb(0 0 0 / 6%); }
@media (min-width: 1000px) {
  .coral-side .coral-logo { padding-left: 18px; }
  .coral-side .coral-logo b { font-size: 28px; font-weight: 800; }
  .coral-bell .coral-ico svg { stroke-width: 2; }
  .coral-hometop-ava { width: 50px; height: 50px; margin-left: 12px; }
}


@media (min-width: 1000px) {
  .coral-nav { gap: 2px; }
  .coral .coral-nav-a { height: 44px; }
  .coral .coral-nav-a.on { background: #ffede8; color: #f0532d; }
  .coral-slot .coral-chev, .coral-acct > summary .coral-chev { width: 16px; height: 16px; color: #6b7385; }
  .coral-acct-card .ca-up { transform: none; }
}
@media (max-width: 999px) {
  .coral-bell .coral-ico, .coral-tab .coral-ico { width: 22px; height: 22px; }
  .coral-bell .coral-ico svg, .coral-tab .coral-ico svg { width: 22px; height: 22px; stroke-width: 1.75; }
}

:root:has(.coral-app.is-home) .v2-version { display:none!important; }
.coral-app.is-home .coral-card { padding:16px; border:1px solid #eeece8; box-shadow:none; }
.coral-app.is-home .coral-grid { gap:10px; }
.coral-ask input { height:40px; border-radius:10px; background:#f6f6f7; border-color:#e8e6e2; }
.coral-hometop-ava { width:40px; height:40px; }
.coral-big { font-size:40px; font-weight:800; letter-spacing:-.02em; }
.coral-etile { background:#fafaf9; border:1px solid #efedea; border-radius:10px; padding:10px 12px; min-height:52px; }
.coral-etile-dot { width:12px; height:12px; }
.coral-etile b { font-size:18px; }
.coral-bars-grid { border-color:#f3f4f6; background:#f3f4f6; height:1px; }
.coral-bars-y { color:#9aa0a6; font-size:12px; }
.coral-bar-stack { border-radius:6px 6px 0 0; }
.coral-step.workforce { background:radial-gradient(ellipse at 85% 60%,#ffffff0f,transparent 60%),#262d3b; border-radius:10px; min-height:128px; }
.coral-step.workforce .coral-step-slot { right:-4px; bottom:-12px; height:110%; max-height:none; opacity:1; }
.coral-step.workforce.idle .coral-btn.primary { background:transparent; border:1px solid #ffffff40; color:white; box-shadow:none; }
.coral-attn-row .coral-thumb,.coral-attn-row .coral-thumb.tint { width:52px; height:52px; border-radius:10px; background:#fdece6; }
.coral-attn-row { align-items:center; }
.coral-feed-ico { width:40px; height:40px; background:#fdece6; }
.coral-feed-head { font-size:11px; font-weight:600; letter-spacing:.1em; color:#9a9a9a; margin:12px 0 8px; }
.coral-when { font-size:12px; color:#9aa0a6; }
.coral-port > div { background:white; border:1px solid #efedea; border-radius:10px; }
.coral-brow-head,.coral-brow-head > span { font-size:10px; font-weight:500; color:#6b7280; white-space:nowrap; }
.coral-brow-head { padding-bottom:8px; border-bottom:1px solid #eef0f2; }
.coral-btable .coral-list .coral-brow { min-height:32px; border-color:#f3f1ee; }
.coral-brow-name b { white-space:normal; overflow:visible; font-size:13px; }
.coral-brow-name .coral-logo-tile { object-fit:cover; flex-shrink:0; }
.coral .coral-shop { gap:8px; padding:12px; min-height:72px; height:auto; }
.coral-shop .coral-logo-tile { width:28px; height:28px; flex-shrink:0; background:transparent; }
.coral-shop-txt b { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; font-size:13px; font-weight:600; }
.coral-shop-txt small { font-size:12px; color:#8a8f98; white-space:normal; }
.coral-how-tiles.four { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.coral-how-tiles.four > li { min-height:64px; padding:12px; display:flex; flex-direction:column; background:#f4f5f7; border-radius:8px; }
.coral-how-tiles.four > li.you { background:#fdece6; }
.coral-how-tiles.four b { font-size:20px; font-weight:700; }
.coral-how-tiles.four small { font-size:13px; color:#6b7280; }
.coral-slot,.coral-acct > summary { min-height:56px; border:1px solid #eef0f2; border-radius:12px; box-shadow:none; }
.coral-acct .coral-chev { transform:none; }
@media(min-width:1200px) {
 .coral-grid.dash { align-items:stretch; }
 .coral-grid.dash > .coral-col > :last-child { flex:1 0 auto!important; }
 .coral-grid.dash > .coral-col { gap:12px; }
 .coral-port > div { height:30px; flex-direction:row; align-items:center; padding:3px 6px; gap:5px; border:0; background:#fafaf9; }
 .coral-port dt { font-size:11px; }
 .coral-port dd,.coral-port > .top dd { font-size:14px; }
 .coral-port dd small { display:none; }
 .coral-bars { grid-template-rows:90px auto; }
 .coral-big { font-size:48px; }
 .coral-big-label .coral-earn-where { display:inline; white-space:normal; }
 .coral-earn-where:before { content:" · "; }
 .coral-brow-head,.coral-brow-head > span { font-size:12px; }
 .coral-btable .coral-list .coral-brow { min-height:30px; padding-block:0; }
 .coral-btable .coral-list .coral-brow-name .coral-logo-tile { width:28px; height:28px; }
 .coral-step.workforce { min-height:176px; border-radius:16px; }
 .coral-step.workforce .coral-step-slot { right:40px; bottom:0; height:100%; }
 .coral-attn-row .coral-thumb,.coral-attn-row .coral-thumb.tint { width:80px; height:80px; border-radius:12px; }
 .coral-thumb.tint svg { width:32px; height:32px; }
 .coral-feed-ico { width:44px; height:44px; }
 .coral-feed .coral-row-txt b { font-size:15px; }
 .coral-hometop-ava { width:52px; height:52px; }
 .coral-ask input { border-radius:12px; }
}
@media(max-width:599px) {
 .coral-brow { grid-template-columns:42fr 22fr 16fr 14fr 6fr; gap:3px; }
 .coral-brow-name .coral-logo-tile { width:20px!important; height:20px!important; border-radius:4px; }
 .coral-brow-cat { font-size:11px; }
 .coral-brow-name { gap:4px!important; }
 .coral-brow-name b { font-size:12px; }
 .coral-brow-money b { font-size:12px; }
 .coral-pill { padding:2px 4px; font-size:10px; }
 .coral-step.workforce h2 { font-size:22px; white-space:normal; }
}
:root:has(.coral-app.is-home) body:has(.v2-truth) { margin-top:20px!important; }
:root:has(.coral-app.is-home) .v2-truth { top:-20px!important; height:20px!important; line-height:20px!important; background:#fdece6!important; color:#e8512a!important; font-weight:600!important; }
.coral-acct-foot .acct-chevron { transform:none!important; }
@media(min-width:1200px) {
 .coral-app.is-home .coral-earn { padding-top:12px; padding-bottom:12px; }
 .coral-app.is-home .coral-step.workforce { min-height:164px; padding-block:14px; }
 .coral-app.is-home .coral-step-keys { margin-top:12px; }
 .coral-app.is-home .coral-brands { padding-top:12px; padding-bottom:12px; }
}
.coral-app.is-home .ca-up { transform:none; }
.dsc-sealed-poster,.eh-sealed-poster { width:64px; height:64px; object-fit:cover; filter:blur(7px); border-radius:10px; }
.dsc-sealed-description { display:block; color:#6b7280; font-size:13px; white-space:normal; }


html body:has(.coral-app) .v2-truth { height: 20px !important; background: #fdede7 !important; color: #c2410c !important; font: 400 12px/20px "Geist", ui-sans-serif, system-ui, sans-serif !important; }
html body:has(.coral-app) .v2-truth b { color: #e8501f; font-weight: 700; }
.coral-ask input { height: 44px; border-radius: 12px; background: #fff; border: 1px solid #e7e5e1; font-size: 16px; }
.coral-ask input::placeholder { color: #8a8a8a; }
.coral-acct-card .ca-up { transform: none !important; width: 16px; height: 16px; color: #555; }
.coral-acct-card, .coral-acct > summary { border: 0; box-shadow: none; }
@media (min-width: 1000px) {
  .coral-side { box-shadow: 1px 0 0 #f0eeea, 4px 0 16px rgb(0 0 0 / 3%); }
}
@media (max-width: 999px) {
  .coral-ask input { border-color: #d9dcef; font-size: 15px; }
  .coral-ask-ico { width: 18px; height: 18px; color: #2b2f4a; }
  .coral-hometop-ava { width: 40px; height: 40px; background: #fde3dd; color: #e8472a; font: 700 16px/1 var(--c-font); }
  .coral-bell .coral-ico, .coral-tab .coral-ico, .coral-bell .coral-ico svg, .coral-tab .coral-ico svg { width: 24px; height: 24px; }
  .coral .coral-tab { font-size: 14px; color: #3a3f5c; }
  .coral-tabs { border-top: 1px solid #ececf2; }
}
.coral.coral-app button.coral-acct-card { border: 0; box-shadow: none; }
.coral button.coral-acct-card .coral-ava { background: #fde3dc; }

html:root body:has(.coral-app):has(> .v2-truth) { margin-top: 20px !important; }
html:root body:has(.coral-app) > .v2-truth { position: absolute; inset: -20px 0 auto; transform: none; border-radius: 0; box-shadow: none; height: 20px !important; background: #fdede7 !important; color: #c2410c !important; font: 400 12px/20px "Geist", ui-sans-serif, system-ui, sans-serif !important; }
@media (min-width: 1000px) {
  html:root body:has(.coral-app) > .v2-truth { left: 211px; }
  html:root body:has(> .v2-truth) .coral-app > .coral-side { margin-top: -20px; }
}


@media (min-width: 1000px) {
  .coral.coral-app .coral-slot, .coral.coral-app button.coral-acct-card, .coral.coral-app .coral-acct > summary {
    background: #fff; border: 1px solid #eceae6; border-radius: 14px; padding: 12px; box-shadow: none;
  }
  .coral.coral-app .coral-nav-a { min-height: 50px; font-size: 17px; }
  .coral.coral-app .coral-slot .coral-chev, .coral.coral-app .coral-acct-card .ca-up { width: 18px; height: 18px; color: #1a1a1a; }
}


@media (max-width: 1199px) { .coral .coral-grid .lvl-chip { order: 1; } }

.ce-grid {
  --ce-pending: #fbb4a5; --ce-cleared: #ff5a2c; --ce-way: #5b6680; --ce-paid: #314268; --ce-back: #c8102e;
  --ce-ink: #0f172a; --ce-body: #2a2f3a; --ce-soft: #6b7385; --ce-faint: #7a8499; --ce-rule: #eef0f3; --ce-tile: #f5f6f8;
}


.coral-main:has(.ce-grid) > .coral-title, .coral-app:has(.ce-grid) > .coral-top { display: none; }
.coral-main:has(.ce-grid) { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }

html body:has(.ce-grid) > .v2-truth { top: -20px; height: 20px; padding: 0 12px; background: #fff1ec !important; color: #e8502e !important; font: 600 12px/20px var(--c-font, sans-serif) !important; }
html body:has(.ce-grid):has(> .v2-truth) { margin-top: 20px; }

.ce-grid { display: flex; flex-direction: column; gap: 10px; }
.ce-col { display: contents; }
.ce-statement { order: 1; } .ce-next { order: 2; } .ce-why { order: 3; } .ce-sources { order: 4; } .ce-hist { order: 5; } .ce-details { order: 6; }/*kit-part*/ .ce-testcard { order: 7; } .ce-foot { order: 8; }
.ce-grid .coral-card { padding: 14px; border-radius: 12px; border: 1px solid #eceff3; background: #fff; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.ce-grid .coral-card-head { margin: 0 0 6px; min-height: 0; }
.ce-grid .coral-card-head h2 { margin: 0; font: 700 18px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--ce-ink); }

.ce-long, .ce-t-long, .ce-t-mid { display: none; }


.ce-test-tag { display: inline-flex; vertical-align: 1px; align-items: center; padding: 1px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font: 800 11px/1.4 var(--c-font); letter-spacing: .08em; }

.ce-bar { display: flex; height: 12px; margin: 10px 0 0; border-radius: 6px; overflow: hidden; background: #eceef2; }
.ce-seg { display: block; height: 100%; min-width: 3px; }
.ce-sum { margin: 8px 0 0; font: 400 13px/1.4 var(--c-font); color: var(--ce-soft); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ce-sum.held { color: #8a1c1c; white-space: normal; }
.ce-sum.affiliate { white-space: normal; }

.coral-quiet.ce-summary { margin: 0 0 14px; }


.ce-next { position: relative; overflow: hidden; isolation: isolate; padding: 16px; border-radius: 12px; color: #fff; background: linear-gradient(90deg, #1e2638 0%, #2b3550 100%); }

.ce-next::before { content: ""; position: absolute; z-index: 0; right: 4%; bottom: 18%; width: 34%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgb(255 90 44 / 30%), transparent); pointer-events: none; }
.ce-next .ce-next-slot { position: absolute; z-index: 0; inset: auto 0 0 auto; top: auto; width: 42%; height: auto; max-height: 100%; min-height: 0; max-width: none; object-fit: contain; object-position: right bottom; pointer-events: none; opacity: 1; filter: none; -webkit-mask-image: none; mask-image: none; }
.ce-next-txt { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; max-width: 58%; }
.ce-next-txt p, .ce-next-txt h2 { text-wrap: balance; }
.ce-next-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 600 12px/1 var(--c-font); letter-spacing: .18em; text-transform: uppercase; color: #c9ceda; white-space: nowrap; }
.ce-sandbox { padding: 3px 6px; border-radius: 4px; background: rgb(255 216 77 / 15%); color: #ffd84d; font: 700 10px/1 var(--c-font); letter-spacing: .08em; }
.ce-next-big { margin: 0; font: 800 38px/1.05 var(--c-font); letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
.ce-next-state { margin: 0; font: 700 17px/1.3 var(--c-font); color: #fff; }
.ce-next-state.small { margin-top: 6px; }
.ce-next-when { margin: 4px 0 0; font: 700 16px/1.3 var(--c-font); color: #fff; }
.ce-next-line { margin: 4px 0 0; font: 400 14px/1.4 var(--c-font); color: rgb(255 255 255 / 82%); }
.ce-next .coral-btn.ce-next-key { position: relative; z-index: 2; display: inline-flex; gap: 8px; margin-top: 12px; min-height: 40px; height: auto; width: fit-content; max-width: 100%; padding: 8px 14px; border-radius: 10px; background: #ff5a2c; font: 600 15px/1.2 var(--c-font); }
.ce-next .ce-next-key .coral-btn-label { white-space: nowrap; min-width: 0; overflow: visible; }
.ce-next-key .coral-ico { flex: none; }


.ce-list { list-style: none; margin: 0; padding: 0; }
.ce-wait { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--ce-rule); }
.ce-wait.more { display: none; }
.ce-why:has(.ce-why-in:checked) .ce-wait.more { display: grid; }
.ce-wait-amt { font: 700 17px/1.2 var(--c-font); color: var(--ce-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ce-wait.frozen .ce-wait-amt { color: #8a1c1c; }
.ce-item-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ce-item-txt > b { display: block; min-width: 0; font: 500 14px/1.35 var(--c-font); color: #1f2a44; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ce-item-txt > small { display: block; font: 400 13px/1.35 var(--c-font); color: #8a93a6; white-space: nowrap; }
.ce-why-in { position: absolute; opacity: 0; pointer-events: none; }
.ce-why-all { display: inline-block; margin: 8px 0 0; font: 600 14px/1.4 var(--c-font); color: #e8501e; cursor: pointer; }
.ce-why:has(.ce-why-in:checked) .ce-why-all { display: none; }
.ce-why-in:focus-visible + .ce-why-all { outline: 3px solid rgb(242 84 45 / 45%); outline-offset: 2px; border-radius: 4px; }
.ce-why-total { display: flex; justify-content: space-between; margin: 0; padding-top: 10px; font: 700 17px/1.2 var(--c-font); color: var(--ce-ink); font-variant-numeric: tabular-nums; }


.ce-src-list { list-style: none; margin: 0; padding: 0; }
.ce-src { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 5px 0; border-top: 1px solid #eef0f4; font: 400 14px/16px var(--c-font); color: var(--ce-body); }
.ce-src:first-child { border-top: 0; }
.ce-src.head { display: none; }
.ce-src-name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ce-src-note { display: none; }
.ce-src-pend { color: #8a8f98; }
.ce-n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ce-n.pend, .ce-n.clr { display: none; }
.ce-n.tot { font-weight: 700; color: var(--ce-ink); }
.ce-src.muted .ce-n.tot { display: none; }
.ce-src-pill { justify-self: end; }
.ce-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 999px; background: #f1f2f4; color: #4b5563; font: 500 12px/1 var(--c-font); white-space: nowrap; }
.ce-src.total { padding-top: 7px; font: 700 16px/18px var(--c-font); color: var(--ce-ink); }
.ce-src-foot { display: none; }
.ce-src-none { margin: 8px 0 0; font: 400 13px/1.45 var(--c-font); color: var(--ce-faint); }


.ce-h-head { flex-wrap: wrap; gap: 8px; }
.ce-chips { display: flex; flex-wrap: nowrap; gap: 6px; width: 100%; overflow-x: auto; scrollbar-width: none; padding: 0 12px 0 0; margin: 0; }
.ce-chips::-webkit-scrollbar { display: none; }
.ce-f-in { position: absolute; opacity: 0; pointer-events: none; }
.ce-chip { flex: none; display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; border: 0; background: #f1f2f4; color: #4a5568; font: 500 13px/1 var(--c-font); cursor: pointer; white-space: nowrap; }
.ce-f-in:checked + .ce-chip { background: #ffe4dc; color: #e8501e; }
.ce-f-in:focus-visible + .ce-chip { outline: 3px solid rgb(242 84 45 / 45%); outline-offset: 2px; }
.ce-h-list { list-style: none; margin: 0; padding: 0; }

.ce-h-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "what amt st" "when amt st"; align-items: center; column-gap: 8px; row-gap: 2px; padding: 8px 0; border-top: 1px solid var(--ce-rule); }
.ce-h-row.head { display: none; }
.ce-h-when { grid-area: when; font: 400 12px/1.3 var(--c-font); color: #6b7280; white-space: nowrap; }
.ce-h-what { grid-area: what; min-width: 0; font: 400 14px/18px var(--c-font); color: #1f2937; overflow-wrap: anywhere; }
.ce-h-price { display: none; }
.ce-h-amt { grid-area: amt; justify-self: end; font: 600 14px/1.3 var(--c-font); color: #111827; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ce-h-amt.plus { color: #16a34a; }
.ce-h-amt.minus { color: #b42318; }
.ce-h-st { grid-area: st; justify-self: end; }
.ce-h-end { display: none; }
.ce-st { display: inline-flex; align-items: center; justify-content: center; height: 22px; padding: 0 8px; border-radius: 6px; font: 500 11px/1 var(--c-font); white-space: nowrap; background: #eef0f3; color: #4b5563; }
.ce-st.pending { background: #fdf1c7; color: #a16207; }
.ce-st.cleared { background: #dcf5e3; color: #15803d; }
.ce-st.paid, .ce-st.way { background: #e5eaf3; color: #334155; }
.ce-st.refunded { background: #eef0f3; color: #6b7280; }
.ce-st.back, .ce-st.failed { background: #ffe1e3; color: #a10d25; }
.ce-st.frozen { background: #fbe4d6; color: #9a3412; }
.ce-h-none { display: none; min-height: 72px; padding: 20px 8px; border-top: 1px solid var(--ce-rule); text-align: center; font: 400 14px/1.4 var(--c-font); color: #6b7280; }
.ce-hist:has(.f-all:checked) .ce-h-none.k-all { display: block; }
.ce-hist:has(.f-sale:checked) .ce-h-row:not(.head):not(.k-sale),
.ce-hist:has(.f-finder:checked) .ce-h-row:not(.head):not(.k-finder),
.ce-hist:has(.f-referral:checked) .ce-h-row:not(.head):not(.k-referral),
.ce-hist:has(.f-payout:checked) .ce-h-row:not(.head):not(.k-payout) { display: none; }
.ce-hist:has(.f-sale:checked) .ce-h-none.k-sale, .ce-hist:has(.f-finder:checked) .ce-h-none.k-finder,
.ce-hist:has(.f-referral:checked) .ce-h-none.k-referral, .ce-hist:has(.f-payout:checked) .ce-h-none.k-payout { display: block; }

.ce-h-more { position: relative; }
.ce-h-more > summary { list-style: none; display: grid; place-items: center; width: 32px; height: 24px; border-radius: 6px; color: #6b7385; opacity: .5; cursor: pointer; }
.ce-h-more > summary::-webkit-details-marker { display: none; }
.ce-h-row:hover .ce-h-more > summary, .ce-h-more[open] > summary, .ce-h-more > summary:focus-visible { opacity: 1; background: #f3f4f6; }
.ce-h-pop { position: absolute; z-index: 5; right: 0; bottom: calc(100% + 4px); width: 260px; padding: 12px 14px; border-radius: 10px; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 12px 28px -12px rgb(16 24 40 / 28%); font: 400 13px/1.45 var(--c-font); color: #4b5563; }
.ce-h-pop p { margin: 0; }
.ce-h-pop .ce-h-pop-what { margin-bottom: 4px; font-weight: 600; color: #111827; overflow-wrap: anywhere; }
.ce-h-pop .coral-link { display: inline-block; margin-top: 6px; font: 600 13px/1.4 var(--c-font); }


.ce-drows { margin: 0; }
.ce-drow { display: flex; align-items: flex-start; gap: 12px; padding: 6px 0; border-top: 1px solid var(--ce-rule); }
.ce-drow:first-child { border-top: 0; }
.ce-drow dt { flex: none; width: 96px; font: 400 13px/1.4 var(--c-font); color: #6b7280; }
.ce-drow dd { flex: 1; margin: 0; min-width: 0; text-align: right; text-wrap: balance; font: 600 13px/1.4 var(--c-font); color: var(--ce-ink); overflow-wrap: anywhere; }
.ce-drow dd .coral-link { font: inherit; }
.ce-weekly { white-space: nowrap; }
.coral .ce-how { display: inline-block; margin-top: 12px; font: 600 14px/1.4 var(--c-font); color: #e8501e; }


.ce-testcard { padding: 16px; border-radius: 12px; border: 1.5px dashed #f2cf63; background: #fffdf6; }
.ce-testcard .ce-test-tag { padding: 4px 10px; border-radius: 6px; background: #ffd84d; color: #111; font: 800 13px/1 var(--c-font); letter-spacing: .04em; }
.ce-testcard h2 { margin: 10px 0 4px; font: 700 18px/1.25 var(--c-font); color: #111; }
.ce-test-sum { margin: 0; font: 500 16px/1.35 var(--c-font); color: #ff5a2c; font-variant-numeric: tabular-nums; }
.ce-test-note { margin: 4px 0 0; font: 400 14px/1.45 var(--c-font); color: #6b7280; }
.ce-test-more { margin-top: 8px; }
.ce-test-more > summary { cursor: pointer; font: 500 14px/1.4 var(--c-font); color: var(--c-coral); }
.ce-testcard.acct { display: none; }
.coral .ce-foot .prelaunch-compact { margin: 0; padding: 14px 16px; border: 1.5px dashed #f2cf63; border-radius: 12px; background: #fffdf6; color: #6b7280; font: 400 14px/1.45 var(--c-font); box-shadow: none; outline: 0; }
.coral .ce-foot .prelaunch-compact > summary { list-style: none; display: flex; align-items: center; gap: 10px; cursor: pointer; font: 600 15px/1.35 var(--c-font); color: #1f2433; }
.coral .ce-foot .prelaunch-compact > summary::-webkit-details-marker { display: none; }
.coral .ce-foot .prelaunch-compact > summary::before { content: "TEST"; flex: none; padding: 1px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font: 800 11px/1.4 var(--c-font); letter-spacing: .08em; }
.coral .ce-foot .prelaunch-compact > summary::after { content: ""; flex: none; margin-left: auto; width: 8px; height: 8px; border-right: 2px solid #9ca3af; border-bottom: 2px solid #9ca3af; transform: rotate(45deg) translate(-2px, -2px); transition: transform .15s; }
.coral .ce-foot .prelaunch-compact[open] > summary::after { transform: rotate(-135deg); }
.coral .ce-foot .prelaunch-compact p { margin: 8px 0 0; }


.coral-app:has(.ce-grid) > .moment-card:not([hidden]) { animation: ce-toast-out .4s ease 7s forwards; }
.coral-app:has(.ce-grid) > .moment-card:hover, .coral-app:has(.ce-grid) > .moment-card:focus-within { animation-play-state: paused; }
@keyframes ce-toast-out { to { opacity: 0; transform: translateY(12px); visibility: hidden; pointer-events: none; } }


@media (max-width: 419px) {
  
}
@media (max-width: 359px) {
  .ce-next-big { font-size: 32px; }
  .ce-wait { grid-template-columns: 68px minmax(0, 1fr); }
  .ce-wait-amt { font-size: 16px; }
  .ce-item-txt > small { white-space: normal; }
  .ce-next-txt { max-width: 64%; }
  .ce-next .ce-next-slot { width: 36%; }
  .ce-next-kicker { letter-spacing: .1em; }
  .ce-next .coral-btn.ce-next-key { padding: 8px 12px; gap: 6px; font-size: 14px; }
}


@media (min-width: 1000px) {
  .ce-short { display: none; }
  .ce-long { display: inline; }
  .ce-t-short { display: none; }
  .ce-t-mid { display: inline; }
  .ce-grid { gap: 18px; }
  .ce-col { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
  .ce-grid .coral-card { padding: 18px; border-radius: 16px; }
  .ce-grid .coral-card-head { margin-bottom: 10px; }
  .ce-grid .coral-card-head h2, .ce-title { font: 700 22px/1.2 var(--c-font); letter-spacing: -.01em; color: #111827; }

  
  .ce-bar { height: 22px; margin-top: 14px; border-radius: 6px; background: #eef0f4; }
  .ce-sum { margin-top: 12px; font-size: 14px; }

  
  .ce-next { min-height: 280px; padding: 24px; border-radius: 16px; }
  .ce-next .ce-next-slot { width: 42%; max-height: 92%; }
  .ce-next-kicker { margin-bottom: 10px; font-size: 13px; }
  .ce-next-big { font: 800 60px/1 var(--c-font); letter-spacing: -.02em; }
  .ce-next-state, .ce-next-state.small { font: 700 20px/1.25 var(--c-font); }
  .ce-next-state.small { margin-top: 10px; }
  .ce-next-when { margin-top: 10px; font: 700 20px/1.25 var(--c-font); white-space: nowrap; }
  .ce-next-line { margin-top: 8px; font: 400 16px/1.45 var(--c-font); color: #d5dae5; }
  .ce-next .coral-btn.ce-next-key { margin-top: 18px; min-height: 48px; padding: 0 22px; border-radius: 10px; font-size: 17px; }

  
  .ce-wait { grid-template-columns: 96px minmax(0, 1fr); gap: 0; min-height: 72px; padding: 14px 0; border-bottom-color: #eceff3; }
  .ce-wait-amt { font: 700 22px/1.2 var(--c-font); color: #111827; }
  .ce-item-txt { gap: 4px; }
  .ce-item-txt > b { font: 500 15px/1.35 var(--c-font); color: #1f2430; }
  .ce-item-txt > small { font: 400 14px/1.35 var(--c-font); color: var(--ce-faint); }
  .ce-why-total { padding-top: 16px; font: 700 20px/1.2 var(--c-font); color: #111827; }

  
  .ce-src { padding: 6px 0; font: 400 15px/18px var(--c-font); }
  .ce-src-note { display: inline; color: var(--ce-faint); }
  .ce-src.total, .ce-src.total .ce-n.tot { font: 700 16px/18px var(--c-font); color: #111827; }
  .ce-src.total { padding-top: 8px; }
  .ce-src-foot { display: block; margin: 8px 0 0; font: 400 12px/1.4 var(--c-font); color: #8a909c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  
  .ce-h-head { flex-wrap: wrap; justify-content: space-between; }
  .ce-chips { width: auto; gap: 8px; margin-left: auto; padding: 0; overflow: visible; }
  .ce-chip { height: 30px; padding: 0 14px; border: 1px solid #e3e6eb; background: #fff; color: #374151; font: 500 14px/1 var(--c-font); }
  .ce-f-in:checked + .ce-chip { border-color: transparent; background: #ffe5de; color: #ff5a2c; }
  .ce-h-row, .ce-h-row.head { grid-template-columns: 130px minmax(0, 1fr) 110px 110px 32px; grid-template-areas: "when what amt st end"; column-gap: 0; row-gap: 0; padding: 6px 0; border-top: 1px solid var(--ce-rule); }
  .ce-h-row.head { display: grid; padding: 0 0 6px; border-top: 0; font: 400 13px/16px var(--c-font); color: var(--ce-faint); }
  .ce-h-row.head > span { font: inherit; color: inherit; }
  .ce-h-when, .ce-h-what, .ce-h-amt { font-size: 14px; line-height: 18px; }
  .ce-h-when { color: #374151; }
  .ce-h-what { padding-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1f2937; }
  .ce-h-price { display: inline; }
  .ce-h-amt { font-weight: 500; }
  .ce-h-st { justify-self: start; padding-left: 24px; }
  .ce-st { height: 22px; padding: 0 10px; font-size: 12px; }
  .ce-h-end { display: block; grid-area: end; justify-self: end; }
  .ce-h-none { min-height: 96px; padding: 24px 8px; font-size: 15px; }

  
  .ce-col.side .ce-details { padding: 16px 18px; }
  .ce-details .coral-card-head { margin-bottom: 4px; }
  .ce-drow { align-items: baseline; padding: 8px 0; }
  .ce-drow dt { width: 120px; font-size: 14px; line-height: 20px; }
  .ce-drow dd { font-size: 14px; line-height: 20px; }
  .coral .ce-how { margin-top: 8px; }

  .ce-testcard { padding: 20px 22px; border-radius: 16px; }
  .ce-testcard.acct { display: block; }
  .ce-testcard .ce-test-tag { padding: 4px 12px; font-size: 15px; }
  .ce-testcard h2 { margin-top: 12px; font-size: 21px; }
  .ce-test-sum { font-size: 17px; }
  .ce-test-note { font-size: 15px; }

  
  .coral-app:has(.ce-grid) > .moment-card { position: fixed; right: 24px; bottom: 24px; left: auto; top: auto; width: auto; max-width: 360px; }
}
@media (min-width: 1200px) {
  .ce-grid { display: grid; grid-template-columns: minmax(0, 1.53fr) minmax(0, 1fr); align-items: start; }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .ce-col { display: contents; }
  .ce-next .ce-next-slot { width: 34%; }
}



.ce-grid ~ .stuck-help { max-width: none !important; margin-top: 18px !important; border-radius: 16px; }
@media (min-width: 1200px) { .ce-grid ~ .stuck-help { width: calc((100% - 18px) * 1.53 / 2.53); } }


.ce-chip { min-height: 44px; height: auto; }
.ce-how, .ce-test-more > summary { min-height: 44px; align-content: center; }
@media (min-width: 1000px) {
  
  .ce-src-name { white-space: normal; overflow: visible; }
}


.stuck-help h2 { font: 700 17px/1.3 var(--c-font, var(--h-sans)); letter-spacing: -.01em; margin: 0 0 10px; }
.stuck-help summary { font: 600 15px/1.45 var(--c-font, var(--h-sans)); cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 6px; }
.stuck-help p { font: 400 14px/1.55 var(--c-font, var(--h-sans)); margin: 6px 0 0; }

.coral-app:has(.ce-page-title .ce-test-pill) .rk-test { display: none; }

.dsc { display: flex; flex-direction: column; gap: 12px; }
.dsc h2 { margin: 0 0 10px; font: 700 18px/1.25 var(--c-font); letter-spacing: -.01em; color: #0f172a; }
.dsc h3 { margin: 14px 0 8px; font: 700 16px/1.25 var(--c-font); color: #14182b; }
.dsc .coral-card { border: 1px solid #eceae6; border-radius: 14px; padding: 16px; box-shadow: none; }
.dsc-fine { margin: 10px 0 0; font: 400 13px/1.45 var(--c-font); color: #6b7280; }
.dsc-fine.center { text-align: center; }
.dsc-split { color: #4b5563; }
.dsc-empty { margin: 4px 0; padding: 14px; border-radius: var(--c-r-sm); background: var(--c-tint); font: 500 15px/1.45 var(--c-font); color: var(--c-body); }
.dsc-ico { display: inline-flex; width: 20px; height: 20px; flex: none; }
.dsc-ico svg { width: 100%; height: 100%; }
.dsc-none { color: #b0b0b0; }
body:has(.dsc) .v2-version { display: none; }
body:has(.dsc) .moment-card { bottom: 56px; }


.coral-app:has(.dsc-boardpage) .coral-top, .coral-app:has(.dsc-boardpage) .coral-title { display: none; }
.dsc-boardpage .coral-hometop { margin: 0; }
.dsc-head { display: flex; flex-direction: column; gap: 6px; }
.dsc .dsc-head h1 { margin: 0; font: 800 30px/1.1 var(--c-font); letter-spacing: -.02em; color: #0f0f14; }
.dsc-sub { margin: 0; font: 400 15px/1.35 var(--c-font); color: #4a4a52; }


.dsc-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: #fff; border: 1px solid var(--c-line); width: max-content; max-width: 100%; overflow-x: auto; }
.dsc-tab { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 9px; color: var(--c-body); text-decoration: none; font: 500 15px/1.2 var(--c-font); white-space: nowrap; }
.dsc-tab.on { background: var(--c-coral-p); color: var(--c-coral); }
.dsc-tab:not(.on):hover { background: var(--c-tint); }
.dsc-soon { padding: 2px 6px; border-radius: 6px; background: #eef0f3; color: var(--c-soft); font: 500 11px/1.3 var(--c-font); }


.dsc-grid { display: flex; flex-direction: column; gap: 12px; }
.dsc-col { display: contents; }
.dsc-head { order: 0; } .dsc-filters { order: 1; } .dsc-slot { order: 2; } .dsc-board { order: 3; } .dsc-pay { order: 4; } .dsc-running { order: 5; } .dsc-coming { order: 6; }

.dsc-boardpage .dsc-running { display: none; }


.dsc-filters { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dsc-filters.nochips { display: none; }
.dsc-chips { display: flex; gap: 8px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; margin: 0; padding: 0 24px 0 0; mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent); }
.dsc-chips::-webkit-scrollbar { display: none; }
.dsc-pick { flex: none; display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border-radius: 999px; background: #f1f2f5; color: #334155; text-decoration: none; font: 500 14px/1 var(--c-font); white-space: nowrap; }
.dsc-pick.on { background: #111827; color: #fff; }
.dsc-pick:not(.on):hover { background: #e6e8ed; }

.dsc-sort { position: relative; flex: none; }
.dsc-sort > summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; background: #fff; border: 1px solid #e3e3e8; font: 400 14px/1 var(--c-font); color: #111; cursor: pointer; white-space: nowrap; }
.dsc-sort > summary::-webkit-details-marker { display: none; }
.dsc-sort .coral-menu { left: auto; right: 0; min-width: 200px; z-index: 5; }
.dsc-sort .coral-menu a[aria-current] { color: var(--c-coral); font-weight: 600; }
.dsc-filters > .dsc-sort { display: none; }
.dsc-board-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 2px; }
.dsc-board-head h2 { margin: 0; }
.dsc-sort.small > summary { height: auto; padding: 0; border: 0; background: none; gap: 4px; font: 400 13px/1.2 var(--c-font); color: #64748b; }
.dsc-sort.small .dsc-sort-k { display: none; }
.dsc-sort.small .dsc-ico { width: 14px; height: 14px; }


.dsc-thead { display: none; }
.dsc-rows { list-style: none; margin: 0; padding: 0; }
.dsc-row + .dsc-row { border-top: 1px solid #eef0f3; }
.dsc-row-a { display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 10px 0; text-decoration: none; color: inherit; min-width: 0; }
.dsc-row-a:hover .dsc-name b { color: var(--c-coral-ink); }
.dsc-shop-cell { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; }
.dsc-tile { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #fff; border: 1px solid #ecedf1; color: #374151; font: 600 18px/1 var(--c-font); flex: none; overflow: hidden; }
.dsc-tile img { width: 100%; height: 100%; object-fit: contain; }
.dsc-tile.big { width: 64px; height: 64px; border-radius: 14px; font-size: 28px; }
.dsc-tile-ico { display: inline-flex; width: 22px; height: 22px; color: #6b7280; }
.dsc-tile.big .dsc-tile-ico { width: 30px; height: 30px; }
.dsc-tile-ico svg { width: 100%; height: 100%; }
.dsc-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.dsc-name b { font: 600 15px/1.25 var(--c-font); color: #111827; word-break: normal; overflow-wrap: normal; hyphens: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dsc-name small { font: 400 13px/1.3 var(--c-font); color: #6b7280; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsc-name .dsc-cat-m { color: #64748b; }
.dsc-yours { display: inline-block; margin-left: 8px; padding: 1px 6px; border-radius: 6px; background: var(--c-ok-t); color: var(--c-ok) !important; font: 600 11px/1.4 var(--c-font) !important; vertical-align: 2px; }
.dsc-c, .dsc-inspect { display: none; }
.dsc-earn { display: flex; flex-direction: column; align-items: flex-start; flex: none; width: 66px; }
.dsc-earn b { font: 700 16px/1.2 var(--c-font); color: #0f172a; font-variant-numeric: tabular-nums; }
.dsc-earn small { font: 400 13px/1.2 var(--c-font); color: #6b7280; }
.dsc-row-a .coral-chev { flex: none; margin-left: 0; width: 18px; height: 18px; color: #6b7280; }
.dsc-row-a .coral-chev svg { width: 100%; height: 100%; stroke-width: 1.75; }
.dsc-spend { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 6px; font: 500 12px/1 var(--c-font); background: #f1f1f3; color: #4b5563; }
.dsc-spend.mid { background: #fdf0d0; color: #9a6b00; }
.dsc-spend.low { background: #e3f5e6; color: #2e7d3e; }
.dsc-spend.high { background: #ffe4dc; color: #c2410c; }

.dsc-rows:not(.all) .dsc-row:nth-child(n+5) { display: none; }
.dsc-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding-top: 12px; border-top: 1px solid #eef0f3; width: 100%; color: #ff5a36 !important; font: 600 15px/1.2 var(--c-font) !important; text-decoration: none; }
.dsc-more .dsc-ico { width: 18px; height: 18px; }
.dsc-foot { color: #8a8a8a; }
.dsc-foot .dsc-all-inline { display: none; color: #6b6b73; font-weight: 500; text-decoration: none; }


.dsc-pay-head { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.dsc-pay-head h2 { margin: 0; }
.dsc-pay-price { font: 800 28px/1.15 var(--c-font); color: #0f172a; letter-spacing: -.02em; }
.dsc-bar { display: flex; height: 32px; border-radius: 8px; overflow: hidden; }
.dsc-bar i { display: grid; place-items: center; font: 600 14px/1 var(--c-font); font-style: normal; min-width: 0; overflow: hidden; }
.dsc-bar .mk { background: #ff5a36; color: #fff; }
.dsc-bar .fd { background: #ffe0d6; color: #ff5a36; }
.dsc-bar .cr { background: #e5e8ef; color: #475569; }
.dsc-legend { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; }
.dsc-legend li { display: flex; align-items: flex-start; gap: 8px; min-width: 0; }
.dsc-legend li > i { flex: none; width: 14px; height: 14px; margin-top: 2px; border-radius: 50%; }
.dsc-legend li.mk > i { background: #ff5a36; } .dsc-legend li.fd > i { background: #ffd3c6; } .dsc-legend li.cr > i { background: #d9dce3; }
.dsc-legend li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; font: 500 14px/1.3 var(--c-font); color: #111827; }
.dsc-legend b { font: 600 16px/1.3 var(--c-font); color: #111827; font-variant-numeric: tabular-nums; }
.dsc-legend .fd b { font: 500 15px/1.3 var(--c-font); }
.dsc-legend b small { font: 400 14px/1.3 var(--c-font); color: #64748b; }
.dsc-pay .dsc-fine { margin-top: 16px; font-size: 14px; color: #6b6b73; }


.dsc-slot { position: relative; overflow: hidden; isolation: isolate; padding: 20px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #1f2937, #2a3344); }
.dsc-slot-art { position: absolute; z-index: 0; right: 0; bottom: 0; top: auto; height: 100%; width: auto; max-width: 44%; object-fit: cover; object-position: right bottom; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%); mask-image: linear-gradient(90deg, transparent 0, #000 16%); }
.dsc-slot-txt { position: relative; z-index: 1; max-width: 58%; display: flex; flex-direction: column; align-items: flex-start; }
.dsc-kicker { margin: 0 0 8px; font: 600 11px/1.2 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: #c7cdda; white-space: nowrap; }
.dsc .dsc-slot h2 { margin: 0; font: 700 24px/1.15 var(--c-font); letter-spacing: -.01em; color: #fff; overflow-wrap: anywhere; }
.dsc-slot-line { margin: 8px 0 16px; font: 400 15px/1.4 var(--c-font); color: #d5dae5; text-wrap: pretty; }
.dsc-key-form { margin: 0; display: contents; }

.coral .dsc-key { width: auto; max-width: 160%; min-height: 44px; padding: 0 16px; border-radius: 10px; background: #ff5a36; font: 600 16px/1.2 var(--c-font); justify-content: center; align-self: flex-start; gap: 8px; white-space: nowrap; }
.dsc-key > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.dsc-key .dsc-ico { width: 18px; height: 18px; }
.dsc-soon-key { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 10px; border: 1px solid rgb(255 255 255 / 55%); font: 600 14px/1.2 var(--c-font); color: #fff; }


.dsc-card-sub { margin: -6px 0 12px; font: 400 15px/1.3 var(--c-font); color: #6b6b73; }
.dsc-running ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dsc-running a { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: #6b6b73; font: 400 15px/1.3 var(--c-font); }
.dsc-running img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; background: var(--c-tint); }
.dsc-running b { font-weight: 400; color: #111; }


.dsc-coming ul { list-style: none; margin: 0; padding: 0; }
.dsc-coming li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: "ico t pill" "ico s pill"; column-gap: 12px; row-gap: 2px; align-items: center; padding: 12px 0; }
.dsc-coming li + li { border-top: 1px solid #eef0f3; }
.dsc-coming-ico { grid-area: ico; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #fff; border: 1px solid #ecedf1; color: #1f2937; flex: none; }
.dsc-coming-ico svg { width: 20px; height: 20px; }
.dsc-coming-txt { display: contents; }
.dsc-coming-txt > :first-child { grid-area: t; min-width: 0; }
.dsc-coming-txt > small { grid-area: s; }
.dsc-coming-txt b { font: 600 15px/1.3 var(--c-font); color: #0f172a; }
.dsc-coming-txt a { text-decoration: none; }
.dsc-coming-txt small { font: 400 13px/1.35 var(--c-font); color: #64748b; }
.dsc-chip { grid-area: pill; flex: none; display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 999px; background: #f1f2f5; color: #475569; font: 500 12.5px/1.2 var(--c-font); white-space: nowrap; }
.dsc-chip.open { background: var(--c-ok-t); color: var(--c-ok); }
@media (max-width: 999px) {
  
  .coral-app:has(.dsc-boardpage) .coral-main { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
}


.dsc-back { display: inline-flex; align-items: center; gap: 6px; color: var(--c-body); text-decoration: none; font: 500 15px/1.2 var(--c-font); align-self: flex-start; padding: 4px 0; }
.dsc-shop-grid { display: flex; flex-direction: column; gap: 10px; }
.dsc-list { display: none; }
.dsc-shop .dsc-col.side { display: flex; flex-direction: column; gap: 10px; }
.dsc-slot.angles { min-height: 180px; }
.dsc-shop .dsc-legend { grid-template-columns: 1fr; gap: 8px; }

@media (max-width: 359px) {
  .dsc-slot-txt { max-width: 58%; }
  .dsc-slot-art { max-width: 38%; }
  .dsc .dsc-slot h2 { font-size: 21px; }
  .dsc-kicker { letter-spacing: .12em; }
  .dsc-row-a, .dsc-shop-cell { gap: 8px; }
  .dsc-tile { width: 40px; height: 40px; }
  .dsc-earn { width: 60px; }
  .dsc-earn b { font-size: 15px; }
  .dsc-coming li { grid-template-areas: "ico t t" "ico s s" "ico pill pill"; }
  .dsc-coming .dsc-chip { justify-self: start; margin-top: 4px; }
  .dsc-legend { grid-template-columns: 1fr; }
}


@media (min-width: 1000px) {
  .dsc { gap: 20px; }
  .dsc-grid { gap: 24px; }
  .dsc .coral-card { border-color: #eceae6; border-radius: 14px; }
  .dsc .dsc-head h1 { font-size: 40px; line-height: 1.05; }
  .dsc-head { gap: 8px; }
  .dsc-sub { font-size: 17px; }
  .dsc h2 { font: 700 20px/1.25 var(--c-font); color: #111; letter-spacing: -.01em; }
  
  .dsc-filters, .dsc-filters.nochips { display: flex; gap: 12px; margin-top: -4px; }
  .dsc-filters.nochips { justify-content: flex-end; margin-top: -48px; pointer-events: none; }
  .dsc-filters.nochips > * { pointer-events: auto; }
  .dsc-chips { margin: 0; padding: 0 24px 0 0; }
  .dsc-pick { background: #f3f3f5; color: #3a3a42; font-weight: 400; }
  .dsc-pick.on { background: #111; color: #fff; }
  .dsc-pick:not(.on):hover { background: #e9e9ec; }
  .dsc-filters > .dsc-sort { display: block; margin-left: auto; }
  .dsc-board-head > .dsc-sort { display: none; }
  .dsc-board-head { margin-bottom: 10px; }
  
  .dsc-board { container-type: inline-size; }
  .dsc-table { display: grid; grid-template-columns: minmax(180px, 1fr) 90px 64px 126px 64px 110px 70px; column-gap: 8px; }
  .dsc-thead { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; height: 30px; border-bottom: 1px solid #efede9; font: 500 13px/1.2 var(--c-font); color: #8a8a8a; white-space: normal; }
  .dsc-rows, .dsc-rows .dsc-row, .dsc-rows:not(.all) .dsc-row:nth-child(n+5) { display: contents; }
  .dsc-row-a { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; min-height: 52px; padding: 8px 0; }
  .dsc-row + .dsc-row .dsc-row-a { border-top: 1px solid #efede9; }
  .dsc-shop-cell { gap: 10px; }
  .dsc-tile { width: 36px; height: 36px; border-radius: 8px; border: 0; background: #f3f4f6; font: 600 15px/1 var(--c-font); }
  .dsc-tile:has(img) { background: #f4f3f1; }
  .dsc-tile img { width: 26px; height: 26px; border-radius: 0; }
  .dsc-row-a .dsc-cat-m, .dsc-row-a .dsc-meta-m { display: none; }
  .dsc-row-a .dsc-name b { font: 500 15px/1.25 var(--c-font); color: #111; }
  .dsc-c { display: block; font: 400 15px/1.25 var(--c-font); color: #3a3a42; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .dsc-c.cat { font-size: 14px; color: #6b6b6b; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .dsc-earn { width: auto; }
  .dsc-earn b { font: 600 16px/1.2 var(--c-font); color: #1a1a1a; }
  .dsc-earn small { display: none; }
  .dsc-inspect { display: inline-flex; align-items: center; justify-content: center; justify-self: end; width: 78px; height: 34px; border-radius: 8px; border: 1px solid #d9d9de; background: #fff; font: 500 14px/1 var(--c-font); color: #111; }
  .dsc-row-a:hover .dsc-inspect { border-color: #c4c4cc; background: #fafafa; }
  .dsc-row-a .coral-chev { display: none; }
  .dsc-more { display: none; }
  .dsc-foot { margin-top: 14px; font-size: 13px; }
  .dsc-foot .dsc-all-inline { display: inline; }
  .dsc-pay { padding: 16px; }
  .dsc-pay-head { flex-direction: row; align-items: baseline; justify-content: space-between; margin-bottom: 16px; }
  .dsc-pay-price { font: 700 16px/1.2 var(--c-font); color: #3a3a42; letter-spacing: 0; }
  .dsc-bar { height: 42px; border-radius: 8px; }
  .dsc-bar i { font: 500 15px/1 var(--c-font); }
  .dsc-bar .fd { background: #ffc2b3; color: #3a3a42; }
  .dsc-bar .cr { background: #e3e5ea; color: #3a3a42; }
  .dsc-legend { grid-template-columns: 38% 38% minmax(0, 1fr); gap: 0; margin-top: 24px; }
  .dsc-legend li { gap: 14px; padding-right: 12px; }
  .dsc-legend li > i { width: 20px; height: 20px; margin-top: 0; }
  .dsc-legend li.fd > i { background: #ffc2b3; }
  .dsc-legend li > span { font: 500 16px/1.25 var(--c-font); color: #111; gap: 4px; }
  .dsc-legend b, .dsc-legend .fd b { font: 400 18px/1.25 var(--c-font); color: #111; }
  .dsc-legend b small { font-size: 15px; color: #6b6b73; }
  .dsc-pay .dsc-fine { margin-top: 24px; }
  .dsc-boardpage .dsc-running { display: block; padding: 20px; }
  .dsc-running h2 { margin-bottom: 8px; }
  .dsc-slot { padding: 24px; border-radius: 16px; min-height: 230px; }
  .dsc-slot-txt { max-width: 58%; }
  .dsc-slot-art { max-width: 42%; }
  .dsc .dsc-slot h2 { font: 700 32px/1.1 var(--c-font); }
  .dsc-kicker { font-size: 12px; letter-spacing: .18em; }
  .dsc-slot-line { font-size: 16px; color: #e6e7ee; }
  .coral .dsc-key { min-height: 48px; padding: 0 20px; font: 600 17px/1.2 var(--c-font); }
  .dsc-coming { padding: 16px; }
  .dsc-coming li { grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-areas: "ico t pill" "ico s pill"; column-gap: 14px; min-height: 72px; padding: 12px 0; }
  .dsc-coming li + li { border-top-color: #efeff1; }
  .dsc-coming-ico { width: 46px; height: 46px; border-radius: 12px; border: 0; background: #f4f4f6; color: #111; }
  .dsc-coming-ico svg { width: 22px; height: 22px; }
  .dsc-coming-txt > :first-child, .dsc-coming-txt > small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dsc-coming-txt b { color: #111; }
  .dsc-coming-txt small { font-size: 14px; color: #6b6b73; }
  .dsc-coming .dsc-chip { padding: 6px 12px; font-size: 13px; }
  .dsc-chip { background: #f1f0ee; color: #6b6b6b; }
  
  html body:has(.dsc):has(> .v2-truth) { margin-top: 0; }
  html body:has(.dsc):has(> .v2-truth) .coral-app > .coral-side { margin-top: 0; }
  html body:has(.dsc) > .v2-truth { position: absolute; top: auto; bottom: 6px; left: calc(211px + (100vw - 211px) / 2); right: auto; transform: translateX(-50%); height: 28px; line-height: 28px !important; padding: 0 14px; border-radius: 999px; box-shadow: 0 2px 8px rgb(0 0 0 / 12%); background: #fff1ec !important; color: #e5482a !important; }
}/*kit-part*/
@container (min-width: 691px) and (max-width: 760px) {
  .dsc-table { grid-template-columns: minmax(180px, 1fr) 90px 56px 120px 48px 98px 70px; column-gap: 4px; }
  .dsc-inspect { width: 64px; }
}
@container (max-width: 690px) {
  .dsc-table { grid-template-columns: minmax(170px, 1fr) 80px 56px 110px 100px 64px; }
  .dsc-th.spend, .dsc-c.spend { display: none; }
}

@media (min-width: 1200px) {
  .dsc-grid { display: grid; grid-template-columns: minmax(0, 1fr) clamp(360px, calc(100vw - 1040px), 450px); gap: 24px; align-items: start; }
  
  .dsc-grid:not(:has(> .dsc-col.side > *)) { grid-template-columns: minmax(0, 1fr); }
  .dsc-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
  .dsc-col.side { gap: 12px; }
  .dsc-head, .dsc-filters, .dsc-slot, .dsc-board, .dsc-pay, .dsc-running, .dsc-coming { order: 0; }
  .dsc-shop-grid { display: grid; grid-template-columns: 230px minmax(0, 1fr) minmax(300px, 380px); gap: 16px; align-items: start; }
  .dsc-back { display: none; }
  .dsc-list { display: block; padding: 14px 10px; }
  .dsc-list h2 { padding: 0 6px; }
  .dsc-list ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
  .dsc-side-a { display: flex; align-items: center; gap: 10px; padding: 10px 8px; border-radius: 10px; text-decoration: none; color: inherit; }
  .dsc-side-a:hover { background: var(--c-tint); }
  .dsc-side-a.on { background: var(--c-coral-p); }
  .dsc-side-a .dsc-name b { font-size: 15px; }
  .dsc-shop .dsc-slot { min-height: 200px; }
  .dsc-shop .dsc-slot h2 { font-size: 24px; color: #fff; }
  .dsc-shop .dsc-legend { grid-template-columns: 1fr; gap: 8px; margin-top: 16px; }
  .dsc-shop .dsc-pay-head { flex-direction: column; align-items: flex-start; }
  .dsc-shop .dsc-legend li > span { flex-direction: row; flex: 1; justify-content: space-between; align-items: baseline; }
}


.dsc-boardpage .dsc-head h1 { margin: 0; }
.dsc-boardpage .dsc-sub { margin: 0; }
.dsc-boardpage .dsc-head { gap: 4px; }
.dsc-boardpage .dsc-slot-line { margin: 8px 0 16px; }
.dsc-boardpage .dsc-slot { border-radius: 16px; }
.dsc-boardpage .dsc-tile { background: #f4f3f1; color: #1a1a1a; font-weight: 700; }
.dsc-boardpage .dsc-spend { width: 48px; justify-content: center; padding: 0; }
.dsc-boardpage .dsc-spend.mid { background: #fcefc7; color: #8a6a00; }
.dsc-boardpage .dsc-spend.low { background: #e3f6e8; color: #2e7d4f; }
.dsc-boardpage .dsc-coming-ico { background: #f4f5f7; border: 0; }
.dsc-boardpage .dsc-coming-txt > small { white-space: normal; overflow: visible; }
.dsc-boardpage .dsc-running a { color: #3a3a3a; }
.dsc-boardpage .dsc-c.cat.fallback { color: #9a9a9a; }
@media (max-width: 999px) {
  .dsc-boardpage { gap: 12px; }
  .dsc-boardpage .dsc-grid { gap: 12px; }
  .dsc-boardpage .dsc-sub { font: 400 14px/20px var(--c-font); color: #6b7280; }
  .dsc-boardpage .dsc-pick { font-size: 13px; padding: 0 14px; height: 32px; color: #4a5060; background: #efeff2; }
  .dsc-boardpage .dsc-pick.on { color: white; background: #151a2c; }
  .dsc-boardpage .dsc-tile { width: 44px; height: 44px; border-radius: 12px; border: 0; }
  .dsc-boardpage .dsc-tile img { width: 28px; height: 28px; }
  .dsc-boardpage .dsc-cat-m { color: #6b7a90; }
  .dsc-boardpage .dsc-row-a .coral-chev { width: 16px; height: 16px; color: #1a1f2e; }
  .dsc-boardpage .dsc-row-a .coral-chev svg { stroke-width: 2; }
  .dsc-boardpage .dsc-row + .dsc-row { border: 0; position: relative; }
  .dsc-boardpage .dsc-row + .dsc-row::before { content: ""; position: absolute; left: 56px; right: 0; border-top: 1px solid #eef0f2; }
  .dsc-boardpage .dsc-foot { display: none; }
  .dsc-boardpage .dsc-slot { padding: 20px 20px 18px; min-height: 0; }
  .dsc-boardpage .dsc-slot h2 { font-size: 26px; }
  .dsc-boardpage .dsc-slot-line { font: 400 14px/20px var(--c-font); color: #d1d5db; }
  .dsc-boardpage .dsc-slot-art { right: -8px; width: 45%; max-width: 45%; height: 100%; object-fit: cover; }
  .dsc-boardpage .dsc-bar i { font-size: 13px; }
  .dsc-boardpage .dsc-bar .fd { background: #ffd9cf; color: #e5482a; }
  .dsc-boardpage .dsc-bar .cr { background: #e5e7eb; color: #4b5563; }
  .dsc-boardpage .dsc-coming li { column-gap: 8px; }
  .dsc-boardpage .dsc-coming-txt b { font-size: 13px; }
  .dsc-boardpage .dsc-chip { font-size: 12px; padding: 6px 8px; }
}
@media (min-width: 1000px) {
  .dsc-boardpage { gap: 24px; }
  .dsc-boardpage .dsc-head { gap: 6px; }
  .dsc-boardpage .dsc-thead { min-height: 40px; height: auto; padding-bottom: 12px; }
  .dsc-boardpage .dsc-slot { min-height: 245px; }
  .dsc-boardpage .dsc-slot-art { height: 115%; max-width: 42%; }
  .dsc-boardpage .dsc-coming-ico { width: 44px; height: 44px; border-radius: 50%; }
  body:has(.dsc-boardpage) .moment-card { position: relative; bottom: auto; right: auto; max-width: 360px; width: auto; padding: 20px; margin: 16px 24px 24px auto; }
}

.coral-app .dsc-boardpage .coral-hometop { margin-bottom: 0; }
.coral-app .dsc-boardpage .dsc-head { margin: 0; }
.coral-app .dsc-boardpage .dsc-head h1 { font: 800 30px/1.1 var(--c-font); letter-spacing: -.02em; }
.coral-app .dsc-boardpage .dsc-sub { margin: 0; font: 400 14px/20px var(--c-font); }
@media (min-width: 1000px) {
  .coral-app .dsc-boardpage .dsc-head h1 { font-size: 40px; color: #111; }
  .coral-app .dsc-boardpage .dsc-sub { font: 400 17px/1.35 var(--c-font); color: #4a4a4a; }
  .dsc-boardpage .dsc-slot-art { height: 245px; width: 42%; max-width: 42%; bottom: -24px; }
}

@media (max-width: 999px) {
  .dsc-boardpage .dsc-slot-art { height: auto; width: 45%; max-height: 220px; object-fit: contain; bottom: -12px; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .dsc-boardpage .dsc-slot-art { width: 240px; max-width: 40%; height: auto; bottom: -24px; }
}
@media (min-width: 360px) and (max-width: 599px) {
}

.dsc .dsc-pick { min-height:44px; box-sizing:border-box; }
.dsc .dsc-sort > summary { min-height:44px; box-sizing:border-box; }
.dsc .dsc-board-head { flex-wrap:wrap; }
.dsc .dsc-soon-key, .dsc .dsc-more { min-height:44px; display:inline-flex; align-items:center; }
.dsc .dsc-sort .coral-menu a { min-height:44px; display:flex; align-items:center; }
.dsc .dsc-coming-txt a { min-height:44px; display:inline-flex; align-items:center; }

.coral .dsc-tab { min-height:44px; box-sizing:border-box; }
.dsc .dsc-inspect { min-height:44px; }

@media(max-width:599px) {
 .coral .dsc-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; box-sizing:border-box; }
 .coral .dsc-tab { flex-direction:column; justify-content:center; padding:8px 4px; gap:4px; font-size:14px; min-height:60px; }
}

.coral-app .affiliate-page { display:flex; flex-direction:column; gap:20px; width:100%; max-width:none; box-sizing:border-box; margin:0; padding:20px; background:#fff; border:1px solid var(--c-line); border-radius:14px; font:400 14px/1.5 var(--c-font); }
.coral-app .affiliate-page > p { margin:0; max-width:76ch; font-weight:400; }
.coral-app .affiliate-page > h2 { margin:8px 0 0; font:700 22px/1.25 var(--c-font); }
.coral-app .affiliate-nav { display:flex; flex-wrap:wrap; gap:12px; margin:0; }
.coral-app .affiliate-nav a { min-height:44px; }
@media(max-width:359px) { .coral-app .affiliate-page { padding:16px; } }

.dsc-boardpage .dsc-grid {display:flex;flex-direction:column;min-width:0}
.dsc-boardpage .dsc-col.main {width:100%;min-width:0}
.dsc-boardpage .dsc-col.side {display:none}
.dw {border:1px solid var(--c-line);border-radius:14px;background:white;min-width:0;max-width:100%;overflow:hidden}
.dw-toolbar {display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:20px;border-bottom:1px solid var(--c-line)}
.dw-toolbar h2 {margin:0;font-size:20px}.dw-toolbar p {font-size:13px;color:var(--c-muted);margin:6px 0}
.dw summary {cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.dw details[open] {flex-basis:100%}.dw form {display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}
.dw form label {display:flex;gap:8px;align-items:center;font-size:13px}.dw-filters form label {flex-wrap:wrap;width:240px}.dw-filters label span {width:100%}
.dw input,.dw select {min-height:40px;border:1px solid var(--c-line);border-radius:6px;max-width:100%;padding:6px;background:white;color:inherit}.dw input[type=number] {width:100px}.dw input[type=checkbox] {min-height:20px}
.dw-scroll {max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.dw table {border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}
.dw th,.dw td {border-bottom:1px solid var(--c-line);padding:14px 16px;text-align:left;max-width:260px;min-width:130px;vertical-align:top;overflow-wrap:anywhere}
.dw thead th {background:#faf9f7;font-size:12px;white-space:nowrap}.dw th:first-child {position:sticky;left:0;z-index:1;background:#fff;min-width:210px;max-width:210px;box-shadow:1px 0 var(--c-line)}
.dw thead th:first-child {background:#faf9f7;z-index:2}.dw .num {text-align:right;font-variant-numeric:tabular-nums}.dw small {display:block;color:var(--c-muted);font-size:11px;margin-top:6px}
.dw .coral-btn {white-space:nowrap;min-height:44px}.dw-foot {padding:16px;font-size:12px;line-height:1.7}.dw-foot a {display:inline-block;padding:8px}.dw-cards {display:none}
@media(max-width:699px) {.dw-columns,.dw-scroll {display:none!important}.dw-toolbar {gap:8px;padding:16px}.dw-toolbar>div {flex-basis:100%}.dw-cards {display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.dw-cards li {padding:18px 16px;border-bottom:1px solid var(--c-line)}.dw-cards p {font-size:13px;line-height:1.6}.dw-cards dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.dw-cards dt {font-size:11px;color:var(--c-muted)}.dw-cards dd {margin:4px 0;font-size:14px;font-weight:600}.dw-filters form label {width:100%}.dw-toolbar>a {font-size:12px;margin-left:auto}}
.dw tbody td {font-weight:400}.dw tbody th {font-weight:600}.dw tbody tr {height:auto}.dw th,.dw td {padding:10px 14px}
.dw th:last-child,.dw td:last-child {position:sticky;right:0;background:white;z-index:1;box-shadow:-1px 0 var(--c-line);min-width:135px}
.dw thead th:last-child {background:#faf9f7}.dw-preview {width:48px;height:48px;object-fit:cover;float:left;margin:0 10px 4px 0;border-radius:6px}
.dw table th,.dw table td {line-height:1.5;height:auto}.dw table a {text-decoration:none}.dw table a:hover {text-decoration:underline}.dw-toolbar p {font-weight:400}
.dw-saved {padding:0 20px;border-bottom:1px solid var(--c-line)}.dw-saved p {font-size:12px;font-weight:400}.dw-saved ul {list-style:none;padding:0}.dw-saved li {display:flex;gap:16px;align-items:center;padding:8px 0}.dw-saved button {min-height:44px;margin-left:8px}.dw-saved input {width:180px}


.dsc-pay-total { margin: 2px 0 0; font: 500 15px/1.3 var(--c-font); color: var(--c-soft); }
.dsc-pay-total b { font: 700 30px/1.1 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
@media (max-width: 420px) { .cb-stat-w { display: none; } }

.dsp-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.coral .dsp-card { padding: 16px 14px 18px; display: flex; flex-direction: column; gap: 16px; }
.dsp-card h2 { margin: 0; font: 700 17px/1.25 var(--c-font); color: var(--c-ink); }

.dsp-head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; align-items: center; }
.dsp-head .dsc-tile.big { grid-row: span 2; width: 56px; height: 56px; }
.dsp-id { min-width: 0; }
.dsp-id h1 { margin: 0; font: 700 22px/1.2 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); overflow-wrap: break-word; }
.dsp-id p { margin: 2px 0 0; font: 400 14px/1.3 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.dsp-live { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--c-ok-t); color: var(--c-ok); font: 600 12px/1.2 var(--c-font); white-space: nowrap; }
.dsp-live i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.dsp-sealed { margin: -6px 0 0; display: flex; align-items: center; gap: 6px; font: 400 13px/1.35 var(--c-font); color: var(--c-soft); }
.dsp-lock { display: inline-flex; color: var(--c-faint); }

.dsp-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dsp-stats li { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 12px; border-radius: 12px; background: #f6f7f9; }
.dsp-stats .dsc-ico { grid-row: span 2; display: inline-flex; color: #6b7280; }
.dsp-stats b { font: 700 18px/1.15 var(--c-font); color: var(--c-ink); white-space: nowrap; }
.dsp-stats small { font: 400 12.5px/1.25 var(--c-font); color: var(--c-soft); }

.dsp-why ul { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.dsp-why li { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 12px; border: 1px solid var(--c-card-line); background: #fff; }
.dsp-why-ico { flex: none; display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--c-coral-t); color: var(--c-coral-ink); }
.dsp-why-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dsp-why-txt b { font: 600 15px/1.3 var(--c-font); color: var(--c-ink); overflow-wrap: break-word; }
.dsp-why-txt small { font: 400 13.5px/1.4 var(--c-font); color: var(--c-body); }

.dsp-ads-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.dsp-ads-head small { font: 400 13px/1.2 var(--c-font); color: var(--c-soft); }
.dsp-posts { list-style: none; margin: 10px -14px 0; padding: 0 14px 4px; scroll-padding: 0 14px; display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dsp-posts::-webkit-scrollbar { display: none; }
.dsp-post { flex: 0 0 60%; max-width: 230px; display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 14px; border: 1px solid var(--c-card-line); background: #fff; scroll-snap-align: start; min-width: 0; }
.dsp-post-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.dsp-post-top .dsc-tile { width: 28px; height: 28px; border-radius: 50%; font-size: 13px; }
.dsp-post-top .dsc-tile-ico { width: 16px; height: 16px; }
.dsp-post-top > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.dsp-post-top b { font: 600 13px/1.2 var(--c-font); color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsp-post-top small { font: 400 11.5px/1.2 var(--c-font); color: var(--c-faint); }
.dsp-post-media { position: relative; border-radius: 10px; overflow: hidden; background: var(--c-tint); aspect-ratio: 4 / 5; }
.dsp-post-media img, .dsp-post-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.dsp-play { position: absolute; left: 8px; bottom: 8px; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgb(20 22 27 / 62%); color: #fff; }
.dsp-post-text { aspect-ratio: 4 / 5; display: flex; align-items: center; padding: 16px; border-radius: 10px; background: #f6f7f9; overflow: hidden; }
.dsp-post-text p { margin: 0; font: 600 15px/1.4 var(--c-font); color: var(--c-ink); overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; }
.dsp-post-cap { margin: 0; font: 400 13px/1.35 var(--c-font); color: var(--c-body); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; }
.dsp-post-meta { font: 400 12px/1.3 var(--c-font); color: var(--c-soft); }
.dsp-price { margin: 10px 0 0; font: 400 13px/1.3 var(--c-font); color: var(--c-soft); }

.dsp-act { display: flex; flex-direction: column; gap: 8px; }
.coral .dsp-key { width: 100%; min-height: 50px; justify-content: center; font-size: 16px; }
.dsp-key > span:first-child { overflow: hidden; text-overflow: ellipsis; }
.dsp-key .dsc-ico { display: inline-flex; width: 18px; height: 18px; }
.dsp-fine { margin: 0; text-align: center; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }

@media (min-width: 700px) {
  .coral .dsp-card { padding: 20px 22px 22px; gap: 20px; }
  .dsp-head { grid-template-columns: auto minmax(0, 1fr) auto; }
  .dsp-head .dsc-tile.big { width: 64px; height: 64px; }
  .dsp-id h1 { font-size: 26px; }
  .dsp-live { grid-column: 3; grid-row: 1; align-self: start; }
  .dsp-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .dsp-why ul { gap: 8px; }
  .dsp-posts { margin: 12px -22px 0; padding: 0 22px 4px; scroll-padding: 0 22px; }
  
  .dsp-post { flex-basis: calc((100% - 20px) / 3.25); max-width: none; }
  .dsp-act { max-width: 440px; width: 100%; align-self: center; }
}
@media (min-width: 1200px) {
  .dsp-stats li { grid-template-columns: 1fr; justify-items: center; text-align: center; row-gap: 4px; }
  .dsp-stats .dsc-ico { grid-row: auto; }
}

@media(min-width:700px) {
 .coral-app .dsp-post { flex:0 0 clamp(180px, calc((100% - 20px) / 3), 230px); }
}

.coral .dsp-key { box-sizing:border-box; white-space:normal; padding:12px 16px; }
.coral .dsp-key > span:first-child { overflow:visible; overflow-wrap:anywhere; }


.dsp-post-media.gone { min-height: 120px; }
.dsp-paid { margin: 10px 0 0; font: 400 14px/1.4 var(--c-font); color: var(--c-body); }
.dsp-paid b { color: var(--c-ink); font-weight: 700; }


.coral-app .dsc-shop .dsp-sealed { margin: calc(-1 * var(--ds-sp-12)) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-sp-8) var(--ds-sp-12);
  font: 500 var(--ds-t-body)/var(--ds-lh-body) var(--c-font); color: var(--c-ink); }
.coral-app .dsc-shop .dsp-sealed-name { display: inline-flex; align-items: center; gap: var(--ds-sp-8); padding: var(--ds-sp-6) var(--ds-sp-12); border-radius: var(--ds-r-pill); background: var(--c-tint); }
.coral-app .dsc-shop .dsp-sealed .dsp-lock { color: var(--c-coral); }
.coral-app .dsc-shop .dsp-blur { filter: blur(5px); user-select: none; font-weight: 700; color: var(--c-ink); }


.coral-app .dsc-shop .dsp-stats { gap: var(--ds-sp-8); }
.coral-app .dsc-shop .dsp-stats li { padding: var(--ds-sp-12); border-radius: var(--ds-r-row); background: var(--c-tint); }
@media (min-width: 700px) {
  .coral-app .dsc-shop .dsp-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .coral-app .dsc-shop .dsp-stats li { grid-template-columns: 1fr; justify-items: start; text-align: left; row-gap: var(--ds-sp-4); }
  .coral-app .dsc-shop .dsp-stats .dsc-ico { grid-row: auto; }
}
.coral-app .dsc-shop .dsp-why ul { margin-top: var(--ds-sp-12); gap: var(--ds-sp-8); }
.coral-app .dsc-shop .dsp-why li { background: transparent; border-radius: var(--ds-r-row); }
.coral-app .dsc-shop .dsp-posts { margin-top: var(--ds-sp-12); gap: var(--ds-sp-8); }


.coral-app .dsc-shop .dsp-post.locked .dsp-post-top .dsp-blur { filter: blur(4px); }
.dsp-post-veil { display: grid; place-items: center; background: linear-gradient(160deg, var(--c-coral-t), var(--c-tint) 70%); }
.dsp-post.locked.v1 .dsp-post-veil { background: linear-gradient(200deg, var(--c-tint), var(--c-coral-t) 85%); }
.dsp-post.locked.v2 .dsp-post-veil { background: linear-gradient(120deg, var(--c-tint) 20%, var(--c-coral-t)); }
.dsp-veil-lock { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: var(--ds-r-pill); background: var(--c-card); color: var(--c-coral); box-shadow: var(--ds-sh-card); }


.coral-app .dsc-shop .dsp-pay { display: flex; flex-direction: column; gap: var(--ds-sp-12); }
.dsp-pay-fig { margin: 0; display: flex; flex-direction: column; gap: var(--ds-sp-4); }
.dsp-pay-fig b { font: 800 var(--ds-t-title-l)/var(--ds-lh-tight) var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.dsp-pay-fig span { font: 600 var(--ds-t-body)/var(--ds-lh-tight) var(--c-font); color: var(--c-ink); }
.dsp-pay-sub { margin: 0; font: 400 var(--ds-t-caption)/var(--ds-lh-body) var(--c-font); color: var(--c-soft); }
.dsp-pay-lines { list-style: none; margin: 0; padding: var(--ds-sp-12) 0 0; border-top: 1px solid var(--c-line); display: flex; flex-direction: column; gap: var(--ds-sp-8); }
.dsp-pay-lines li { position: relative; padding-left: var(--ds-sp-16); font: 400 var(--ds-t-small)/var(--ds-lh-body) var(--c-font); color: var(--c-body); }
.dsp-pay-lines li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: var(--ds-r-pill); background: var(--c-coral); }
.dsp-pay-more summary { cursor: pointer; font: 600 var(--ds-t-small)/var(--ds-lh-body) var(--c-font); color: var(--c-coral); list-style: none; }
.dsp-pay-more summary::-webkit-details-marker { display: none; }
.dsp-pay-more summary::after { content: " ›"; }
.dsp-pay-more[open] summary::after { content: " ⌄"; }
.dsp-pay-more p { margin: var(--ds-sp-8) 0 0; font: 400 var(--ds-t-caption)/var(--ds-lh-body) var(--c-font); color: var(--c-body); }


.coral-app .dsc-shop .dsp-paid { margin: 0; }
@media (min-width: 1000px) { .coral-app .dsc-shop .dsp-paid { display: none; } }

@media (min-width: 1000px) {
  .coral-app .dsc-shop .dsp-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); overflow: visible; margin-inline: 0; padding: 0; }
  .coral-app .dsc-shop .dsp-posts:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .coral-app .dsc-shop .dsp-post { flex: none; max-width: none; }
  .coral-app .dsc-shop .dsp-pay-more summary { min-height: 0; }
}


.coral-app .dsc-shop .dsp-side { display: flex; flex-direction: column; gap: var(--ds-sp-24); min-width: 0; }
.coral-app .dsc-shop .dsp-steps, .coral-app .dsc-shop .dsp-like { display: flex; flex-direction: column; gap: var(--ds-sp-12); }
.dsp-steps h2, .dsp-like h2 { margin: 0; font: 700 var(--ds-t-lead)/var(--ds-lh-tight) var(--c-font); color: var(--c-ink); }
.dsp-steps ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ds-sp-12); }
.dsp-steps li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--ds-sp-12); align-items: start; }
.dsp-step-n { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: var(--ds-r-pill); background: var(--c-tint); color: var(--c-soft); font: 700 var(--ds-t-caption)/1 var(--c-font); }
.dsp-steps li.now .dsp-step-n { background: var(--c-coral); color: #fff; }
.dsp-step-txt { display: flex; flex-direction: column; gap: var(--ds-sp-2); min-width: 0; }
.dsp-step-txt b { font: 600 var(--ds-t-small)/var(--ds-lh-tight) var(--c-font); color: var(--c-ink); }
.dsp-step-txt small { font: 400 var(--ds-t-caption)/var(--ds-lh-body) var(--c-font); color: var(--c-soft); }
.dsp-like ul { list-style: none; margin: 0 calc(-1 * var(--ds-sp-8)); padding: 0; display: flex; flex-direction: column; gap: var(--ds-sp-4); }
.coral-app .dsc-shop .dsp-like-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ds-sp-12); min-height: 44px; padding: var(--ds-sp-8); border-radius: var(--ds-r-row); color: inherit; text-decoration: none; }
.coral-app .dsc-shop .dsp-like-row:hover { background: var(--c-tint); }
.dsp-like-row .dsc-tile { width: 40px; height: 40px; }
.dsp-like-txt { display: flex; flex-direction: column; gap: var(--ds-sp-2); min-width: 0; }
.dsp-like-txt b { font: 600 var(--ds-t-small)/var(--ds-lh-tight) var(--c-font); color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsp-like-txt small { font: 400 var(--ds-t-caption)/var(--ds-lh-body) var(--c-font); color: var(--c-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsp-like-row .coral-chev { color: var(--c-faint); }

@media (min-width: 1000px) {
  .coral-app .dsc-shop .dsc-shop-grid { align-items: stretch; }
  .coral-app .dsc-shop .dsp-main { align-self: start; }
  .coral-app .dsc-shop .dsp-side { position: sticky; top: var(--ds-sp-24); }
}

.dsc-strip { order: 1; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 10px 14px; border-radius: 12px;
  background: #fff; border: 1px solid #eceae6; font: 500 14px/1.4 var(--c-font); color: #1f2937; }
.dsc-strip-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #9ca3af; }
.dsc-strip.challenge .dsc-strip-dot { background: #ff5a36; }
.dsc-strip.vetted .dsc-strip-dot, .dsc-strip.passed .dsc-strip-dot { background: #16a34a; }
.dsc-strip-line { flex: 1 1 200px; min-width: 0; }
.coral .dsc-strip-a { display: inline-flex; align-items: center; gap: 4px; color: #e0481f; font-weight: 600; text-decoration: none; white-space: nowrap; }
.dsc-strip-a .dsc-ico { width: 16px; height: 16px; }
.dsc-strip-a:hover { text-decoration: underline; }

.dsc .dsc-house { order: 1; display: flex; flex-direction: column; gap: 10px; border-color: #ffd3c6; background: linear-gradient(180deg, #fff6f2, #fff 70%); }
.dsc-house-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dsc-house-mark { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #fff; border: 1px solid #ffd3c6; }
.dsc-house-mark svg { width: 26px; height: 26px; }
.dsc-house-txt { min-width: 0; flex: 1; }
.dsc-house-kicker { margin: 0 0 2px; font: 600 11px/1.2 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: #c2410c; }
.dsc .dsc-house h2 { margin: 0; font: 700 20px/1.2 var(--c-font); }
.dsc-house-pay { margin: 0; font: 600 16px/1.4 var(--c-font); color: #111827; text-wrap: pretty; }
.dsc-house-when { margin: -4px 0 0; font: 400 14px/1.4 var(--c-font); color: #6b7280; }
.dsc-house-terms { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font: 400 14px/1.45 var(--c-font); color: #374151; }
.dsc-house-terms b { font-weight: 600; color: #111827; }
.coral .dsc-house-key { align-self: stretch; min-height: 48px; border-radius: 10px; font: 600 16px/1.2 var(--c-font); gap: 8px; }
.dsc-house-key .dsc-ico, .dsc-house-key2 .dsc-ico { width: 18px; height: 18px; }


.dsc-house-ads { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: 420px; }
.dsc-house-post { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; min-width: 0; }
.dsc-house-post img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 10px; background: #111; display: block; }
.dsc-house-cap { display: flex; flex-direction: column; min-width: 0; }
.dsc-house-cap b { font: 600 13px/1.3 var(--c-font); color: #111827; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsc-house-cap small { font: 400 12px/1.3 var(--c-font); color: #6b7280; }


.dsc .dsc-house.compact { padding: 12px 14px; gap: 10px; }
.dsc .dsc-house.compact h2 { font-size: 16px; }
.dsc-house.compact .dsc-house-row { flex-wrap: wrap; align-items: flex-start; }
.dsc-house.compact .dsc-house-txt { flex: 1 1 220px; }
.dsc-house.compact .dsc-house-pay { font: 500 14px/1.4 var(--c-font); color: #374151; }
.dsc-house-fine { margin: 2px 0 0; font: 400 13px/1.4 var(--c-font); color: #6b7280; }
.coral .dsc-house-key2:not(.primary) { background: #fff; color: var(--c-coral); border: 1px solid var(--c-coral-ring); min-height: 44px; }
.dsc-house.compact .dsc-house-ads { max-width: 260px; }
@media (max-width: 599px) { .coral .dsc-house-key2 { flex: 1 1 100%; } }


@media (min-width: 1200px) { .dsc-strip, .dsc .dsc-house { order: 0; } }

@media (min-width: 1000px) {
  .dsc .dsc-house:not(.compact) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: start; }
  .dsc-house:not(.compact) > * { grid-column: 1; }
  .dsc-house:not(.compact) > .dsc-house-ads { grid-column: 2; grid-row: 1 / span 4; width: 300px; }
  .coral .dsc-house-key { align-self: start; justify-self: start; min-width: 240px; }
}

.dsc-house-step { margin: 2px 0 0; font: 400 14px/1.4 var(--c-font); color: #4b5563; }

.coral .dsc-strip-a { min-height:44px; }

.mb, .mb-open { font-family: var(--c-font); color: var(--c-ink); }
.mb-pill { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; border-radius: 8px; background: #eef1f6; color: #3b4560; font: 500 14px/1 var(--c-font); white-space: nowrap; }
.mb-pill.ok { background: #e6f6ec; color: #1e9e55; }
.mb-pill.hot { background: #fdece7; color: #f0533a; }
.mb-pill.wait { background: var(--c-wait-t); color: var(--c-wait); }
.mb-pill.bad { background: #ffe9ea; color: #b4142c; }
.mb-pill.found { background: #fff; color: var(--c-coral-ink); box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
.mb-pill.plain { background: #eef1f6; color: #3b4560; }
.coral-chip.mb-test { border-color: #f6c9ba; color: #c2410c; background: #fff4ee; font-size: 12px; }
.mb-pic { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; flex: none; background: var(--c-tint); }
.mb-pic.letter, .mb-o-pic.letter { display: grid; place-items: center; background: #ffede7; color: var(--c-coral); font: 800 20px/1 var(--c-font); border: 1px solid rgb(15 23 42 / 6%); }
.mb-pic.sm { width: 40px; height: 40px; border-radius: 8px; font-size: 16px; }
.mb-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 12px; background: #fff; border: 1px solid #dde2ea; color: #0f172a; font: 600 17px/1.2 var(--c-font); text-decoration: none; white-space: nowrap; }
.mb-ghost:hover { border-color: #c6ccd6; }
.mb-ghost .coral-ico { width: 20px; height: 20px; }
.coral-btn.primary.mb-key { justify-content: center; }
.mb-nb { white-space: nowrap; }
.mb-bar { display: block; height: 8px; border-radius: 999px; background: #eceef3; overflow: hidden; }
.mb-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--c-coral); }
.mb-none { margin: 8px 0; }


html:has(.mb-tab), :root:has(.mb-tab) body:has(.mb-tab), .coral-app:has(.mb-tab) { background: #fbfcfd; }
.coral-app:has(.mb-tab) > .coral-top, .coral-main:has(.mb-tab) > .coral-title { display: none; }
.coral-app:has(.mb-tab) .coral-main { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
.coral-app:has(.mb-tab) .coral-tabs { border-top-color: #e6e9ef; }
body:has(.mb-tab) .v2-version { margin-bottom: 8px; }
.mb-tab .coral-hometop { margin: 0 0 14px; padding-top: 8px; }


.mb-panel { display: flex; flex-direction: column; gap: 14px; }
.mb-titles h1 { margin: 0; font: 800 34px/1.1 var(--c-font); letter-spacing: -.5px; color: #0f172a; }
.mb-lead { margin: 4px 0 0; font: 400 16px/1.4 var(--c-font); color: #5a6478; }
.mb-acts { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
.mb-acts .coral-btn.primary { width: 100%; min-height: 52px; border-radius: 12px; background: linear-gradient(180deg, #ff6a3d, #ff5a36); font: 600 18px/1.2 var(--c-font); }
.mb-acts .mb-ghost { width: 100%; }
.mb-ptotals { display: flex; flex-direction: column; gap: 12px; }
.mb-pearn, .mb-pstat, .mb-list { background: #fff; border: 1px solid #e6e9ef; border-radius: 16px; box-shadow: none; }
.mb-pearn { padding: 20px; }
.mb-pearn-k, .mb-ptile-k { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font: 400 16px/1.3 var(--c-font); color: #5a6478; }
.mb-pearn-v { margin: 6px 0 4px; font: 800 44px/1.05 var(--c-font); letter-spacing: -.02em; color: #0f172a; font-variant-numeric: tabular-nums; }
.mb-pearn-u { margin: 0; font: 400 15px/1.4 var(--c-font); color: #5a6478; }
.mb-ptiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; }
.mb-ptile { padding: 16px; border-radius: 12px; background: #f7f9fc; min-width: 0; }
.mb-ptile-k { font-size: 15px; }
.mb-ptile-v { margin: 4px 0 2px; font: 800 28px/1.1 var(--c-font); letter-spacing: -.02em; color: #0f172a; font-variant-numeric: tabular-nums; }/*kit-part*/
.mb-ptile-u { margin: 0; font: 400 14px/1.35 var(--c-font); color: #5a6478; }
.mb-pstats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mb-pstat { padding: 16px; min-width: 0; }
.mb-pstat-v { margin: 4px 0 2px; font: 800 30px/1.1 var(--c-font); letter-spacing: -.02em; color: #0f172a; white-space: nowrap; }
.mb-chips { display: flex; gap: 10px; }
.mb-chips.narrow { flex-wrap: nowrap; overflow-x: auto; margin: 2px 0 0; padding: 0 0 2px; scrollbar-width: none; }
.mb-chips.narrow::-webkit-scrollbar { display: none; }
.mb-chips.wide { display: none; }
.mb-chip { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 40px; padding: 0 18px; border-radius: 999px; background: #eef1f6; color: #3b4560; font: 500 15px/1 var(--c-font); text-decoration: none; white-space: nowrap; }
.mb-chip:hover { background: #e5e9f0; }
.mb-chip .n { font-variant-numeric: tabular-nums; }
.mb-chip.on { background: #ff5a36; color: #fff; }
.mb-list { padding: 16px 16px 14px; }
.mb-list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.mb-list-head h2 { margin: 0; font: 800 24px/1.2 var(--c-font); letter-spacing: -.02em; color: #0f172a; }
.mb-held { font: 500 14px/1.3 var(--c-font); color: #5a6478; white-space: nowrap; }
.mb-tbl-wrap, .mb-totals { display: none; }

.mb-o-hist .mb-tbl-wrap { display: block; }
.mb-prows { list-style: none; margin: 6px 0 0; padding: 0; }
.mb-prows > li + li { border-top: 1px solid #eef0f4; }

.mb-prow { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto 18px; column-gap: 12px; align-items: start; padding: 12px 0; text-decoration: none; color: #0f172a; }
.mb-prow > .mb-pic { grid-column: 1; grid-row: 1 / span 8; width: 56px; height: 56px; border-radius: 12px; font-size: 22px; }
.mb-prow-name { grid-column: 2; grid-row: 1; font: 700 17px/1.3 var(--c-font); color: #0f172a; overflow-wrap: anywhere; }
.mb-prow-v { grid-column: 3; grid-row: 1; font: 700 17px/1.3 var(--c-font); color: #0f172a; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mb-prow > .coral-chev { grid-column: 4; grid-row: 1; width: 20px; height: 20px; margin-top: 1px; color: #3b4560; }
.mb-prow-sub { grid-column: 2 / span 2; grid-row: 2; font: 400 14px/1.35 var(--c-font); color: #5a6478; overflow-wrap: anywhere; }
.mb-prow > .mb-pills { grid-column: 2 / span 3; grid-row: 3; margin-top: 6px; }
.mb-pills { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.mb-prow-next { grid-column: 2 / span 3; grid-row: 4; margin-top: 6px; font: 400 15px/1.35 var(--c-font); color: #5a6478; }
.mb-prow-next.hot { color: #f0533a; font-weight: 500; }
.mb-prow .mb-quote { grid-column: 2 / span 3; grid-row: 5; margin-top: 2px; font: 400 14px/1.4 var(--c-font); color: #3b4560; }
.mb-prow .mb-clock { grid-column: 2 / span 3; grid-row: 6; margin-top: 2px; font: 400 13px/1.35 var(--c-font); color: #6b7390; }
.mb-ifall { margin: 10px 0 0; font: 400 14px/1.45 var(--c-font); color: #5a6478; }
.mb-ptotals ~ .mb-list .mb-ifall { display: none; }
.mb-foot { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid #eef0f4; font: 400 13px/1.5 var(--c-font); color: #5a6478; }


@media (min-width: 430px) {
  .mb-prow { grid-template-columns: 56px minmax(0, 1fr) auto auto 18px; }
  .mb-prow > .mb-pills { grid-column: 3; grid-row: 1; margin-top: 0; justify-content: flex-end; }
  .mb-prow-v { grid-column: 4; }
  .mb-prow > .coral-chev { grid-column: 5; }
  .mb-prow-sub { grid-column: 2 / span 3; }
  .mb-prow-next { grid-row: 3; margin-top: 4px; }
  .mb-prow .mb-quote { grid-row: 4; } .mb-prow .mb-clock { grid-row: 5; }
}


@media (min-width: 1000px) {
  html:has(.mb-tab), :root:has(.mb-tab) body:has(.mb-tab), .coral-app:has(.mb-tab) { background: #fafafa; }
  .coral-app:has(.mb-tab) .coral-main { padding: 16px 24px 32px; }
  .mb-tab .coral-hometop { margin: 0 0 16px; padding: 0; height: 52px; }
  .mb-panel { gap: 16px; padding: 20px 16px 16px; background: #fff; border: 1px solid #eeeef0; border-radius: 16px; }
  .mb-head { display: flex; align-items: center; gap: 16px; padding: 0 4px; }
  .mb-titles { flex: 1; min-width: 0; }
  .mb-titles h1 { font: 800 36px/1.1 var(--c-font); letter-spacing: -.02em; color: #111827; }
  .mb-lead { margin-top: 4px; font-size: 18px; color: #4b5563; }
  .mb-acts { flex-direction: row; gap: 16px; margin: 0; flex: none; }
  .mb-acts .coral-btn.primary { width: auto; min-height: 50px; padding: 0 28px; border-radius: 12px; background: #f0552f; font: 600 18px/1.2 var(--c-font); }
  .mb-acts .coral-btn.primary:hover { background: var(--c-coral-h); }
  .mb-acts .mb-ghost { width: auto; min-height: 50px; padding: 0 26px; border-color: #e5e7eb; color: #111827; font-size: 18px; }
  .mb-acts .mb-ghost .coral-ico { width: 18px; height: 18px; }
  .mb-ptotals, .mb-chips.narrow, .mb-prows { display: none; }
  .mb-chips.wide { display: flex; flex-wrap: wrap; margin: 14px 0 10px; }
  .mb-chip { height: 38px; padding: 0 16px; color: #374151; }
  .mb-chip.on { background: #f0552f; }
  .mb-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
  .mb-total { display: flex; flex-direction: column; padding: 20px 20px; background: #fff; border: 1px solid #ececec; border-radius: 12px; min-width: 0; }
  .mb-total-k { margin: 0 0 8px; font: 500 15px/1.3 var(--c-font); color: #374151; }
  .mb-total-v { margin: 0 0 8px; font: 800 52px/1 var(--c-font); letter-spacing: -.02em; color: #111827; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .mb-total-u { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; margin: 0; font: 400 13px/1.45 var(--c-font); color: #6b7280; }
  .mb-total-u.line { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f0f0f2; color: #374151; }
  .mb-list { padding: 18px 16px 14px; border-color: #ececec; border-radius: 12px; }
  .mb-tbl-wrap { display: block; overflow-x: auto; }
  .mb-tbl .mb-c-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .mb-tab .mb-tbl { width: 100%; border-collapse: collapse; font: 400 15px/1.35 var(--c-font); color: #6b7280; }
  .mb-tab .mb-tbl th { text-align: left; font: 500 15px/1.3 var(--c-font); color: #4b5563; padding: 6px 10px 8px; border-bottom: 1px solid #f0f0f2; white-space: nowrap; }
  .mb-tab .mb-tbl th.mb-c-num { text-align: right; }
  .mb-tab .mb-tbl td { padding: 6px 10px; border-bottom: 1px solid #f0f0f2; vertical-align: middle; }
  .mb-tab .mb-tbl tbody tr:hover { background: #fafafb; }
  .mb-tab .mb-tbl td.mb-c-num { color: #111827; font-weight: 500; }
  .mb-tab .mb-tbl tfoot th, .mb-tab .mb-tbl tfoot td { border-bottom: 0; padding-top: 14px; padding-bottom: 12px; font: 700 18px/1.2 var(--c-font); color: #111827; }
  .mb-tab .mb-tbl tfoot td.mb-c-num { font-weight: 700; }
  .mb-brand { display: flex; align-items: center; gap: 14px; text-decoration: none; min-width: 190px; }
  .mb-brand-txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
  .mb-brand-txt b { font: 500 15px/1.25 var(--c-font); color: #111827; }
  .mb-brand-txt small { font: 400 13px/1.25 var(--c-font); color: #6b7280; }
  .mb-tbl .mb-pic { width: 42px; height: 42px; border-radius: 8px; border: 1px solid #ececec; font-size: 18px; }
  .mb-tab .mb-pill { height: 30px; padding: 0 12px; font-size: 14px; }
  .mb-tab .mb-pill.ok { background: #e7f7ec; color: #22a04b; }
  .mb-tab .mb-pill.hot { background: #fdece7; color: #f0552f; }
  .mb-tab .mb-pill.plain { background: #eef0f3; color: #374151; }
  .mb-c-status .mb-pills { flex-wrap: nowrap; }
  .mb-c-role, .mb-c-share { white-space: nowrap; }
  .mb-next { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #6b7280; min-width: 170px; }
  .mb-next > span { display: flex; flex-direction: column; gap: 1px; }
  .mb-next small { font: 400 13px/1.3 var(--c-font); color: #8a8f98; }
  .mb-next.hot { color: #f0552f; font-weight: 500; }
  .mb-next .coral-chev { color: #374151; }
  .mb-ptotals ~ .mb-list .mb-ifall { display: block; }
  .mb-ifall { margin: 4px 0 0; padding: 0 10px; font-size: 13px; color: #6b7280; }
  .mb-foot { margin: 0; padding: 14px 10px 0; border-top: 1px solid #ececec; color: #6b7280; }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .mb-c-role, .mb-tbl thead th:nth-child(3), .mb-tbl tfoot td:nth-child(3) { display: none; }
  .mb-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .mb-total-v { font-size: 40px; }
  .mb-brand { min-width: 0; gap: 10px; }
  .mb-brand-txt small { display: none; }
  .mb-tab .mb-tbl td, .mb-tab .mb-tbl th { padding: 6px; font-size: 14px; }
  .mb-tbl .mb-pic { width: 36px; height: 36px; }
  .mb-next { min-width: 0; }
  .mb-c-status .mb-pills { flex-wrap: wrap; }
  .mb-acts .coral-btn.primary, .mb-acts .mb-ghost { padding: 0 18px; font-size: 16px; }
  .mb-titles h1 { font-size: 32px; }
}

@media (min-width: 1000px) {
  .mb-open .mb-tbl { width: 100%; border-collapse: collapse; font: 400 15px/1.35 var(--c-font); color: var(--c-body); }
  .mb-open .mb-tbl th { text-align: left; font: 500 14px/1.3 var(--c-font); color: var(--c-soft); white-space: nowrap; }
  .mb-open .mb-tbl .strong { font-weight: 600; }
  .mb-open .mb-tbl tfoot th, .mb-open .mb-tbl tfoot td { font: 700 17px/1.2 var(--c-font); color: var(--c-ink); }
}


.coral-title h1:has(.mb-crumb-a) { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; font: 500 16px/1.3 var(--c-font); color: var(--c-soft); letter-spacing: 0; }

.coral-app .coral-title h1:has(.mb-crumb-a) { font: 500 15px/1.3 var(--c-font); letter-spacing: 0; }
.mb-crumb-a { display: inline-flex; align-items: center; gap: 4px; color: var(--c-body); text-decoration: none; }
.mb-crumb-a:hover { color: var(--c-ink); }
.mb-crumb-back { width: 18px; height: 18px; }
.mb-crumb-name { color: var(--c-ink); }
.mb-crumb-sep, .mb-crumb-name { display: none; }
.mb-open { display: flex; flex-direction: column; gap: 10px; }
.mb-o-main, .mb-o-side { display: contents; }
.mb-o-level { display: grid; gap: 6px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--c-line, rgb(255 255 255 / 10%)); color: var(--c-ink); text-decoration: none; }
.mb-o-level-t { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font: 600 14px/1.3 var(--c-font); }
.mb-o-level-go { color: var(--c-soft); font-weight: 500; }
.mb-o-level-note { color: var(--c-soft); font-size: 12px; }
.mb-o-big-u { font-size: 15px; font-weight: 500; color: var(--c-soft); letter-spacing: 0; }
.mb-o-head { order: 1; } .mb-o-next { order: 2; } .mb-o-earn { order: 3; } .mb-o-share { order: 4; } .mb-o-ads { order: 5; } .mb-o-hist { order: 6; } .mb-o-act { order: 7; }
.mb-open .coral-card h2 { margin: 0 0 6px; font: 700 18px/1.25 var(--c-font); letter-spacing: -.01em; }
.mb-o-head { display: flex; gap: 14px; align-items: flex-start; }
.mb-o-pic { width: 84px; height: 84px; border-radius: 12px; object-fit: cover; flex: none; background: var(--c-tint); }
.mb-o-pic.letter { font-size: 32px; }
.mb-o-headtxt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mb-open .mb-o-head h2 { margin: 0; font: 700 24px/1.15 var(--c-font); letter-spacing: -.02em; overflow-wrap: anywhere; }
.mb-o-headtxt .coral-quiet { margin: 0; overflow-wrap: anywhere; }
.mb-o-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 2px; }
.mb-o-title { margin: 0; font: 600 16px/1.35 var(--c-font); color: var(--c-ink); }
.mb-o-keys { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.mb-o-keys .mb-ghost { width: 100%; }
.mb-o-sending { margin: 10px 0 0; font: 400 13px/1.45 var(--c-font); color: var(--c-faint); }
.mb-o-kit { margin-top: 12px; border-top: 1px solid var(--c-div); padding-top: 10px; }
.mb-o-kit > summary { cursor: pointer; font: 500 14px/1.3 var(--c-font); color: var(--c-coral-ink); }
.mb-o-kit .outreach-kit { margin-top: 10px; }
.mb-o-big { margin: 0 0 8px; font: 700 36px/1.05 var(--c-font); letter-spacing: -.02em; }
.mb-o-sold { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: var(--c-ok-t); font: 400 15px/1.4 var(--c-font); color: var(--c-ink); }
.mb-o-lines { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.mb-o-lines > div { display: flex; justify-content: space-between; gap: 12px; font: 400 15px/1.35 var(--c-font); }
.mb-o-lines dt { color: var(--c-body); }
.mb-o-lines dd { margin: 0; font-weight: 600; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.mb-o-lines.split { margin: 10px 0; padding-top: 10px; border-top: 1px solid var(--c-div); }
.mb-o-strong { margin: 0; font: 600 16px/1.35 var(--c-font); }
.mb-o-share .mb-bar { margin: 12px 0 6px; }
.mb-o-span { display: flex; justify-content: space-between; gap: 8px; margin: 0; font: 400 13px/1.3 var(--c-font); color: var(--c-soft); }
.mb-o-adlist { list-style: none; margin: 4px 0 0; padding: 0 0 4px; display: grid; grid-auto-flow: column; grid-auto-columns: 42%; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; }
.mb-o-adlist > li { scroll-snap-align: start; min-width: 0; }
.mb-o-adlist a { display: flex; flex-direction: column; gap: 6px; text-decoration: none; }
.mb-o-poster { width: 100%; aspect-ratio: 4 / 3; border-radius: 10px; object-fit: cover; background: var(--c-tint); display: block; }
.mb-o-adlist b { font: 500 14px/1.3 var(--c-font); color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mb-o-adlist .mb-pill { align-self: flex-start; font-size: 12px; }

.mb-hist { width: 100%; border-collapse: collapse; }
.mb-hist thead { display: none; }
.mb-hist tr { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; grid-template-areas: "d w p" "d w y"; gap: 2px 10px; padding: 10px 0; border-bottom: 1px solid var(--c-div); font: 400 14.5px/1.35 var(--c-font); }
.mb-hist tfoot tr { border-bottom: 0; font: 700 17px/1.25 var(--c-font); grid-template-areas: "d d p" "d d y"; }
.mb-hist tfoot th { grid-area: d; text-align: left; }
.mb-h-date { grid-area: d; color: var(--c-soft); white-space: nowrap; }
.mb-h-what { grid-area: w; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: var(--c-ink); }
.mb-hist tfoot .mb-h-what { display: none; }
.mb-h-paid { grid-area: p; text-align: right; font-weight: 600; color: var(--c-ink); }
.mb-h-yours { grid-area: y; text-align: right; color: var(--c-body); white-space: nowrap; }
.mb-h-state { display: none; }
.mb-h-yw { color: var(--c-soft); font-weight: 400; }
.mb-o-tl { list-style: none; margin: 4px 0 0; padding: 0; }
.mb-o-tl > li { position: relative; display: grid; grid-template-columns: 16px 56px minmax(0, 1fr); gap: 8px; padding: 7px 0; font: 400 14.5px/1.4 var(--c-font); color: var(--c-body); }
.mb-o-tl > li + li::before { content: ""; position: absolute; left: 5px; top: -8px; height: 18px; border-left: 2px solid #e6e8ee; }
.mb-o-dot { width: 12px; height: 12px; margin-top: 4px; border-radius: 50%; background: #e1e4ea; }
.mb-o-tl > li.now .mb-o-dot { background: var(--c-coral); }
.mb-o-when { color: var(--c-soft); }

@media (min-width: 600px) {
  .mb-o-adlist { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; }
  .mb-o-keys .mb-ghost { width: auto; }
  .mb-o-keys .coral-btn.primary { width: auto; padding: 0 22px; }
}
@media (min-width: 1000px) {
  .mb-crumb-sep, .mb-crumb-name { display: inline; }
  .mb-crumb-back { display: none; }
  .mb-hist thead { display: table-header-group; }
  .mb-hist tr { display: table-row; padding: 0; border: 0; }
  .mb-hist th, .mb-hist td { padding: 7px 8px; border-bottom: 1px solid var(--c-div); font-size: 14.5px; }
  .mb-hist th { font-size: 13px; }
  .mb-hist tfoot th, .mb-hist tfoot td { border-bottom: 0; }
  .mb-h-what { display: table-cell; }
  .mb-hist tfoot .mb-h-what { display: table-cell; }
  .mb-h-state-in { display: none; }
  .mb-h-state { display: table-cell; }
  .mb-h-yw { display: none; }
  .mb-h-yours { color: var(--c-ink); }
  .mb-open .mb-o-head h2 { font-size: 34px; }
  .mb-o-pic { width: 110px; height: 110px; }
}
@media (min-width: 1200px) {
  .mb-open { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 16px; align-items: start; }
  .mb-o-main, .mb-o-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
  .mb-open .coral-card { padding: 18px 20px; }
  .mb-o-big { font-size: 48px; }
}
.mb-o-kit .kit-btn { max-width: 100%; white-space: normal; height: auto; }
.mb-o-kit .outreach-kit { overflow-wrap: anywhere; }


.coral-app:has(.mb-tab) ~ .v2-version, body:has(.mb-tab) .v2-version { display: none; }

.coral.coral-app:has(.mb-tab) > .moment-card { position: static; grid-column: 2; margin: 24px; width: auto; max-width: 440px; justify-self: end; }
.mb-panel, .mb-ptotals { gap: 10px; }
.mb-titles h1 { font-size: 26px; color: #1b2340; }
.mb-lead { margin-top: 2px; font-size: 13.5px; color: #5b6b8c; }
.mb-acts { gap: 8px; margin-top: 12px; }
.mb-acts .coral-btn.primary, .mb-acts .mb-ghost { min-height: 40px; border-radius: 10px; font-size: 15px; font-weight: 500; box-shadow: none; }
.mb-acts .mb-ghost { color: #1e2a4a; border-color: #dce1ea; }
.mb-pearn, .mb-pstat, .mb-list { border-radius: 12px; border-color: #e6e9f0; }
.mb-pearn, .mb-pstat { padding: 14px; }
.mb-pearn-k, .mb-ptile-k { font-size: 15px; color: #55627a; }
.mb-pearn-u, .mb-ptile-u { font-size: 13px; line-height: 20px; color: #5b6b8c; }
.mb-ptile { padding: 14px; border-radius: 10px; background: #f7f8fb; }
.mb-pstats { gap: 10px; }
.mb-pstat .mb-ptile-u { overflow-wrap: anywhere; }
.mb-pstat .mb-nb { white-space: normal; }
.mb-chips.narrow { display: flex; gap: 8px; }
.mb-chip { height: 36px; padding: 0 14px; gap: 6px; font-weight: 400; background: #f1f4f9; color: #3b4a6b; }
.mb-list { padding: 12px; }
.mb-list-head h2 { font-size: 22px; color: #1b2340; }
.mb-prow { grid-template-columns: 40px minmax(0, 1fr) auto auto 12px; gap: 0 6px; padding: 10px 0; }
.mb-prow > .mb-pic { width: 40px; height: 40px; border-radius: 10px; font-size: 16px; font-weight: 700; }
.mb-prow-name { font: 600 15px/1.25 var(--c-font); color: #1b2340; }
.mb-prow-v { grid-column: 4; font: 600 15px/1.25 var(--c-font); color: #1b2340; }
.mb-prow > .coral-chev { grid-column: 5; width: 12px; }
.mb-prow > .mb-pills { grid-column: 3; grid-row: 1; margin: 0; }
.mb-prow-sub { grid-column: 2 / span 3; grid-row: 2; font-size: 12.5px; color: #6b7a99; padding-top: 3px; }
.mb-prow-next { grid-column: 2 / span 4; grid-row: 3; margin-top: 3px; font-size: 13.5px; color: #5b6b8c; }
.mb-prow-next.hot { color: #f04e2e; font-weight: 400; }
.mb-prow .mb-clock { grid-column: 2 / span 4; grid-row: 5; }
.mb-prow .mb-quote { grid-column: 2 / span 4; grid-row: 4; }
.mb-prow .mb-pill { height: 24px; border-radius: 8px; font-size: 13px; padding: 0 10px; }
.mb-prow .mb-pill.ok { background: #e4f7ea; color: #1f9d55; }
.coral-chip.mb-test { display: inline-flex; white-space: nowrap; padding: 2px 5px; border: 1px solid #f6c3b3; border-radius: 6px; font: 400 12px/16px var(--c-font); background: #fff1ec; color: #e5532e; }
.mb-foot { border: 0; font-size: 12px; color: #8a96b3; }
@media (max-width: 359px) {
  .mb-prow { grid-template-columns: 40px minmax(0, 1fr) auto 12px; }
  .mb-prow-v { grid-column: 3; }
  .mb-prow > .coral-chev { grid-column: 4; }
  .mb-prow > .mb-pills { grid-column: 2 / span 3; grid-row: 3; max-width: none; margin-top: 3px; }
  .mb-prow-next { grid-row: 4; }
  .mb-prow .mb-quote { grid-row: 5; }
  .mb-prow .mb-clock { grid-row: 6; }
}
@media (max-width: 999px) {
  .coral.coral-app:has(.mb-tab) > .moment-card { margin: 12px 16px 80px; }
}
@media (min-width: 1000px) {
  .mb-panel { gap: 16px; padding-top: 12px; }
  .mb-titles h1 { font-size: 36px; }
  .mb-lead { font-size: 18px; }
  .mb-acts { margin: 0; }
  .mb-acts .coral-btn.primary, .mb-acts .mb-ghost { min-height: 50px; font-size: 18px; }
  .mb-chips.narrow { display: none; }
  .mb-totals { margin-bottom: 12px; }
  .mb-total { padding: 22px 16px 20px; min-height: 158px; }
  .mb-total-k { font: 400 16px/21px var(--c-font); color: #3d4452; margin-bottom: 8px; }
  .mb-total-k .mb-test { font-size: 11px; }
  .mb-total-v { margin-bottom: 6px; }
  .mb-total-u { display: block; font-size: 13px; line-height: 20px; color: #4b5563; }
  .mb-total:first-child .mb-total-u, .mb-total:nth-child(3) .mb-total-u { font-size: 15px; }
  .mb-total-u.line { margin-top: 6px; padding-top: 6px; }
  .mb-chip { height: 34px; background: #f1f2f4; color: #4a5160; }
  .mb-list { padding: 16px 12px 12px; }
  .mb-tab .mb-tbl th { font-weight: 400; color: #555e80; }
  .mb-tab .mb-tbl td { padding-top: 4px; padding-bottom: 4px; color: #5c6488; }
  .mb-tab .mb-pill { height: 30px; padding: 0 14px; font-size: 15px; font-weight: 400; border-radius: 6px; }
  .mb-tab .mb-pill.ok { background: #dcf7ea; color: #2e9e72; }
  .mb-tab .mb-pill.hot { background: #fdece6; color: #f0582f; }
  .mb-tbl .mb-pic { border-radius: 8px; font-weight: 600; }
  .mb-next { color: #5c6488; }
  .mb-foot { border-top: 1px solid #ececec; font-size: 13px; padding-top: 12px; }
}
.mb-repeat-short { display: none; }
@media (max-width: 359px) {
  .mb-repeat-full { display: none; }
  .mb-repeat-short { display: inline; }
}
@media (min-width: 1000px) {
  .mb-tab .coral-hometop { margin-bottom: 4px; }
  .mb-total { position: relative; }

}

@media (min-width: 1000px) {
  .mb-total { padding: 16px 16px 12px; }
  .mb-total-k { margin-bottom: 4px; }
  .mb-total-v { font-size: 44px; margin-bottom: 4px; }
  .mb-total-u { line-height: 18px; }
  .mb-total-u.line { margin: 0; padding: 0; border: 0; }
}



.coral.coral-app:has(.mb-tab) > .moment-card { position: relative; }

html body:has(.mb-tab) > .v2-truth { height: 20px !important; line-height: 20px !important; background: #fff1ec !important; color: #e8552d !important; font-size: 12px !important; }
.coral-chip.mb-test { display: inline-flex; align-items: center; height: 16px; margin-left: 6px; padding: 0 5px; border: 1px solid #f9b9a3; border-radius: 4px; background: #fff1ec; color: #f0532a; font: 500 11px/14px var(--c-font); white-space: nowrap; vertical-align: 1px; flex: none; }
.mb-pic.letter, .mb-o-pic.letter { border: 0; }
.mb-pic.icon svg, .mb-o-pic.icon svg { width: 55%; height: 55%; }


.coral-app:has(.mb-tab) .coral-main { padding-left: 16px; padding-right: 16px; }
html:has(.mb-tab), :root:has(.mb-tab) body:has(.mb-tab), .coral-app:has(.mb-tab) { background: #fff; }
.mb-titles h1 { font: 800 28px/1.15 var(--c-font); letter-spacing: -.02em; color: #0f172a; }
.mb-lead { font-size: 14px; color: #5b6b8f; }
.mb-pearn, .mb-pstat, .mb-list { border: 1px solid #e5e9f0; border-radius: 12px; box-shadow: none; }
.mb-pearn { padding: 16px 20px; }
.mb-pearn-k, .mb-ptile-k { font: 400 14px/18px var(--c-font); color: #5b6b8f; gap: 0; }
.mb-pearn-v { margin: 4px 0 4px; font: 800 36px/1.1 var(--c-font); letter-spacing: -.02em; }
.mb-pearn-u { font: 400 14px/18px var(--c-font); color: #5b6b8f; }
.mb-ptiles { margin-top: 12px; gap: 10px; }
.mb-ptile { padding: 12px 14px; border: 0; border-radius: 10px; background: #f7f8fb; display: flex; flex-direction: column; gap: 4px; }
.mb-ptile-v { margin: 0; font: 800 22px/1.1 var(--c-font); letter-spacing: -.02em; }
.mb-ptile-u { font: 400 13px/16px var(--c-font); color: #5b6b8f; }
.mb-pstat { padding: 12px 16px; display: flex; flex-direction: column; gap: 4px; }
.mb-pstat-v { margin: 0; font: 800 26px/1.1 var(--c-font); }
.mb-pstat .mb-ptile-u { font: 400 12px/16px var(--c-font); color: #5b6b8c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.mb-pstat .mb-nb { white-space: nowrap; }
.mb-ptotals + .mb-chips.narrow { margin-top: 6px; }
.mb-chips.narrow { gap: 8px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 24px), transparent); padding-right: 24px; margin-right: -16px; }
.mb-chip { height: 30px; padding: 0 12px; gap: 6px; border-radius: 15px; background: #eef2fa; color: #3d4b6b; font: 500 13px/1 var(--c-font); }
.mb-chip.on { background: #ff5a36; color: #fff; }
.mb-list { padding: 12px 12px 16px; }
.mb-list-head h2 { font: 800 20px/1.2 var(--c-font); letter-spacing: -.02em; color: #10151f; }
.mb-prows { margin-top: 2px; }
.mb-prows > li + li { border-top: 0; }
.mb-prows > li { position: relative; }
.mb-prows > li + li::before { content: ""; position: absolute; top: 0; left: 50px; right: 0; border-top: 1px solid #eef1f5; }
.mb-prow { grid-template-columns: 40px minmax(0, 1fr) auto auto 16px; column-gap: 8px; row-gap: 0; padding: 11px 0; }
.mb-prow > .mb-pic { width: 40px; height: 40px; border-radius: 10px; font: 700 16px/1 var(--c-font); margin-right: 2px; }
.mb-prow-name { font: 600 14px/18px var(--c-font); color: #10151f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; }
.mb-prow > .mb-pills { align-self: start; }
.mb-prow .mb-pill { height: 20px; padding: 0 7px; border-radius: 6px; font: 500 11.5px/1 var(--c-font); }
.mb-prow-v { font: 600 14px/18px var(--c-font); color: #1b2440; }
.mb-prow > .coral-chev { width: 16px; height: 18px; margin: 0; color: #2b3550; }
.mb-prow > .coral-chev svg { width: 16px; height: 16px; stroke-width: 1.75; }
.mb-prow-sub { display: flex; align-items: center; padding-top: 1px; font: 400 12.5px/16px var(--c-font); color: #5b6b8f; white-space: nowrap; overflow: hidden; }
.mb-prow-next { margin-top: 1px; font: 400 13px/16px var(--c-font); color: #5b6b8f; }
.mb-prow-next.hot { color: #ff5a36; }
.mb-prow .mb-clock { font: 400 12px/16px var(--c-font); color: #5b6b8f; }
.mb-foot { margin-top: 4px; padding-top: 16px; font: 400 12px/1.45 var(--c-font); color: #8a96ab; }
@media (max-width: 359px) {
  .mb-prow { grid-template-columns: 40px minmax(0, 1fr) auto 16px; }
  .mb-prow > .mb-pills { margin-top: 4px; }
}


@media (min-width: 1000px) {
  .coral-app:has(.mb-tab) .coral-main { padding: 16px 24px 32px; }
  html:has(.mb-tab), :root:has(.mb-tab) body:has(.mb-tab), .coral-app:has(.mb-tab) { background: #fafafa; }
  .mb-titles h1 { font: 700 38px/1.1 var(--c-font); letter-spacing: -.02em; color: #0f172a; }
  .mb-lead { margin-top: 4px; font: 400 18px/1.35 var(--c-font); color: #4b5563; }
  .mb-acts { gap: 16px; }
  .mb-acts .coral-btn.primary { min-height: 48px; padding: 0 28px; border-radius: 10px; background: #f0552d; box-shadow: 0 4px 12px rgb(240 85 45 / 25%); font: 600 17px/1.2 var(--c-font); }
  .mb-acts .mb-ghost { min-height: 48px; padding: 0 24px; border-radius: 10px; border: 1px solid #e5e7eb; font: 600 17px/1.2 var(--c-font); }
  .mb-totals { margin-bottom: 0; }
  .mb-total { padding: 22px 24px; min-height: 160px; }
  .mb-total-k { display: flex; align-items: center; margin: 0; font: 400 16px/21px var(--c-font); color: #374151; }
  .mb-total-v { margin: 10px 0 8px; font: 800 44px/1 var(--c-font); }
  .mb-total-u { display: block; margin: 0; font: 400 13px/18px var(--c-font); letter-spacing: -.01em; color: #6b7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb-total:first-child .mb-total-u, .mb-total:nth-child(3) .mb-total-u { font-size: 15px; line-height: 20px; letter-spacing: 0; color: #4b5563; }
  .mb-total .mb-total-u.if { font-size: 13px; line-height: 1.4; color: #6b7280; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .mb-total-u.line { margin-top: auto; padding-top: 12px; border-top: 1px solid #eceae6; font-size: 14px; color: #4b5563; }
  .mb-total-u + .mb-total-u.line { margin-top: auto; }
  .mb-total:nth-child(2) .mb-total-u:not(.line) { padding-bottom: 12px; }
  .mb-chips.wide { gap: 10px; margin: 14px 0 12px; }
  .mb-chip { height: 34px; padding: 0 16px; border-radius: 17px; background: #f1f3f7; color: #374151; font: 400 15px/1 var(--c-font); }
  .mb-chip.on { background: #f0552d; color: #fff; }
  .mb-list { padding: 20px; }
  .mb-list-head { padding: 0 10px; }
  .mb-list-head h2 { font: 700 24px/1.2 var(--c-font); color: #111827; }
  .mb-chips.wide { padding: 0 10px; }
  .mb-brand-txt small { display: flex; align-items: center; }
  .mb-tbl .mb-pic { width: 42px; height: 42px; border: 0; border-radius: 8px; font: 600 17px/1 var(--c-font); }
  .mb-next .coral-chev { width: 18px; height: 18px; color: #374151; flex: none; margin-left: auto; }
  .mb-next .coral-chev svg { width: 18px; height: 18px; stroke-width: 2; }
  .mb-next { min-width: 0; }
  .mb-tab .mb-tbl tfoot th { white-space: nowrap; }
  .mb-tab .mb-tbl tfoot th .mb-test { vertical-align: 3px; }
  .mb-foot { padding: 14px 10px 0; font-size: 13px; color: #6b7280; }
}
@media (min-width: 1280px) {
  .mb-tab .mb-tbl { table-layout: fixed; }
  .mb-col-brand { width: 215px; } .mb-col-status { width: 170px; } .mb-col-role { width: 130px; }
  .mb-col-paid { width: 100px; } .mb-col-yours { width: 95px; } .mb-col-share { width: 190px; }
  .mb-brand { min-width: 0; }
  .mb-brand-txt b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb-tab .mb-tbl td.mb-c-share { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .mb-tab .mb-tbl th.mb-c-num, .mb-tab .mb-tbl td.mb-c-num { padding-right: 18px; }
}

.mb-lead { font-size: 13.5px; letter-spacing: -.01em; }
@media (min-width: 1000px) {
  .mb-lead { font-size: 18px; letter-spacing: 0; }
  .mb-total { padding: 22px 22px; }
  .mb-total-k { flex-wrap: wrap; font-size: 15px; letter-spacing: -.005em; }
  .mb-total-k > span { white-space: nowrap; }
  .mb-total-k .mb-test { font-size: 10.5px; padding: 0 4px; }
}
@media (min-width: 1280px) {
  .mb-totals { grid-template-columns: 1.12fr 1fr 1fr 1fr; }
}
@media (min-width: 1000px) {
  
  .mb-total-u { white-space: normal; overflow: visible; }
  .mb-total .mb-total-u.if { display: block; -webkit-line-clamp: none; }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  
  .mb-brand-txt small { display: none; }
  .mb-next { min-width: 112px; }
  .mb-tab .mb-tbl td.mb-c-share { white-space: normal; }
  .mb-tab .mb-pill { padding: 0 10px; font-size: 14px; }
}
@media (max-width: 999px) {
  
  .mb-prow { column-gap: 6px; }
  .mb-prow > .mb-pic { margin-right: 4px; }
  .mb-prow-name { font-size: 13.5px; letter-spacing: -.01em; }
  .mb-prow .mb-pill { padding: 0 6px; font-size: 11px; }
}


.mb-tab .mb-chip { height: 30px; padding: 0 14px; gap: 6px; border: 0; border-radius: 999px; background: #eef1f7; color: #4a5878; font-weight: 400; }
.mb-tab .mb-chip.on { background: #ff6a3d; color: white; font-weight: 500; }
.mb-tab .mb-pearn, .mb-tab .mb-pstat { padding: 14px; border-radius: 10px; border-color: #e6e9f0; }
.mb-tab .mb-ptiles { margin-left: -4px; margin-right: -4px; gap: 10px; }
.mb-tab .mb-ptile { padding: 12px; background: #f5f7fb; border: 0; }
.mb-tab .mb-pstat .mb-ptile-u { white-space: normal; overflow: visible; text-overflow: clip; color: #5c6b8a; }
.mb-tab .mb-list { border-radius: 10px; }
.mb-tab .mb-list-head h2 .mb-test { vertical-align: middle; }
@media (max-width: 999px) {
  .mb-tab .mb-acts { gap: 12px; margin-top: 14px; }
  .mb-tab .mb-acts .coral-btn.primary, .mb-tab .mb-acts .mb-ghost { height: 36px; min-height: 36px; border-radius: 8px; box-shadow: none; }
  .mb-tab .mb-prow { grid-template-columns: 40px minmax(110px, 1fr) 64px 64px 16px; column-gap: 4px; row-gap: 2px; padding: 10px 0; }
  .mb-tab .mb-prow > .mb-pic { border-radius: 8px; margin: 0; }
  .mb-tab .mb-prow-name { font: 600 14px/1.25 var(--c-font); color: #1a2240; white-space: normal; overflow: visible; text-overflow: clip; }
  .mb-tab .mb-prow > .mb-pills { justify-content: flex-start; }
  .mb-tab .mb-prow .mb-pill { height: 20px; padding: 2px 7px; border-radius: 8px; font: 500 11px/1.25 var(--c-font); white-space: nowrap; }
  .mb-tab .mb-prow .mb-pill.ok { background: #e3f7ea; color: #22a45d; }
  .mb-tab .mb-prow .mb-pill.hot { background: #fde7e4; color: #f2542d; }
  .mb-tab .mb-prow-v { min-width: 64px; font: 600 15px/1.25 var(--c-font); color: #1a2240; text-align: right; }
  .mb-tab .mb-prow-sub { padding: 0; font: 400 12px/1.25 var(--c-font); color: #5b6a8f; overflow: visible; }
  .mb-tab .mb-prow-next { display: block; margin: 0; font: 400 13px/1.25 var(--c-font); color: #5c6b8a; }
  .mb-tab .mb-prow-next.hot { color: #f2542d; }
  .mb-tab .mb-test { height: 16px; padding: 1px 6px; font-size: 10.5px; }
  .mb-tab .mb-prows > li + li::before { left: 0; border-color: #e8ebf0; }
}/*kit-part*/
@media (max-width: 374px) {
  .mb-tab .mb-prow { grid-template-columns: 40px minmax(0, 1fr) 64px 16px; }
  .mb-tab .mb-prow > .mb-pills { grid-column: 2 / 5; grid-row: 3; margin: 0; }
  .mb-tab .mb-prow-v { grid-column: 3; }
  .mb-tab .mb-prow > .coral-chev { grid-column: 4; }
  .mb-tab .mb-prow-sub, .mb-tab .mb-prow-next { grid-column: 2 / 5; }
  .mb-tab .mb-prow-next { grid-row: 4; }
}
@media (min-width: 1000px) {
  .mb-tab .mb-panel { margin-top: 12px; }
  .mb-tab .mb-totals { align-items: start; grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mb-tab .mb-total { padding: 24px; min-height: 0; }
  .mb-tab .mb-total-k { font: 400 15px/20px var(--c-font); color: #3a3f4b; }
  .mb-tab .mb-total-v { margin: 8px 0; font: 800 44px/1 var(--c-font); letter-spacing: -.02em; color: #0f1729; }
  .mb-tab .mb-total-u { color: #5b6170; font-size: 13px; line-height: 18px; }
  .mb-tab .mb-total-u.sub { font-size: 15px; color: #3a3f4b; }
  .mb-tab .mb-total .mb-total-u.if { font-size: 13px; line-height: 18px; }
  .mb-tab .mb-total-u.line { margin-top: 8px; padding-top: 8px; }
  .mb-tab .mb-total:nth-child(2) .mb-total-u:not(.line) { padding-bottom: 0; }
  .mb-tab .mb-chip { height: 32px; padding: 0 16px; background: #f1f3f6; color: #4a5060; }
  .mb-tab .mb-chip.on { background: #f35a38; color: white; }
  .mb-tab .mb-chips.wide { gap: 8px; padding: 0; }
  .mb-tab .mb-list { padding: 20px 18px; }
  .mb-tab .mb-list-head { padding: 0; }
  .mb-tab .mb-foot { padding-left: 0; padding-right: 0; }
  .mb-tab .mb-tbl th:first-child, .mb-tab .mb-tbl td:first-child { padding-left: 0; }
  .mb-tab .mb-tbl .mb-pic { width: 40px; height: 40px; }
  .mb-tab .mb-c-role, .mb-tab .mb-c-share { color: #5c6475; }
  .mb-tab .mb-next { color: #4a5d7e; }
  .mb-tab .mb-next.hot { color: #f0532f; }
}
@media (max-width: 999px) {
  .mb-tab .mb-prow > .mb-pic { grid-row: 1 / 4; }
}
@media (min-width: 1000px) {
  .mb-tab .mb-total-k > span { white-space: normal; }
  .mb-tab .mb-tbl td.mb-c-role, .mb-tab .mb-tbl td.mb-c-share { color: #5c6475; }
  .mb-tab .mb-chips.wide { margin: 10px 0 8px; }
  .mb-tab .mb-foot { padding-top: 8px; }
  .mb-tab .mb-total-u.line { margin-top: 4px; padding-top: 4px; font-size: 13px; line-height: 16px; }
}
@media (min-width: 1280px) {
  .mb-tab .mb-totals { grid-template-columns: 1.15fr 1.4fr .9fr .95fr; }
}
@media (min-width: 1000px) and (max-width: 1279px) {
  .mb-tab .mb-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


.mb-tab .mb-chip,
.mb-tab .mb-acts .coral-btn.primary,
.mb-tab .mb-acts .mb-ghost { min-height: 44px; height: auto; }


@media (min-width: 768px) {
  .mb-tab .mb-list .mb-tbl-wrap { display: none; }
  .mb-tab .mb-list .mb-prows { display: block; }
  .mb-tab .mb-list .mb-prow-name { font-size: 16px; }
  .mb-tab .mb-list .mb-prow-v { font-size: 16px; }
}

.mb-o-letgo { order: 8; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.mb-o-letgo .coral-quiet { margin: 0; flex: 1 1 200px; }
.mb-o-letgo .mb-letgo { flex: none; }

.fs { margin-top: 4px; padding: 18px 16px 20px; border-radius: 16px; overflow: hidden; }
.fa-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.fa-art { margin: 0 auto; max-width: 980px; --fa-out: cubic-bezier(.22,1,.36,1); --fa-mk: #1c2230; --fa-fd: var(--c-coral); --fa-cr: #d5d8df; }


.fa-slot { flex: none; position: relative; width: 56px; height: 56px; border-radius: 16px; overflow: hidden;
  background: radial-gradient(44px 40px at 60% 70%, rgb(255 90 31 / 24%), transparent 70%), linear-gradient(135deg, #1e2433 0%, #2c3242 100%);
  box-shadow: 0 6px 16px -6px rgb(28 34 48 / 45%); }
.fa-slot img { position: absolute; left: 50%; bottom: -9px; height: 68px; width: auto; max-width: none; transform: translateX(-50%);
  -webkit-mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 60% 66% at 52% 58%, #000 62%, transparent 100%); }


.fa-say { display: flex; align-items: center; gap: 12px; }
.fa-bubble { position: relative; flex: 1; min-width: 0; padding: 12px 16px; border-radius: 4px 18px 18px 18px; background: var(--c-tint); }
.fa-play .fa-bubble { min-height: 84px; display: flex; flex-direction: column; justify-content: center; }
.fa-cap { margin: 0; font: 800 25px/1.1 var(--c-font); letter-spacing: -.025em; color: var(--c-ink); text-wrap: balance; }


.fa-scene { margin-top: 12px; }
.fa-stage { position: relative; height: 17.6em; font-size: 16px; border-radius: 18px; overflow: hidden; isolation: isolate;
  background: radial-gradient(90% 60% at 50% 22%, #fff3ee 0%, rgb(255 243 238 / 0%) 70%), #fbfbfc; border: 1px solid var(--c-card-line); }
.fa-stage * { transition-timing-function: var(--fa-out); }
.fa-ex { position: absolute; left: .9em; top: .8em; font: 700 .62em/1 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-coral-ink); }


.fa-node { position: absolute; top: 9.4em; width: 7em; translate: -50% 0; display: flex; flex-direction: column; align-items: center; gap: .5em; z-index: 1; }
.fa-node.phone { left: 17%; } .fa-node.shop { left: 50%; } .fa-node.wal { left: 83%; }
.fa-tile { display: grid; place-items: center; width: 3.7em; height: 3.7em; border-radius: 1.1em; background: #fff; color: #9aa0ab;
  box-shadow: 0 .5em 1.2em -.55em rgb(16 24 40 / 28%), 0 0 0 1px var(--c-card-line); transition: background .4s, color .4s, box-shadow .4s, transform .4s; }
.fa-tile svg { width: 1.75em; height: 1.75em; }
.fa-lbl { max-width: 100%; text-align: center; font: 600 .74em/1.2 var(--c-font); color: var(--c-soft); text-wrap: balance; }
.fa-lbl .fa-wal-v { display: none; font: 800 1.45em/1.05 var(--c-font); font-variant-numeric: tabular-nums; letter-spacing: -.02em; color: var(--c-ink); }
.fa-rail { position: absolute; top: 11.2em; height: 2px; border-radius: 2px; background: #e6e7eb; z-index: 0; }
.fa-rail::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--c-coral); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--fa-out); }
.fa-rail.a { left: 17%; right: 50%; } .fa-rail.b { left: 50%; right: 17%; }

.fa-stage[data-f~="ad"]:not([data-f~="go"]) .phone .fa-tile,
.fa-stage[data-f~="kept"]:not([data-f~="got"]) .shop .fa-tile,
.fa-stage[data-f~="got"] .wal .fa-tile { background: var(--c-coral-t); color: var(--c-coral); box-shadow: 0 .6em 1.3em -.5em rgb(242 84 45 / 45%), 0 0 0 1.5px var(--c-coral-ring); }
.fa-stage[data-f~="ad"]:not([data-f~="go"]) .phone .fa-lbl, .fa-stage[data-f~="kept"]:not([data-f~="got"]) .shop .fa-lbl { color: var(--c-ink); }
.fa-stage[data-f~="got"] .fa-wal-v { display: block; } .fa-stage[data-f~="got"] .wal .pre { display: none; }
.fa-stage[data-f~="go"] .fa-rail.a::after, .fa-stage[data-f~="got"] .fa-rail.b::after { transform: none; }


.fa-ad { position: absolute; left: 17%; top: 5.1em; width: 2.5em; height: 4.3em; translate: -50% -50%; z-index: 3; perspective: 20em;
  opacity: 0; transform: translateY(2.4em) scale(.6); transition: opacity .4s, transform .45s, left .5s; }
.fa-ad-in { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .45s var(--fa-out); }
.fa-ad-f, .fa-ad-b { position: absolute; inset: 0; border-radius: .45em; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 .6em 1.2em -.4em rgb(16 24 40 / 40%); }
.fa-ad-f { overflow: hidden; background: linear-gradient(165deg, #ffb48f 0%, #f2542d 55%, #b8321a 100%); }
.fa-ad-f::before { content: ""; position: absolute; left: 50%; top: 40%; translate: -40% -50%; border-style: solid; border-width: .42em 0 .42em .66em; border-color: transparent transparent transparent #fff; }
.fa-ad-f i { position: absolute; left: .32em; height: .16em; border-radius: .1em; background: rgb(255 255 255 / 75%); }
.fa-ad-f i:nth-child(1) { bottom: .75em; width: 1.5em; } .fa-ad-f i:nth-child(2) { bottom: .5em; width: 1.1em; opacity: .7; }
.fa-ad-f i:nth-child(3) { top: .3em; right: .32em; left: auto; width: .3em; height: .3em; border-radius: 50%; }
.fa-ad-b { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15em; transform: rotateY(180deg);
  background: linear-gradient(165deg, #fff 0%, #fff7f3 100%); box-shadow: 0 .6em 1.2em -.4em rgb(242 84 45 / 45%), inset 0 0 0 1.5px var(--c-coral-ring); }
.fa-ad-b b { font: 800 .82em/1 var(--c-font); color: var(--c-ink); letter-spacing: -.02em; }
.fa-ad-b small { font: 700 .5em/1 var(--c-font); letter-spacing: .1em; text-transform: uppercase; color: var(--c-ok); }
.fa-kept { position: absolute; left: 50%; top: 100%; translate: -50% .45em; display: inline-flex; align-items: center; gap: .2em; padding: .28em .5em .28em .35em; border-radius: 999px;
  background: var(--c-ok); color: #fff; font: 700 .6em/1 var(--c-font); white-space: nowrap; opacity: 0; transform: scale(.6); transition: opacity .3s, transform .3s; }
.fa-kept svg { width: 1.1em; height: 1.1em; }
.fa-stage[data-f~="ad"] .fa-ad { opacity: 1; transform: none; }
.fa-stage[data-f~="go"] .fa-ad { left: 50%; }
.fa-stage[data-f~="kept"] .fa-kept { opacity: 1; transform: none; }
.fa-stage[data-f~="paid"] .fa-ad-in { transform: rotateY(180deg); }
.fa-stage[data-f~="paid"] .fa-kept { opacity: 0; }


.fa-ring { position: absolute; left: 50%; top: 5.1em; width: 7em; height: 7em; translate: -50% -50%; z-index: 2; opacity: 0; transform: scale(.55); transition: opacity .4s, transform .45s; }
.fa-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }
.fa-ring circle { fill: none; stroke-width: 4.2; }
.fa-ring .bed { stroke: #f0f1f4; fill: #fff; }
.fa-ring .seg { stroke-dasharray: 0 100; transition: stroke-dasharray .32s linear, opacity .35s, stroke-width .35s; }
.fa-ring .seg.mk { stroke: var(--fa-mk); transition-duration: .34s, .35s, .35s; transition-timing-function: ease-in, ease, ease; }
.fa-ring .seg.fd { stroke: var(--fa-fd); transition-delay: .34s, 0s, 0s; transition-duration: .08s, .35s, .35s; }
.fa-ring .seg.cr { stroke: var(--fa-cr); transition-delay: .42s, 0s, 0s; transition-duration: .12s, .35s, .35s; transition-timing-function: ease-out, ease, ease; }
.fa-rc { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fa-rc b { font: 800 1.35em/1 var(--c-font); letter-spacing: -.03em; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.fa-rc small { margin-top: .25em; font: 600 .62em/1 var(--c-font); color: var(--c-soft); }
.fa-rc .m, .fa-stage[data-f~="month"] .fa-rc .k { display: none; } .fa-stage[data-f~="month"] .fa-rc .m { display: block; }
.fa-stage[data-f~="ring"] .fa-ad { opacity: 0; transform: scale(.5); transition: opacity .25s, transform .4s; }
.fa-stage[data-f~="ring"] .fa-ring { opacity: 1; transform: none; }
.fa-stage[data-f~="ring"] .fa-ring .seg { stroke-dasharray: var(--on) 100; }
.fa-stage[data-f~="month"] .fa-ring .seg.mk, .fa-stage[data-f~="month"] .fa-ring .seg.cr { opacity: .16; }
.fa-stage[data-f~="month"] .fa-ring .seg.fd { stroke-width: 6; }


.fa-chip { position: absolute; left: 50%; top: 5.1em; translate: -50% -50%; z-index: 4; padding: .42em .65em; border-radius: 999px; background: var(--c-coral); color: #fff;
  font: 800 .88em/1 var(--c-font); font-variant-numeric: tabular-nums; white-space: nowrap; box-shadow: 0 .45em 1em -.25em rgb(242 84 45 / 60%);
  opacity: 0; transform: scale(.6); transition: none; pointer-events: none; }
.fa-stage[data-f~="chip"] .fa-chip { opacity: 1; transform: none; transition: opacity .25s, transform .3s; }
.fa-stage[data-f~="chip"][data-f~="sent"] .fa-chip { left: 83%; top: 11.25em; transform: scale(.8); transition: left .48s, top .48s, transform .48s; }


.fa-legend { position: absolute; left: .6em; right: .6em; bottom: .95em; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .3em .9em;
  font: 600 .7em/1.2 var(--c-font); color: var(--c-body); opacity: 0; transform: translateY(.4em); transition: opacity .35s, transform .35s; }
.fa-legend span { display: inline-flex; align-items: center; gap: .4em; white-space: nowrap; transition: opacity .35s; }
.fa-legend span::before { content: ""; width: .7em; height: .7em; border-radius: 50%; background: var(--fa-cr); }
.fa-legend .mk::before { background: var(--fa-mk); } .fa-legend .fd::before { background: var(--fa-fd); }
.fa-legend .yr { display: none; } .fa-legend .yr::before { display: none; }
.fa-stage[data-f~="ring"] .fa-legend { opacity: 1; transform: none; transition-delay: .3s; }
.fa-stage[data-f~="month"] .fa-legend .mk, .fa-stage[data-f~="month"] .fa-legend .cr { display: none; }
.fa-stage[data-f~="month"] .fa-legend .yr { display: inline-flex; color: var(--c-soft); }
.fa-stage[data-f~="month"] .fa-legend .fd { color: var(--c-coral-ink); }


.fa-rcpt { position: absolute; inset: .7em; z-index: 6; display: flex; flex-direction: column; padding: 1em 1.15em .9em; border-radius: 1em; background: #fff;
  box-shadow: 0 1em 2.2em -1em rgb(16 24 40 / 35%), 0 0 0 1px var(--c-card-line); opacity: 0; transform: translateY(2em); visibility: hidden; transition: opacity .4s, transform .45s, visibility 0s .45s; }
.fa-rcpt-k { margin: 0 0 .55em; font: 700 .62em/1 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-coral-ink); }
.fa-rcpt dl { margin: 0; display: flex; flex-direction: column; gap: .42em; }
.fa-rcpt dl div { display: flex; align-items: baseline; gap: .6em; font: 500 .8em/1.25 var(--c-font); color: var(--c-body); }
.fa-rcpt dt { flex: 1; min-width: 0; } .fa-rcpt dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--c-ink); }
.fa-rcpt dl div.mk dt::before, .fa-rcpt dl div.fd dt::before { content: ""; display: inline-block; width: .6em; height: .6em; margin-right: .45em; border-radius: 50%; background: var(--fa-fd); }
.fa-rcpt dl div.mk dt::before { background: var(--fa-mk); }
.fa-rcpt dl div.paid { padding-bottom: .45em; border-bottom: 1px dashed #e3e4e8; }
.fa-rcpt dl div.sum { margin-top: .1em; padding-top: .5em; border-top: 1px solid #e3e4e8; font-size: .95em; }
.fa-rcpt dl div.sum dt { font-weight: 800; color: var(--c-ink); } .fa-rcpt dl div.sum dd { font-size: 1.25em; font-weight: 800; letter-spacing: -.02em; }
.fa-rcpt-m { margin: auto 0 0; padding-top: .6em; font: 600 .76em/1.35 var(--c-font); color: var(--c-body); }
.fa-rcpt-m mark { display: inline-block; padding: .05em .15em; border-radius: .2em; color: var(--c-ink); font-weight: 800;
  background: linear-gradient(#ffd3c2, #ffd3c2) no-repeat 0 100% / 0% 100%; transition: background-size .5s var(--fa-out) .55s; }
.fa-stage[data-f~="rcpt"] .fa-ex { opacity: 0; }
.fa-stage[data-f~="rcpt"] .fa-rcpt { opacity: 1; transform: none; visibility: visible; transition: opacity .4s, transform .45s, visibility 0s; }
.fa-stage[data-f~="rcpt"] .fa-rcpt-m mark { background-size: 100% 100%; }


.fa-stage.snap, .fa-stage.snap *, .fa-stage.snap *::after, .fa-still .fa-stage *, .fa-still .fa-stage *::after { transition: none !important; }


.fa-bars { display: flex; gap: 4px; margin-top: 4px; }
.fa-bar { flex: 1; min-width: 0; height: 40px; padding: 0; border: 0; background: none; cursor: pointer; display: grid; align-items: center; }
.fa-bar i { display: block; height: 4px; border-radius: 4px; background: #e8e9ed; overflow: hidden; }
.fa-bar b { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--c-coral); transform: scaleX(0); transform-origin: left; }
.fa-bar.done b { transform: none; }
.fa-bar:hover i { background: #dcdde3; }
.fa-bar:focus-visible { outline: none; } .fa-bar:focus-visible i { box-shadow: 0 0 0 3px var(--c-coral-ring); }


.fa-play { display: none; }
.fa-box.live .fa-play { display: block; }
.fa-box.live .fa-still { display: none; }


.fa-k { margin: 0; font: 800 20px/1.2 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.fa-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.fa-frame { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.fa-frame-say { display: flex; align-items: flex-start; gap: 6px; min-height: 2.5em; margin: 0; font: 800 14px/1.2 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); text-wrap: balance; }
.fa-n { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--c-coral); color: #fff; font: 700 11px/1 var(--c-font); }
.fa-frame .fa-stage { font-size: 8.4px; border-radius: 12px; }
.fa-frame .fa-lbl { font-size: .68em; }
.fa-frame .fa-legend { font-size: .62em; gap: .3em .6em; }
.fa-frame .fa-rcpt { font-size: 1.15em; inset: .5em; padding: .8em .8em .7em; }
.fa-frame .fa-rcpt dl { gap: .25em; }


.fs-foot { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--c-div); text-align: center; }
.fs-line { margin: 0 auto 14px; max-width: 34em; font: 600 17px/1.4 var(--c-font); color: var(--c-ink); text-wrap: balance; }
.fs .coral-btn.primary { width: 100%; min-height: 52px; border-radius: 12px; font-size: 17px; }
.fs .coral-quiet { margin: 0; }

@media (max-width: 359px) {
  .fs { padding: 16px 12px 18px; }
  .fa-cap { font-size: 22px; }
  .fa-slot { width: 48px; height: 48px; } .fa-slot img { height: 58px; }
  .fa-stage { font-size: 14.5px; }
  .fa-strip { grid-template-columns: 1fr; }
  .fa-frame .fa-stage { font-size: 11px; }
}
@media (min-width: 600px) {
  .fs { padding: 24px 28px 26px; }
  .fs .coral-btn.primary { width: auto; min-width: 240px; }
  .fa-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 14px; }
  .fa-frame-say { font-size: 16px; }
  .fa-frame .fa-stage { font-size: 10px; }
}
@media (min-width: 760px) {
  .fa-play { grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 40px; align-items: center; }
  .fa-box.live .fa-play { display: grid; }
  .fa-play .fa-say { flex-direction: column; align-items: flex-start; gap: 16px; }
  .fa-slot { width: 80px; height: 80px; border-radius: 22px; } .fa-slot img { height: 96px; bottom: -12px; }
  .fa-bubble { padding: 20px 22px; border-radius: 4px 24px 24px 24px; }
  .fa-play .fa-bubble { width: 100%; min-height: 150px; box-sizing: border-box; }
  .fa-cap { font-size: 38px; }
  .fa-scene { margin-top: 0; }
  .fa-stage { font-size: 18px; }
  .fa-k { font-size: 24px; }
  .fa-strip .fa-stage { font-size: 11.5px; }
}
@media (min-width: 1000px) { .fs { max-width: 1040px; } .fs-line { font-size: 18px; } .fa-cap { font-size: 44px; } }

.cs, .cw { --cs-gap: 12px; font-family: var(--c-font); color: var(--c-ink); }

html:has(.cs), :root:has(.cs) body:has(.cs), .coral:has(.cs) { background: #fafafb; }
.coral-app:has(.cs > .coral-hometop) > .coral-top { display: none; }

.coral.coral-app:has(.cs) > section.moment-card .moment-card-acts .kit-link { display: none; }
.coral.coral-app:has(.cs .coral-btn.primary) > section.moment-card .moment-card-acts .sc-share { background: #1b2236; box-shadow: none; border: 0; }
@media (max-width: 999px) { .coral.coral-app:has(.cs) > section.moment-card { top: calc(12px + env(safe-area-inset-top)); bottom: auto; } }
@media (min-width: 1000px) { .coral.coral-app:has(.cs) > section.moment-card { left: auto; right: 24px; width: 320px; } }

.cs-panel .moment-card.cs-docked { position: static; inset: auto; width: auto; max-width: none; margin: 0; padding: 12px 14px; transform: none; animation: none;
  border: 0; border-radius: 12px; background: #fdf0ee; box-shadow: none; outline: 0; font: 400 14px/1.4 var(--c-font); color: #1b2236; flex: none; }
.cs-panel .moment-card.cs-docked h2 { margin: 2px 0 0; font: 600 15px/1.3 var(--c-font); color: #1b2236; }
.cs-panel .moment-card.cs-docked .moment-eyebrow { margin: 0; font: 600 11px/1.2 var(--c-font); letter-spacing: .1em; color: #c2410c; }
.cs-panel .moment-card.cs-docked .moment-lines, .cs-panel .moment-card.cs-docked .moment-note, .cs-panel .moment-card.cs-docked .moment-shop { display: none; }
.cs-panel .moment-card.cs-docked .moment-card-acts { display: flex; gap: 8px; margin-top: 8px; }

@media (min-width: 1000px) {
  .cs-panel .moment-card.cs-docked { display: flex; align-items: center; gap: 10px; padding: 10px 40px 10px 12px; }
  .cs-panel .moment-card.cs-docked .moment-card-words { flex: 1 1 auto; min-width: 0; }
  .cs-panel .moment-card.cs-docked h2 { font-size: 14px; }
  .cs-panel .moment-card.cs-docked .moment-eyebrow, .cs-panel .moment-card.cs-docked h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .cs-panel .moment-card.cs-docked .moment-card-acts { margin: 0; flex: none; }
  
  body .coral-app .cs-panel .moment-card.cs-docked .moment-card-acts .sc-share { width: 36px; height: 36px; min-height: 36px; padding: 0; justify-content: center; font-size: 0; gap: 0; border-radius: 50%; }
  body .coral-app .cs-panel .moment-card.cs-docked .moment-card-x { top: 50%; right: 8px; transform: translateY(-50%); }
}
.cs-panel .moment-card.cs-docked [data-win-go], .cs-panel .moment-card.cs-docked .moment-card-acts .kit-link { display: none; }
.coral-app .cs-panel .moment-card.cs-docked .moment-card-acts .sc-share { min-height: 36px; padding: 0 12px; background: #fff; color: #1b2236; border: 1px solid #e5e3df; box-shadow: none; font: 600 14px/1 var(--c-font); }
.coral-app .cs-panel .moment-card.cs-docked .moment-card-acts .sc-share .sc-share-ic { color: #1b2236; }
.cs-panel .moment-card.cs-docked .moment-card-x { top: 6px; right: 6px; }
.cs-panel .moment-card.cs-docked { position: relative; }
.coral-app:has(.cs-panel .moment-card.cs-docked) .coral-main { padding-bottom: revert-layer; }
.cs > .coral-hometop { margin-bottom: 12px; }


.cs-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title keys" "sub sub"; align-items: center; gap: 2px 10px; margin: 0 0 4px; }
.cs-h1 { grid-area: title; margin: 0; font: 800 28px/1.1 var(--c-font); letter-spacing: -.02em; color: #141a33; }
.cs-sub { grid-area: sub; margin: 0; font: 400 15px/1.35 var(--c-font); color: #6b7085; }
.cs-head-keys { grid-area: keys; display: flex; gap: 8px; align-items: center; }

.cs-credits { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px 0 8px; border-radius: 999px; background: #fffbf2; border: 1px solid #f1e3c6; text-decoration: none; color: #1b2236; white-space: nowrap; }
.cs-credits b, .cs-credits-more { font: 600 15px/1 var(--c-font); }
.cs-credits-more { color: #f0532d; }
.cs-credits-more.free { color: #1e7a3a; font-weight: 500; }
.cs-credits:hover { border-color: #e8cf9c; }
.cs-credits.flat { height: 36px; padding-right: 12px; margin-left: auto; }
.cs-coin { display: inline-flex; width: 22px; height: 22px; }
.cs-coin svg { width: 100%; height: 100%; }
.coral .cs-new { height: 40px; min-height: 0; padding: 0 14px; gap: 6px; border-radius: 10px; background: #fff; border: 1px solid #e1e4ec; color: #1b2236; font: 600 15px/1 var(--c-font); justify-content: center; }
.coral .cs-new:hover { border-color: #cfd1d6; }
.cs-new .coral-ico { width: 18px; height: 18px; }
@media (max-width: 359px) {
  .cs-head { grid-template-areas: "title title" "sub sub" "keys keys"; }
  .cs-head-keys { margin-top: 8px; }
}
.cs-key { justify-content: center !important; text-align: center; }
.cs-form { margin: 0; display: contents; }
.cs-body { display: grid; gap: var(--cs-gap); min-width: 0; }
.cs-lib { display: grid; gap: var(--cs-gap); min-width: 0; align-content: start; }


.cs-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: rgb(255 255 255 / 92%); color: #1b2030; font: 500 13px/1.25 var(--c-font); white-space: nowrap; }
.cs-tag.ok, .cs-tag.kept { background: #ddf5e3; color: #1e7a3a; }
.cs-tag.wait, .cs-tag.making { background: #fce6a4; color: #3b2f12; }
.cs-tag.bad { background: #ffe4dd; color: #c2331a; }
.cs-tag.ready { background: #fde8e0; color: #c2410c; }
.cs-test { display: inline-flex; padding: 2px 6px; border-radius: 6px; background: #ffe8dd; color: #c2410c; font: 600 11px/1.4 var(--c-font); vertical-align: middle; white-space: nowrap; }


.cs-jobs { position: relative; overflow: hidden; isolation: isolate; display: grid; grid-template-columns: 1fr; gap: 10px; padding: 16px 16px 16px 112px; min-height: 128px; border-radius: 12px; color: #fff;
  background: radial-gradient(220px 200px at 8% 80%, rgb(255 90 31 / 22%), transparent 70%), linear-gradient(100deg, #1c2230 0%, #232a3a 70%, #2b2b36 100%); box-shadow: 0 6px 16px rgb(20 24 43 / 18%); }
.cs-jobs-slot { position: absolute; z-index: -1; left: -6px; bottom: -10px; height: 150px; width: auto; -webkit-mask-image: radial-gradient(ellipse 62% 66% at 50% 56%, #000 58%, transparent 100%); mask-image: radial-gradient(ellipse 62% 66% at 50% 56%, #000 58%, transparent 100%); }
.cs-jobs-head .coral-kicker { margin: 0 0 4px; }
.cs-jobs-n { margin: 0; font: 700 24px/1.1 var(--c-font); letter-spacing: -.01em; }
.cs-jobs-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.cs-jobs-list li + li { border-top: 1px solid rgb(255 255 255 / 12%); }
.cs-job { display: grid; gap: 6px; padding: 8px 0; color: #fff; text-decoration: none; }
.cs-job-t { font: 400 14px/1.35 var(--c-font); color: rgb(255 255 255 / 86%); overflow-wrap: anywhere; }
.cs-job-t b { font-weight: 600; color: #fff; }
.cs-job-s { font: 400 13px/1.3 var(--c-font); color: rgb(255 255 255 / 70%); }
.cs-time { position: relative; display: block; height: 6px; border-radius: 6px; background: rgb(255 255 255 / 18%); overflow: hidden; max-width: 260px; }
.cs-time i { position: absolute; inset: 0 auto 0 0; border-radius: 6px; background: #ff6a3d; }
.cs-time.slow i { background: #f6b73c; }
.cs-segs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; max-width: 260px; }
.cs-segs i { height: 6px; border-radius: 6px; background: rgb(255 255 255 / 22%); }
.cs-segs i.on { background: #ff6a3d; }
.cs-poll { display: none; }


.cs-chips { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 4px; margin: 0 -2px; scrollbar-width: none; }
.cs-chips::-webkit-scrollbar { display: none; }
.cs-chips a { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid #e3e5ec; background: #fff; color: #4b5563; font: 400 15px/1 var(--c-font); text-decoration: none; white-space: nowrap; flex: none; }
.cs-chips a span { color: #6b7280; }
.cs-chips a.on { background: #1b2236; border-color: #1b2236; color: #fff; }
.cs-chips a.on span { color: #fff; }


.cs-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.cs-ad { min-width: 0; }
.cs-ad-a { display: grid; gap: 2px; min-width: 0; text-decoration: none; color: #1b2340; }
.cs-poster { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; background: #e9e7e4; margin-bottom: 6px; }
.cs-poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 60%, rgb(0 0 0 / 35%)); pointer-events: none; }
.cs-poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cs-poster.making img { filter: brightness(.72); }
.cs-art { position: absolute; inset: 0; display: grid; place-items: center; padding: 12px; text-align: center; font: 700 16px/1.2 var(--c-font); color: #6b7280; background: linear-gradient(160deg, #f3f1ee, #e5e2dd); }

.cs-poster .cs-tag { position: absolute; z-index: 1; left: 8px; top: 8px; display: block; max-width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; font-size: 12px; box-shadow: 0 1px 2px rgb(0 0 0 / 10%); }
.cs-code { position: absolute; z-index: 1; left: 8px; bottom: 8px; font: 600 11px/1 var(--c-font); color: #fff; text-shadow: 0 1px 2px rgb(0 0 0 / 45%); }
.cs-spin { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; border: 3px solid rgb(255 255 255 / 35%); border-top-color: #fff; animation: cs-spin 1.1s linear infinite; }
@keyframes cs-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .cs-spin { animation: none; } }

.cs.sheet-open .cs-ad.on .cs-poster { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--c-coral); }

.cs-ad-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; min-width: 0; font: 600 15px/20px var(--c-font); color: #1b2233; overflow-wrap: anywhere; }
.cs-ad-s { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 14px/1.3 var(--c-font); color: #6b7085; }
.cs-ad-a:hover .cs-ad-t { text-decoration: underline; }


.cs-empty { padding: 20px 16px; }
.cs-empty h2 { margin: 0; font: 700 22px/1.2 var(--c-font); letter-spacing: -.01em; }
.cs-empty-keys { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.coral .cs-empty-keys .coral-btn.primary { width: auto; padding: 0 22px; }


.cs-buy .coral-card-head { margin-bottom: 4px; }
.cs-prices { list-style: none; margin: 0 0 12px; padding: 0; }
.cs-prices li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--c-div); font: 400 14px/1.35 var(--c-font); color: var(--c-body); }
.cs-prices b { font-weight: 600; color: var(--c-ink); white-space: nowrap; }
.cs-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.cs-skips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.cs-buy > .coral-quiet { margin-top: 10px; }



.cs-panel { position: fixed; z-index: 24; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 8px 16px 16px;
  max-height: 46vh; max-height: 46dvh; overflow-y: auto; overscroll-behavior: contain;
  background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -8px 24px rgb(16 24 40 / 8%); min-width: 0; }
.cs-panel:not(.open) { display: none; }
.cs.sheet-open .cs-lib { padding-bottom: 46vh; padding-bottom: 46dvh; }

.cs.picked .cs-panel { max-height: 72vh; max-height: 72dvh; }
.cs.picked.sheet-open .cs-lib { padding-bottom: 72vh; padding-bottom: 72dvh; }
.cs-grab { align-self: center; flex: none; width: 36px; height: 4px; border-radius: 4px; background: #d9dbe3; }
.cs-panel-head { position: relative; display: flex; align-items: flex-start; gap: 16px; }
.cs-thumb { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; flex: none; background: var(--c-tint); }
.cs-panel-id { flex: 1; min-width: 0; display: grid; gap: 2px; justify-items: start; padding-right: 28px; }
.cs-panel-head h2 { margin: 0; font: 700 22px/1.2 var(--c-font); letter-spacing: -.01em; color: #1b2236; overflow-wrap: anywhere; }
.cs-panel-code { margin: 0; font: 400 15px/1.3 var(--c-font); color: #6b7280; }
.cs-panel-shop { margin: 0; font: 400 14px/1.3 var(--c-font); color: #444; }
.cs-panel-shop a { color: inherit; text-decoration: none; }
.cs-panel-shop a:hover { text-decoration: underline; }
.cs-x { position: absolute; top: -2px; right: -8px; display: inline-grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; color: #1b2236; }
.cs-x .coral-ico { width: 22px; height: 22px; }
.cs-x:hover { background: var(--c-tint); }
.cs-panel-body { display: flex; flex-direction: column; gap: 14px; flex: none; }
.cs-panel .cs-preview, .cs-panel .cs-status.under, .cs-panel .cs-version { display: none; }
.cs-preview { position: relative; border-radius: 14px; overflow: hidden; background: #e9e7e4; aspect-ratio: 9 / 16; margin: 0 auto; width: 100%; max-width: 260px; }
.cs-preview video, .cs-preview img { width: 100%; height: 100%; object-fit: cover; display: block; background: #111; }
.cs-preview.none { display: grid; place-items: center; text-align: center; }
.cs-preview.none img { position: absolute; inset: 0; filter: brightness(.6); }/*kit-part*/
.cs-preview.none span { position: relative; padding: 16px; font: 600 15px/1.4 var(--c-font); color: #4b5563; }
.cs-preview.none img + span { color: #fff; }

.cs-panel .cs-preview.none { display: none; }

.cs-preview[data-poll] ~ button[hidden] { display: none; }

.cs-play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: #fff; color: #111; box-shadow: 0 4px 12px rgb(0 0 0 / 20%); }
.cs-play span { display: flex; margin-left: 3px; }
.cs-play:hover { transform: scale(1.04); }
.cs-video.playing .cs-play { display: none; }
.cs-status { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; justify-self: center; align-self: center; margin: 0; padding: 6px 12px; border-radius: 999px; background: #f1f1f3; color: var(--c-body); font: 500 14px/1.3 var(--c-font); text-align: center; }
.cs-status.in-head { justify-self: start; align-self: start; margin-top: 6px; padding: 4px 10px; font-size: 13px; flex-wrap: nowrap; white-space: nowrap; max-width: 100%; }
.cs-status i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; margin-right: 4px; }
.cs-status.ok, .cs-status.kept { background: #e3f5e8; color: #1f8a43; }
.cs-status.ok i, .cs-status.kept i { background: #22a447; }
.cs-status.wait { background: #fcefc7; color: #7a5600; }
.cs-status.bad { background: #ffe4dd; color: #c2331a; }
.cs-status.making { background: #fff1d6; color: #8a5a00; }
.cs-status.ready { background: #fde8e0; color: #c2410c; }


.cs-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }

.cs-steps li { position: relative; display: grid; grid-template-rows: 18px auto; justify-items: center; align-items: start; row-gap: 6px; text-align: center; font: 400 11px/14px var(--c-font); color: #6b7080; padding: 0; }
.cs-steps li > span { display: block; width: 56px; max-width: 100%; overflow-wrap: normal; }
.cs-steps li > i { align-self: center; }
.cs-steps li::before { content: ""; position: absolute; top: 8px; left: -50%; right: 50%; height: 2px; background: #e3e5ef; }
.cs-steps li:first-child::before { display: none; }
.cs-steps li.done::before { background: var(--c-coral); }
.cs-steps i { position: relative; z-index: 1; display: block; width: 12px; height: 12px; border-radius: 50%; background: #d6daee; }
.cs-steps li.done i { background: var(--c-coral); }
.cs-steps li.at.bad i { background: #e2412a; }

.cs-steps li.at::before { background: var(--c-coral); }
.cs-steps li.at i { width: 16px; height: 16px; background: #fff; border: 2px solid var(--c-coral); box-shadow: 0 0 0 3px #fde3dc; }
.cs-steps li.at.bad i { border-color: #e2412a; background: #fff; }
.cs-steps li.at > span { color: var(--c-ink); font-weight: 600; }
.cs-version { margin: 0; font: 400 14px/1.4 var(--c-font); color: #6b6b6b; }
.cs-judge { display: flex; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 10px; background: #fff6e0; color: var(--c-ink); font: 400 14px/1.45 var(--c-font); }
.cs-judge p { margin: 0; }
.cs-judge .coral-ico { color: #b7791f; }
.cs-note { margin: 0; font-size: 14px; }



.cs-money { padding: 16px; border-radius: 12px; background: #fdeeea; border: 0; }
.cs-money-t { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0 0 10px; font: 700 17px/1.3 var(--c-font); color: #141a33; }
.cs-money-t b { font-weight: inherit; }
.cs-money-t .cs-test { margin: 0; }
.cs-money dl { margin: 0; display: grid; gap: 10px; }
.cs-money dl > div { display: flex; justify-content: space-between; gap: 12px; font: 400 16px/20px var(--c-font); color: #5e6375; }
.cs-money dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; color: #141a33; }
.cs-pct { display: none; }
.cs-money dl > div.total { margin-top: 2px; padding-top: 12px; border-top: 1px solid #f1d9d2; font-weight: 700; color: #141a33; font-size: 17px; align-items: baseline; }
.cs-money dl > div.total dd { font-size: 22px; font-weight: 800; }
.cs-money-f { margin: 10px 0 0; font: 400 13px/1.4 var(--c-font); color: #8a8a8a; }
.cs-money-f.pending { color: #8a5a00; }
.cs-money-f.cleared { color: #1e7b3a; }
.cs-money-f.paid { color: #1e7f3c; font-weight: 600; }
.cs-money-f .coral-link { font: 500 13px/1.4 var(--c-font); color: var(--c-coral-ink); }
.cs-panel-keys { display: grid; gap: 10px; flex: none; }
.coral .cs-panel-keys .coral-btn.primary, .coral .cw .coral-btn.primary { min-height: 48px; border-radius: 10px; background: var(--c-coral); font: 600 17px/1.2 var(--c-font); }
.coral .cs-panel-keys .coral-btn.primary:hover { background: var(--c-coral-h); }
.cs-seconds { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.coral .cs-seconds .coral-btn.outline { min-height: 48px; border-radius: 12px; color: #111; border-color: #e5e3df; font: 600 16px/1.2 var(--c-font); }
.coral .cs-seconds .coral-btn.outline:hover { border-color: #cfccc6; }

.cs-panel .cs-seconds .coral-btn.work, .cs-panel .cs-seconds .coral-btn.preview { display: none; }
.cs-panel .cs-seconds:not(:has(> .coral-btn:not(.work):not(.preview))) { display: none; }
.coral .cs-sheet-work { justify-self: center; display: inline-flex; align-items: center; min-height: 40px; color: #f05a3c; font: 500 16px/1 var(--c-font); text-decoration: none; }


.cw { display: grid; gap: var(--cs-gap); }

.cw-direct .cw-foot + .cw-make { margin-top: 14px; }
.cw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: -8px; font: 500 15px/1.3 var(--c-font); }
.cw-shop a { color: var(--c-ink); }
.cw-code { font: 400 13px/1 ui-monospace, "SF Mono", Menlo, monospace; color: var(--c-soft); padding-left: 12px; border-left: 1px solid var(--c-line-2); }
.cw-code.cw-title { font: 500 15px/1.2 var(--c-font); color: var(--c-ink, inherit); }
.cw-meta-end { margin-left: auto; }
.cs-steps.wide { margin: 4px 0 4px; padding: 14px 6px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--c-r); }
.cw-grid { display: grid; gap: var(--cs-gap); min-width: 0; }
.cw-cuts { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cw-cut { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border: 1px solid var(--c-line); border-radius: 10px; }
.cw-cut.newest { border-color: var(--c-coral-ring); background: #fff7f4; }
.cw-cut.next { border-style: dashed; color: var(--c-soft); }
.cw-thumb { width: 52px; height: 68px; border-radius: 8px; object-fit: cover; flex: none; background: #eee; }
.cw-thumb.none { display: grid; place-items: center; font: 500 18px/1 var(--c-font); color: var(--c-faint); background: var(--c-tint); }
.cw-cut-txt { display: grid; gap: 6px; justify-items: start; min-width: 0; font: 400 13px/1.35 var(--c-font); color: var(--c-soft); }
.cw-cut-txt b { color: var(--c-ink); font-weight: 600; }
.cw-cut-txt small { font: 400 13px/1.35 var(--c-font); color: var(--c-body); overflow-wrap: anywhere; }
.cw-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.cw-pair figure { margin: 0; display: grid; gap: 8px; }
.cw-pair figcaption { display: flex; align-items: center; gap: 8px; font: 600 14px/1 var(--c-font); }
.cw-pair .cs-preview { max-width: none; }
.cw-compare { display: grid; gap: 12px; align-content: start; }
.cw-compare .coral-card-head { margin: 0; }
.cw-make { margin: 0 0 8px; font: 500 14px/1 var(--c-font); color: var(--c-body); }
.cw-engine { border: 1px solid var(--c-line); border-radius: 10px; margin-bottom: 8px; background: #fff; }
.cw-engine > summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 12px; cursor: pointer; font: 400 14px/1.3 var(--c-font); color: var(--c-soft); }
.cw-engine > summary::-webkit-details-marker { display: none; }
.cw-engine > summary b { color: var(--c-ink); font-weight: 500; }
.cw-engine > summary i { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #c9ccd3; flex: none; }
.cw-engine[open] { border-color: var(--c-coral-ring); }
.cw-engine[open] > summary i { border: 6px solid var(--c-coral); }
.cw-engine.off > summary span { color: #c2331a; }
.cw-engine-body { display: grid; gap: 10px; padding: 0 12px 12px; }
.cw-form { display: grid; gap: 10px; margin: 0; }
.cw-field { display: grid; gap: 6px; font: 500 13px/1.3 var(--c-font); color: var(--c-body); }
.cw-field textarea, .cw-field input:not([type=file]) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--c-line-2); border-radius: 10px; background: #fff; color: var(--c-ink); font: 400 15px/1.4 var(--c-font); resize: vertical; }
.cw-field textarea:focus, .cw-field input:focus { outline: 2px solid rgb(242 84 45 / 35%); outline-offset: 1px; border-color: var(--c-coral-ring); }
.cw-have, .cw-foot { margin: 0; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); text-align: center; }
.cw-money { margin: 10px 0; padding-top: 12px; border-top: 1px solid var(--c-div); font: 400 14px/1.4 var(--c-font); color: var(--c-body); text-align: center; }
.cw-direct > .coral-btn, .cw-direct > .cs-form { margin-top: 4px; }
.cw-remix { font-size: 13px; }
.cw-lines { margin: 8px 0 0; display: grid; gap: 6px; }
.cw-lines > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; font: 400 14px/1.4 var(--c-font); }
.cw-lines dt { color: var(--c-soft); }
.cw-lines dd { margin: 0; overflow-wrap: anywhere; }
.cw-whys { margin: 0; padding-left: 18px; display: grid; gap: 6px; font: 400 14px/1.45 var(--c-font); }
.cw-lyric > summary { cursor: pointer; font: 600 14px/1.4 var(--c-font); padding: 6px 0; }
.cw-lyric ol { margin: 0 0 8px; padding-left: 20px; font: 400 14px/1.5 var(--c-font); }
.cw-lyric li.flag { background: #fff6e0; }
.cw-k { margin: 8px 0 4px; font: 600 12px/1 var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: var(--c-soft); }
.cw-post, .cw-made { display: grid; gap: 8px; }
.cs-jobs.strip { margin-top: 4px; }


@media (min-width: 640px) {
  .cs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cs-jobs { grid-template-columns: auto 1fr; align-items: center; gap: 16px 28px; padding-left: 132px; }
  .cs-jobs-slot { height: 160px; left: 0; }
}

@media (min-width: 1000px) {
  html:has(.cs), :root:has(.cs) body:has(.cs), .coral:has(.cs) { background: #fff; }
  
  html body:has(.cs):has(> div.v2-truth) { margin-top: 0; }
  html body:has(.cs):has(> div.v2-truth) .coral-app > .coral-side { margin-top: 0; }
  
  html body:has(.cs) > div.v2-truth { position: fixed; top: auto; bottom: 34px; left: 12px; right: auto; width: 187px; transform: none; height: 24px; padding: 2px 10px; border-radius: 999px; box-shadow: 0 1px 4px rgb(0 0 0 / 10%); justify-content: center; }
  
  body:has(.cs) .v2-version { position: fixed; left: 12px; right: auto; bottom: 8px; margin: 0; z-index: 5; }
  .coral-app:has(.cs) > .coral-side { padding-bottom: 40px; }
  body:has(.cs):has(> div.v2-truth) .coral-app > .coral-side { padding-bottom: 66px; }
  .coral-app:has(.cs) > .coral-side { border-right: 1px solid #f0eeea; }
  .coral-app:has(.cs) { background: #fff; }
  .cs > .coral-hometop { margin-bottom: 14px; }
  .cs-head { grid-template-areas: "title keys" "sub keys"; gap: 4px 16px; margin: 0 0 10px; }
  .cs-h1 { font-size: 41px; font-weight: 800; letter-spacing: -.02em; line-height: 1.05; color: #111; }
  .cs-sub { font-size: 18px; line-height: 1.3; color: #6b7280; }
  .cs-head-keys { align-self: center; gap: 14px; align-items: center; }
  .cs-credits { height: 48px; padding: 0 16px 0 10px; gap: 8px; }
  .cs-credits b, .cs-credits-more { font: 600 17px/1 var(--c-font); }
  .cs-credits b { color: #111; }
  .cs-credits-more.free { font-weight: 500; }
  .cs-coin { width: 26px; height: 26px; }
  .coral .cs-new { height: 48px; min-width: 140px; padding: 0 20px; gap: 8px; border-radius: 12px; border-color: #e5e3df; color: #111; font: 600 18px/1 var(--c-font); }
  .cs-new .coral-ico { width: 20px; height: 20px; }
  .cs-lib { gap: 16px; }
  .cs-chips { gap: 8px; margin-bottom: 4px; }
  .cs-chips a { height: 38px; padding: 0 16px; gap: 6px; border-color: #e6e4e0; color: #333; font: 500 15px/1 var(--c-font); }
  .cs-chips a span { color: #8a8a8a; }
  .cs-chips a.on { background: #1b2233; border-color: #1b2233; color: #fff; }
  .cs-chips a.on span { color: #fff; }
  .cs-grid { grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: 22px 17px; }
  .cs-poster { aspect-ratio: 150 / 212; border-radius: 10px; margin-bottom: 8px; }
  .cs-poster .cs-tag { left: 10px; top: 10px; max-width: calc(100% - 20px); padding: 0 10px; height: 24px; line-height: 24px; font-size: 12px; }
  .cs-code { left: 10px; bottom: 10px; font: 500 13px/1 var(--c-font); }
  .cs-ad.on .cs-poster { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--c-coral); }
  .cs-ad-t { font-size: 15px; line-height: 20px; color: #1b2233; }
  .cs-ad-s { font-size: 14px; color: #8a8f98; }
  .cs.has-panel .cs-body { grid-template-columns: minmax(0, 1fr) 390px; gap: 24px; align-items: start; }
  
  .cs-panel, .cs-panel:not(.open) { position: sticky; z-index: 1; top: 16px; left: auto; right: auto; bottom: auto; display: flex; gap: 10px; margin: 0; padding: 16px; max-height: calc(100vh - 86px); overflow: hidden;
    border: 1px solid #eceae6; border-radius: 16px; box-shadow: none; }
  .cs.sheet-open .cs-lib { padding-bottom: 0; }
  .cs-grab, .cs-thumb, .cs-status.in-head, .coral .cs-sheet-work { display: none; }
  
  .cs-panel:has(.cs-money) .cs-panel-shop { display: none; }
  .cs-panel-id { padding-right: 32px; gap: 4px; }
  .cs-panel-head h2 { font: 700 24px/1.15 var(--c-font); color: #111; letter-spacing: -.02em; }
  .cs-panel-code { font-size: 14px; color: #8a8a8a; }
  .cs-x { top: -4px; right: -8px; color: #333; }
  .cs-x .coral-ico { width: 24px; height: 24px; }
  .cs-panel-body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; gap: 8px; margin: 0 -4px; padding: 0 4px; }
  .cs-panel .cs-preview, .cs-panel .cs-status.under, .cs-panel .cs-version { display: revert; }
  
  .cs-panel .cs-preview { display: block; flex: none; width: 234px; height: auto; aspect-ratio: .77; max-width: 100%; margin-top: 0; border-radius: 12px; }
  .cs-panel .cs-play { width: 60px; height: 60px; margin: -30px 0 0 -30px; }
  .cs-panel .cs-preview.none { display: grid; }
  .cs-panel .cs-status.under { display: inline-flex; margin-top: 2px; height: 28px; padding: 0 12px; font-size: 14px; }
  .cs-steps li { font: 400 12px/14px var(--c-font); color: #6b7280; }
  .cs-steps li > span { width: 64px; max-width: none; }
  .cs-steps li.at::before { background: var(--c-coral); }
  .cs-steps li.at i { width: 16px; height: 16px; background: #fff; border: 2px solid var(--c-coral); box-shadow: 0 0 0 3px #fde3dc; }
  .cs-steps li.at.bad i { border-color: #e2412a; background: #fff; }
  .cs-version { font-size: 14px; }
  .cs-money { padding: 14px 16px; }
  .cs-money-t { margin-bottom: 8px; font: 700 17px/1.3 var(--c-font); color: #111; }
  .cs-money dl { gap: 8px; }
  .cs-money dl > div.total { padding-top: 10px; }
  .cs-money-f { margin-top: 8px; }
  .cs-version { font-size: 13px; }
  .cs-steps li { row-gap: 4px; }
  .cs-panel-keys { gap: 8px; }
  .coral .cs-panel-keys .coral-btn.primary { min-height: 46px; }
  .cs-money dl > div { font-size: 15px; line-height: 16px; color: #555; }
  .cs-money dd { color: #333; }
  .cs-pct { display: inline; }
  .cs-money dl > div.total { font-size: 17px; line-height: 1.2; color: #111; }
  .cs-money dl > div.total dd { font-size: 20px; font-weight: 800; color: #111; }
  .cs-panel .cs-seconds, .cs-panel .cs-seconds:not(:has(> .coral-btn:not(.work):not(.preview))) { display: grid; }
  .cs-panel .cs-seconds .coral-btn.work, .cs-panel .cs-seconds .coral-btn.preview { display: inline-flex; }
  .coral .cs-panel-keys .coral-btn.primary { border-radius: 10px; font-size: 18px; }
  .coral .cs-seconds .coral-btn.outline { min-height: 46px; padding: 0 10px; border-radius: 10px; border-color: #e3e1dd; font: 600 16px/1.2 var(--c-font); color: #111; }
  .cs-jobs-list { max-width: 520px; }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .cs-head { grid-template-areas: "title" "sub" "keys"; grid-template-columns: minmax(0, 1fr); }
  .cs-head-keys { justify-self: start; margin-top: 10px; }
}

@media (max-width: 1199px) { .cw-compare { order: 1; } .cw-direct { order: 2; } .cw-versions { order: 3; } }
@media (min-width: 1200px) {
  .cw-grid { grid-template-columns: minmax(250px, .9fr) minmax(0, 1.2fr) minmax(280px, 1fr); align-items: start; }
}
@media (min-width: 1600px) {
  .cs.has-panel .cs-body { grid-template-columns: minmax(0, 1fr) 420px; }
  .cs-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
}
.coral .cw-direct > .coral-btn, .coral .cs-panel-keys > .coral-btn, .coral .cw .cs-form .coral-btn, .coral .cs-panel-keys .cs-form .coral-btn { width: 100%; }


@media (max-width: 359px) {
  .cs-panel .cs-steps { margin: 0 -10px; }
  .cs-steps li { font-size: 10px; line-height: 12px; }
  .cs-steps li > span { width: 100%; }
}
@media (max-width: 999px) {
  body:has(.cs.sheet-open) .v2-version { display: none; }
  .cs-lib > .v2-version { position: static; display: block; width: fit-content; margin: 4px auto 0; padding: 0; background: none; box-shadow: none; color: #9aa0ae; font: 400 10px/1.4 var(--c-font); }
}


.cs-credits { background: #fff; border-color: #e8e6e1; height: 44px; }
.cs-grid { gap: 20px 16px; }
.cs-poster { border-radius: 12px; }
.cs-poster .cs-tag { height: auto; min-height: 24px; padding: 4px 10px; font: 500 13px/16px var(--c-font); }
.cs-tag.making { background: #fde68a; color: #5b4300; }
.cs-tag.bad { background: #fde2de; color: #b42318; }
.cs-chips a { height: 36px; }
.cs-chips a span { color: #3a3f4b; font-weight: 400; }
.cs-chips a.on span { color: rgb(255 255 255 / 85%); }
.cs-ad-t { font-size: 16px; font-weight: 600; color: #1b1f2a; }
.cs-ad-s { font-size: 15px; color: #8a8f98; }
.cs-money-t { display: block; font-size: 16px; }
.cs-money-t .cs-test { margin-left: 8px; }
.cs-test { border-radius: 4px; background: #fde2d6; padding: 2px 6px; }
.cs-money-f, .cs-money-f.pending, .cs-money-f.cleared, .cs-money-f.paid { color: #8a8f98; font-weight: 400; font-size: 13px; }
.cs-money-f .coral-link { color: #f0532d; }
.cs-money dl { gap: 6px; }
.cs-money dl > div { font-size: 15px; line-height: 18px; }
.cs-money dl > div.total { font-size: 16px; padding-top: 10px; }
.cs-money dl > div.total dd { font-size: 18px; font-weight: 700; }
.cs-panel-keys { gap: 12px; }
.cs-panel-scroll { min-height: 0; }
@media (min-width: 1000px) {
  .cs-panel, .cs-panel:not(.open) { max-height: calc(100dvh - 32px); overflow-y: auto; gap: 16px; }
  .cs-panel-scroll { display: contents; }
  .cs-panel-body { flex: none; overflow: visible; gap: 12px; }
  .cs-panel .cs-preview { width: 236px; aspect-ratio: 236/306; border-radius: 14px; box-shadow: 0 8px 24px rgb(0 0 0 / 12%); }
  .cs-panel .cs-status.under { height: auto; min-height: 28px; margin: 0; font-size: 13px; padding: 4px 10px; }
  .cs-panel .cs-steps { margin-top: 4px; }
  .cs-steps li { font-size: 11.5px; }
  .cs-steps li > span { width: 58px; }
}
@media (max-width: 999px) {
  .coral-main:has(.cs) { padding-left: 16px; padding-right: 16px; padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .cs-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 12px; }
  .cs-panel, .cs.picked .cs-panel { height: 46dvh; max-height: calc(100dvh - 64px - 280px); overflow: hidden; gap: 8px; padding: 8px 16px 0; box-shadow: 0 -8px 24px rgb(27 33 64 / 8%); }
  .cs-panel-scroll { overflow-y: auto; flex: 1 1 auto; overscroll-behavior: contain; }
  .cs-panel-head { gap: 12px; margin-bottom: 16px; }
  .cs-thumb { width: 64px; height: 64px; border-radius: 12px; }
  .cs-panel-head h2 { font-size: 20px; }
  .cs-panel-code { font-size: 14px; }
  .cs-panel-shop { display: none; }
  .cs-status.in-head { font-size: 13px; padding: 4px 10px; }
  .cs-panel-body { gap: 16px; }
  .cs-panel-keys { background: #fff; flex: none; padding: 12px 0 16px; }
  .coral .cs-panel-keys .coral-btn.primary { min-height: 48px; font-size: 16px; }
  .cs.sheet-open .cs-lib, .cs.picked.sheet-open .cs-lib { padding-bottom: calc(46dvh + 16px); }
  .cs-ad-t { font-size: 15px; }
  .cs-ad-s { font-size: 13px; }
  .cs-poster::after { inset: auto 0 0; height: 40px; background: linear-gradient(transparent, rgb(0 0 0 / 45%)); }
  .cs-code { font-size: 12px; font-weight: 600; }
  .cs-poster .cs-tag { top: 8px; left: 8px; font-size: 12px; }
  .cs-chips a { height: 32px; padding: 0 16px; gap: 10px; font-size: 15px; }
  .cs-steps li { font: 400 12px/14px var(--c-font); color: #5b6170; row-gap: 8px; }
  .cs-steps li > span { width: 100%; }
  .cs-head-keys { margin-left: auto; gap: 12px; }
}
@media (max-width: 399px) {
  .cs-head { grid-template-areas: "title title" "sub sub" "keys keys"; gap: 4px 16px; }
  .cs-head-keys { justify-self: end; margin-top: 8px; flex-wrap: wrap; justify-content: flex-end; }
  .cs-h1 { font-size: 30px; }
}
.cs-money .total .cs-test { margin-left: 6px; font-size: 11px; }
@media (min-width: 1000px) {
  .cs-panel, .cs-panel:not(.open) { gap: 12px; }
}
@media (max-width: 999px) {
  .cs-status.in-head { white-space: normal; flex-wrap: wrap; text-align: left; }
}
@media (min-width: 1000px) {
  .cs-panel-body { gap: 8px; }
  .cs-panel .cs-money { padding: 12px 16px; }
  .coral .cs-panel .cs-seconds .coral-btn.outline { min-height: 42px; }
}
.cs-tag.pitched { background: #dcebff; color: #1d4ed8; }
@media (max-width: 359px) {
  .cs-panel .cs-steps { margin: 0; }
  .cs-panel .cs-steps li { font-size: 10px; line-height: 12px; }
}


.cs-panel-scroll { display: flex; flex-direction: column; gap: 14px; }
.cs-panel-keys { gap: 14px; padding: 0; }
.cs-panel .cs-money { padding: 20px; border-radius: 14px; background: #fdeeea; flex: none; }
.cs-money-t { font: 700 17px/1.3 var(--c-font); color: #141a33; }
.cs-money dl { gap: 10px; }
.cs-money dl > div { font: 400 15px/20px var(--c-font); color: #5b6178; }
.cs-money dd { font-weight: 500; color: #141a33; }
.cs-money dl > div.total { border-color: #f3d6cf; font-size: 17px; font-weight: 800; color: #141a33; }
.cs-money dl > div.total dd { font-size: 20px; font-weight: 800; }
.coral .cs-panel .coral-btn.primary { min-height: 45px; border-radius: 10px; background: #f4511e; font: 500 17px/1.2 var(--c-font); box-shadow: none; }
.coral .cs-panel .cs-seconds .coral-btn.outline { min-height: 48px; border-radius: 12px; border: 1px solid #e5e3df; font: 600 17px/1.2 var(--c-font); color: #111; }
.cs-poster { border-radius: 9px; }
.cs-poster .cs-tag { left: 10px; top: 10px; max-width: calc(100% - 20px); text-overflow: clip; font-weight: 600; padding: 4px 10px; }
.cs-ad-t { font: 600 15px/20px var(--c-font); color: #1a1a1a; }
.cs-ad-s { font: 400 14px/18px var(--c-font); color: #8a8a8a; }
.cs-steps li { font-size: 12px; color: #8a8a8a; }
.cs-version { font: 400 14px/20px var(--c-font); color: #7a7a7a; }
.cs-panel-head h2 { font-weight: 800; }
@media (min-width: 1000px) {
  .cs-panel-scroll { display: contents; }
  .cs-panel-body { gap: 12px; }
  .cs-panel-keys { margin-top: 8px; }
  .cs-poster { margin-bottom: 12px; }
  .cs-grid { row-gap: 16px; }
  .coral .cs-new { height: 50px; font-size: 17px; }
  .cs-credits { height: 44px; }
}
@media (max-width: 999px) {
  .cs-head { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "title keys" "sub sub"; gap: 2px 8px; }
  .cs-h1 { font-size: 34px; color: #1b1e3c; }
  .cs-head-keys { gap: 8px; margin: 0; flex-wrap: nowrap; }
  .cs-credits, .coral .cs-new { height: 36px; padding: 0 10px; font-size: 13px; gap: 4px; }
  .cs-credits b, .cs-credits-more { font-size: 13px; }
  .cs-coin { width: 18px; height: 18px; }
  .cs-credits-more { display: none; }
  .cs-sub { font-size: 15px; color: #6b6f80; }
  .cs-panel, .cs.picked .cs-panel { height: auto; max-height: calc(100dvh - 72px); overflow: hidden; padding: 10px 16px 16px; border-radius: 24px 24px 0 0; }
  .cs-panel-scroll { overflow-y: auto; flex: 0 1 auto; gap: 16px; }
  .cs-panel-head { flex: none; margin: 0; }
  .cs-panel-body, .cs-panel-keys { flex: none; }
  .cs-panel-head h2 { font: 800 22px/1.2 var(--c-font); }
  .cs-panel-code { font-size: 15px; }
  .cs-thumb { border-radius: 10px; }
  .cs-grab { background: #d4d6e0; }
  .cs.sheet-open .cs-lib, .cs.picked.sheet-open .cs-lib { padding-bottom: 0; }
  .cs-ad-t { font-size: 16px; color: #1b1e3c; }
  .cs-ad-s { font-size: 14px; color: #7a7f96; }
  .cs-poster .cs-tag { font-size: 13px; }
  .cs-panel .cs-steps li { font-size: 12px; line-height: 15px; color: #4a4f6a; }
  .cs-steps i { width: 14px; height: 14px; }
  .cs-panel .cs-money { padding: 18px 20px; border-radius: 12px; background: #fdece8; }
  .cs-money-t { font-size: 18px; }
  .cs-money dl > div { font-size: 16px; }
  .cs-money dl > div.total { font-size: 18px; flex-wrap: wrap; }
}
@media (max-width: 359px) {
  .cs-credits, .coral .cs-new { padding: 0 7px; }
  .cs-head-keys { gap: 5px; }
  .cs-credits .cs-coin { display: none; }
}
@media (min-width: 1000px) {
  .cs-panel, .cs-panel:not(.open) { max-height: calc(100dvh - 106px); }
  .cs-panel .cs-preview { width: 210px; aspect-ratio: 210/260; box-shadow: none; }
}
@media (min-width: 1000px) {
  .cs-panel .cs-preview { width: 190px; aspect-ratio: 190/235; }
  .coral .cs-panel .cs-seconds .coral-btn.outline { font-size: 16px; padding: 0 6px; }
}
@media (max-width: 999px) {
  .cs-panel, .cs.picked .cs-panel { max-height: min(85dvh, calc(100dvh - 92px)); }
}
@media (max-width: 359px) {
  .cs-panel .cs-steps li { font-size: 10px; line-height: 13px; }
}

.coral-app .cs .cs-head-keys { max-width: none; flex-wrap: nowrap; align-self: center; }
.coral-app .cs .cs-head { margin-bottom: 4px; }
.coral-app .cs .cs-sub { margin-top: 2px; }
@media (max-width: 999px) {
  .coral-app .cs .cs-head { grid-template-areas: "title keys" "sub sub"; }
  .coral-app .cs .cs-h1 { font: 800 34px/1.1 var(--c-font); letter-spacing: -.02em; }
}
@media (min-width: 1000px) {
  .coral-app .cs .cs-h1 { font: 800 41px/1.05 var(--c-font); letter-spacing: -.02em; }
  .cs-panel, .cs-panel:not(.open) { max-height: calc(100dvh - 136px); }
  .cs-panel .cs-preview { width: 170px; aspect-ratio: 170/205; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .coral-app .cs .cs-head { grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "sub" "keys"; }
  .coral-app .cs .cs-head-keys { justify-self: start; margin-top: 10px; }
}


.cs-chips a { min-height: 44px; height: auto; }
.cs-x { min-width: 44px; min-height: 44px; }
.cs-back, .cw-lyric > summary { min-height: 44px; align-content: center; }
.cs-prices li { flex-wrap: wrap; }
.cs-prices li > span { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 599px) {
  
  .cw .cs-steps.wide { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; padding: 14px 10px; }
  .cw .cs-steps.wide li { font-size: 12px; line-height: 16px; }
  .cw .cs-steps.wide li > span { width: auto; max-width: 100%; }
  .cw .cs-steps.wide li:nth-child(4)::before { display: none; }
}
@media (min-width: 1000px) {
  
  .cs-panel .cs-seconds.n3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-panel .cs-seconds.n3 .work { grid-column: 1 / -1; width: 100%; }
}
.coral .cs-panel-keys .coral-btn-label { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.coral .cs-panel-keys .coral-btn { height: auto; padding-block: 10px; }


.cw:is([data-stage="approved"], [data-stage="pitched"], [data-stage="posted"], [data-stage="kept"]) ~ .stuck-help { display: none; }

.coral button.coral-ava, button.coral-ava { border: 0; padding: 0; cursor: pointer; font-family: var(--c-font, inherit); }
.coral button.coral-acct-card { display: none; }
.coral-menu-btn .ca-mini { width: 26px; height: 26px; font-size: 11px; }

.coral.ca-menu { position: fixed; inset: auto 0 0 0; margin: 0; width: 100%; max-width: 100%; min-height: 0; height: auto; max-height: min(90dvh, 820px);
  overflow: auto; overscroll-behavior: contain; padding: 6px 14px calc(14px + env(safe-area-inset-bottom)); border: 0; border-radius: 20px 20px 0 0;
  background: #fff; color: var(--c-ink); box-shadow: 0 -12px 40px rgb(16 24 40 / 18%); font: 400 15px/1.35 var(--c-font); }
.coral.ca-menu:not(:popover-open) { display: none; }
.ca-menu::backdrop { background: rgb(20 22 27 / 38%); }
.ca-grab { display: block; width: 40px; height: 4px; margin: 2px auto 8px; border-radius: 4px; background: #e2e4e9; }

.ca-who { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 6px 4px 12px; border-bottom: 1px solid var(--c-div); }
.ca-who .ca-ava { width: 48px; height: 48px; font-size: 17px; background: #ffe3da; color: #f04e23; }
.ca-who-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ca-who-txt b { font: 600 17px/1.25 var(--c-font); color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-who-txt small { font: 400 13px/1.3 var(--c-font); color: var(--c-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ca-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font: 600 12px/1 var(--c-font); background: var(--c-tint); color: var(--c-body); }
.ca-chip.admin { background: var(--c-navy); color: #fff; }
.ca-chip.reviewer { background: var(--c-ok-t); color: var(--c-ok); }
.ca-close { align-self: start; width: 32px; height: 32px; border: 0; border-radius: 50%; background: var(--c-tint); color: var(--c-soft); font: 400 22px/1 var(--c-font); cursor: pointer; }

.ca-group { margin: 10px 0 0; padding: 0; }
.ca-head { display: flex; align-items: center; gap: 8px; margin: 0 6px 4px; font: 600 12px/1.2 var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: var(--c-faint); }
.ca-test { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 6px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 700 10px/1 var(--c-font); letter-spacing: .08em; }
.ca-group.test { padding: 8px 6px 6px; border: 1px dashed var(--c-coral-ring); border-radius: 12px; background: #fffaf8; }
.ca-group.test .ca-head { margin-top: 0; }

.ca-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 7px 8px; border: 0; border-radius: 10px; background: none;
  color: var(--c-ink); text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
a.ca-row:hover, button.ca-row:hover, .ca-split:hover { background: var(--c-tint); }
.ca-row.on { background: var(--c-coral-t); }
.ca-row.on .ca-ico { background: #fff; color: var(--c-coral); }
.ca-row.on .ca-txt b { color: var(--c-coral-ink); }
.ca-ico { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--c-tint); color: var(--c-body); }
.ca-ico svg { width: 20px; height: 20px; }
.ca-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.ca-txt b { font: 600 15px/1.25 var(--c-font); color: var(--c-ink); }
.ca-txt small { font: 400 13px/1.3 var(--c-font); color: var(--c-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-count { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--c-coral); color: #fff; font: 700 12px/1 var(--c-font); }

.ca-row.ca-split { padding: 0; gap: 0; }
.ca-split .ca-main { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; padding: 7px 8px; color: inherit; text-decoration: none; border-radius: 10px; }
.ca-side { flex: none; padding: 0 10px 0 4px; font: 600 13px/1.2 var(--c-font); color: var(--c-body); white-space: nowrap; }
.ca-side a { color: var(--c-coral-ink); text-decoration: none; }
.ca-side a:hover { text-decoration: underline; }/*kit-part*/

.ca-form { margin: 0; }
.ca-stage { cursor: default; align-items: flex-start; }
.ca-stage:hover { background: none; }
.ca-jump { display: flex; gap: 8px; margin-top: 6px; }
.ca-select { flex: 1; min-width: 0; height: 36px; padding: 0 8px; border: 1px solid var(--c-line-2); border-radius: 8px; background: #fff; color: var(--c-ink); font: 400 14px/1 var(--c-font); }
.ca-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid var(--c-line-2); border-radius: 10px;
  background: #fff; color: var(--c-ink); font: 600 14px/1 var(--c-font); cursor: pointer; white-space: nowrap; }
.ca-btn:hover { background: var(--c-tint); }
.ca-btn.key { border: 0; background: var(--c-coral); color: #fff; }
.ca-btn.key:hover { background: var(--c-coral-h); }
.ca-btn .ca-ico { width: 18px; height: 18px; background: none; color: inherit; }
.ca-btn .ca-ico svg { width: 18px; height: 18px; }
.ca-walk { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 2px 4px 2px 6px; }
.ca-walk p { margin: 0; font: 400 14px/1.35 var(--c-font); color: var(--c-soft); min-width: 0; }
.ca-walk p b { color: var(--c-ink); font-weight: 600; }

.ca-last { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--c-div); }
.ca-out .ca-txt b { font-weight: 500; color: var(--c-body); }


@media (min-width: 1000px) {
  .coral button.coral-acct-card { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px; border-radius: 12px; background: #fff; border: 1px solid #eceef2;
    font: inherit; text-align: left; cursor: pointer; color: inherit; }
  .coral button.coral-acct-card:hover { background: #f7f7f9; }
  .coral button.coral-acct-card .coral-ava { background: #fde3d9; color: #e8542f; }
  .ca-up { transform: rotate(-90deg); }
  .coral.ca-menu { width: 360px; max-height: calc(100dvh - 120px); padding: 10px 10px 10px; border: 1px solid var(--c-line); border-radius: 14px;
    box-shadow: 0 20px 48px -16px rgb(16 24 40 / 28%); }
  .coral.ca-menu#coral-acct { inset: auto auto 86px 12px; }
  .coral.ca-menu#coral-acct-top { inset: 84px 24px auto auto; }
  .ca-menu::backdrop { background: transparent; }
  .ca-grab, .ca-close { display: none; }
  .ca-who { grid-template-columns: auto minmax(0, 1fr); padding: 4px 4px 10px; }
  .ca-row { min-height: 46px; padding: 5px 6px; }
  .ca-row.ca-split .ca-main { padding: 5px 6px; }
  .ca-ico { width: 32px; height: 32px; }
  .ca-ico svg { width: 18px; height: 18px; }
  .ca-txt b { font-size: 14px; }
  .ca-txt small { font-size: 12.5px; }
}

.cp-grid { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
.cp-col { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.cp-card { background: #fff; border: 1px solid #ecedf0; border-radius: 12px; padding: 16px; min-width: 0; font: 400 15px/1.45 var(--c-font); color: var(--c-body); }
.cp-card > * + * { margin-top: 10px; }
.cp-head { display: flex; align-items: center; gap: 10px; min-height: 26px; }
.cp-head h2 { margin: 0; font: 700 17px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.cp-head > :nth-child(2) { margin-left: auto; }
.cp-card > .cp-head + .cp-quiet { margin-top: 2px; }
.cp-quiet { margin: 0; font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.cp-small { margin: 0; font: 400 12.5px/1.45 var(--c-font); color: var(--c-faint); }
.cp-lead { margin: 0; font: 400 15px/1.5 var(--c-font); color: var(--c-body); }
.cp-kicker { margin: 0; font: 600 12px/1.3 var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: var(--c-faint); }
.cp-big { margin: 2px 0 0; font: 700 28px/1.1 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.cp-link { color: var(--c-coral-ink) !important; text-decoration: none; font-weight: 600; }
.cp-link:hover { text-decoration: underline; }
.cp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--c-line-2);
  background: #fff; color: var(--c-ink) !important; font: 600 14px/1.2 var(--c-font); text-decoration: none; cursor: pointer; white-space: nowrap; max-width: 100%; }
.cp-btn:hover { background: var(--c-tint); }
.cp-btn.primary { border-color: transparent; background: #ff5a36; color: #fff !important; }
.cp-btn.primary:hover { background: var(--c-coral-h); }
.cp-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.cp-form { margin: 0; }
.cp-stack { display: flex; flex-direction: column; gap: 12px; }
.cp-ico { display: inline-grid; place-items: center; width: 20px; height: 20px; flex: none; }
.cp-ico svg { width: 100%; height: 100%; }
.cp-ico.sm { width: 16px; height: 16px; }
.cp-chev { color: #9ca3af; margin-left: auto; }
.cp-pill { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: var(--c-tint); color: var(--c-body); font: 600 12px/1 var(--c-font); white-space: nowrap; }
.cp-pill.bad { background: #ffe1e3; color: #c8102e; }
.cp-count { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 700 12px/1 var(--c-font); }
.cp-note { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--c-tint); font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.cp-warn { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff4e5; color: #8a5300; font: 500 14px/1.45 var(--c-font); }
.cp-grow { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.cp-grow b { font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-grow small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }


.cp-field { display: flex; flex-direction: column; gap: 6px; }
.cp-field > span { font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.cp-field > small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.cp-input { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--c-line-2); border-radius: 8px; background: #fff; color: var(--c-ink); font: 400 15px/1.4 var(--c-font); }
textarea.cp-input { min-height: 110px; resize: vertical; }
.cp-input:focus { outline: 3px solid rgb(242 84 45 / 25%); border-color: var(--c-coral-ring); }
.cp-wallet { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; border: 0; }
.cp-wallet legend { width: 100%; margin: 0 0 6px; padding: 0; font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.cp-radio { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--c-line-2); border-radius: 8px; font: 500 14px/1 var(--c-font); color: var(--c-ink); cursor: pointer; }
.cp-radio:has(input:checked) { border-color: var(--c-coral-ring); background: var(--c-coral-t); color: var(--c-coral-ink); }
.cp-radio input { accent-color: var(--c-coral); margin: 0; }
.cp-check { display: inline-flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 14px; border: 1px solid var(--c-line-2); border-radius: 8px; background: #fff; font: 600 14px/1 var(--c-font); color: var(--c-ink); cursor: pointer; }
.cp-box { width: 18px; height: 18px; border: 1.5px solid #c4c7ce; border-radius: 4px; }
.cp-done { display: flex; align-items: center; gap: 8px; margin: 0; font: 500 14px/1.4 var(--c-font); color: var(--c-ok); }
.cp-tick { display: inline-grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 50%; background: var(--c-ok-t); color: var(--c-ok); }
.cp-tick svg { width: 14px; height: 14px; }
.cp-copy { display: flex; gap: 8px; }
.cp-copy .cp-input { flex: 1; min-width: 0; color: var(--c-soft); }
.cp-row { display: flex; align-items: center; gap: 12px; justify-content: space-between; }
.cp-row .cp-quiet { flex: 1; min-width: 0; }
.cp-out .cp-btn { width: 100%; color: var(--c-soft) !important; }


.cp-who { display: flex; align-items: center; gap: 14px; }
.cp-ava.coral-ava { width: 56px; height: 56px; font-size: 19px; background: #ffe3da; color: #f04e23; }
.cp-who-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cp-who-txt b { font: 700 18px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.cp-who-txt small { font: 400 14px/1.3 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.cp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.cp-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font: 600 12px/1 var(--c-font); background: var(--c-tint); color: var(--c-body); }
.cp-chip.admin { background: var(--c-navy); color: #fff; }
.cp-chip.reviewer { background: var(--c-ok-t); color: var(--c-ok); }
.cp-lines { margin: 4px 0 0; }
.cp-line { display: grid; gap: 2px; padding: 10px 0; border-top: 1px solid var(--c-div); }
.cp-line dt { font: 500 13px/1.3 var(--c-font); color: var(--c-soft); }
.cp-line dd { margin: 0; font: 500 14px/1.45 var(--c-font); color: var(--c-ink); }


.cp-slot { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; align-items: start; }
.cp-slot > * + * { margin-top: 0; }
.cp-slot-face { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--c-navy); }
.cp-slot-txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cp-slot > .cp-btn { grid-column: 1 / -1; justify-self: start; margin-top: 8px; }
.cp-path { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.cp-step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 16px; background: #fff; border: 1px solid #ecedf0; border-radius: 12px; }
.cp-step.now { border-color: var(--c-coral-ring); box-shadow: 0 0 0 3px rgb(242 84 45 / 8%); }
.cp-n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--c-tint); color: var(--c-soft); font: 700 14px/1 var(--c-font); flex: none; }
.cp-step.now .cp-n { background: var(--c-coral); color: #fff; }
.cp-step.done .cp-n, .cp-n.done { background: var(--c-ok-t); color: var(--c-ok); }
.cp-step-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cp-step-body h3 { margin: 4px 0 0; font: 700 16px/1.3 var(--c-font); color: var(--c-ink); }
.cp-picks { display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); }
.cp-pick-form { margin: 0; }
.cp-pick { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 10px 12px; border: 1px solid var(--c-line-2); border-radius: 10px; background: #fff; text-align: left; font: inherit; cursor: pointer; }
.cp-pick:hover { background: var(--c-tint); }
.cp-pick.on { border-color: var(--c-coral-ring); background: var(--c-coral-t); }
.cp-mark { display: inline-grid; place-items: center; width: 28px; height: 28px; flex: none; color: var(--c-ink); }
.cp-mark svg { width: 22px; height: 22px; }
.cp-pick-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.cp-pick-txt b { font: 600 15px/1.25 var(--c-font); color: var(--c-ink); }
.cp-pick-txt small { font: 400 13px/1.35 var(--c-font); color: var(--c-soft); }
.cp-on { color: var(--c-coral); }
.cp-change > summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; font: 400 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-change > summary::-webkit-details-marker { display: none; }
.cp-change[open] > summary { margin-bottom: 10px; }
.cp-box-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cp-keyrow { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 12px; border: 1px solid var(--c-line); border-radius: 10px; }
.cp-code { position: relative; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.cp-pre { width: 100%; margin: 0; padding: 12px 14px; border-radius: 10px; background: var(--c-navy); color: #e8eaf0; font: 400 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 280px; overflow: auto; }
.cp-job { border: 1px solid var(--c-line); border-radius: 10px; }
.cp-job > summary { display: flex; align-items: center; gap: 8px; padding: 12px; list-style: none; cursor: pointer; font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.cp-job > summary::-webkit-details-marker { display: none; }
.cp-job[open] > summary .cp-chev { transform: rotate(90deg); }
.cp-job > .cp-code { padding: 0 12px 12px; }
.cp-wait { display: flex; align-items: flex-start; gap: 12px; padding: 12px; border: 1px dashed var(--c-line-2); border-radius: 10px; }
.cp-wait b { font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-ring { width: 18px; height: 18px; margin-top: 2px; flex: none; border-radius: 50%; border: 2px solid var(--c-line-2); }
.cp-wait.on { border-style: solid; border-color: #bfe8cf; background: var(--c-ok-t); }
.cp-wait.on .cp-ring { border-color: var(--c-ok); background: var(--c-ok); }
.cp-links { list-style: none; margin: 0; padding: 0; }
.cp-links li { border-top: 1px solid var(--c-div); }
.cp-links li:first-child { border-top: 0; }
.cp-links a, .cp-links li > span { display: flex; flex-direction: column; gap: 2px; padding: 10px 0; text-decoration: none; }
.cp-links b { font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-links small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.cp-links a small { color: var(--c-coral-ink); font-weight: 600; }
.cp-links li.off b { color: var(--c-soft); }


.cp-lessons { list-style: none; margin: 0; padding: 0; }
.cp-lessons li + li { border-top: 1px solid var(--c-div); }
.cp-lesson-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; text-decoration: none; }
.cp-lesson-row.off .cp-grow b { color: var(--c-soft); }
.cp-navy { background: var(--c-navy); border-color: var(--c-navy); color: #d6dae3; }
.cp-navy .cp-kicker { color: #ff9a7a; }
.cp-navy h2 { margin: 0; font: 700 22px/1.2 var(--c-font); letter-spacing: -.02em; color: #fff; }
.cp-navy p { margin: 0; }
.cp-reading { max-width: 760px; }
.cp-video { overflow: hidden; border-radius: 10px; background: #0f1218; }
.cp-video video, .cp-video img { display: block; width: 100%; max-height: 70vh; object-fit: contain; }
.cp-video.tall video { aspect-ratio: 9 / 16; max-height: 560px; }
.cp-lesson { font: 400 16px/1.65 var(--c-font); color: var(--c-body); }
.cp-lesson h1, .cp-lesson h2, .cp-lesson h3 { margin: 1.2em 0 .4em; font-family: var(--c-font); font-weight: 700; color: var(--c-ink); letter-spacing: -.01em; line-height: 1.3; }
.cp-lesson h2 { font-size: 20px; } .cp-lesson h3 { font-size: 17px; }
.cp-lesson a { color: var(--c-coral-ink); }
.cp-lesson pre, .cp-lesson code { font: 400 13px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.cp-lesson pre { padding: 12px; border-radius: 10px; background: var(--c-tint); white-space: pre-wrap; }
.cp-lesson blockquote { margin: 0; padding: 4px 0 4px 14px; border-left: 3px solid var(--c-coral-ring); color: var(--c-ink); }


.cp-open-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
.cp-open-txt { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cp-open-txt > p { margin: 0; }
.cp-open-txt h3 { margin: 6px 0 0; font: 700 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-title { margin: 0; font: 700 22px/1.2 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.cp-whys, .cp-flags, .cp-checks { margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 6px; font: 400 14px/1.45 var(--c-font); }
.cp-flags { list-style: none; padding: 0; }
.cp-flag { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border: 1px solid var(--c-line); border-radius: 10px; cursor: pointer; }
.cp-flag input { margin-top: 3px; accent-color: var(--c-coral); }
.cp-flag mark { background: #fff1c2; padding: 0 2px; }
.cp-flag small { display: block; margin-top: 2px; color: var(--c-soft); font-size: 12.5px; }
.cp-queue { list-style: none; margin: 0; padding: 0; }
.cp-queue li + li { border-top: 1px solid var(--c-div); }
.cp-qrow { display: flex; align-items: center; gap: 12px; padding: 10px 6px; margin: 0 -6px; border-radius: 8px; text-decoration: none; }
.cp-qrow:hover { background: var(--c-tint); }
.cp-qrow.on { background: var(--c-coral-t); }
.cp-thumb { width: 40px; height: 52px; flex: none; overflow: hidden; border-radius: 6px; background: var(--c-tint); }
.cp-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cp-checks { padding-left: 20px; color: var(--c-body); }

@media (min-width: 1000px) {
  .cp-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
  .cp-grid.ai, .cp-grid.review { grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr); }
  .cp-card { padding: 20px; }
  .cp-picks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cp-open-grid { grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); }
  .cp-slot { grid-template-columns: auto minmax(0, 1fr) auto; }
  .cp-slot > .cp-btn { grid-column: auto; margin-top: 0; align-self: center; }
  
  .cp-col.side .cp-slot { grid-template-columns: auto minmax(0, 1fr); }
  .cp-col.side .cp-slot > .cp-btn { grid-column: 1 / -1; margin-top: 8px; align-self: start; }
}


.coral-moved .coral-content { font-family: var(--c-font); color: var(--c-body); }
.coral-moved .coral-content :is(h1, h2, h3, p, li, dt, dd, small, b, a, span, button, summary) { font-family: var(--c-font); }
.coral-moved .coral-content :is(.kit-card, .mg-card) { background: #fff; border: 1px solid #ecedf0; border-radius: 12px; box-shadow: none; }
.coral-moved .coral-content .kit-btn { min-height: 40px; margin-bottom: 0; padding: 0 16px; border-radius: 8px; box-shadow: none; transform: none; font: 600 14px/1.2 var(--c-font);
  background: #fff; color: var(--c-ink); border: 1px solid var(--c-line-2); }
.coral-moved .coral-content .kit-btn.primary { background: #ff5a36; color: #fff; border-color: transparent; }
.coral-moved .coral-content .kit-btn.primary:hover { background: var(--c-coral-h); }
.coral-moved .coral-content .kit-link { color: var(--c-coral-ink); }
.coral-moved .coral-content :is(.mg-h2, .mg-sh h2, .mg-section h2, .kit-card h2) { font: 700 17px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.coral-moved .coral-content :is(.mg-small, .in-quiet) { color: var(--c-soft); }
.coral-moved .coral-content .mg-money { font-family: var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.coral-moved .coral-content .prelaunch-status { border: 1px solid #f6d8a8 !important; border-radius: 12px; background: #fff8ec; color: #7a4d00; font: 500 14px/1.45 var(--c-font); box-shadow: none; }
.coral-moved .coral-content > h2 { margin: 18px 0 6px; font: 700 20px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.coral-moved .coral-content > p { margin: 0 0 12px; font: 400 15px/1.5 var(--c-font); color: var(--c-body); }
.coral-moved .coral-content > .kit-btn { margin: 0 8px 8px 0; }

.cp-live { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.cp-live-pill { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--c-tint); color: var(--c-body); font: 600 13px/1 var(--c-font); }
.cp-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #e0a100; box-shadow: 0 0 0 0 rgba(224, 161, 0, .5); animation: cp-live-pulse 1.6s ease-out infinite; }
@keyframes cp-live-pulse { 0% { box-shadow: 0 0 0 0 rgba(224, 161, 0, .5); } 100% { box-shadow: 0 0 0 8px rgba(224, 161, 0, 0); } }
@media (prefers-reduced-motion: reduce) { .cp-live-dot { animation: none; } }
.cp-live.on .cp-live-pill { background: var(--c-ok-t); color: var(--c-ok); }
.cp-live-txt b { font: 600 15px/1.35 var(--c-font); color: var(--c-ink); }
.cp-live-txt .cp-quiet { margin: 2px 0 0; }


.cp-guides { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(270px, calc(50% - 6px))), 1fr)); gap: 12px; margin: 4px 0 0; padding: 0; list-style: none; }
.cp-guide { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--c-line); border-radius: 12px; background: #fff; }
.cp-guide-top { display: flex; align-items: center; gap: 12px; }
.cp-guide-ico { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--c-tint); color: var(--c-ink); }
.cp-guide h4 { margin: 0; font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.cp-guide-top small { font: 400 12.5px/1.3 var(--c-font); color: var(--c-soft); }
.cp-guide > .cp-quiet { margin: 0; }
.cp-guide-acts { display: flex; }
.cp-guide-read { margin-top: auto; border-top: 1px solid var(--c-div); padding-top: 8px; }
.cp-guide-read > summary { display: inline-flex; align-items: center; gap: 4px; list-style: none; cursor: pointer; font: 500 13.5px/1.3 var(--c-font); color: var(--c-soft); }
.cp-guide-read > summary::-webkit-details-marker { display: none; }
.cp-guide-read > summary .cp-chev { transform: rotate(90deg); transition: transform .15s; }
.cp-guide-read[open] > summary .cp-chev { transform: rotate(-90deg); }
.cp-guide-read ul { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 13.5px; line-height: 1.4; }


.cp-grid ~ .stuck-help { max-width: none !important; margin-top: 14px !important; }
@media (min-width: 1000px) {
  .cp-grid ~ .stuck-help { width: calc((100% - 14px) * 1.25 / 2.25); }
  .cp-grid:is(.ai, .review) ~ .stuck-help { width: min(calc((100% - 14px) * 1.7 / 2.7), calc(100% - 314px)); }
}

.tn-card { position: fixed; z-index: 40; width: min(360px, calc(100vw - 16px)); max-height: min(78vh, 640px); overflow: auto; overscroll-behavior: contain;
  background: var(--mx-card); color: var(--mx-ink); border-radius: var(--mx-r-md); box-shadow: var(--mx-shadow-float); padding: var(--mx-s3) var(--mx-s4) var(--mx-s3);
  font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); cursor: auto; }
.tn-card[hidden] { display: none; }
.tn-card.sheet { left: var(--mx-s2); right: var(--mx-s2); width: auto; max-height: 62vh; }
.tn-head { display: flex; align-items: baseline; gap: var(--mx-s2); margin-bottom: var(--mx-s1); }
.tn-name { font-family: var(--mx-mono); font-size: var(--mx-fs-ui); word-break: break-all; }
.tn-n { color: var(--mx-label); white-space: nowrap; }
.tn-money, .v2-tnote .tn-money { font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); font-weight: var(--mx-w-strong); color: var(--mx-wait); background: var(--mx-wait-t);
  border-radius: var(--mx-r-pill); padding: 0 var(--mx-s2); white-space: nowrap; }
.tn-x { margin-left: auto; min-width: var(--mx-h-ctl); min-height: 32px; border: 0; background: none; font-size: 20px; line-height: 1; color: var(--mx-label); cursor: pointer; }
.tn-about { margin: 0 0 var(--mx-s2); color: var(--mx-label); }
.tn-col { display: grid; gap: 2px; margin: 0 0 var(--mx-s2); padding: var(--mx-s2); border-radius: var(--mx-r-sm); background: var(--mx-tint); }
.tn-col code { font-family: var(--mx-mono); font-size: 11px; word-break: break-word; }
.tn-meaning { margin: 0 0 var(--mx-s2); font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); }
.tn-meaning.none, .tn-f.none dd { color: var(--mx-hint); }
.tn-list { margin: 0; display: grid; gap: var(--mx-s2); }
.tn-f { display: grid; gap: 2px; margin: 0; }
.tn-f dt { font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); font-weight: var(--mx-w-strong); text-transform: uppercase; letter-spacing: .04em; color: var(--mx-label); }
.tn-f dd { margin: 0; overflow-wrap: anywhere; }
.tn-card label.tn-f { margin-bottom: var(--mx-s2); }
.tn-card textarea.kit-input, .tn-card select.kit-input { width: 100%; min-height: 0; height: auto; padding: var(--mx-s1) var(--mx-s2); font: inherit; resize: vertical; }
.tn-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); margin-top: var(--mx-s3); }
.tn-say { color: var(--mx-label); font-size: var(--mx-fs-tag); line-height: var(--mx-lh-tag); }

svg.erd-room .erd-z-band { fill: transparent; }
svg.erd-room .erd-z-row:hover .erd-z-band { fill: var(--mx-tint); }


.v2-tnote { margin: 0 0 var(--mx-s3); padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-card); box-shadow: 0 0 0 1px var(--mx-line); }
.v2-tnote > p { margin: 0; font-size: var(--mx-fs-body); line-height: var(--mx-lh-body); }
.v2-tnote > p.none { color: var(--mx-hint); }
.v2-tnote details { margin-top: var(--mx-s2); }
.v2-tnote summary { cursor: pointer; color: var(--mx-label); font-size: var(--mx-fs-small); }
.v2-tnote .tn-list { margin-top: var(--mx-s2); grid-template-columns: minmax(0, 1fr); align-items: start; font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); }
.tn-f { align-content: start; }
@media (min-width: 768px) { .v2-tnote .tn-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--mx-s6); } }

@media (max-width: 767px) {
  .v2-tables { grid-template-columns: minmax(0, 1fr); gap: var(--mx-s3); }
  .v2-tables-list { flex-direction: row; overflow-x: auto; }
}

body:has(.public-signin){background:#f8f9fb}
.out:has(.public-signin){--mx-sans:Geist,system-ui,sans-serif;--mx-canvas:#f8f9fb;--mx-ink:#141b31;--mx-body:#606a81;--mx-primary:#e8492d;--mx-primary-ink:#e8492d;--mx-line:#e6e8ef;font-family:Geist,system-ui,sans-serif;background:#f8f9fb;color:#141b31;min-height:100svh}
.out:has(.public-signin) .out-top{border-bottom:1px solid #e6e8ef;background:transparent}
.out:has(.public-signin) .out-brand{font-family:inherit;font-weight:700;letter-spacing:-.8px;color:#141b31}
.out:has(.public-signin) .out-mark{background:#ff593b;color:white;box-shadow:none}
.public-signin{width:440px;padding-block:60px;gap:20px}
.public-signin .out-card{background:white;border:1px solid #e6e8ef;border-radius:16px;box-shadow:0 8px 32px #17213a05;padding:32px;gap:26px}
.public-signin .out-h1{font-family:inherit;font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.15;color:#141b31}
.public-signin .out-lead{font-size:15px;line-height:1.6;color:#606a81;overflow-wrap:anywhere}
.public-signin .out-signin-top{gap:12px}
.public-signin .btn.primary{background:#e8492d;color:white;border:0;box-shadow:none;border-radius:9px;min-height:50px;font:600 16px Geist,system-ui,sans-serif;text-transform:none;letter-spacing:0}
.public-signin .btn.primary:hover{background:#cf3c23}
.public-signin .v2-field input{border:1px solid #d8dce6;border-radius:8px;height:50px;font:400 16px Geist,system-ui,sans-serif;background:white;color:#141b31}
.public-signin #pin{font-size:26px;letter-spacing:8px;text-align:center}
.public-signin .out-hint{color:#606a81;font-size:13px}
.public-back{display:block;text-align:center;color:#606a81;font-size:14px;padding:10px;text-decoration:underline;text-underline-offset:3px}
.public-signin .in-refuse{border-radius:8px;background:#fff0ec;color:#a52e1a;padding:12px}
@media(max-width:767px){.public-signin{margin-top:24px;padding-block:0}.public-signin .out-card{padding:26px 22px}.out:has(.public-signin) .out-main{padding-top:8px}}

.out:has(.public-signin) .public-signin input{background:#fff!important;color:#141b31!important;border:1px solid #d8dce6!important;border-radius:8px!important;box-shadow:none!important;font-family:Geist,system-ui,sans-serif!important;font-weight:400!important}
.out:has(.public-signin) .public-signin input::placeholder{color:#828a9b!important}
.out:has(.public-signin) .public-signin .btn.primary{color:white!important}
.out:has(.public-signin) :is(.out-lead,.out-hint,.out-foot){font-weight:400;color:#606a81!important}
.out:has(.public-signin) .out-foot a{color:#606a81!important}


.public-signin .btn.primary{transition:background-color .15s,transform .08s}
.public-signin .btn.primary:active{background:#b8331c;transform:translateY(1px)}
.public-signin .btn.primary:focus-visible{outline:3px solid rgb(232 73 45 / 45%);outline-offset:2px}
.public-signin .v2-field input:focus{border-color:#e8492d;box-shadow:0 0 0 3px rgb(232 73 45 / 18%);outline:none}
.public-back:hover,.public-signin .out-hint a:hover{color:#e8492d}
@media (prefers-reduced-motion: reduce){.public-signin .btn.primary,.public-signin .btn.primary:active{transition:none;transform:none}}


body:has(.public-signin){background:#fffefa}
.out:has(.public-signin){--mx-canvas:#fffefa;--mx-ink:#111;--mx-body:#4d4843;--mx-primary:#d9381b;--mx-primary-ink:#d9381b;background:#fffefa;color:#111}
.out:has(.public-signin) .out-top{border-bottom:0}
.out:has(.public-signin) .out-brand{display:inline-flex;align-items:center;min-height:44px;font-size:26px;font-weight:800;letter-spacing:-.04em;color:#111}
.public-signin .out-card{border-color:#e3dfda}
.public-signin .out-h1{color:#111}
.out:has(.public-signin) :is(.out-lead,.out-hint,.out-foot){color:#4d4843!important}
.out:has(.public-signin) .out-foot a{color:#4d4843!important;display:inline-flex;align-items:center;min-height:44px}
.out:has(.public-signin) .public-signin .btn.primary,.public-signin .btn.primary{background:#d9381b}
.public-signin .btn.primary:hover{background:#b82c17}
.public-signin .btn.primary:active{background:#9f2614}
.public-signin .v2-field input{border-color:#cfcac3}
.out:has(.public-signin) .public-signin input{border-color:#cfcac3!important}

.out:has(.public-signin) .public-signin input:focus{border-color:#111!important;box-shadow:0 0 0 3px rgb(17 17 17 / 14%)!important}
.out:has(.public-signin) :focus-visible,.public-signin .btn.primary:focus-visible{outline:2px solid #b82c17;outline-offset:2px}
.out:has(.public-signin) .public-signin input:focus-visible{outline:none}
.public-signin .out-hint a{display:inline-block;padding-block:12px;margin-block:-12px}
.public-back{min-height:44px;color:#4d4843}
.public-back:hover,.public-signin .out-hint a:hover{color:#b82c17}
body:has(.public-signin)>.v2-version{position:static;display:flex;align-items:center;width:fit-content;min-height:44px;margin:0 auto 12px;padding:0 8px;background:none;box-shadow:none;color:#4d4843;font-size:12px}


.public-signin .in-to{color:#111;font-weight:600;overflow-wrap:anywhere}
.public-signin .in-again{margin:0}
.public-signin .in-sent{border-radius:8px;background:#eef7ee;color:#1d5a26;padding:12px;margin:0}
.public-signin .in-meant{display:grid;gap:12px;border-radius:10px;background:#fff4ef;padding:14px}
.public-signin .in-meant p{margin:0;color:#111;font-size:16px;overflow-wrap:anywhere}
.public-signin .btn.lg.wide:not(.primary){background:#fff;color:#111;border:1px solid #cfcac3;border-radius:9px;min-height:50px;font:600 16px Geist,system-ui,sans-serif;text-transform:none;letter-spacing:0;box-shadow:none}
.public-signin .btn.lg.wide:not(.primary):hover{border-color:#b82c17;color:#b82c17}
.public-signin #pin::placeholder{color:#d6d1ca!important;letter-spacing:8px}
.in-help{display:grid;justify-items:center;gap:0;text-align:center}
.in-help p{margin:0;color:#4d4843;font-size:14px}
.in-help .in-link{background:none;border:0;padding:10px;min-height:44px;color:#b82c17;font:600 14px Geist,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.in-help .in-link:hover{color:#9f2614}
.public-signin .in-to{display:block;margin-block:2px 6px;font-size:16px}
.public-signin .in-meant>*{min-width:0}
.in-help .in-again{color:#4d4843;font-weight:400;font-size:14px;line-height:1.5;padding-inline:12px}
.in-help .in-link{padding:10px 2px;font-weight:600}
.in-help .in-again{display:block}
.in-help .in-link{display:inline-block;width:auto;min-height:44px;padding-block:12px}

.coral-app .coral-main { width: 100%; max-width: 1248px; margin-inline: auto; padding-inline: 20px; padding-top: 16px; }
.coral-app .coral-hometop { margin-bottom: 32px; }
.coral-app :is(.cs-head, .mb-head, .dsc-head, .pl-header, .coral-title) { margin: 0 0 24px; }
.coral-app :is(.cs-head, .mb-head, .dsc-head, .pl-header, .coral-title) h1,
.coral-app .eh-copy h1 { font: 800 32px/1.15 var(--c-font); letter-spacing: -.025em; }/*kit-part*/
.coral-app :is(.cs-sub, .mb-lead, .dsc-sub, .pl-header p) { margin: 8px 0 0; font: 400 15px/1.5 var(--c-font); color: var(--c-soft); }
.coral-app .mb-panel { padding: 0; border: 0; background: transparent; }
.coral-app .mb-head { padding: 0; align-items: flex-start; }
.coral-app .mb-acts { margin-left: auto; }
.coral-app .cs-head { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title keys" "sub sub"; }
.coral-app .cs-head-keys { margin-top: 0; align-self: start; }
.coral-app .pl-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 16px; }
.coral-app .pl-header h1 { margin: 0; }
.coral-app .pl-header p { grid-column: 1 / -1; }
.coral-app .pl-header > a { grid-column: 2; grid-row: 1; font-size: 14px; }
.coral-app .ce-statement .ce-title { display: none; }
.coral-app .pl-slot { display: block; width: 140px; height: 140px; object-fit: contain; margin: 0 auto 20px; }
.coral-app :is(.cs-empty, .mb-deal) { width: 100%; max-width: 760px; margin: clamp(16px, 5vh, 56px) auto 32px; padding: 32px 24px; text-align: center; }
.coral-app .cs-empty-keys { justify-content: center; }
.coral-app .mb-deal > .coral-btn { margin-inline: auto; }
.coral-app .eh-hero { margin-top: 24px; }
.coral-app .coral-title { margin-top: 32px; }
@media (min-width: 1000px) {
  .coral-app .coral-main { padding-inline: 24px; padding-top: 24px; }
  .coral-app .cs-head { grid-template-areas: "title keys" "sub keys"; }
  .coral-app :is(.cs-empty, .mb-deal) { padding: 40px 48px; min-height: 350px; }
}
@media (max-width: 599px) {
  .coral-app .coral-main { padding-inline: 16px; }
  .coral-app .cs-head-keys { max-width: 170px; flex-wrap: wrap; }
  .coral-app .pl-header > a { max-width: 110px; text-align: right; }
}
.coral-app .pl-sample { margin-top: 16px; font: 500 14px/1.5 var(--c-font); }
.coral-app .pl-sample summary { cursor: pointer; color: var(--c-coral-ink); }
.coral-app .pl-sample video { display: block; max-width: 100%; width: 240px; max-height: 300px; margin: 16px auto; border-radius: 12px; }
.coral-app .eh-copy h2 { margin: 8px 0; color: inherit; font: 800 32px/1.15 var(--c-font); letter-spacing: -.025em; }
.coral-app .pl-header > a { white-space: normal; overflow-wrap: anywhere; }
.coral-app .coral-title:has(.pl-subtitle) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; }
.coral-app .pl-subtitle { grid-column: 1; grid-row: 2; margin: 0; font: 400 15px/1.5 var(--c-font); color: var(--c-soft); }
.coral-app .coral-title:has(.pl-subtitle) .coral-ava { grid-column: 2; grid-row: 1; }

.coral-app .coral-main:has(.mp) { max-width: 1008px; }

.coral-app .coral-main > .in-back { display: none; }
.coral-app .coral-content > .in-back { margin: 0 0 16px; }
.coral-app .coral-content > .in-back[href="/home"] { display: none; }

.coral-admin { --mx-font: var(--c-font); --mx-font-display: var(--c-font); --mx-font-mono: var(--c-font); }
.coral-admin .coral-main { padding-bottom: 40px; }
.admin-nav { overflow-y: auto; min-height: 0; flex: 1; padding-bottom: 16px; }
.admin-nav section { margin-bottom: 16px; }
.admin-nav h2 { padding: 0 14px; margin: 12px 0 6px; font: 600 11px/1.5 var(--c-font); text-transform: uppercase; letter-spacing: .08em; color: var(--c-soft); }
.admin-nav .coral-nav-a { min-height: 38px; height: auto; padding: 8px 12px; font-size: 13px; gap: 10px; }
.admin-nav .coral-ico { width: 18px; height: 18px; }
.coral-admin .coral-side-foot { flex-shrink: 0; }
.admin-mobile-nav { margin-bottom: 20px; background: white; border: 1px solid var(--c-line); border-radius: 10px; padding: 12px; }
.admin-mobile-nav summary { cursor: pointer; font-weight: 600; }
.admin-mobile-nav .admin-nav { max-height: 60vh; margin-top: 12px; }
.coral-admin .coral-content { min-width: 0; overflow-wrap: anywhere; }
.coral-admin .coral-content :is(h1,h2,h3,h4,p,a,button,label,summary,th,td,input,select,textarea,small,b,span) { font-family: var(--c-font); }
.coral-admin :is(.in-card,.kit-card,.v2-card) { background: white; border: 1px solid var(--c-line); border-radius: 12px; box-shadow: var(--c-shadow); }
.coral-admin :is(table,.in-table) { font-size: 13px; background: white; }
.coral-admin th { background: var(--c-tint); color: var(--c-soft); font-weight: 600; }
.coral-admin :is(td,th) { border-color: var(--c-line); }
.coral-admin .kit-btn { border-radius: 8px; box-shadow: none; }
@media(min-width:1000px) { .admin-mobile-nav { display:none; } .coral-admin .coral-side { height:100dvh; } }
.coral-admin .coral-content { font-weight: 400; }
.coral-admin :is(.card,.v2-dash-tile) { border: 1px solid var(--c-line); background: white; border-radius: 12px; box-shadow: none; }
.coral-admin table { display: block; max-width: 100%; overflow-x: auto; }
.coral-admin :is(td,th) { min-width: 80px; overflow-wrap: normal; }
.coral-admin td { font-weight: 400; }
.coral-admin { --mx-sans: var(--c-font); --mx-mono: var(--c-font); --mx-pop: var(--c-card); --mx-rim: var(--c-card); --mx-frost: var(--c-card); }
.coral-admin .coral-content > * + * { margin-top: 20px; }
.coral-admin .btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 40px; padding: 8px 14px; border: 1px solid var(--c-line-2); border-radius: 8px; background: white; color: var(--c-ink); font: 600 13px/1.3 var(--c-font); text-decoration: none; cursor: pointer; }
.coral-admin .btn.primary { background: var(--c-coral); border-color: transparent; color: white; }
.coral-admin .ad-top { flex-wrap: wrap; gap: 12px; }
.coral-admin .ad-top .ad-lead { flex: 1 1 240px; }
.coral-admin :is(input,select,textarea) { max-width: 100%; }
.coral-admin :is(a,button,summary,input,select,textarea):focus-visible { outline: 3px solid var(--c-coral-ring); outline-offset: 2px; }
.admin-cleared { margin-left: auto; font: 500 13px/1.4 var(--c-font); color: var(--c-soft); }
.admin-nav .coral-nav-a { display: flex; align-items: center; border-radius: 8px; color: var(--c-body); text-decoration: none; font-weight: 500; }
.admin-nav .coral-nav-a:hover { background: var(--c-tint); }
.admin-nav .coral-nav-a.on { background: var(--c-coral-t); color: var(--c-coral-ink); }
@media(min-width:768px) { .coral-admin table { display: table; width: 100%; } }
.coral-admin .coral-content .card { padding: 16px; }

.coral-app > .coral-side { view-transition-name: coral-side; }
.coral-app > .coral-top { view-transition-name: coral-top; }
.coral-app > .coral-tabs { view-transition-name: coral-tabs; }
::view-transition-group(coral-side), ::view-transition-group(coral-top), ::view-transition-group(coral-tabs) { animation-duration: 0s; }
::view-transition-old(coral-side), ::view-transition-old(coral-top), ::view-transition-old(coral-tabs) { display: none; }
::view-transition-new(coral-side), ::view-transition-new(coral-top), ::view-transition-new(coral-tabs) { animation: none; }


.slot-tour-menu { box-sizing: border-box; max-height: calc(100dvh - 120px); overflow-y: auto; left: 16px; }
.ca-menu { box-sizing: border-box; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
.ca-menu .ca-txt, .ca-menu .ca-who-txt { min-width: 0; overflow-wrap: anywhere; }

.slot-tour { max-height: calc(100dvh - 120px); overflow-y: auto; }
@media (max-width: 999px) {
  .slot-tour-menu { bottom: calc(88px + env(safe-area-inset-bottom)); }
}
.ca-menu .ca-close { width: 44px; height: 44px; flex: none; }
.ca-menu .ca-txt small, .ca-menu .ca-who-txt b, .ca-menu .ca-who-txt small { white-space: normal; overflow-wrap: anywhere; }
.ca-menu .ca-main { min-height: 52px; }
.ca-menu .ca-side a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 8px; }
.ca-menu .ca-select, .ca-menu .ca-btn { min-height: 44px; }
@media (max-width: 399px) {
  .ca-menu .ca-split { flex-wrap: wrap; }
  .ca-menu .ca-split .ca-main { flex-basis: 100%; }
  .ca-menu .ca-side { padding-left: 56px; }
}

.slot-menu-head img { border-radius: 50%; background: #182238; box-shadow: 0 0 0 3px #fde6de; }

@media (max-width: 999px) {
  
  html:has(.coral-app) cracked-test-dock { top: auto !important; bottom: var(--test-dock-above, calc(80px + env(safe-area-inset-bottom))) !important; }
}
html:has(.coral-app) cracked-test-dock { z-index: 24 !important; }
html:has(> cracked-test-dock) .coral-side { z-index: 26; }
@media (min-width: 1000px) {
  html:has(.coral-app) cracked-test-dock { left: 224px !important; }
}

.coral-app.is-home { background:#fafaf9; }
.coral-app.is-home .coral-card { padding:16px 18px; border-radius:12px; box-shadow:none; }
.coral-app.is-home .coral-grid.dash { gap:18px; }
.coral-app.is-home .coral-col { gap:18px; }
.coral-app.is-home .coral-card-head h2 { letter-spacing:-.01em; }
.coral-app.is-home .coral-ask input { background:#fff; border:1px solid #e9e7e3; height:48px; border-radius:12px; }
.coral-app.is-home .coral-hometop { margin-bottom:20px; gap:24px; }
.coral-app.is-home .coral-etile { background:#f6f5f3; border:0; border-radius:10px; padding:12px 14px; }
.coral-app.is-home .coral-etile b { font-size:20px; font-weight:700; }
.coral-app.is-home .coral-big { font-size:56px; font-weight:800; letter-spacing:-1.5px; }
.coral-app.is-home .coral-big-label { font-size:16px; }
.coral-app.is-home .coral-big-label .coral-earn-where { display:block; font-size:12px; white-space:nowrap; }
.coral-app.is-home .coral-earn-where:before { content:none; }
.coral-app.is-home .coral-bars { grid-template-rows:120px auto; }
.coral-app.is-home .coral-bars-grid { background:none; border:0; }
.coral-app.is-home .coral-bars-grid:nth-child(5) { border-top:1px solid #ececef; }
.coral-app.is-home .coral-bar { max-width:95px; }
.coral-app.is-home .coral-bar-val { font-size:14px; font-weight:700; bottom:calc(100% + 6px); }
.coral-app.is-home .coral-bar-finder { background:#fdb9a6; }
.coral-app.is-home .coral-step.workforce { min-height:192px; padding:22px 24px; background:linear-gradient(110deg,#1c2230,#252b3a); border-radius:12px; }
.coral-app.is-home .coral-step.workforce h2 { font-size:30px; font-weight:600; letter-spacing:-.01em; }
.coral-app.is-home .coral-step.workforce .coral-step-slot { height:190px; width:270px; object-fit:contain; object-position:bottom right; right:0; bottom:0; }
.coral-app.is-home .coral-step.workforce .coral-btn.primary { background:#ff5a36; color:white; border:0; border-radius:8px; min-height:48px; padding:0 22px; font-size:17px; font-weight:600; }
.coral-app.is-home .coral-attn-row { padding:16px 0; }
.coral-app.is-home .coral-attn-row .coral-thumb { width:80px; height:80px; border-radius:12px; object-fit:cover; }
.coral-app.is-home .coral-feed-ico { width:40px; height:40px; background:#fdede8; }
.coral-app.is-home .coral-feed .coral-row-txt b { font-size:14px; font-weight:600; }
.coral-app.is-home .coral-feed .coral-row-txt small { font-size:13px; color:#777; }
.coral-app.is-home .coral-port { gap:8px; }
.coral-app.is-home .coral-port > div { background:#f6f5f3; border:0; min-height:28px; padding:4px 8px; }
.coral-app.is-home .coral-port dt { font-size:12px; }
.coral-app.is-home .coral-port dd { font-size:13px; font-weight:700; }
.coral-app.is-home .coral-brow-name b { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:500; }
.coral-app.is-home .coral-btable .coral-list .coral-brow { min-height:34px; }
.coral-app.is-home .coral-brow-money small { font-size:12px; color:#999; }
.coral-app.is-home .coral-shop { height:68px; min-height:68px; background:white; border:1px solid #eceae6; border-radius:10px; padding:10px; }
.coral-app.is-home .coral-shop-txt { min-width:0; }
.coral-app.is-home .coral-shop-txt b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.coral-app.is-home .coral-shop-txt small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.coral-app.is-home .coral-shop .coral-glyph { color:#222; background:transparent; }
@media(min-width:1000px) {
 .coral-app.is-home .coral-main { padding-top:16px; }
 .coral-app.is-home .coral-side { background:#fff; border-right:1px solid #f0eeeb; box-shadow:none; }
 .coral-app.is-home .coral-nav-a { height:48px; font-size:17px; font-weight:400; }
 .coral-app.is-home .coral-slot,.coral-app.is-home .coral-acct-card { background:white; border:0; box-shadow:0 1px 3px #0000000f; border-radius:12px; }
}
@media(min-width:1200px) {
 .coral-app.is-home .coral-grid.dash { grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); }
 .coral-app.is-home .coral-grid.dash > .coral-col > * { flex:0 0 auto!important; }
 .coral-app.is-home .coral-attn { min-height:324px; }
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) 60px minmax(100px,1fr) 64px 20px; gap:8px; }
 .coral-app.is-home .coral-etiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:999px) {
 .coral-app.is-home { background:#fbfcfd; }
 .coral-app.is-home .coral-main { padding-left:12px; padding-right:12px; }
 .coral-app.is-home .coral-card { padding:14px; border:1px solid #eef0f2; border-radius:10px; }
 .coral-app.is-home .coral-grid.dash,.coral-app.is-home .coral-col { gap:10px; }
 .coral-app.is-home .coral-hometop { gap:8px 14px; margin-bottom:10px; }
 .coral-app.is-home .coral-hometop-ava { width:34px; height:34px; font-size:13px; }
 .coral-app.is-home .coral-ask input { height:40px; font-size:14px; background:#f7f8fa; border-color:#eceef1; border-radius:10px; }
 .coral-app.is-home .coral-big { font-size:32px; letter-spacing:-.5px; }
 .coral-app.is-home .coral-big-label { font-size:14px; }
 .coral-app.is-home .coral-big-label .coral-earn-where { white-space:normal; }
 .coral-app.is-home .coral-etile { padding:10px 12px; background:#f6f7f9; border-radius:8px; }
 .coral-app.is-home .coral-etile b { font-size:18px; }
 .coral-app.is-home .coral-etile span { font-size:13px; }
 .coral-app.is-home .coral-bars-grid { border-top:1px solid #f1f1f1; }
 .coral-app.is-home .coral-bar { max-width:65%; flex-basis:0; margin-inline:5px; }
 .coral-app.is-home .coral-bar-val { font-size:11px; }
 .coral-app.is-home .coral-step.workforce { min-height:150px; padding:16px; border-radius:10px; }
 .coral-app.is-home .coral-step.workforce h2 { font-size:22px; }
 .coral-app.is-home .coral-step.workforce .coral-step-slot { width:140px; height:120px; right:0; bottom:0; }
 .coral-app.is-home .coral-step.workforce .coral-btn.primary { min-height:36px; font-size:14px; padding:0 16px; }
 .coral-app.is-home .coral-feed-ico { width:32px; height:32px; }
 .coral-app.is-home .coral-shop { height:64px; min-height:64px; }
}
@media(max-width:599px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) 56px 58px 16px; column-gap:8px; }
 .coral-app.is-home .coral-brow-name b { font-size:13px; }
 .coral-app.is-home .coral-brow-money { text-align:right; }
 .coral-app.is-home .coral-brow-head > span { font-size:11px; white-space:normal; }
 .coral-app.is-home .coral-brow-status .coral-pill { width:58px; box-sizing:border-box; padding:2px 4px; font-size:11px; text-align:center; }
 .coral-app.is-home .coral-brow-cat { display:block; overflow:hidden; text-overflow:ellipsis; font-size:12px; }
 .coral-app.is-home .coral-port > div { min-width:0; }
}
@media(max-width:359px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1fr) 56px 58px 16px; gap:6px; }
 .coral-app.is-home .coral-brow .coral-brow-cat { display:none; }
}

.coral-app.is-home .coral-bar { flex:1 1 0; max-width:none; margin:0; }
.coral-app.is-home .coral-bar-stack { width:65%; max-width:95px; }
.coral-app.is-home .coral-when { white-space:nowrap; }
@media(min-width:1200px) {
 .coral-app.is-home .coral-earn-top { position:relative; }
 .coral-app.is-home .coral-big-label .coral-earn-where { font-size:11px; }
 .coral-app.is-home .coral-earn { padding:12px 18px; }
 .coral-app.is-home .coral-brands { padding:12px 18px; }
 .coral-app.is-home .coral-brands .coral-card-head { margin-bottom:4px; }
 .coral-app.is-home .coral-port { margin:4px 0; }
 .coral-app.is-home .coral-port > div { height:28px; min-height:28px; }
 .coral-app.is-home .coral-brow-head { padding-bottom:4px; min-height:24px; }
 .coral-app.is-home .coral-brow-status .coral-pill-long { display:none; }
 .coral-app.is-home .coral-brow-status .coral-pill-short { display:inline; }
}

.coral-app.is-home .coral-ask input { min-height:48px; }
.coral-app.is-home .coral-step.workforce .coral-btn.primary { min-height:48px; }
.coral-app.is-home .coral-card-head > a { min-height:44px; display:inline-flex; align-items:center; }
.coral-app.is-home .coral-btable .coral-list .coral-brow { min-height:44px; }


@media(min-width:1200px) {
 .coral-app.is-home .coral-attn { min-height:0; }
}
.coral-app.is-home .coral-period > summary { min-height:44px; box-sizing:border-box; }
.coral-app.is-home .coral-brow-name { min-height:44px; display:flex; align-items:center; }

.coral-app.is-home .coral-brow-more > summary { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; }
@media(min-width:1200px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) 60px minmax(100px,1fr) 64px 44px; }
}
@media(max-width:599px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) 56px 58px 44px; column-gap:6px; }
}
@media(max-width:359px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1fr) 56px 58px 44px; gap:4px; }
}
.coral-app.is-home .coral-attn-row .coral-row-txt b { white-space:normal; overflow-wrap:anywhere; }
@media(max-width:599px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1fr) 56px 58px 44px; gap:6px; }
 .coral-app.is-home .coral-brow .coral-brow-cat { display:none; }
 .coral-app.is-home .coral-brow-name b { white-space:normal; overflow-wrap:anywhere; }
}

@media(min-width:600px) {
 .coral-app.is-home .coral-brow { grid-template-columns:minmax(0,1fr) minmax(150px,auto) 76px 44px; }
 .coral-app.is-home .coral-brow .coral-brow-cat, .coral-app.is-home .coral-brow .coral-brow-since { display:none; }
}

@media (min-width: 480px) {
 .coral-app.is-home .coral-earn-top { flex-wrap:wrap; row-gap:12px; }
 .coral-app.is-home .coral-earn-big { flex:1 1 auto; min-width:auto; }
 .coral-app.is-home .coral-earn-top > .coral-etiles { flex:1 1 380px; max-width:520px; margin-left:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
}



.coral .fr { display: flex; flex-direction: column; gap: 14px; min-width: 0; font-family: var(--c-font); color: var(--c-body); }
.coral .fr h2 { margin: 0; font: 700 20px/1.2 var(--c-font); letter-spacing: -.015em; color: var(--c-ink); }
.coral .fr h3 { margin: 0; font: 650 16px/1.25 var(--c-font); color: var(--c-ink); }
.coral .fr p { margin: 0; }
.fr-tile { display: inline-grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 10px; background: var(--c-coral-t); color: #ff5a36; }
.fr-tile svg { width: 26px; height: 26px; }


.fr-hero { position: relative; overflow: hidden; isolation: isolate; min-height: 196px; padding: 20px 18px 22px; border-radius: 12px;
  background: linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%); color: #fff; }
.fr-hero-slot { position: absolute; z-index: 0; right: -26px; bottom: 0; height: 64%; width: auto; max-width: none; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(0deg, #000 82%, transparent 100%); -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(0deg, #000 82%, transparent 100%); mask-composite: intersect; }
.fr-hero.cheer .fr-hero-slot { height: 70%; right: -40px; }
.fr-hero-txt { position: relative; z-index: 1; max-width: 60%; }
.fr-kicker { margin: 0 0 10px !important; font: 600 12px/1 var(--c-font); letter-spacing: .16em; text-transform: uppercase; color: #e8ebf2; }
.coral .fr-hero h2 { font: 750 26px/1.08 var(--c-font); letter-spacing: -.03em; color: #fff; overflow-wrap: anywhere; }
.fr-hero-line { margin-top: 10px !important; font: 400 14.5px/1.4 var(--c-font); color: #dfe3ec; }

.fr-hero.cheer::before { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; opacity: .9;
  background:
    linear-gradient(28deg, #ff6a3d 0 0) 62% 90% / 9px 4px no-repeat, linear-gradient(-35deg, #ff9b74 0 0) 70% 8% / 8px 4px no-repeat,
    linear-gradient(60deg, #ff6a3d 0 0) 58% 12% / 9px 4px no-repeat, linear-gradient(-20deg, #ffb48f 0 0) 66% 94% / 8px 4px no-repeat,
    linear-gradient(40deg, #ff6a3d 0 0) 96% 6% / 7px 4px no-repeat, linear-gradient(-55deg, #ff8a5c 0 0) 98% 52% / 6px 3px no-repeat; }


.fr-opens { display: flex; flex-direction: column; background: var(--c-card); border: 1px solid #eeece8; border-radius: 12px; padding: 4px 14px; }
.fr-open { display: flex; align-items: center; gap: 14px; padding: 12px 0; }
.fr-open + .fr-open { border-top: 1px solid var(--c-div); }
.fr-open p { margin-top: 3px !important; font: 400 14px/1.4 var(--c-font); color: var(--c-soft); }


.fr-pass { padding: 18px 16px; }
.fr-sub { margin-top: 4px !important; font: 400 14px/1.4 var(--c-font); color: var(--c-soft); }
.fr-bars { display: flex; flex-direction: column; gap: 14px; margin-top: 16px; }
.fr-bar { display: flex; align-items: center; gap: 14px; min-width: 0; }
.fr-bar-body { flex: 1; min-width: 0; }
.fr-bar-top { display: flex; justify-content: space-between; gap: 10px; font: 400 15px/1.3 var(--c-font); color: var(--c-ink); }
.fr-bar-top b { font-weight: 600; white-space: nowrap; }
.fr-bar-row { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.fr-track { flex: 1; height: 10px; border-radius: 99px; background: #eceef3; overflow: hidden; }
.fr-track > i { display: block; height: 100%; border-radius: inherit; background: #ff5a36; }
.fr-bar-row small { min-width: 34px; text-align: right; font: 400 13px/1 var(--c-font); color: var(--c-soft); }
.fr-free { margin-top: 16px !important; padding-top: 14px; border-top: 1px solid var(--c-div); font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.fr-join { margin-top: 16px; }
.fr-join-form { margin: 0; }
.coral .fr-join-btn { width: 100%; min-height: 50px; border-radius: 10px; font: 650 17px/1 var(--c-font); gap: 10px; }
.fr-arrow svg { display: block; }
.fr-under { margin-top: 8px !important; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }


.fr-fine { padding: 0; }
.fr-fine > summary { display: flex; align-items: center; gap: 8px; padding: 16px; cursor: pointer; list-style: none; font: 650 16px/1.2 var(--c-font); color: var(--c-ink); }
.fr-fine > summary::-webkit-details-marker { display: none; }
.fr-down { margin-left: auto; color: var(--c-soft); transition: transform .15s; }
.fr-fine[open] .fr-down { transform: rotate(180deg); }
.fr-fine > p { padding: 0 16px; margin: 0 0 10px !important; font: 400 13.5px/1.5 var(--c-font); color: var(--c-body); }
.fr-fine > p.fr-links { padding-bottom: 16px; }
.fr-links a { color: var(--c-soft); }


.fr-grid { display: grid; gap: 14px; }
.fr-days, .fr-unlocked, .fr-next { padding: 18px 16px; }
.fr-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.fr-chip { padding: 5px 10px; border-radius: 8px; background: var(--c-tint); font: 500 13px/1.2 var(--c-font); color: var(--c-body); }
.fr-rings { display: flex; align-items: center; justify-content: space-around; gap: 12px; margin: 18px 0 14px; }
.fr-rule { align-self: stretch; width: 1px; background: var(--c-div); }
.fr-ring { position: relative; display: grid; place-content: center; text-align: center; width: 136px; height: 136px; flex: none; }
.fr-ring::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(#ff5a36 calc(var(--fr-p, 0) * 1%), #e8eaf0 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px)); mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px)); }
.fr-ring b { position: relative; font: 700 20px/1.1 var(--c-font); color: var(--c-ink); }
.fr-ring small { position: relative; margin-top: 4px; font: 400 13px/1.2 var(--c-font); color: var(--c-soft); }
.fr-note { font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.fr-unlocked ul { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.coral .fr-unlocked a { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 10px; background: #f8f8fa; text-decoration: none; color: inherit; }
.coral .fr-unlocked a:hover { background: #f2f2f5; }
.fr-unlocked a > span:last-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fr-unlocked b { font: 600 15px/1.25 var(--c-font); color: var(--c-ink); }
.fr-unlocked small { font: 400 13px/1.35 var(--c-font); color: var(--c-soft); }
.fr-done { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; background: #ff5a36; color: #fff; }
.fr-done svg { width: 16px; height: 16px; }
.fr-next { display: flex; flex-direction: column; gap: 16px; }
.fr-next-txt p { margin-top: 4px !important; font: 400 15px/1.4 var(--c-font); color: var(--c-soft); }
.coral .fr-next-btn { width: 100%; min-height: 50px; margin-top: 14px; border-radius: 10px; font: 650 17px/1 var(--c-font); }
.fr-tools { padding-top: 14px; border-top: 1px solid var(--c-div); }
.fr-tools p { font: 400 14px/1.3 var(--c-font); color: var(--c-soft); }
.fr-tools ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.fr-tools li { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; font: 400 13px/1.2 var(--c-font); color: var(--c-body); text-align: center; }
.fr-tools .al-mark { display: grid; place-items: center; width: 50px; height: 50px; margin: 0; border-radius: 50%; border: 1px solid var(--c-line); background: #fff; color: #14161b; }
.fr-tools .al-mark svg { width: 26px; height: 26px; }
.fr-tools li:first-child .al-mark { color: #d97757; }

@media (max-width: 379px) {
  .fr-hero-txt { max-width: 58%; }
  .fr-hero-slot, .fr-hero.cheer .fr-hero-slot { height: 54%; }
  .coral .fr-hero h2 { font-size: 24px; }
  .fr-hero-line { font-size: 14px; }
  .fr-ring { width: 118px; height: 118px; }
  .fr-ring b { font-size: 17px; }
}
@media (min-width: 760px) {
  .fr-hero { min-height: 228px; padding: 36px 40px; }
  .fr-hero-slot { height: 100%; right: 0; }
  .fr-hero.cheer { min-height: 258px; }
  .fr-hero.cheer .fr-hero-slot { height: 100%; right: 0; }
  .fr-hero-txt { max-width: 62%; }
  .coral .fr-hero h2 { font-size: 40px; }
  .fr-post .fr-hero h2 { font-size: 48px; }
  .fr-hero-line { font-size: 19px; }
  .fr-opens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; background: none; border: 0; }
  .fr-open { padding: 18px 18px; border: 1px solid #eeece8; border-radius: 12px; background: var(--c-card); align-items: flex-start; }
  .fr-open + .fr-open { border-top: 1px solid #eeece8; }
  .fr-pass { padding: 22px 22px; }
  .fr-bars { flex-direction: row; gap: 28px; }
  .fr-bar { flex: 1; }
  .fr-bar + .fr-bar { padding-left: 28px; border-left: 1px solid var(--c-div); }
  .coral .fr-join-btn { width: auto; min-width: 288px; }
  .fr-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .fr-days, .fr-unlocked, .fr-next { padding: 22px 24px; }
  .fr-ring { width: 152px; height: 152px; }
  .fr-next.with-tools { flex-direction: row; align-items: center; gap: 32px; }
  .fr-next.with-tools .fr-next-txt { flex: 1; }
  .fr-next.with-tools .fr-tools { flex: 1.2; padding: 0 0 0 32px; border-top: 0; border-left: 1px solid var(--c-div); }
  .coral .fr-next-btn { width: auto; min-width: 220px; }
  .fr-tools ul { grid-template-columns: repeat(4, 88px); }
}

@media (min-width: 760px) and (max-width: 1199px) {
  .fr-hero-txt { max-width: 56%; }
  .coral .fr-hero h2, .fr-post .fr-hero h2 { font-size: 36px; }
}



.gs-side { padding: 12px 10px 8px; border: 1px solid #eceef2; border-radius: 12px; background: #fff; font-family: var(--c-font); }
.gs-title { margin: 0 4px 6px; font: 400 13px/1.3 var(--c-font); color: var(--c-ink); }
.gs-title b { font-weight: 650; }
.gs-side ul { margin: 0; padding: 0; list-style: none; }
.coral .gs-item { display: flex; align-items: center; gap: 10px; padding: 6px 6px; border-radius: 8px; font: 400 13px/1.25 var(--c-font); color: var(--c-soft); text-decoration: none; }
.coral .gs-item:hover { background: var(--c-tint); }
.coral .gs-item.now { background: #fff1ec; color: var(--c-ink); font-weight: 500; }
.coral .gs-item.done { color: var(--c-body); }
.gs-dot { display: inline-grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #d4d7de; box-sizing: border-box; }
.gs-dot.now { border: 2px solid #ff5a36; }
.gs-dot.done { border: 0; background: #ff5a36; color: #fff; }
.gs-dot svg { width: 11px; height: 11px; }

.coral .gs-phone { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid #eceef2; border-radius: 12px; background: #fff; text-decoration: none; color: inherit; font-family: var(--c-font); }
.gs-phone-txt { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.gs-phone .gs-title { margin: 0; font-size: 15px; }
.gs-next { font: 400 14px/1.3 var(--c-font); color: var(--c-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gs-ring { width: 30px; height: 30px; flex: none; border-radius: 50%; background: conic-gradient(#ff5a36 calc(var(--fr-p, 0) * 1%), #e8eaf0 0);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3.5px)); }
.gs-pct { font: 500 14px/1 var(--c-font); color: var(--c-body); }
.gs-chev { display: inline-flex; color: var(--c-soft); }

.coral-content:has(> .coral-hometop):has(> .gs-phone) { display: flex; flex-direction: column; }
.coral-content:has(> .gs-phone) > .coral-hometop { order: -1; }
@media (min-width: 1000px) { .coral .gs-phone { display: none; } .coral-content:has(> .coral-hometop):has(> .gs-phone) { display: block; } }


.fr-confetti { position: fixed; inset: 0; z-index: 2147482000; width: 100vw; height: 100vh; pointer-events: none; }

.coral .gs-item { min-height:44px; box-sizing:border-box; }

.coral .gs-next { white-space:normal; overflow:visible; text-overflow:clip; }


.coral .fr-fine > summary { transition: color .15s; }
.coral .fr-fine > summary:hover { color: var(--c-coral-ink); }
.coral .fr-links a:hover { color: var(--c-coral-ink); }
.coral .fr-unlocked a:active, .coral .gs-item:active { background: var(--c-coral-t); }

.coral-main:has(.st-grid) > .coral-title, .coral-app:has(.st-grid) > .coral-top { display: none; }

.coral-content:has(.st-grid) > .gs-phone { display: none; }

.st-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.st-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.st-card { min-width: 0; padding: 18px; background: #fff; border: 1px solid #ecedf0; border-radius: 14px; box-shadow: 0 1px 2px rgb(16 24 40 / 4%);
  font: 400 15px/1.45 var(--c-font); color: var(--c-body); display: flex; flex-direction: column; gap: 14px; }
.st-head { display: flex; align-items: center; gap: 10px; min-height: 32px; }
.st-head h2 { margin: 0; font: 700 17px/1.25 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.st-head > .st-pill { margin-left: auto; }
.st-ico { display: inline-grid; place-items: center; width: 18px; height: 18px; flex: none; }
.st-ico svg { width: 100%; height: 100%; }
.st-ico.sm { width: 16px; height: 16px; }
.st-badge { width: 32px; height: 32px; border-radius: 9px; background: var(--c-tint); color: var(--c-body); }
.st-badge svg { width: 18px; height: 18px; }
.st-pay .st-badge { background: var(--c-coral-t); color: var(--c-coral-ink); }/*kit-part*/
.st-pill { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font: 600 12.5px/1 var(--c-font); white-space: nowrap; }
.st-pill.ok { background: var(--c-ok-t); color: var(--c-ok); }
.st-pill.wait { background: var(--c-wait-t); color: var(--c-wait); }
.st-pill.bonus { background: var(--c-coral-t); color: var(--c-coral-ink); }
.st-quiet { margin: 0; font: 400 14px/1.5 var(--c-font); color: var(--c-soft); }
.st-label { margin: 0; font: 600 12px/1.3 var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: var(--c-faint); }
.st-link { color: var(--c-coral-ink) !important; font-weight: 600; text-decoration: none; }
.st-link:hover { text-decoration: underline; }
.st-warn { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff4e5; color: #8a5300; font: 500 14px/1.45 var(--c-font); }
.st-tick { display: inline-grid; place-items: center; width: 22px; height: 22px; flex: none; border-radius: 50%; background: var(--c-ok-t); color: var(--c-ok); }
.st-tick svg { width: 13px; height: 13px; }


.st-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 14px; flex: none; border: 1px solid var(--c-line-2); border-radius: 10px;
  background: #fff; color: var(--c-ink) !important; font: 600 14px/1.2 var(--c-font); text-decoration: none; white-space: nowrap; cursor: pointer; }
.st-btn:hover { background: var(--c-tint); }
.st-btn .st-ico { color: var(--c-soft); }
.st-btn.save { min-height: 44px; padding: 0 28px; border-color: transparent; background: #ff5a36; color: #fff !important; font-size: 15px; }
.st-btn.save:hover { background: var(--c-coral-h); }
.st-row { display: flex; align-items: center; gap: 14px; justify-content: space-between; }
.st-row .st-quiet { flex: 1; min-width: 0; }


.st-who { display: flex; align-items: center; gap: 14px; min-width: 0; }
.st-ava { display: inline-grid; place-items: center; width: 60px; height: 60px; flex: none; border-radius: 50%; background: #ffe3da; color: #f04e23; font: 700 20px/1 var(--c-font); }
.st-who-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.st-who-txt b { font: 700 18px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.st-who-txt small { font: 400 14px/1.35 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.st-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.st-chip { display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font: 600 12px/1 var(--c-font); background: var(--c-tint); color: var(--c-body); }
.st-chip.admin { background: var(--c-navy); color: #fff; }
.st-chip.reviewer { background: var(--c-ok-t); color: var(--c-ok); }
.st-where { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; border-top: 1px solid var(--c-div); }
.st-where-big { display: flex; align-items: center; gap: 8px; margin: 0; font: 650 16px/1.3 var(--c-font); color: var(--c-ink); }

.st-you { display: grid; grid-template-columns: 64px 1fr; column-gap: 12px; row-gap: 4px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--c-div); }
.st-you-k { margin: 2px 0 0; font: 600 12px/1.3 var(--c-font); color: var(--c-faint); }
.st-you-v { display: flex; flex-direction: column; gap: 2px; margin: 0; min-width: 0; }
.st-you-v b { font: 650 16px/1.3 var(--c-font); color: var(--c-ink); }
.st-you-v b small { font: 500 14px/1.3 var(--c-font); color: var(--c-soft); }
.st-you-v span { font: 400 13.5px/1.45 var(--c-font); color: var(--c-soft); }
.st-you-lv { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.coral .st-you .st-you-badge { width: 34px; height: 38px; }
.st-you-go { grid-column: 2; justify-self: start; font-size: 13.5px; }
.st-steps { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; }
.st-steps > span { height: 6px; border-radius: 99px; background: #eceef3; }
.st-steps > span.on { background: #ff5a36; }
.st-next { display: flex; align-items: center; gap: 12px; margin-top: 4px; padding: 12px 14px; border-radius: 12px; background: var(--c-tint); }
.st-next-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.st-next-txt b { font: 600 14.5px/1.3 var(--c-font); color: var(--c-ink); }
.st-next-txt small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }


.st-when { margin: 0; font: 500 14.5px/1.5 var(--c-font); color: var(--c-body); }
.st-waiting { margin: 0; font: 500 15px/1.45 var(--c-font); color: var(--c-ink, #14171f); }
.st-waiting b { font-weight: 700; }
.st-weekly { font-weight: 650; color: var(--c-ink); }
.st-form { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.st-done { display: flex; align-items: center; gap: 8px; margin: 0; font: 500 14px/1.4 var(--c-font); color: var(--c-ok); }
.st-check { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--c-line-2); border-radius: 10px; cursor: pointer; }
.st-check:has(input:checked) { border-color: var(--c-coral-ring); background: var(--c-coral-t); }
.st-check input { width: 20px; height: 20px; margin: 0; flex: none; accent-color: var(--c-coral); }
.st-check > span { display: flex; flex-direction: column; gap: 1px; }
.st-check b { font: 600 14.5px/1.3 var(--c-font); color: var(--c-ink); }
.st-check small { font: 400 13px/1.35 var(--c-font); color: var(--c-soft); }
.st-wallet { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.st-wallet legend { margin: 0 0 8px; padding: 0; font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.st-radio { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 14px; border: 1px solid var(--c-line-2); border-radius: 10px; font: 600 14.5px/1 var(--c-font); color: var(--c-ink); cursor: pointer; }
.st-radio:has(input:checked) { border-color: var(--c-coral-ring); background: var(--c-coral-t); color: var(--c-coral-ink); }
.st-radio input { margin: 0; accent-color: var(--c-coral); }
.st-field { display: flex; flex-direction: column; gap: 6px; }
.st-field > span { font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.st-field > small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.st-input { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--c-line-2); border-radius: 10px; background: #fff; color: var(--c-ink); font: 400 15px/1.4 var(--c-font); }
.st-input:focus { outline: 3px solid rgb(242 84 45 / 25%); border-color: var(--c-coral-ring); }
.st-save { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.st-save small { flex: 1; min-width: 180px; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.st-fee { margin: 0; padding-top: 14px; border-top: 1px solid var(--c-div); font: 400 13.5px/1.5 var(--c-font); color: var(--c-soft); }


.st-copy { display: flex; gap: 8px; }
.st-copy .st-input { flex: 1; min-width: 0; min-height: 42px; color: var(--c-soft); font-size: 14px; background: var(--c-tint); }


.st-out { margin: 0; display: flex; justify-content: center; }
.st-out button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 0; background: none; color: var(--c-soft); font: 500 14px/1 var(--c-font); cursor: pointer; border-radius: 10px; }
.st-out button:hover { background: var(--c-tint); color: var(--c-ink); }

@media (max-width: 420px) {
  .st-card { padding: 16px; }
  .st-row { flex-direction: column; align-items: stretch; }
  .st-row .st-btn { align-self: flex-start; }
  .st-next { flex-direction: column; align-items: stretch; }
  .st-next .st-btn { align-self: flex-start; }
  .st-save .st-btn.save { width: 100%; }
}
@media (max-width: 360px) {
  .st-wallet { grid-template-columns: 1fr; }
  .st-who { align-items: flex-start; }
  .st-ava { width: 48px; height: 48px; font-size: 17px; }
}
@media (min-width: 1000px) {
  .st-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; }
  .st-col { gap: 20px; }
  .st-card { padding: 22px 24px; }
  .st-out { justify-content: flex-start; }
}

@media (min-width: 1000px) and (max-width: 1279px) {
  .st-row { flex-direction: column; align-items: stretch; }
  .st-row .st-btn { align-self: flex-start; }
}
.ep-heading { margin-bottom:24px; }
.ep-heading h1 { margin:12px 0 8px; }
.engines-page h2 { margin:24px 0 14px; font-size:22px; }
.engines-page h3 { margin:0; font-size:18px; overflow-wrap:anywhere; }
.ep-grid { display:grid; gap:16px; }
.ep-card { padding:20px; min-width:0; }
.ep-card h2 { margin:0 0 12px; }
.ep-price { font-weight:700; }
.ep-gate { display:inline-block; background:#fff1dc; color:#785020; border-radius:8px; padding:6px 10px; font-size:13px; }
.ep-calls { list-style:none; padding:0; display:grid; gap:12px; }
.ep-call-head { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.ep-calls p { overflow-wrap:anywhere; }
@media(min-width:800px) {
  .ep-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.coral-app:has(.coral-hometop) > .coral-top { display:none; }

.coral-hometop > .ep-balance { grid-area:credits; display:inline-flex; align-items:center; justify-content:center; padding:8px 10px; background:#fff7e7; border:1px solid #efdfbd; border-radius:999px; color:#382d20; font:600 13px/1.2 var(--c-font); text-decoration:none; white-space:nowrap; }
.coral-hometop:has(> .ep-balance) { grid-template-columns:minmax(0,1fr) auto auto auto; grid-template-areas:"logo credits bell ava" "ask ask ask ask"; gap:4px 8px; }
@media(min-width:800px) {
  .coral-hometop:has(> .ep-balance) { grid-template-areas:"ask credits bell ava"; gap:16px; }
}

body .moment-card.moment-inline,
.coral.coral-app > section.moment-card.moment-inline {
  position: relative;
  inset: auto;
  transform: none;
  width: auto;
  max-width: 440px;
  margin: 24px 24px 100px auto;
}
.coral-app:has(> .moment-inline:not([hidden])) .coral-main { padding-bottom: 32px; }
@media (min-width: 1000px) {
  .coral.coral-app > section.moment-card.moment-inline { margin-left: 280px; margin-bottom: 32px; }
}

.coral-app .dsc { gap: 24px; }
.coral-app .dsc-grid { gap: 16px; }
.coral-app .dsc-boardpage .coral-hometop { margin-bottom: 0; }
.coral-app .dsc-boardpage .dsc-head { gap: 8px; }
.coral-app .dsc-boardpage .dsc-sub { line-height: 1.5; max-width: 58ch; }
.coral-app .dsc .coral-card { padding: 20px; }
.coral-app .dsc-house-pay { font-size: 14px; line-height: 1.5; font-weight: 400; color: var(--c-body); }
.coral-app .dsc-filters.nochips { display: none; }
.coral-app .dsc-board-head > .dsc-sort { display: block; }
.coral-app .dsc-filters > .dsc-sort { display: none; }
.coral-app .dsc-board-head { flex-wrap: wrap; gap: 8px 16px; margin-bottom: 16px; }
.coral-app .dsc-shop .dsc-back { display: inline-flex; align-items: center; gap: 8px; width: fit-content; min-height: 44px; margin: 0; }
.coral-app .dsc-shop-grid { display: flex; flex-direction: column; gap: 24px; }
.coral-app .dsp-main { width: 100%; }
.coral-app .dsp-card { gap: 24px; }
.coral-app .dsp-act { align-self: flex-start; max-width: none; padding-block: 16px; border-block: 1px solid var(--c-line); }
.coral-app .dsp-fine { text-align: left; }
.coral-app .dsc-shop .dsc-col.side { display: flex; flex-direction: column; gap: 24px; min-width: 0; width: 100%; }
.coral-app .dsc-shop .dsc-pay-head { flex-direction: column; align-items: flex-start; gap: 8px; }
.coral-app .dsc-shop .dsc-legend { grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
.coral-app .dsc-shop .dsc-legend li { gap: 8px; }
.coral-app .dsc-shop .dsc-legend li > span { font-size: 14px; }
.coral-app .dsc-shop .dsc-legend b { font-size: 16px; }
@media (min-width: 1000px) {
  .coral-app .dsc-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .coral-app .dsc-col { gap: 24px; }
  .coral-app .dsc-boardpage .dsc-col.side { display: flex; flex-direction: column; }
  .coral-app .dsc-shop-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .coral-app .dsp-head { grid-template-columns: auto minmax(0, 1fr); }
  .coral-app .dsp-live { grid-column: 2; grid-row: 2; }
  .coral-app .dsp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .coral-app .dsp-stats li { grid-template-columns: auto minmax(0, 1fr); justify-items: start; text-align: left; }
  .coral-app .dsp-stats .dsc-ico { grid-row: span 2; }
}
@media (max-width: 359px) {
  .coral-app .dsc .coral-card { padding: 16px; }
  .coral-app .dsp-stats li { padding: 8px; column-gap: 6px; }
}
.coral-app:has(.dsc-shop) .coral-title,
.coral-app:has(.dsc-shop) .gs-phone { display: none; }
.coral-app .dsc-shop .dsc-bar i { font-size: 11px; }

body:has(.dsc-boardpage) { overflow-anchor: none; }
.coral-app .dsc-boardpage .dsc-slot-art { height: 100%; width: auto; max-width: 38%; object-fit: contain; bottom: 0; }
.coral-app .dsc-boardpage .dsc-col.side:empty { display: none; }

.coral-app .dsc-boardpage:has(.dsc-slot) .dsc-house { order: 3; }
.coral-app .dsc-boardpage:has(.dsc-slot) .dsc-board { order: 4; }

.coral-app .mb-tab .mb-panel { gap: 24px; margin-top: 0; }
.coral-app .mb-tab .mb-head { margin-bottom: 0; gap: 24px; }
.coral-app .mb-tab .mb-acts { gap: 12px; }
.coral-app .mb-tab .mb-ghost { background: transparent; border-color: transparent; padding-inline: 8px; }
.coral-app .mb-tab .mb-totals { align-items: stretch; gap: 16px; }
.coral-app .mb-tab .mb-total { height: 100%; }
.coral-app .mb-tab .mb-ptotals { gap: 16px; }
.coral-app .mb-tab .mb-chip.on { background: var(--c-ink); color: white; }
.coral-app .pb-test-note { margin: 0 0 16px; color: #805019; font: 600 13px/1.5 var(--c-font); }
.coral-app .mb-tab .pb-test-note { margin: -8px 0 -8px; }
.coral-app .pb-empty { width: 100%; max-width: 700px; padding: 24px; border-radius: 16px; }
.pb-empty-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--c-coral-t); color: var(--c-coral-ink); font-size: 28px; margin-bottom: 24px; }
.pb-empty h2 { margin: 0; font: 750 24px/1.25 var(--c-font); letter-spacing: -.02em; }
.pb-empty p { margin: 16px 0 0; max-width: 58ch; font: 400 16px/1.5 var(--c-font); color: var(--c-soft); }
.pb-empty p.pb-empty-terms { font-size: 14px; }
.pb-empty .coral-btn { margin-top: 24px; }
.coral-app .ce-grid, .coral-app .ce-col { gap: 16px; }
.coral-app .ce-grid .coral-card { padding: 20px; border-radius: 16px; }
.coral-app .ce-grid.first { max-width: 700px; }
.coral-app .ce-first .ce-how { width: 100%; max-width: none; margin-top: 24px; }
.coral-app .ce-first .ce-how-row { gap: 8px 16px; padding: 16px 0; }
.coral-app .ce-first .ce-first-pay { margin-top: 24px; color: white; background: var(--c-coral); justify-content: space-between; padding: 14px 16px; }
.pb-how-link { display: inline-block; margin-top: 16px; font-size: 14px; }
.pb-payout-summary { margin: 24px 0 0; max-width: 700px; font: 400 14px/1.5 var(--c-font); color: var(--c-soft); }
.pb-payout-summary summary { cursor: pointer; color: var(--c-ink); font-weight: 600; padding-block: 8px; }
.pb-payout-summary p { margin: 8px 0 0; }
.coral-app .ce-grid ~ .stuck-help { max-width: 700px !important; width: 100%; margin-top: 24px !important; padding: 20px; }
@media (min-width: 1000px) {
  .coral-app .ce-grid, .coral-app .ce-col { gap: 24px; }
  .coral-app .ce-grid .coral-card, .coral-app .pb-empty { padding: 24px; }
  .coral-app .ce-grid .ce-first { padding: 32px; }
}
@media (max-width: 599px) {
  .coral-app .mb-tab .mb-acts { margin-top: 16px; }
  .coral-app .mb-tab .mb-key { min-height: 44px; }
  .coral-app .mb-tab .mb-ghost { min-height: 32px; font-size: 14px; }
  .coral-app .ce-first .ce-how-row { display: grid; grid-template-columns: 1fr; }
  .coral-app .ce-first .ce-how-v { text-align: left; margin-left: 0; }
  .coral-app .ce-next-txt { max-width: 100%; }
  .coral-app .ce-next .ce-next-slot { display: none; }
  .coral-app .ce-next-when { white-space: normal; }
}
@media (max-width: 359px) {
  .coral-app .ce-grid .coral-card, .coral-app .pb-empty { padding: 16px; }
  .coral-app .ce-tile { padding: 10px 6px; gap: 4px; }
  .coral-app .ce-tile b { font-size: 15px; }
}

.coral-app .ce-first { display: flex; flex-direction: column; align-items: stretch; }
.coral-app .ce-first .ce-first-pay { order: 1; }
.coral-app .ce-first .ce-how { order: 2; }
.coral-app .ce-first .pb-how-link { order: 3; }

.coral-app .ce-src:is(.view, .campaign, .affiliate) .ce-src-note { display: block; white-space: normal; font-size: 12px; line-height: 1.5; }

.coral-app:has(.ce-grid, .mb-tab) > .moment-card .moment-card-acts :is(.kit-btn, .sc-share) {
  background: #f1f3f6; color: #253049; box-shadow: inset 0 0 0 1px #dde2ea;
}
@media (max-width: 999px) {
  
  .coral-app .mb-tab .mb-prow { grid-template-columns: 40px minmax(0, 1fr) auto 16px; gap: 4px 8px; padding-block: 16px; }
  .coral-app .mb-tab .mb-prow > .mb-pic { grid-column: 1; grid-row: 1 / 5; }
  .coral-app .mb-tab .mb-prow-name { grid-column: 2; grid-row: 1; overflow-wrap: anywhere; }
  .coral-app .mb-tab .mb-prow-v { grid-column: 3; grid-row: 1; }
  .coral-app .mb-tab .mb-prow > .coral-chev { grid-column: 4; grid-row: 1; }
  .coral-app .mb-tab .mb-prow-sub { grid-column: 2 / 5; grid-row: 2; overflow-wrap: anywhere; }
  .coral-app .mb-tab .mb-prow > .mb-pills { grid-column: 2 / 5; grid-row: 3; margin: 2px 0; }
  .coral-app .mb-tab .mb-prow-next { grid-column: 2 / 5; grid-row: 4; }
  .coral-app .mb-tab .mb-prow .mb-quote { grid-column: 2 / 5; grid-row: 5; }
  .coral-app .mb-tab .mb-prow .mb-clock { grid-column: 2 / 5; grid-row: 6; }
  .coral-app .mb-tab .mb-acts .mb-ghost { font-size: 14px; }
}
.coral.coral-app:has(.ce-grid, .mb-tab) > .moment-card .moment-card-acts .sc-share-ic { color: #253049; }

.slot-disc,
.coral-app .slot-disc {
  object-fit: cover;
  object-position: center 20%;
  border-radius: 50%;
  background: #1d2433;
  box-shadow: 0 0 0 6px #ffe3d8, 0 10px 30px rgba(255,90,54,.25);
}


.coral-app .coral-main { min-width: 0; }
.coral-app .coral-main:has(.mp),
.coral-app.coral-task .coral-main { max-width: 1008px; }
.coral-app .ce-grid.first,
.coral-app .pb-empty,
.coral-app .pb-payout-summary { width: 100%; max-width: none; }
.coral-app .ce-grid ~ .stuck-help { width: 100%; max-width: none !important; }


.coral-app .coral-content:has(> .gs-phone) { display: block; }
@media (max-width: 999px) {
  .coral-app .coral-content > .gs-phone { display: flex; margin: 0 0 24px; }
  .coral-app .coral-hometop:has(+ .gs-phone) { margin-bottom: 16px; }
}

.coral-app .ce-grid.first { align-items: stretch; }
@media (max-width: 359px) {
  
  .coral-app .gs-phone { gap: 8px; padding-inline: 12px; }
  .coral-app .gs-phone .gs-pct { display: none; }
  .coral-app .gs-phone .gs-title { font-size: 14px; white-space: nowrap; }
}

.coral-app .cs { --cs-gap: 16px; }
.coral-app .cs .cs-head {
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "title" "sub" "keys";
  gap: 8px;
  margin-bottom: 8px;
}
.coral-app .cs .cs-sub { margin: 0; }
.coral-app .cs .cs-head-keys {
  justify-self: stretch;
  align-self: start;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 8px;
}
.cs-head-keys > .coral-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.coral-app .cs .cs-new { margin-left: auto; min-height: 44px; height: auto; padding: 10px 14px; }
.coral-app .cs .cs-new.primary { background: var(--c-coral); color: #fff; border-color: transparent; }
.coral-app .cs-empty { margin-top: 8px; padding: 24px; }
.coral-app .cs-empty h2 { margin: 0 0 12px; }
.coral-app .cs-empty > p { max-width: 48ch; margin-inline: auto; line-height: 1.6; }
.coral-app .cs-empty .cs-empty-keys { margin-top: 24px; }
.coral-app :is(.skills-page, .engines-page) .ep-heading { margin-bottom: 16px; }
.coral-app :is(.skills-page, .engines-page) .ep-heading h1 { font: 800 32px/1.15 var(--c-font); letter-spacing: -.025em; margin: 16px 0 12px; }
.coral-app :is(.skills-page, .engines-page) .ep-heading p { max-width: 68ch; line-height: 1.6; }
.coral-app .sp-next { margin: 0 0 24px; }
.coral-app .sp-next .coral-btn { min-height: 44px; justify-content: center; }
.coral-app .sl-list { gap: 16px; align-items: stretch; }
.coral-app .sl-card { padding: 24px; gap: 16px; }
.coral-app .sl-card .sl-foot { margin-top: auto; padding-top: 16px; gap: 8px; }
.coral-app .sl-example { padding: 12px; }
.coral-app .sl-example summary { line-height: 1.5; }
.coral-app .ep-card { padding: 24px; }
.coral-app .ep-card > p { line-height: 1.6; }
.coral-app .ep-grid { margin-top: 16px; gap: 16px; }
.coral-app .cw { --cs-gap: 16px; }
.coral-app .cw-meta { flex-wrap: wrap; gap: 12px; }
.coral-app .cw :is(.cw-versions, .cw-compare, .cw-direct, .cw-post, .cw-made) { padding: 24px; }
.coral-app .cw-field { gap: 8px; }
.coral-app .cw-field :is(input, textarea) { max-width: 100%; min-width: 0; }
@media (max-width: 599px) {
  .coral-app .cs .cs-h1 { font-size: 32px; }
  .coral-app :is(.sl-card, .ep-card) { padding: 20px; }
  .coral-app .cw :is(.cw-versions, .cw-compare, .cw-direct, .cw-post, .cw-made) { padding: 20px; }
}
@media (min-width: 1000px) {
  .coral-app .cs .cs-head { grid-template-columns: minmax(0, 1fr); }
  .coral-app .cs-empty { padding: 40px; }
}
.coral-app .cs .cs-head-keys { justify-content: flex-start; }
@media (max-width: 599px) {
  .coral-app .cs-empty .pl-slot { width: 88px; height: 88px; margin-bottom: 16px; }
}
.coral-app .cs-sheet-work.primary { width: 100%; justify-content: center; color: #fff; }
@media (max-width: 999px) {
  .coral-app .cs:not(.sheet-open) .cs-new { background: var(--c-coral); color: #fff; border-color: transparent; }
}
.coral-app .cs-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-bottom: 16px; text-decoration: none; }
.coral-app .cw-meta { margin-top: 0; }
@media (max-width: 1199px) {
  .coral-app .cw-direct { order: 0; }
  .coral-app .cw-compare { order: 1; }
  .coral-app .cw-versions { order: 2; }
  .coral-app .cw-compare .cs-preview { max-height: 420px; }
}
@media (max-width: 359px) {
  .coral-main:has(.engines-page) .coral-hometop-logo { flex-wrap: nowrap; white-space: nowrap; gap: 4px; }
  .coral-main:has(.engines-page) .coral-hometop-logo b { font-size: 20px; }
  .coral-main:has(.engines-page) .coral-hometop-logo svg { width: 18px; }
  .coral-main:has(.engines-page) .ep-balance { font-size: 12px; padding: 6px 8px; }
}

@media (max-width: 999px) {
  .coral.coral-app:has(.cs, .cw) > section.moment-card:not(.moment-inline) {
    top: auto;
    height: fit-content;
    max-height: calc(100dvh - 180px);
    overflow-y: auto;
  }
}

.coral-app .sl-list:has(.sl-example[open]) { align-items: start; }

.ab-facts { display: grid; gap: 0; margin: 0; }
.ab-fact { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--c-div); }
.ab-fact:first-child { border-top: 0; padding-top: 0; }
.ab-fact dt { margin: 0; font: 400 14px/1.4 var(--c-font); color: var(--c-soft); }
.ab-fact dd { margin: 0; font: 600 14px/1.4 var(--c-font); color: var(--c-ink); text-align: right; min-width: 0; overflow-wrap: anywhere; }
.ab-fact dd.ab-mono { font: 500 13px/1.4 ui-monospace, Menlo, monospace; }

.ca-menu .ca-version { display: block; width: fit-content; margin: 2px auto 0; padding: 10px 12px; font: 500 12px/1.2 var(--c-font); letter-spacing: .02em; color: var(--c-soft); text-decoration: none; font-variant-numeric: tabular-nums; }
.ca-menu .ca-version:hover { color: var(--c-ink); text-decoration: underline; }

.ach { margin: 20px 0 0; padding: 16px; border: 1px solid var(--c-line); border-radius: 12px; background: var(--c-card, transparent); }
.ach-title { margin: 0; font: 700 17px/1.3 var(--c-font); color: var(--c-body); }
.ach-sub { margin: 16px 0 6px; font: 700 15px/1.3 var(--c-font); color: var(--c-body); }
.ach-lead { margin: 4px 0 0; font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }
.ach-steps, .ach-reviews { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.ach-step, .ach-reviews li { display: grid; gap: 2px; padding: 0 0 10px; border-bottom: 1px solid var(--c-line); overflow-wrap: anywhere; }
.ach-label { font: 600 12px/1.4 var(--c-font); color: var(--c-soft); text-transform: uppercase; letter-spacing: .04em; }
.ach-value { font: 600 15px/1.4 var(--c-font); color: var(--c-body); }
.ach-value a { color: var(--c-body); text-underline-offset: 3px; }
.ach-missing .ach-value { color: var(--c-soft); font-weight: 500; }
.ach-detail { font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }
.ach-note { font: 400 14px/1.5 var(--c-font); color: var(--c-body); white-space: pre-wrap; }
.ach-fold { margin: 12px 0 0; font: 400 14px/1.5 var(--c-font); color: var(--c-body); }
.ach-fold summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; }
.ach-script { margin: 4px 0 0; padding-left: 20px; }
@media (min-width: 900px) { .ach-step { grid-template-columns: 200px 1fr; column-gap: 16px; } .ach-step > .ach-detail { grid-column: 2; } }

.coral-ah-you { margin: 6px 0 4px; padding: 10px 12px; border-radius: 10px; background: #fff4ef; color: #3b2a24; font: 400 14px/1.45 var(--c-font); }
.coral-ah-you b { font-weight: 700; color: #c2410c; }
.coral-ah-ico { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 8px; background: #fff1ec; color: #f04e23; font: 800 16px/1 var(--c-font); }
.coral-ah-keys { display: flex; align-items: center; gap: 14px; margin-top: 10px; }
.coral .coral-ah-ai { min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: #f04e23; color: #fff; font: 600 14px/1 var(--c-font); cursor: pointer; }
.coral .coral-ah-ai:hover { background: #d9381b; }
.coral-ah-see { margin-top: 8px; }
.coral-ah-see summary { cursor: pointer; font: 400 13px/1.4 var(--c-font); color: #6b7280; }
.coral-ah-prompt { margin: 6px 0 0; padding: 10px; border: 1px solid #eeece8; border-radius: 8px; background: #fafaf9; white-space: pre-wrap; overflow-wrap: anywhere; font: 400 12.5px/1.5 var(--c-font); color: #374151; }
.coral .coral-ah-see { padding: 0; border: 0; background: none; }

.coral-ah-answer { margin: 4px 0 8px; color: var(--c-ink, #111827); font: 500 16px/1.5 var(--c-font); }
.coral .coral-ah-go { display: inline-flex; align-items: center; text-decoration: none; }
.coral-ah-more { margin: 16px 0 2px; color: #6b7280; font: 600 12px/1.2 var(--c-font); letter-spacing: .04em; text-transform: uppercase; }
.coral .coral-ah-copy { min-height: 40px; padding: 0 16px; border: 1px solid #e7e5e2; border-radius: 999px; background: transparent; color: inherit; font: 600 14px/1 var(--c-font); cursor: pointer; }
.coral-ah-answer, .coral-ah-you { max-width: 680px; }


.coral .chs { display: flex; flex-direction: column; gap: 16px; min-width: 0; font-family: var(--c-font); color: var(--c-body); }
.coral .chs h2, .coral .chs h3, .coral .chs p { margin: 0; }
.coral .chs h2 { font: 750 22px/1.15 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); text-wrap: balance; }
.coral .chs h3 { font: 650 16px/1.25 var(--c-font); color: var(--c-ink); }
.chs-k { font: 700 11.5px/1.2 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-coral-ink); margin-bottom: 8px !important; }


.chs-hero { position: relative; overflow: hidden; isolation: isolate; padding: 24px 20px 22px; border-radius: 18px; color: #fff;
  background: radial-gradient(90% 70% at 100% 0%, rgb(255 106 61 / 26%), transparent 62%), linear-gradient(160deg, #1b2131 0%, #1e2536 55%, #262f45 100%); }
.chs-hero-slot { display: none; position: absolute; z-index: 0; right: -30px; top: 6px; height: 132px; width: auto; max-width: none; pointer-events: none; opacity: .95;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%), linear-gradient(0deg, transparent 0, #000 30%); -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0, #000 30%), linear-gradient(0deg, transparent 0, #000 30%); mask-composite: intersect; }
.chs-hero-txt { position: relative; z-index: 1; }
.chs-kicker { font: 700 12px/1.3 var(--c-font); letter-spacing: .16em; text-transform: uppercase; color: #ffb79d; }
.coral .chs .chs-hero h2 { margin-top: 12px; max-width: 15ch; font: 800 31px/1.04 var(--c-font); letter-spacing: -.035em; color: #fff; text-wrap: balance; }
.chs-hero-line { margin-top: 12px !important; max-width: 46ch; font: 400 15.5px/1.5 var(--c-font); color: #dfe3ec; }
.chs-hero-key { margin-top: 20px; }
.chs-join-form { margin: 0; }
.coral .chs-join { width: 100%; min-height: 52px; border-radius: 12px; font: 700 17px/1 var(--c-font); gap: 10px; box-shadow: 0 10px 28px -10px rgb(242 84 45 / 70%); }
.chs-arrow svg { display: block; }
.chs-under { margin-top: 9px !important; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.chs-hero .chs-under { color: #dfe3ec; }


.chs-rank { padding: 22px 16px 18px; border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); }
.chs-rank-head { padding: 0 4px; }
.chs-rank-line { margin-top: 8px !important; font: 400 14.5px/1.5 var(--c-font); color: var(--c-soft); }

.chs-rank-line { display: flex; align-items: flex-start; gap: 10px; }
.coral .chs-rank-line .chs-line-badge { width: 26px; height: 29px; margin-top: 1px; }
.coral .chs-steps { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; align-items: end; }
.chs-step { --lv: #8a94a8; position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; text-align: center; }
.chs-step.l2 { --lv: #22b393; } .chs-step.l3 { --lv: #4c7dff; } .chs-step.l4 { --lv: #f2b31b; } .chs-step.l5 { --lv: #ff6a3d; }
.chs-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2px; width: 100%; box-sizing: border-box;
  min-height: calc(132px + var(--chs-i, 0) * 16px); padding: 10px 0 8px; border-radius: 12px 12px 4px 4px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--lv) 30%, transparent), color-mix(in srgb, var(--lv) 6%, transparent));
  border: 1px solid color-mix(in srgb, var(--lv) 40%, transparent); border-bottom: 0; }
.coral .chs-badge { width: 30px; height: 34px; }
.chs-pct { margin-top: 4px; font: 800 19px/1 var(--c-font); letter-spacing: -.03em; color: var(--c-ink); }
.chs-pct-k { font: 500 10.5px/1.1 var(--c-font); color: var(--c-soft); }
.chs-name { margin-top: 6px !important; font: 700 13px/1.15 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.chs-at, .chs-finder { font: 400 11px/1.25 var(--c-font); color: var(--c-soft); }
.chs-finder { color: var(--c-ink); font-weight: 600; }
.chs-step.here .chs-col { border: 2px solid var(--c-coral); border-bottom: 0; box-shadow: 0 0 0 4px color-mix(in srgb, var(--c-coral) 18%, transparent); }
.chs-you { position: absolute; z-index: 1; top: -11px; left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 99px;
  background: #c43a17; color: #fff; font: 700 10.5px/1.2 var(--c-font); letter-spacing: .04em; white-space: nowrap; }
.chs-rank-foot { margin-top: 16px !important; padding: 12px 4px 0; border-top: 1px solid var(--c-div); font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }


.chs-gets { padding: 22px 16px 10px; border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); }
.chs-gets-head { padding: 0 4px; }
.coral .chs-gets ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; }
.chs-get { display: flex; align-items: flex-start; gap: 14px; padding: 14px 4px; }
.chs-get + .chs-get { border-top: 1px solid var(--c-div); }
.chs-get p { margin-top: 3px !important; font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.chs-tile { display: inline-grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 11px; background: var(--c-coral-t); color: #ff5a36; }
.chs-tile svg { width: 23px; height: 23px; }/*kit-part*/


.chs-pass { padding: 22px 20px; border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); }
.chs-goals { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-top: 16px; }
.chs-goal { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 14px; border-radius: 12px; background: var(--c-tint); }
.chs-goal b { font: 800 26px/1 var(--c-font); letter-spacing: -.03em; color: var(--c-ink); }
.chs-goal span { font: 400 13.5px/1.35 var(--c-font); color: var(--c-body); }
.chs-track { height: 6px; margin-top: 6px; border-radius: 99px; background: var(--c-line-2); overflow: hidden; }
.chs-track > i { display: block; height: 100%; border-radius: inherit; background: #ff5a36; }
.chs-goal small { font: 400 12px/1.2 var(--c-font); color: var(--c-body); }
.chs-free { margin-top: 14px !important; font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.chs-pass-key { margin-top: 18px; }


.chs-fine { border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); }
.chs-fine > summary { display: flex; align-items: center; gap: 8px; padding: 16px 20px; cursor: pointer; list-style: none; font: 650 15px/1.2 var(--c-font); color: var(--c-ink); }
.chs-fine > summary::-webkit-details-marker { display: none; }
.chs-down { margin-left: auto; color: var(--c-soft); transition: transform .15s; }
.chs-fine[open] .chs-down { transform: rotate(180deg); }
.chs-fine > p { padding: 0 20px; margin: 0 0 10px !important; font: 400 13.5px/1.5 var(--c-font); color: var(--c-body); }
.chs-fine > p.chs-links { padding-bottom: 16px; }
.chs-links a { color: var(--c-soft); }

@media (max-width: 379px) {
  .coral .chs .chs-hero h2 { font-size: 27px; }
  .chs-rank { padding-left: 12px; padding-right: 12px; }
  .coral .chs-steps { gap: 4px; }
  .chs-pct { font-size: 16px; }
  .chs-name { font-size: 12px; }
  .chs-at, .chs-finder { font-size: 10px; }
  .chs-goal b { font-size: 22px; }
}

@media (min-width: 760px) {
  .coral .chs { gap: 20px; }
  .chs-hero { padding: 44px 44px 40px; min-height: 300px; display: flex; align-items: center; }
  .chs-hero-slot { display: block; top: auto; bottom: 0; right: 0; height: 100%; opacity: 1;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(180deg, transparent 0, #000 18%); -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0, #000 26%), linear-gradient(180deg, transparent 0, #000 18%); mask-composite: intersect; }
  .chs-hero-txt { max-width: 62%; }
  .chs-kicker { max-width: none; }
  .coral .chs .chs-hero h2 { font-size: 46px; max-width: 16ch; }
  .chs-hero-line { font-size: 18px; }
  .coral .chs-join { width: auto; min-width: 280px; padding: 0 28px; }
  .chs-rank, .chs-gets, .chs-pass { padding: 28px 28px 22px; }
  .coral .chs h2 { font-size: 26px; }
  .coral .chs-steps { gap: 12px; margin-top: 26px; }
  .chs-col { min-height: calc(136px + var(--chs-i, 0) * 30px); padding-top: 16px; }
  .coral .chs-badge { width: 44px; height: 50px; }
  .chs-pct { font-size: 30px; }
  .chs-pct-k { font-size: 12px; }
  .chs-name { font-size: 16px; }
  .chs-at, .chs-finder { font-size: 13px; }
  .coral .chs-gets ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .chs-get:nth-child(2) { border-top: 0; }
  .chs-goal { padding: 18px; }
  .chs-goal b { font-size: 34px; }
}
@media (min-width: 760px) and (max-width: 1199px) {
  .chs-hero-slot { height: 74%; opacity: .85; }
  .chs-hero-txt { max-width: 64%; }
  .coral .chs .chs-hero h2 { font-size: 38px; }
  .chs-hero-line { font-size: 16.5px; }
}
@media (min-width: 1200px) {
  .coral .chs-gets ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .chs-get:nth-child(3) { border-top: 0; }
}
.coral .chs.chs-after { margin-top: 16px; }

.coral .chs-join:focus-visible, .chs-fine > summary:focus-visible { outline: 3px solid #ffb79d; outline-offset: 3px; }


.chs-isnt .chs-tile.no { background: var(--c-tint); color: var(--c-soft); }

.coral .gs-item.skipped { color: var(--c-faint); }
.coral .gs-item.skipped .gs-dot { border-style: dashed; }

.cpw { display: grid; gap: 14px; }
.cpw-i { display: inline-flex; width: 18px; height: 18px; flex: none; }
.cpw-i svg { width: 100%; height: 100%; }
.cpw h2 { margin: 0; font: 700 18px/1.25 var(--c-font); letter-spacing: -.015em; color: var(--c-ink); }
.cpw-quiet { margin: 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-key { min-height: 46px; padding: 0 18px; border-radius: 12px; font-size: 15px; width: 100%; }
.cpw-key .cpw-i { width: 18px; height: 18px; }
.cpw-addr { margin: 8px 0 0; color: var(--c-faint); font: 500 13px/1.4 var(--c-font); overflow-wrap: anywhere; text-align: center; }
.cpw-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.cpw-n { display: inline-grid; place-items: center; min-width: 28px; height: 28px; padding: 0 9px; border-radius: 999px; background: var(--c-tint); color: var(--c-body); font: 700 14px/1 var(--c-font); }


.cpw-who { padding: 0; border-radius: 16px; overflow: hidden; }
.cpw-cover { height: 112px; display: flex; gap: 2px; background: linear-gradient(135deg, #ff7a52 0%, #e8481f 50%, #b22f12 100%); }
.cpw-cover img { flex: 1 1 0; min-width: 0; height: 100%; object-fit: cover; object-position: center 35%; display: block; }
.cpw-cover img:nth-child(n+4) { display: none; }
.cpw-who-body { padding: 0 16px 16px; display: grid; gap: 12px; }
.cpw-ava { display: grid; place-items: center; width: 76px; height: 76px; margin-top: -38px; position: relative; border-radius: 20px; border: 4px solid var(--c-card);
  background: linear-gradient(140deg, #ff8a5c, #e8481f 60%, #c23a17); color: #fff; font: 700 32px/1 var(--c-font); }
.cpw-who-txt { min-width: 0; }
.cpw-who-txt h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font: 600 24px/1.15 var(--c-font); letter-spacing: -.03em; overflow-wrap: anywhere; }
.cpw-who-txt h2.l { font-size: 21px; }
.cpw-who-txt h2.xl { font-size: 18px; }
.cpw-test { padding: 4px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font: 800 11px/1 var(--c-font); letter-spacing: .08em; text-transform: uppercase; }
.cpw-bio { margin: 4px 0 0; color: var(--c-body); font: 400 15px/1.45 var(--c-font); overflow-wrap: anywhere; }
.cpw-facts { margin: 8px 0 0; display: flex; flex-wrap: wrap; gap: 2px 8px; color: var(--c-soft); font: 400 14px/1.4 var(--c-font); }
.cpw-facts b { color: var(--c-ink); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.cpw-dot { opacity: .5; }
.cpw-who-act { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cpw-who-act .cpw-key { width: auto; flex: 1 1 auto; border-radius: 999px; min-height: 44px; }
.cpw-share { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; flex: none; }
.cpw-who-act .cpw-addr { flex-basis: 100%; text-align: left; margin: 0; }


.cpw-edit { padding: 18px; border-radius: 16px; scroll-margin-top: 16px; }
.cpw-save { min-height: 40px; padding: 0 18px; border-radius: 999px; }
.cpw-bio-field { display: grid; gap: 6px; }
.cpw-bio-field > span { font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.cpw-bio-field input { width: 100%; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--c-line); background: var(--c-page, transparent); color: var(--c-ink); font: 400 15px/1.3 var(--c-font); }
.cpw-bio-field input:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 1px; }
.cpw-bio-field small { color: var(--c-soft); font: 400 13px/1.4 var(--c-font); }
.cpw-edit-k { margin: 18px 0 10px; display: grid; gap: 2px; font: 600 14px/1.3 var(--c-font); color: var(--c-ink); }
.cpw-edit-k small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }
.cpw-pick { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cpw-pick-ad { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: var(--c-navy); cursor: pointer; }
.cpw-pick-ad img, .cpw-pick-ad .cpw-noposter { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity .15s, filter .15s; }
.cpw-pick-ad input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cpw-pick-box { position: absolute; right: 8px; top: 8px; z-index: 1; display: grid; place-items: center; width: 28px; height: 28px; padding: 5px; border-radius: 8px;
  background: rgb(0 0 0 / 45%); border: 2px solid #fff; color: transparent; }
.cpw-pick-box svg { width: 100%; height: 100%; }
.cpw-pick-ad input:checked ~ .cpw-pick-box { background: #d63c16; border-color: #d63c16; color: #fff; }
.cpw-pick-ad input:not(:checked) ~ img { opacity: .35; filter: grayscale(1); }
.cpw-pick-ad input:focus-visible ~ .cpw-pick-box { outline: 2px solid var(--c-coral-ink); outline-offset: 2px; }
.cpw-pick-t { display: none; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 8px 8px; background: linear-gradient(180deg, transparent, rgb(0 0 0 / 70%)); color: #fff;
  font: 600 12px/1.25 var(--c-font); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cpw-pair.solo { grid-template-columns: minmax(0, 1fr) !important; }

.cpw-kicker { margin: 0; font: 700 11px/1.2 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: rgb(255 255 255 / 62%); }


.cpw-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; border-radius: 16px; overflow: hidden; }
.cpw-tile { padding: 16px 16px 18px; min-width: 0; }
.cpw-tile:nth-child(odd) { border-right: 1px solid var(--c-div); }
.cpw-tile:nth-child(-n+2) { border-bottom: 1px solid var(--c-div); }
.cpw-k { margin: 0; font: 600 13px/1.3 var(--c-font); color: var(--c-soft); }
.cpw-v { margin: 6px 0 0; font: 800 28px/1.05 var(--c-font); letter-spacing: -.03em; color: var(--c-ink); overflow-wrap: anywhere; }
.cpw-sub { margin: 6px 0 0; font: 400 12px/1.4 var(--c-font); color: var(--c-faint); }


.cpw-pair { display: grid; gap: 14px; }
.cpw-funnel, .cpw-ads { padding: 18px; border-radius: 16px; display: flex; flex-direction: column; }
.cpw-funnel .cpw-rate-line { margin-top: auto; }
.cpw-funnel .cpw-bars { margin-bottom: 14px; }
.cpw-rate { display: flex; align-items: baseline; gap: 6px; }
.cpw-rate b { font: 800 26px/1 var(--c-font); letter-spacing: -.03em; color: var(--c-coral-ink); }
.cpw-rate b.unknown { font-size: 17px; color: var(--c-faint); letter-spacing: 0; }
.cpw-rate small { font: 500 12px/1 var(--c-font); color: var(--c-soft); }
.cpw-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cpw-bars li { display: grid; grid-template-columns: 72px minmax(0, 1fr) 36px; align-items: center; gap: 12px; }
.cpw-bar-k { font: 500 14px/1.2 var(--c-font); color: var(--c-body); }
.cpw-track { height: 12px; border-radius: 999px; background: var(--c-tint); overflow: hidden; }
.cpw-track i { display: block; height: 100%; border-radius: 999px; background: #ff5a36; }
.cpw-track i.s0 { background: #ffb39c; } .cpw-track i.s1 { background: #ff8a66; } .cpw-track i.s2 { background: #ff6a43; } .cpw-track i.s3 { background: #e0481f; }
.cpw-bar-n { text-align: right; font: 700 15px/1 var(--c-font); color: var(--c-ink); }
.cpw-rate-line { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--c-div); color: var(--c-soft); font: 400 13px/1.45 var(--c-font); }


.cpw-posters { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.cpw-poster { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; background: var(--c-navy); }
.cpw-poster img, .cpw-noposter { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.cpw-noposter { background: linear-gradient(160deg, #2a3142, var(--c-navy)); }
.cpw-play { position: absolute; left: 6px; bottom: 6px; display: grid; place-items: center; width: 24px; height: 24px; padding: 6px 5px 6px 7px; border-radius: 50%; background: rgb(255 255 255 / 90%); color: var(--c-ink); }
.cpw-play svg { width: 100%; height: 100%; }
.cpw-empty { margin: 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-link { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-coral-ink); font: 600 14px/1 var(--c-font); }


.cpw-more { padding: 0; border-radius: 16px; }
.cpw-more > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 12px 18px; }
.cpw-more > summary::-webkit-details-marker { display: none; }
.cpw-more > summary b { display: block; font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.cpw-more > summary small { display: block; margin-top: 2px; font: 400 13px/1.3 var(--c-font); color: var(--c-soft); }
.cpw-chev { color: var(--c-faint); transition: transform .15s; }
.cpw-more[open] .cpw-chev { transform: rotate(180deg); }
.cpw-more-body { display: grid; gap: 10px; padding: 0 18px 18px; }
.cpw-more-body > p:first-child { margin: 0; font: 500 15px/1.45 var(--c-font); color: var(--c-ink); }
.cpw-badge img { max-width: 100%; height: auto; display: block; }
.cpw-copy, .cpw-code { display: flex; gap: 8px; min-width: 0; }
.cpw-copy-in, .cpw-code-in { flex: 1; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--c-line); border-radius: 10px; background: var(--c-tint); color: var(--c-body); font: 500 13px/1 ui-monospace, "SF Mono", Menlo, monospace; }
.cpw-copy-btn { min-height: 44px; background: #fff; color: var(--c-ink); border: 1px solid var(--c-line); }
.cpw-copy-btn .cpw-i { width: 16px; height: 16px; }


.cpw-connect-main { display: grid; gap: 14px; min-width: 0; }
.cpw-preview { display: none; }
.cpw-kicker.dark { color: var(--c-faint); }
.cpw-pv-who { display: flex; align-items: center; gap: 12px; margin: 14px 0; min-width: 0; }
.cpw-pv-who b { display: block; font: 700 16px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.cpw-pv-who small { display: block; font: 400 12px/1.3 var(--c-font); color: var(--c-faint); overflow-wrap: anywhere; }
.cpw-ava.sm { width: 44px; height: 44px; margin-top: 0; border: 0; border-radius: 12px; font-size: 19px; flex: none; }
.cpw-pv-ads { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-bottom: 14px; }
.cpw-pv-ads img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 10px; display: block; background: var(--c-navy); }
.cpw-preview .cpw-quiet + .cpw-quiet { margin-top: 10px; font-size: 13px; }
.cpw-steps { padding: 20px; border-radius: 16px; }
.cpw-steps-head { display: flex; gap: 14px; align-items: flex-start; }
.cpw-steps-head p { margin: 6px 0 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-ig { width: 48px; height: 48px; padding: 11px; border-radius: 14px; color: #fff; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 95%); }
.cpw-steplist { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 0; }
.cpw-step { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 16px 0; border-top: 1px solid var(--c-div); }
.cpw-num { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--c-coral-t); color: var(--c-coral-ink); font: 700 14px/1 var(--c-font); }
.cpw-step-body h3 { margin: 3px 0 10px; font: 600 16px/1.3 var(--c-font); color: var(--c-ink); }
.cpw-step-body > p { margin: -4px 0 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-code-in { font-size: 18px; font-weight: 700; letter-spacing: .08em; color: var(--c-ink); background: #fff; }
.cpw-prove { display: grid; gap: 10px; }
.cpw-field { display: flex; align-items: center; min-height: 48px; border: 1px solid var(--c-line-2, #e5e7eb); border-radius: 12px; background: #fff; padding: 0 0 0 14px; }
.cpw-field:focus-within { border-color: var(--c-coral); box-shadow: 0 0 0 3px rgb(242 84 45 / 15%); }
.cpw-at { color: var(--c-faint); font: 600 16px/1 var(--c-font); }
.cpw-field input { flex: 1; min-width: 0; height: 46px; border: 0; outline: 0; background: transparent; padding: 0 12px 0 4px; font: 500 16px/1 var(--c-font); color: var(--c-ink); }
.cpw-check { min-height: 48px; border-radius: 12px; width: 100%; font-size: 16px; }
.cpw-check.plain { background: #fff; color: var(--c-ink); border: 1px solid var(--c-line); }
.cpw-safe { display: flex; gap: 10px; align-items: flex-start; margin: 4px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--c-tint); color: var(--c-soft); font: 400 13px/1.45 var(--c-font); }
.cpw-safe .cpw-i { width: 16px; height: 16px; margin-top: 1px; color: var(--c-body); }
.cpw-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; margin-top: 10px; }
.cpw-alt form { margin: 0; }
.cpw-skip { min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--c-soft); font: 600 14px/1 var(--c-font); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.cpw-tt > summary { min-height: 44px; display: inline-flex; align-items: center; color: var(--c-soft); font: 500 14px/1 var(--c-font); cursor: pointer; }
.cpw-tt[open] { flex-basis: 100%; display: grid; gap: 8px; }
.cpw-done { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; padding: 20px; border-radius: 16px; }
.cpw-done p { margin: 6px 0 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-ok { display: grid; place-items: center; width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--c-ok-t); color: var(--c-ok); }
.cpw-ok svg { width: 100%; height: 100%; }
.cpw-done-act { grid-column: 1 / -1; }

.cpw-views { padding: 16px 18px; border-radius: 16px; border-left: 4px solid var(--c-faint); }
.cpw-views-campaign, .cpw-views-open { border-left-color: var(--c-ok); }
.cpw-views h2 { margin: 0; font: 700 16px/1.3 var(--c-font); color: var(--c-ink); }
.cpw-views p { margin: 6px 0 0; color: var(--c-soft); font: 400 14px/1.5 var(--c-font); }
.cpw-views-go { display: inline-flex; align-items: center; min-height: 44px; margin: 2px 0 -10px; color: var(--c-ink); font: 600 14px/1 var(--c-font); text-decoration: underline; text-underline-offset: 3px; }
.cpw-list { padding: 18px; border-radius: 16px; display: grid; gap: 10px; }
.cpw-list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cpw-list li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 10px; background: var(--c-tint); font: 500 14px/1.3 var(--c-font); overflow-wrap: anywhere; }
.cpw-list li small { color: var(--c-soft); font: 400 13px/1.3 var(--c-font); white-space: nowrap; }

@media (min-width: 640px) {
  .cpw-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cpw-tile { border-right: 1px solid var(--c-div); border-bottom: 0 !important; padding: 18px 20px 20px; }
  .cpw-tile:last-child { border-right: 0; }
  .cpw-cover { height: 144px; }
  .cpw-cover img:nth-child(n+4) { display: block; }
  .cpw-cover img:nth-child(n+5) { display: none; }
  .cpw-who-body { padding: 0 20px 20px; }
  .cpw-who-body .cpw-ava { width: 96px; height: 96px; margin-top: -48px; font-size: 40px; }
  .cpw-who-act .cpw-key { flex: none; }
  .cpw-pick { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 10px; }
  .cpw-done { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
  .cpw-done-act { grid-column: auto; min-width: 240px; }
  .cpw-check { width: auto; justify-self: start; padding: 0 22px; }
  .cpw-prove { grid-template-columns: minmax(0, 1fr) auto; }
}
@media (min-width: 1000px) {
  .cpw { gap: 16px; max-width: 1180px; }
  .cpw-connect { max-width: 1040px; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
  .cpw-preview { display: block; padding: 20px; border-radius: 16px; position: sticky; top: 24px; }
  .cpw-cover { height: 168px; }
  .cpw-cover img:nth-child(n+5) { display: block; }
  .cpw-who-body { grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 24px; padding: 0 24px 24px; }
  .cpw-who-body .cpw-ava { width: 112px; height: 112px; margin-top: -56px; font-size: 46px; grid-column: 1 / -1; }
  .cpw-who-act { justify-content: flex-end; max-width: 380px; } 
  .cpw-edit { padding: 24px; }
  .cpw-pick-t { display: block; }
  .cpw-pick { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 12px; }
  .cpw-who-txt h2 { font-size: 28px; }
  .cpw-who-txt h2.l { font-size: 24px; }
  .cpw-pair { grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr); gap: 16px; }
  .cpw-funnel, .cpw-ads { padding: 22px; }
  .cpw-v { font-size: 32px; }
}
@media (max-width: 359px) {
  .cpw-funnel, .cpw-ads, .cpw-steps, .cpw-edit { padding: 16px; }
  .cpw-who-body { padding: 0 14px 14px; }
  .cpw-who-body .cpw-ava { width: 64px; height: 64px; margin-top: -32px; font-size: 28px; }
  .cpw-who-txt h2.l { font-size: 16px; }
  .cpw-v { font-size: 24px; }
  .cpw-bars li { grid-template-columns: 64px minmax(0, 1fr) 30px; gap: 10px; }
}
@media (prefers-reduced-motion: reduce) { .cpw-chev { transition: none; } }

.ce-grid.r3 {
  --ce-pending: #f0a33a; --ce-cleared: #ff5a2c; --ce-way: #8b95a8; --ce-paid: #16a34a; --ce-back: #c8102e;
  --ce-line: rgb(37 37 37 / 12%); --ce-hair: rgb(37 37 37 / 10%); --ce-tint: #f7f7f8;
  gap: 12px;
}


.ce-page-head { margin-bottom: 16px; }
.coral-app .ce-page-head { display: block; }
.coral-app .ce-page-head > .ce-lvl { width: 100%; max-width: none; box-sizing: border-box; padding-top: 6px; padding-bottom: 6px; text-align: left; font-size: 13px; }
.coral-app .ce-page-head > .ce-lvl .ce-lvl-line { flex: 1; white-space: normal; }
.ce-lvl-chev { margin-left: auto; }
.ce-page-title { display: flex; align-items: center; gap: 10px; }
.coral-app .pl-header.ce-page-head h1 { margin: 0; font: 700 32px/1.1 var(--c-font); letter-spacing: -.03em; color: #111; }
.ce-page-head > p { margin: 6px 0 0; font: 400 15px/1.45 var(--c-font); color: #6b7385; }
.ce-test-pill { display: inline-flex; align-items: center; flex: none; padding: 2px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font: 800 11px/1.4 var(--c-font); letter-spacing: .08em; }


.ce-lvl { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; min-height: 44px; margin-top: 8px; padding: 0 12px 0 6px; border-radius: 999px; border: 1px solid var(--ce-line, rgb(37 37 37 / 12%));
  font: 400 13px/1.3 var(--c-font); color: #6b7385; text-decoration: none; transition: border-color .2s; }
.ce-lvl:hover { border-color: rgb(37 37 37 / 28%); }
.ce-lvl:focus-visible { outline: 2px solid #ff5a2c; outline-offset: 2px; }
.coral .ce-lvl .lvb.ce-lvl-badge { flex: none; width: 27px; height: 30px; }
.ce-lvl .ce-lvl-badge svg { width: 100%; height: 100%; }
.ce-lvl b { flex: none; font: 600 14px/1.3 var(--c-font); color: #111; }
.ce-lvl-of { flex: none; }
.ce-lvl-line { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ce-lvl-line::before { content: "·"; margin-right: 6px; }
.ce-lvl-chev { display: inline-flex; flex: none; color: #9ca3af; }
@media (max-width: 459px) { .ce-lvl-of { display: none; } }


.ce-grid.r3 .ce-card, .ce-grid.r3 .coral-card { overflow: hidden; padding: 0 16px 16px; border-radius: 12px; border: 1px solid var(--ce-line); background: #fff; box-shadow: none; }
.ce-grid.r3 .ce-card { padding: 0; }
.ce-head, .ce-grid.r3 .coral-card-head { display: flex; align-items: center; gap: 8px; min-height: 47px; margin: 0 -16px 12px; padding: 0 16px; border-bottom: 1px solid var(--ce-line); }
.ce-head { margin: 0; }
.ce-head h2, .ce-grid.r3 .coral-card-head h2 { margin: 0; font: 600 18px/1.3 var(--c-font); letter-spacing: -.015em; color: #111; }
.ce-head-ico { display: inline-flex; flex: none; color: #6b7385; }
.ce-head-end { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font: 400 12px/1 var(--c-font); color: #6b7385; }

.ce-grid.r3 .ce-h-head { flex-wrap: wrap; row-gap: 0; padding-top: 8px; padding-bottom: 8px; }


.ce-b-body { padding: 16px 16px 18px; background: var(--ce-tint); }
.ce-b-fig { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; margin: 0; }
.ce-b-big { font: 700 32px/1.05 var(--c-font); letter-spacing: -.03em; color: #111; font-variant-numeric: tabular-nums; }
.ce-b-of { font: 400 17px/1.2 var(--c-font); color: #8a8f98; }
.ce-grid.r3 .ce-bar { height: 8px; margin: 14px 0 0; border-radius: 999px; background: #e7e8eb; }
.ce-grid.r3 .ce-seg { transform-origin: left center; animation: ce-grow .9s cubic-bezier(.25, .1, .25, 1) both; }
.ce-grid.r3 .ce-seg + .ce-seg { box-shadow: inset 2px 0 0 var(--ce-tint); }
.ce-seg.pending, .ce-dot.pending { background: var(--ce-pending); }
.ce-seg.cleared, .ce-dot.cleared { background: var(--ce-cleared); }
.ce-seg.way, .ce-dot.way { background: var(--ce-way); }
.ce-seg.paid, .ce-dot.paid { background: var(--ce-paid); }
.ce-dot.back { background: var(--ce-back); }
.ce-b-line { margin: 10px 0 0; font: 400 13px/1.5 var(--c-font); color: #6b7385; text-wrap: pretty; }
.ce-lead { font-weight: 600; font-variant-numeric: tabular-nums; }
.ce-lead.paid, .ce-lead.cleared { color: #15803d; }
.ce-lead.pending { color: #a15c07; }
.ce-lead.way, .ce-lead.none { color: #374151; }
.ce-lead.back { color: #a10d25; }


.ce-stats { min-width: 0; }
.ce-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: 100%; margin: 0; padding: 0; list-style: none; border: 1px solid var(--ce-hair); border-radius: 12px; }

.ce-oneway { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 20px; border: 1px solid var(--ce-hair); border-radius: 12px; box-sizing: border-box; }
.ce-oneway-t { margin: 0; font: 700 17px/1.3 var(--c-font); }
.ce-oneway-line { margin: 0; font: 450 16px/1.5 var(--c-font); }
.ce-oneway-line b { font-weight: 750; color: var(--c-accent, #e0481f); }
.ce-stat { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px 14px 20px; animation: ce-rise .7s cubic-bezier(.25, .1, .25, 1) both; }
.ce-stat:nth-child(odd) { border-right: 1px solid var(--ce-hair); }
.ce-stat:nth-child(-n+2) { border-bottom: 1px solid var(--ce-hair); }
.ce-stat:nth-child(2) { animation-delay: 70ms; } .ce-stat:nth-child(3) { animation-delay: 140ms; } .ce-stat:nth-child(4) { animation-delay: 210ms; }
.ce-stat-fig { font: 600 26px/1.1 var(--c-font); letter-spacing: -.65px; color: #111; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ce-stat-cap { font: 400 13px/1.4 var(--c-font); color: #6b7385; text-wrap: pretty; }
.ce-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; vertical-align: 1px; }
.ce-stats-test { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font: 400 13px/1.4 var(--c-font); color: #6b7385; }
@keyframes ce-rise { from { opacity: 0; transform: translateY(10px); } }
@keyframes ce-grow { from { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .ce-grid.r3 .ce-seg, .ce-stat { animation: none; } }


.ce-key { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #c4380a; color: #fff;
  font: 600 15px/1 var(--c-font); white-space: nowrap; text-decoration: none; transition: transform .3s cubic-bezier(.34, 1.4, .64, 1), background .2s; }
.ce-key:hover { transform: translateY(-1px) scale(1.02); background: #b0320a; }
.ce-key:active { transform: scale(.98); }
.ce-key:focus-visible, .ce-grid.r3 .ce-next-key:focus-visible { outline: 2px solid #ff5a2c; outline-offset: 3px; }
.ce-key .coral-ico { display: inline-flex; }


.ce-first-body { padding: 14px 16px 16px; }
.ce-first-line { margin: 0; font: 400 15px/1.5 var(--c-font); color: #374151; }
.ce-first-keys { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 18px; margin-top: 14px; }
.ce-grid.r3 .ce-first-keys .ce-how { margin: 0; display: inline-flex; align-items: center; }


.ce-grid.r3 .ce-next { min-height: 0; padding: 16px 18px; border-radius: 12px; }
.ce-grid.r3 .ce-next .ce-next-slot { width: 32%; max-height: 100%; }
.ce-grid.r3 .ce-next::before { width: 26%; }
.ce-grid.r3 .ce-next-txt { max-width: 66%; }
.ce-grid.r3 .ce-next-kicker { margin-bottom: 6px; font-size: 11px; letter-spacing: .16em; }
.ce-grid.r3 .ce-next-big { font: 700 28px/1.05 var(--c-font); letter-spacing: -.03em; }
.ce-grid.r3 .ce-next-when, .ce-grid.r3 .ce-next-state { font: 600 15px/1.3 var(--c-font); }
.ce-grid.r3 .ce-next-line { font: 400 14px/1.45 var(--c-font); }
.ce-grid.r3 .ce-next .coral-btn.ce-next-key { min-height: 44px; margin-top: 12px; padding: 0 18px; border-radius: 999px; font-size: 15px; transition: transform .3s cubic-bezier(.34, 1.4, .64, 1); }
.ce-grid.r3 .ce-next .coral-btn.ce-next-key:hover { transform: translateY(-1px) scale(1.02); }


.ce-grid.r3 .ce-hero { order: 1; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ce-grid.r3 .ce-next { order: 2; } .ce-grid.r3 .ce-why { order: 3; } .ce-grid.r3 .ce-hist { order: 4; } .ce-grid.r3 .ce-sources { order: 5; }
.ce-grid.r3 .ce-col.main > :not(.ce-hist):not(.ce-sources) { order: 6; } .ce-grid.r3 .ce-details { order: 7; } .ce-grid.r3 .ce-foot { order: 8; }
.ce-grid.r3.first { max-width: none; }
.ce-grid.r3 .ce-first { order: 2; }

.pb-payout-summary > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; list-style: none; cursor: pointer; }
.pb-payout-summary > summary::-webkit-details-marker { display: none; }
.pb-payout-summary > summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.pb-payout-summary[open] > summary::after { transform: rotate(-135deg); }
.ce-grid.r3 summary:focus-visible { outline: 2px solid #ff5a2c; outline-offset: 2px; border-radius: 6px; }
.pb-payout-summary > summary:focus-visible, .ce-grid.r3 .ce-f-in:focus-visible + .ce-chip { outline: 2px solid #ff5a2c; outline-offset: 2px; border-radius: 8px; }

@media (max-width: 359px) {
  .ce-b-big { font-size: 28px; }
  .ce-stat { padding: 14px 10px 16px; }
  .ce-stat-fig { font-size: 22px; letter-spacing: -.5px; }
  .ce-stat-cap { font-size: 12px; }
}


@media (min-width: 1000px) {
  .coral-app .pl-header.ce-page-head h1 { font-size: 40px; }
  .coral-app .ce-page-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; column-gap: 24px; margin-bottom: 40px; }
  .coral-app .ce-page-head > .ce-lvl .ce-lvl-line { white-space: nowrap; }
  .coral-app .ce-page-head > p { grid-column: 1; }
  .coral-app .ce-page-head > .ce-lvl { width: fit-content; grid-column: 2; grid-row: 1 / span 2; align-self: end; margin: 0; }
  .ce-grid.r3 { gap: 24px; }
  .ce-grid.r3 .ce-col { order: 2; gap: 24px; }
  
  .ce-first-body { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 20px; }
  .ce-first-keys { flex: none; flex-wrap: nowrap; margin: 0; }
  .ce-grid.r3 .ce-first { grid-column: 1 / -1; }
  .ce-grid.r3 .ce-card, .ce-grid.r3 .coral-card { border-radius: 16px; }
  .ce-grid.r3 .coral-card { padding: 0 20px 20px; }
  .ce-head, .ce-grid.r3 .coral-card-head { padding: 0 20px; }
  .ce-grid.r3 .coral-card-head { margin: 0 -20px 14px; }
  .ce-grid.r3 .ce-head { margin: 0; }
  .ce-b-body { padding: 22px 20px 22px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
  .ce-budget { display: flex; flex-direction: column; }
  .ce-b-big { font-size: 40px; }
  .ce-b-of { font-size: 18px; }
  .ce-grid.r3 .ce-bar { height: 10px; margin-top: 18px; }
  .ce-b-line { margin-top: 12px; font-size: 14px; }
  .ce-stats-grid { border-radius: 16px; }
  .ce-stat { padding: 22px 20px 22px; justify-content: center; }
  .ce-grid.r3 .ce-hero { display: grid; grid-template-columns: calc((100% + 24px) * 7 / 12 - 24px) minmax(0, 1fr); gap: 24px; align-items: stretch; }
  .ce-grid.r3 .ce-next { padding: 20px 22px; }
  .ce-grid.r3 .ce-next-big { font-size: 32px; }
}/*kit-part*/
@media (min-width: 1200px) {
  .ce-grid.r3 .ce-hero { grid-column: 1 / -1; }
  
  .ce-grid.r3:not(.first) { grid-template-columns: calc((100% + 24px) * 7 / 12 - 24px) minmax(0, 1fr); column-gap: 24px; row-gap: 24px; }
  .ce-grid.r3:not(.first) ~ .stuck-help { width: calc((100% + 24px) * 7 / 12 - 24px); }
}

.ft{display:grid;gap:14px;margin:0 0 18px;padding:18px;border-radius:16px;border:1px solid #ffd9cc;background:linear-gradient(180deg,#fff6f2 0%,#fff 60%);min-width:0}
.ft-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px}
.ft-head h2{margin:0;font:700 22px/1.2 var(--c-font);letter-spacing:-.015em;color:#14161c}
.ft-line{margin:4px 0 0;font:500 15px/1.45 var(--c-font);color:#c2410c}
.ft.own .ft-line{color:#4b5060;font-weight:400}
.ft-places{margin:0;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #ffd3c6;font:600 13.5px/1.3 var(--c-font);color:#14161c;white-space:nowrap}
.ft-places.full{border-color:#fca5a5}
.ft-why-limit{margin:-4px 0 0;font:400 13px/1.45 var(--c-font);color:#6b7080}

.ft-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ft-card{display:grid;grid-template-columns:72px 1fr;gap:14px;background:#fff;border:1px solid #eeece8;border-radius:14px;padding:12px;min-width:0}
.ft-pic{border-radius:10px;overflow:hidden;aspect-ratio:3/4;display:grid;place-items:center;align-self:start;background:linear-gradient(140deg,#ffb59d 0%,#ff7a55 55%,#ff5a36 100%)}
.ft-pic img{width:100%;height:100%;object-fit:cover;display:block}
.ft-initial{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 24px/1 var(--c-font);color:#fff;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.55)}
.ft-txt{display:grid;gap:6px;min-width:0;align-content:start}
.ft-card h3{margin:0;font:700 17px/1.25 var(--c-font);color:#14161c;overflow-wrap:anywhere}
.ft-why{margin:0;font:400 14px/1.45 var(--c-font);color:#3d4250;overflow-wrap:anywhere}
.ft-left{margin:0;display:inline-flex;align-items:center;gap:6px;font:600 13px/1.3 var(--c-font);color:#4b5060}
.ft-left.soon{color:#b91c1c}
.ft-i{display:inline-flex;flex:none}
.coral .ft-go{justify-self:start;min-height:44px;margin-top:4px;gap:8px}

.ft-tiles{display:grid;gap:12px}
.ft-house,.ft-find{display:grid;gap:12px;align-content:start;background:#fff;border:1px solid #eeece8;border-radius:14px;padding:14px;min-width:0}
.ft.gift .ft-find{background:transparent;border:0;border-top:1px solid #f1d6cc;border-radius:0;padding:14px 0 0}
.ft-tile-head{display:flex;align-items:flex-start;gap:12px;min-width:0}
.ft-tile-head h3{margin:0;font:700 17px/1.25 var(--c-font);color:#14161c}
.ft-tile-head p{margin:3px 0 0;font:400 14px/1.45 var(--c-font);color:#4b5060}
.ft-face{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff1ec;color:#e04420;border:1px solid #ffd3c6}
.ft-face svg{width:24px;height:24px}
.coral .ft-house-go,.coral .ft-find-go{justify-self:stretch;min-height:48px;gap:8px}
.coral .ft-find-go{background:#fff;color:#e04420;border:1px solid #ffc9b8}

.ft-limits{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft-limit{display:flex;align-items:flex-start;gap:10px;font:400 13px/1.4 var(--c-font);color:#6b7080}
.ft-limit b{display:block;font:600 14px/1.35 var(--c-font);color:#14161c}
.ft-dot{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#16a34a}
.ft-limit.full .ft-dot{background:#dc2626}
.ft-opens{margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#fff;border:1px dashed #ffc9b8;font:600 14px/1.4 var(--c-font);color:#14161c}
.ft-opens .ft-i{color:#e04420}

@media(max-width:359px){.ft{padding:14px}.ft-card{grid-template-columns:56px 1fr;gap:10px}.ft-initial{width:40px;height:40px;font-size:20px}.ft-head h2{font-size:20px}}
@media(min-width:760px){
  .ft{padding:22px 24px}
  .ft-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
  .ft-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0;overflow:hidden;gap:0}
  .ft-card .ft-txt{grid-template-rows:auto auto 1fr auto;height:100%;box-sizing:border-box}
  .ft-card .ft-left{align-self:end}
  .ft-pic{aspect-ratio:auto;height:120px;border-radius:0}
  .ft-txt{padding:14px 16px 16px}
  .ft-tiles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
  .ft.gift .ft-find{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;column-gap:24px}
  .coral .ft-house-go,.coral .ft-find-go{justify-self:start;min-width:220px}
  .ft.own .ft-tiles{align-items:start}
  
  .ft-cards:has(> :only-child){max-width:none}
  .ft-cards > .ft-card:only-child{grid-template-columns:240px 1fr;grid-template-rows:auto}
  .ft-cards > .ft-card:only-child .ft-pic{height:100%;min-height:180px}
  .ft-cards > .ft-card:only-child .ft-txt{padding:18px 20px;grid-template-rows:auto auto auto auto;align-content:center}
  .ft.gift .ft-find-go{align-self:center}
}

.cb > .ft{order:0}


.ft-sale{display:grid;gap:14px;margin:0 0 20px;padding:18px;border-radius:16px;border:1px solid #ffd9cc;background:linear-gradient(135deg,#fff6f2 0%,#ffe9e1 100%);min-width:0}
.ft-sale-head{display:flex;align-items:flex-start;gap:14px;min-width:0}
.ft-sale-head h2{margin:0;font:700 20px/1.25 var(--c-font);letter-spacing:-.01em;color:#14161c}
.ft-sale-kicker{margin:0 0 2px;font:600 12px/1.2 var(--c-font);letter-spacing:.12em;text-transform:uppercase;color:#c2410c}
.ft-sale-line{margin:4px 0 0;font:400 14.5px/1.5 var(--c-font);color:#3d4250}
.ft-sale-badge{flex:none;width:56px;height:56px}
.ft-sale-badge svg{width:100%;height:100%}
.ft-sale-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ft-sale-steps li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #f1e4de;font:500 13.5px/1.3 var(--c-font);color:#4b5060;min-width:0}
.ft-sale-steps li.done{color:#14161c}
.ft-sale-n{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px solid #d6d3cd}
.ft-sale-steps li.done .ft-sale-n{border-color:#16a34a;background:#16a34a;color:#fff}
.ft-sale-n svg{width:12px;height:12px}
.ft-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ft-sale-opens{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ft-sale-opens li{display:grid;gap:2px;align-content:start;padding:10px;min-width:0;border-radius:12px;background:#fff;border:1px solid #f1e4de}
.ft-sale-opens b{font:800 26px/1 var(--c-font);color:#e04420}
.ft-sale-opens span{font:600 13px/1.3 var(--c-font);color:#14161c}
.ft-sale-opens small{font:400 12px/1.3 var(--c-font);color:#6b7080}
.coral .ft-sale-go{justify-self:stretch;min-height:46px;gap:8px}
.coral .ft-sale-go:not(.primary){background:#fff;color:#e04420;border:1px solid #ffc9b8}
@media(min-width:760px){
  .ft-sale{padding:22px 24px}
  .ft-sale-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .coral .ft-sale-go{justify-self:start;min-width:220px}
}
@media(max-width:479px){
  .ft-sale-opens{grid-template-columns:1fr;gap:6px}
  .ft-sale-opens li{grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:10px;padding:10px 12px}
  .ft-sale-opens b{font-size:22px}
}

.coral .lvb { --lv: #8a94a8; --lv2: #5d6679; display: inline-flex; flex: none; width: 52px; height: 58px; color: var(--lv); }
.coral .lvb svg { width: 100%; height: 100%; overflow: visible; }
.coral .lvb .lvb-out { fill: var(--lv2); }
.coral .lvb .lvb-in { fill: var(--lv); stroke: rgb(255 255 255 / 38%); stroke-width: 1.5; }
.coral .lvb text { fill: #fff; font: 800 25px/1 var(--c-font); letter-spacing: -.03em; }
.coral .lvb circle { fill: #fff; opacity: .9; }
.coral .lvb.l2 { --lv: #22b393; --lv2: #127a63; }
.coral .lvb.l3 { --lv: #4c7dff; --lv2: #2a4fc4; }
.coral .lvb.l4 { --lv: #f2b31b; --lv2: #b07a00; }
.coral .lvb.l5 { --lv: #ff6a3d; --lv2: #c63c17; }
.coral .lvb svg { filter: drop-shadow(0 2px 3px rgb(0 0 0 / 30%)); }

.coral .lvt { display: inline-flex; align-items: center; gap: .3em; vertical-align: -.28em; white-space: nowrap; }
.coral .lvt .lvt-badge { width: 1.25em; height: 1.4em; }
.coral .lvt b { font-weight: 700; }


.coral .lvl-hero { position: relative; overflow: hidden; isolation: isolate; display: grid; gap: 14px; padding: 20px; border-radius: 16px;
  background: radial-gradient(120% 90% at 100% 0%, rgb(255 255 255 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%); color: #fff; }
.coral .lvl-head { display: flex; align-items: center; gap: 14px; }

.coral .lvl-art { flex: none; width: 92px; height: auto; margin: -4px -12px -12px auto; pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28%); mask-image: linear-gradient(90deg, transparent 0, #000 28%); }
.coral .lvl-hero > :not(.lvl-up) { position: relative; z-index: 1; }
.coral .lvl-badge { width: 64px; height: 72px; filter: drop-shadow(0 8px 18px rgb(0 0 0 / 35%)); }
.coral .lvl-k { margin: 0; font: 700 11px/1.2 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: rgb(255 255 255 / 62%); }
.coral .lvl-name h2 { margin: 4px 0 0; font: 800 34px/1 var(--c-font); letter-spacing: -.035em; color: #fff; }
.coral .lvl-bar { display: block; height: 12px; border-radius: 999px; background: rgb(255 255 255 / 12%); overflow: hidden; }
.coral .lvl-bar i { display: block; height: 100%; min-width: 12px; border-radius: inherit; background: linear-gradient(90deg, #ff8a5c, var(--c-coral)); box-shadow: 0 0 12px rgb(255 120 80 / 45%); }
.coral .lvl-lead { margin: 2px 0 0; font: 600 14px/1.45 var(--c-font); color: rgb(255 255 255 / 82%); text-wrap: pretty; }
.coral .lvl-togo { margin: -4px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; }
.coral .lvl-togo b { font: 800 20px/1.2 var(--c-font); letter-spacing: -.02em; color: #fff; }
.coral .lvl-togo span { font: 500 13px/1.4 var(--c-font); color: rgb(255 255 255 / 66%); }


.coral .lvl-up { margin: -20px -20px 0; padding: 16px 20px; background: linear-gradient(100deg, #ff7a4d, var(--c-coral) 70%); color: #fff; }
.coral .lvl-up-k { margin: 0; font: 800 11px/1.2 var(--c-font); letter-spacing: .14em; text-transform: uppercase; opacity: .9; }
.coral .lvl-up-t { margin: 4px 0 0; font: 800 22px/1.15 var(--c-font); letter-spacing: -.02em; }
.coral .lvl-up-gains { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.coral .lvl-up-gains li { display: flex; align-items: center; gap: 8px; font: 600 14px/1.3 var(--c-font); }
.coral .lvl-up-gains small { margin-left: auto; font: 500 12px/1 var(--c-font); opacity: .8; }
.coral .lvl-tick { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgb(255 255 255 / 22%); flex: none; }
.coral .lvl-hero.up .lvl-badge { animation: lvl-pop .9s cubic-bezier(.2, 1.6, .4, 1) both; }
@keyframes lvl-pop { 0% { transform: scale(.4) rotate(-12deg); opacity: 0 } 60% { transform: scale(1.15) rotate(4deg); opacity: 1 } 100% { transform: none } }
@media (prefers-reduced-motion: reduce) { .coral .lvl-hero.up .lvl-badge { animation: none; } }


.coral .cpw-lvl { display: grid; gap: 14px; }
@media (min-width: 1000px) { .coral .cpw-lvl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
  .coral .cpw-lvl .lvl-hero { align-content: start; }
  .coral .cpw-lvl .lvl-head { position: static; }
  .coral .cpw-lvl .lvl-art { position: absolute; z-index: 0; right: -10px; bottom: 0; width: 210px; margin: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 30%), linear-gradient(0deg, #000 80%, transparent 100%); -webkit-mask-composite: source-in;
    mask-image: linear-gradient(90deg, transparent 0, #000 30%), linear-gradient(0deg, #000 80%, transparent 100%); mask-composite: intersect; } }
.coral .lvl-perks { display: grid; gap: 12px; padding: 18px; border-radius: 16px; }
.coral .lvl-perks h2 { margin: 0; font: 700 18px/1.25 var(--c-font); letter-spacing: -.015em; color: var(--c-ink); }
.coral .lvl-drop { margin: 0; padding: 12px 14px; border-radius: 12px; background: #fff4e5; border: 1px solid #f6d29b; color: #7a4a00; font: 600 14px/1.45 var(--c-font); }
.coral .lvl-table { width: 100%; border-collapse: collapse; }
.coral .lvl-table th, .coral .lvl-table td { padding: 10px 0; border-top: 1px solid var(--c-div); text-align: right; vertical-align: middle; }
.coral .lvl-table thead th { padding: 0 0 8px; border-top: 0; font: 700 11px/1.2 var(--c-font); letter-spacing: .1em; text-transform: uppercase; color: var(--c-faint); }
.coral .lvl-table thead th.nx { color: var(--c-coral-ink); }
.coral .lvl-table tbody th { text-align: left; padding-right: 10px; }
.coral .lvl-table tbody th b { display: block; font: 600 15px/1.25 var(--c-font); color: var(--c-ink); }
.coral .lvl-table tbody th small { display: block; margin-top: 2px; font: 400 12px/1.35 var(--c-font); color: var(--c-faint); }
.coral .lvl-table td { width: 4.6em; font: 700 17px/1.2 var(--c-font); color: var(--c-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.coral .lvl-table td.nx { width: 5.6em; color: var(--c-soft); }
.coral .lvl-table tr.gain td.nx { color: var(--c-coral-ink); }
.coral .lvl-lock { display: inline-flex; vertical-align: -2px; margin-right: 4px; color: var(--c-coral); }
.coral .lvl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.coral .lvl-rule, .coral .lvl-test { margin: 0; font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }
.coral .lvl-test { margin-top: -6px; color: var(--c-faint); }


.coral .lvl-chip { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid var(--c-div); color: var(--c-ink); text-decoration: none; min-width: 0; }
.coral .lvl-chip:hover { border-color: var(--c-faint); }
.coral .lvl-chip:focus-visible { outline: 2px solid var(--c-coral); outline-offset: 2px; }
.coral .lvl-chip-badge { width: 36px; height: 40px; }
.coral .lvl-chip-badge circle { display: none; }
.coral .lvl-chip-badge text { font-size: 27px; }
.coral .lvl-chip-txt { flex: 1; min-width: 0; display: grid; gap: 6px; }
.coral .lvl-chip-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.coral .lvl-chip-top b { font: 700 15px/1.2 var(--c-font); }
.coral .lvl-chip-top small, .coral .lvl-chip-line { font: 500 12px/1.3 var(--c-font); color: var(--c-soft); }
.coral .lvl-chip-bar { display: block; height: 6px; border-radius: 999px; background: var(--c-tint); overflow: hidden; }
.coral .lvl-chip-bar i { display: block; height: 100%; min-width: 6px; border-radius: inherit; background: var(--c-coral); }
.coral .lvl-chip-chev { display: inline-flex; color: var(--c-faint); flex: none; }
.coral .lvl-chip.up { border-color: var(--c-coral); box-shadow: 0 0 0 3px var(--c-coral-t); }
.coral .lvl-chip.up .lvl-chip-top b { color: var(--c-coral-ink); }

.coral .ce-level { order: 1; }
.coral .ce-grid.first ~ .ce-level, .coral .ce-level:has(+ .ce-grid.first) { margin: 0 0 14px; max-width: 560px; }

.lfa{display:grid;gap:14px;margin:4px 0 18px}
.lfa-head h2{margin:0;font:700 22px/1.2 var(--c-font);letter-spacing:-.015em;color:#14161c}
.lfa-head p{margin:4px 0 0;color:#5f6470;font:400 14px/1.45 var(--c-font)}
.lfa-cards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lfa-card{display:grid;grid-template-columns:96px 1fr;gap:14px;background:#fff;border:1px solid #eeece8;border-radius:16px;padding:12px;min-width:0}
.lfa-pic{border-radius:12px;overflow:hidden;background:#fff1ec;aspect-ratio:3/4;display:grid;place-items:center;align-self:start}
.lfa-pic img{width:100%;height:100%;object-fit:cover;display:block}
.lfa-pic:has(.lfa-initial){background:radial-gradient(90% 70% at 25% 20%,rgba(255,255,255,.35),rgba(255,255,255,0) 60%),linear-gradient(140deg,#ffb59d 0%,#ff7a55 55%,#ff5a36 100%)}
.lfa-initial{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:800 28px/1 var(--c-font);color:#fff;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.55)}
.lfa-txt{display:grid;gap:6px;min-width:0;align-content:start}
.lfa-shop{margin:0;font-size:12.5px;font-weight:600;color:#ff5a36;overflow-wrap:anywhere}
.lfa-card h3{margin:0;font:700 17px/1.25 var(--c-font);color:#14161c;overflow-wrap:anywhere}
.lfa-goal{margin:0;color:#4b5060;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lfa-musts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lfa-musts li{font-size:12px;line-height:1.3;color:#3d4250;background:#f5f4f1;border-radius:999px;padding:4px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lfa-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
.lfa-foot small{color:#7a7f8c;font-size:12px}
.lfa-go{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:8px;background:#fff1ec;color:#e04420;font:650 14.5px/1 var(--c-font);text-decoration:none}
.lfa-go:hover{background:#ffe3da}
.lfa-go:focus-visible,.lfa-finder-go:focus-visible{outline:3px solid #ff5a36;outline-offset:2px}
.lfa-arrow{display:inline-flex}
.lfa-finder{display:grid;grid-template-columns:64px 1fr;grid-template-areas:"big head" "txt txt" "go go";gap:14px 14px;align-items:center;margin:4px 0 18px;padding:18px;border-radius:16px;border:1px solid #ffd9cc;background:linear-gradient(135deg,#fff6f2 0%,#ffe9e1 100%)}
.lfa-finder-big{grid-area:big;display:grid;justify-items:center;align-content:center;width:64px;height:64px;border-radius:50%;background:#ff5a36;color:#fff;box-shadow:0 8px 20px rgba(255,90,54,.25)}
.lfa-finder-big b{font:800 22px/1 var(--c-font);letter-spacing:-.02em}
.lfa-finder-big span{font-size:9.5px;font-weight:600;opacity:.92;margin-top:2px}
.lfa-finder h2{grid-area:head;margin:0;font:700 18px/1.25 var(--c-font);letter-spacing:-.01em;color:#14161c}
.lfa-finder-txt{grid-area:txt;display:grid;gap:6px;min-width:0}
.lfa-finder p{margin:0;color:#3d4250;font:400 14.5px/1.5 var(--c-font)}
.lfa-finder .lfa-who{color:#6b7080;font-size:12.5px}
.lfa-finder-go{grid-area:go;justify-self:stretch}
.lfa-finder-go.ghost{background:#fff;color:#e04420;border:1px solid #ffc9b8}
.lfa-finder.compact{margin:0}
@media(max-width:359px){.lfa-card{grid-template-columns:72px 1fr;gap:10px}.lfa-finder{padding:16px}}
@media(min-width:760px){
  .lfa-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
  .lfa-card{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;padding:0;overflow:hidden;gap:0}
  .lfa-txt{grid-template-rows:auto auto auto auto 1fr}
  .lfa-foot{align-self:end}
  .lfa-pic{aspect-ratio:16/10;max-height:200px;width:100%;border-radius:0}
  .lfa-txt{padding:14px 16px 16px}
  .lfa-finder{grid-template-columns:96px 1fr auto;grid-template-areas:"big head go" "big txt go";padding:22px 26px;gap:6px 22px}
  .lfa-finder-big{width:96px;height:96px}.lfa-finder-big b{font-size:30px}.lfa-finder-big span{font-size:11px}
  .lfa-finder h2{align-self:end;font-size:20px}.lfa-finder-txt{align-self:start}
  .lfa-finder-go{justify-self:end;align-self:center}
  .lfa-finder.compact{grid-template-columns:80px 1fr;grid-template-areas:"big head" "big txt" "big go";padding:20px}
  .lfa-finder.compact .lfa-finder-big{width:80px;height:80px}.lfa-finder.compact .lfa-finder-big b{font-size:24px}
  .lfa-finder.compact .lfa-finder-go{justify-self:start;margin-top:8px}
}
.coral-grid .lfa-finder.compact{order:5}
.lfa-head .lfa-locked{margin-top:8px;display:inline-flex;flex-wrap:wrap;gap:4px 6px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #eeece8;color:#3d4250;font-size:13.5px}

.dsc .lfa,.dsc .lfa-finder{order:0}
.lfa-cards:has(> :only-child){max-width:420px}

.mw-line { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 12px 0 0; font: 500 13px/1.5 var(--c-font); color: var(--c-soft); }
.mw-line a { color: var(--c-body); text-underline-offset: 3px; min-height: 24px; display: inline-flex; align-items: center; }
.mw-skill { font-weight: 600; }
.mw-hash { font: 500 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--c-soft); }
.mw-dot { color: var(--c-line-2); }

html:has(.cp), :root:has(.cp) body:has(.cp), .coral:has(.cp) { background: #fafafb; }
.coral-app:has(.cp) > .coral-top { display: none; }
.cp { font-family: var(--c-font); color: var(--c-ink); }


.cp-switch { display: inline-flex; gap: 2px; padding: 3px; border-radius: 12px; background: #eef0f4; }
.cp-switch a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border-radius: 9px; font: 600 15px/1 var(--c-font); color: #4b5163; text-decoration: none; }
.cp-switch a.on { background: #fff; color: #141a33; box-shadow: 0 1px 2px rgb(16 24 40 / 8%), 0 0 0 1px rgb(16 24 40 / 4%); }
.cp-switch a:hover:not(.on) { color: #141a33; }
.cp-n { font: 600 12px/1 var(--c-font); color: #8a8f98; font-variant-numeric: tabular-nums; }
.cp-switch a.on .cp-n { color: var(--c-coral); }
.cs-head .cp-switch { grid-column: 1 / -1; justify-self: start; margin: 10px 0 2px; order: 3; }


.cp-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; margin: 4px 0 18px; }
.cp-h1 { margin: 0; font: 800 34px/1.1 var(--c-font); letter-spacing: -.02em; color: #141a33; }
@media (min-width: 1000px) { .cp-h1 { font-size: 41px; line-height: 1.05; } }
.cp-head .cp-switch { justify-self: end; margin: 0; }
.cp-sub, .cp-sum { grid-column: 1 / -1; }
@media (max-width: 374px) { .cp-head { grid-template-columns: minmax(0, 1fr); } .cp-head .cp-switch { justify-self: start; } .cp-sub, .cp-sum { order: 1; } }
.cp-sub { margin: 0; max-width: 60ch; }
.cp-sum { margin: 0; font: 400 14px/1.3 var(--c-font); color: #6b7085; }
.cp-sum b { font-weight: 700; color: #141a33; font-variant-numeric: tabular-nums; }


.cp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.cp-row { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 14px; padding: 12px; background: #fff; border: 1px solid #ecedf0; border-radius: 16px; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.cp-row.lead { border-color: #f6c9ba; box-shadow: 0 0 0 3px #fdece6, 0 1px 2px rgb(16 24 40 / 4%); }
.cp-poster { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; background: #1b2236; align-self: start; }
.cp-poster img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.cp-poster:hover img { transform: scale(1.03); }
.cp-art { display: grid; place-items: center; height: 100%; padding: 10px; color: #fff; font: 700 14px/1.2 var(--c-font); text-align: center; }
.cp-play { position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgb(255 255 255 / 92%); color: #141a33; box-shadow: 0 4px 14px rgb(0 0 0 / 25%); }
.cp-play svg { margin-left: 2px; }
.cp-pill { position: absolute; left: 6px; top: 6px; padding: 4px 8px; border-radius: 999px; font: 700 11px/1 var(--c-font); letter-spacing: .02em; background: #fff; color: #141a33; }
.cp-pill.drafted { background: #fff; color: #4b5163; }
.cp-pill.sent, .cp-pill.replied { background: #e8eefc; color: #2848a8; }
.cp-pill.opened { background: #fff4d6; color: #8a6100; }
.cp-pill.kept { background: #e6f6ec; color: #17804a; }
.cp-pill.passed, .cp-pill.refunded { background: #ffe8e3; color: #c2361a; }
.cp-pill.lapsed { background: #eef0f4; color: #6b7085; }

.cp-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cp-id { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cp-shop { margin: 0; font: 700 18px/1.2 var(--c-font); letter-spacing: -.01em; color: #141a33; overflow-wrap: anywhere; }
.cp-test { padding: 3px 7px; border-radius: 6px; background: #fff4d6; color: #8a6100; font: 600 11px/1 var(--c-font); }
.cp-ad { margin: -4px 0 0; font: 400 14px/1.35 var(--c-font); color: #6b7085; overflow-wrap: anywhere; }
.cp-when { white-space: nowrap; }


.cp-track { list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 2px 0 0; padding: 0; }
.cp-track li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; font: 500 11px/1.1 var(--c-font); color: #9aa0ad; text-align: center; }
.cp-track li::before { content: ""; position: absolute; top: 4px; right: 50%; width: 100%; height: 2px; background: #e6e8ee; }
.cp-track li:first-child::before { display: none; }
.cp-track i { position: relative; z-index: 1; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 2px solid #d5d8e0; box-sizing: border-box; }
.cp-track li.done i, .cp-track li.at i { background: var(--c-coral); border-color: var(--c-coral); }
.cp-track li.done::before, .cp-track li.at::before { background: var(--c-coral); }
.cp-track li.at i { box-shadow: 0 0 0 4px #fdece6; }
.cp-track li.at, .cp-track li.end { color: #141a33; font-weight: 600; }
.cp-track li.end i { border-color: #c2361a; }
.cp-track.lapsed li.end i { border-color: #8a8f98; }
.cp-track.kept li i { background: #1e9e5a; border-color: #1e9e5a; }
.cp-track.kept li::before { background: #1e9e5a; }
.cp-track.kept li.at i { box-shadow: 0 0 0 4px #e6f6ec; }
.cp-track span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cp-line { margin: 0; font: 400 15px/1.4 var(--c-font); color: #3f4450; }
.cp-quote { margin: 0; padding: 8px 12px; border-radius: 10px; background: #f5f6f9; font: italic 400 14px/1.4 var(--c-font); color: #3f4450; overflow-wrap: anywhere; }


.cp-link { display: flex; align-items: stretch; gap: 0; border: 1px solid #e1e4ec; border-radius: 10px; overflow: hidden; background: #f8f9fb; }
.cp-url { flex: 1 1 auto; min-width: 0; padding: 0 10px; border: 0; background: transparent; font: 500 13px/1 ui-monospace, "SF Mono", Menlo, monospace; color: #3f4450; text-overflow: ellipsis; }
.cp-url:focus { outline: none; }
.cp-copy { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; border: 0; border-left: 1px solid #e1e4ec; background: #fff; color: #141a33; font: 600 14px/1 var(--c-font); cursor: pointer; }
.cp-copy:hover { background: #f5f6f9; }
.cp-ico { display: inline-flex; }


.cp-keys { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; margin-top: auto; padding-top: 2px; }
.coral .cp-key { min-height: 44px; padding: 0 18px; border-radius: 10px; font: 600 15px/1 var(--c-font); }
.coral .cp-key.warm { background: #fdece6; color: #c2361a; }
.coral .cp-key.warm:hover { background: #fbdcd1; }
.coral .cp-key.quiet { background: #fff; color: #1b2236; border: 1px solid #e1e4ec; }
.coral .cp-key.quiet:hover { border-color: #cfd1d6; }
.cp-see { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 600 14px/1 var(--c-font); color: #4b5163; text-decoration: none; }
.cp-see:hover { color: #141a33; }


@media (max-width: 699px) { .cp-track li span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .cp-track { margin: 4px 0 2px; } }

@media (max-width: 359px) {
  .cp-row { grid-template-columns: 84px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .cp-shop { font-size: 16px; }
  .cp-track span { font-size: 10px; }
  .coral .cp-key { padding: 0 14px; }
}


@media (min-width: 700px) {
  .cp-head { margin-bottom: 24px; }
  .cp-list { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
  .cp-row { grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 0; padding: 0; overflow: hidden; border-radius: 18px; }
  .cp-poster { aspect-ratio: 4 / 3; border-radius: 0; }
  .cp-poster img { object-position: center 40%; }
  .cp-play { width: 52px; height: 52px; }
  .cp-pill { left: 12px; top: 12px; padding: 6px 10px; font-size: 12px; }
  .cp-body { padding: 16px 18px 18px; gap: 10px; }
  .cp-shop { font-size: 20px; }
}
@media (min-width: 1000px) { .cp-list { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }
@media (min-width: 1700px) { .cp { max-width: 1480px; } }


.cp-empty { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 16px 16px; padding: 18px 16px 20px; background: #fff; border: 1px solid #ecedf0; border-radius: 18px; box-shadow: 0 1px 2px rgb(16 24 40 / 4%); }
.cp-empty > .cp-steps, .cp-empty > .cp-empty-f, .cp-empty > .cp-key { grid-column: 1 / -1; }
.cp-mini { display: flex; flex-direction: column; gap: 6px; padding: 9px 8px 8px; border-radius: 18px; background: #101310; color: #f6f4ec; box-shadow: 0 14px 30px -16px rgb(16 19 16 / 55%), 0 0 0 4px #f1f2f5; rotate: -2deg; }
.cp-mini-k { font: 600 8px/1 var(--c-font); letter-spacing: .1em; text-transform: uppercase; color: #c8d0bb; }
.cp-mini b { font: 700 11px/1.15 var(--c-font); }
.cp-mini-v { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; background: #050605; }
.cp-mini-v img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cp-mini-v .cp-play { width: 28px; height: 28px; }
.cp-mini-v .cp-play svg { width: 14px; height: 14px; }
.cp-mini-keep { display: block; padding: 6px; border-radius: 999px; background: #e6ff91; color: #18210b; font: 700 10px/1 var(--c-font); text-align: center; }
.cp-empty-h { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.cp-empty-h h2 { margin: 0; font: 800 21px/1.15 var(--c-font); letter-spacing: -.02em; color: #141a33; overflow-wrap: anywhere; }
.cp-empty-h .coral-kicker { margin: 0; }
.cp-empty-l { margin: 0; font: 400 14px/1.45 var(--c-font); color: #3f4450; max-width: 52ch; }
.cp-steps { list-style: none; margin: 0; padding: 14px 0 0; border-top: 1px solid #f0f0f2; display: grid; gap: 10px; }
.cp-steps li { display: flex; align-items: center; gap: 10px; font: 500 15px/1.3 var(--c-font); color: #8a8f98; }
.cp-steps i { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #d5d8e0; font: 700 12px/1 var(--c-font); font-style: normal; color: #8a8f98; box-sizing: border-box; }
.cp-steps li.at { color: #141a33; font-weight: 600; }
.cp-steps li.at i { background: var(--c-coral); border-color: var(--c-coral); color: #fff; }
.cp-steps li.done { color: #3f4450; }
.cp-steps li.done i { background: #fdece6; border-color: #fdece6; color: var(--c-coral); }
.cp-empty-f { margin: 0; font: 400 14px/1.45 var(--c-font); color: #6b7085; max-width: 56ch; }
.coral .cp-empty > .cp-key { width: 100%; }
@media (max-width: 359px) { .cp-empty { grid-template-columns: 92px minmax(0, 1fr); gap: 14px 12px; padding: 16px 12px; } .cp-empty-h h2 { font-size: 18px; } }
@media (min-width: 700px) {
  .cp-empty { grid-template-columns: 220px minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; align-items: start; gap: 18px 48px; padding: 40px 48px; }
  .cp-empty > .cp-mini { grid-row: 1 / span 4; align-self: center; }
  .cp-empty > .cp-steps, .cp-empty > .cp-empty-f, .cp-empty > .cp-key { grid-column: 2; }
  .coral .cp-empty > .cp-key { width: auto; justify-self: start; }
  .cp-mini { gap: 8px; padding: 14px 12px 12px; border-radius: 26px; box-shadow: 0 18px 40px -18px rgb(16 19 16 / 55%), 0 0 0 6px #f1f2f5; }
  .cp-mini-k { font-size: 9px; }
  .cp-mini b { font-size: 16px; }
  .cp-mini-v { border-radius: 14px; }
  .cp-mini-v .cp-play { width: 40px; height: 40px; }
  .cp-mini-v .cp-play svg { width: 20px; height: 20px; }
  .cp-mini-keep { padding: 10px; font-size: 13px; }
  .cp-empty-h h2 { font-size: 30px; }
  .cp-empty-l { font-size: 16px; }
}
@media (min-width: 1000px) { .cp-empty { max-width: 920px; } }/*kit-part*/

.cp-art.idea { text-decoration: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6; height: auto; max-height: 100%; margin: 34px 10px 0; padding: 0; color: #fff; background: none; font: 600 12px/1.35 var(--c-font); text-align: left; overflow: hidden; }
.cp-poster:has(.cp-art.idea) { text-decoration: none; background: linear-gradient(160deg, #26314d, #1b2236); }
@media (min-width: 700px) { .cp-art.idea { margin: 48px 18px 0; -webkit-line-clamp: 5; line-clamp: 5; font-size: 15px; } }

.coral .rw { display: grid; gap: 10px; padding: 14px; border-radius: 12px; background: rgb(255 90 44 / 14%); border: 1px solid rgb(255 120 80 / 30%); color: #fff; }
.coral .rw p { margin: 0; }
.coral .rw-k { font: 700 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: #ffb39c; }
.coral .rw-why { font: 400 15px/1.45 var(--c-font); color: rgb(255 255 255 / 88%); text-wrap: pretty; }
.coral .rw-why b { font-weight: 800; color: #fff; }

.coral .rw-main { display: contents; }
.coral .rw-main > .rw-note, .coral .rw-main > .rw-key, .coral .rw-main > .rw-link { order: 1; }
.coral .rw-next { display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 12%); }
.coral .rw-dist { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; }
.coral .rw-dist b { font: 800 30px/1.05 var(--c-font); letter-spacing: -.035em; color: #fff; font-variant-numeric: tabular-nums; }
.coral .rw-dist span { font: 700 20px/1.2 var(--c-font); letter-spacing: -.02em; color: #ff9a76; }
.coral .rw-unlocks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.coral .rw-unlocks li { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px 5px 8px; border-radius: 999px; background: rgb(255 255 255 / 9%); font: 600 13px/1.3 var(--c-font); color: #fff; }
.coral .rw-tick { display: inline-flex; color: #ff9a76; }
.coral .rw-dollars { font: 500 13px/1.45 var(--c-font); color: rgb(255 255 255 / 66%); font-variant-numeric: tabular-nums; }
.coral .rw-top { font: 600 14px/1.45 var(--c-font); color: #fff; }
.coral .rw-note { font: 400 12px/1.45 var(--c-font); color: rgb(255 255 255 / 60%); }
.coral .rw-key { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 12px; background: var(--c-coral); color: #fff; font: 700 15px/1.2 var(--c-font); text-decoration: none; }
.coral .rw-key:hover { background: var(--c-coral-h); }
.coral .rw-key:focus-visible, .coral .rw-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.coral .rw-arrow { display: inline-flex; }
.coral .rw .rw-link { display: inline-flex; align-items: center; gap: 4px; color: #ffb39c; font: 600 14px/1.3 var(--c-font); text-decoration: none; min-height: 44px; }


.coral .rw-line { margin: 10px 0 0; font: 400 14px/1.5 var(--c-font); color: var(--c-body); text-wrap: pretty; }
.coral .rw-line b { color: var(--c-ink); font-weight: 700; }
.coral .rw-line .rw-link { display: inline-flex; align-items: center; gap: 3px; color: var(--c-coral-ink); font-weight: 600; text-decoration: none; white-space: nowrap; }
.coral .rw-line .rw-link:hover { text-decoration: underline; }


.coral .rw-card { margin: 0 0 16px; padding: 18px; border-radius: 16px; color: #fff;
  background: radial-gradient(120% 90% at 100% 0%, rgb(255 255 255 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%); }
@media (min-width: 1000px) {
  .coral .rw { padding: 16px 18px; }
  .coral .rw-dist b { font-size: 34px; }
  .coral .rw-key { justify-self: start; }
}

.coral .rk-card { position: relative; display: grid; gap: 16px; margin: 0 0 16px; padding: 18px; border-radius: 16px; color: #fff;
  background: radial-gradient(120% 90% at 100% 0%, rgb(255 255 255 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%); }
.coral .rk-card.unlocked { box-shadow: 0 0 0 3px var(--c-coral); }
.coral .rk-top { display: flex; align-items: center; gap: 14px; min-width: 0; }
.coral .rk-badge { width: 56px; height: 63px; filter: drop-shadow(0 8px 18px rgb(0 0 0 / 35%)); }
.coral .rk-id { flex: 1; min-width: 0; }
.coral .rk-k { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin: 0; font: 700 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: rgb(255 255 255 / 64%); }
.coral .rk-id h2 { margin: 4px 0 0; font: 800 30px/1 var(--c-font); letter-spacing: -.035em; color: #fff; }
.coral .rk-test { display: inline-flex; padding: 2px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font: 800 11px/1.4 var(--c-font); letter-spacing: .08em; }
.coral .rk-all { display: inline-flex; align-items: center; gap: 2px; flex: none; min-height: 44px; padding: 0 4px 0 12px; border-radius: 999px; color: #fff; font: 600 13px/1.2 var(--c-font); text-decoration: none; background: rgb(255 255 255 / 9%); }
.coral .rk-all:hover { background: rgb(255 255 255 / 15%); }
.coral .rk-all:focus-visible { outline: 2px solid var(--c-coral); outline-offset: 2px; }
.coral .rk-chev { display: inline-flex; opacity: .7; }
.coral .rk-bar { display: block; height: 12px; border-radius: 999px; background: rgb(255 255 255 / 12%); overflow: hidden; }
.coral .rk-bar i { display: block; height: 100%; min-width: 12px; border-radius: inherit; background: linear-gradient(90deg, #ff8a5c, var(--c-coral)); box-shadow: 0 0 12px rgb(255 120 80 / 45%); }
.coral .rk-lead { margin: 10px 0 0; font: 600 14px/1.45 var(--c-font); color: rgb(255 255 255 / 82%); text-wrap: pretty; }
.coral .rk-togo { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; margin: 8px 0 0; }
.coral .rk-togo b { font: 800 19px/1.2 var(--c-font); letter-spacing: -.02em; color: #fff; }
.coral .rk-togo span { font: 500 13px/1.4 var(--c-font); color: rgb(255 255 255 / 66%); font-variant-numeric: tabular-nums; }


.coral .rk-shares { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.coral .rk-share { padding: 12px; border-radius: 12px; background: rgb(255 255 255 / 6%); border: 1px solid rgb(255 255 255 / 9%); min-width: 0; }
.coral .rk-share p { margin: 0; }
.coral .rk-share-k { font: 700 12px/1.3 var(--c-font); color: rgb(255 255 255 / 72%); }
.coral .rk-share-v { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; margin-top: 4px !important; }
.coral .rk-share-v b { font: 800 26px/1.1 var(--c-font); letter-spacing: -.03em; color: #fff; font-variant-numeric: tabular-nums; }
.coral .rk-up { display: inline-flex; align-self: center; color: #ff9a76; }
.coral .rk-nx { font: 800 20px/1.1 var(--c-font); letter-spacing: -.02em; color: #ff9a76; font-variant-numeric: tabular-nums; }
.coral .rk-share-v small { flex-basis: 100%; font: 600 11px/1.3 var(--c-font); color: #ff9a76; }
.coral .rk-share-s { margin-top: 4px !important; font: 400 12px/1.35 var(--c-font); color: rgb(255 255 255 / 55%); }
.coral .rk-share-m { margin-top: 6px !important; font: 600 13px/1.35 var(--c-font); color: #fff; }

.coral .rk-drop { margin: 0; padding: 10px 12px; border-radius: 12px; background: #fff4e5; color: #7a4a00; font: 600 13px/1.45 var(--c-font); }


.coral .rk-climb { padding: 12px 14px; border-radius: 12px; background: rgb(255 90 44 / 14%); border: 1px solid rgb(255 120 80 / 30%); }
.coral .rk-climb p { margin: 0; }
.coral .rk-climb-k { font: 700 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: #ffb39c; }
.coral .rk-climb-t { margin-top: 4px !important; font: 400 15px/1.45 var(--c-font); color: #fff; }
.coral .rk-climb-t b { font-weight: 700; }
.coral .rk-climb-s { margin-top: 6px !important; font: 400 12px/1.45 var(--c-font); color: rgb(255 255 255 / 60%); }


.coral .rk-steps { list-style: none; margin: 0; padding: 12px 0 0; border-top: 1px solid rgb(255 255 255 / 10%); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.coral .rk-steps li { display: grid; justify-items: center; gap: 3px; min-width: 0; text-align: center; }
.coral .rk-steps .rk-step { width: 30px; height: 34px; }
.coral .rk-steps .rk-step text, .coral .rk-ladder .rk-rung-badge text { font-size: 27px; }
.coral .rk-steps .rk-step circle, .coral .rk-ladder .rk-rung-badge circle { display: none; }
.coral .rk-steps b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 12px/1.2 var(--c-font); color: #fff; }
.coral .rk-steps small { font: 500 11px/1.2 var(--c-font); color: rgb(255 255 255 / 55%); white-space: nowrap; }
.coral .rk-steps small.rk-step-at { color: rgb(255 255 255 / 80%); font-weight: 600; }

.coral .rk-climb-k .rk-tag { letter-spacing: .04em; color: #fff; }
.coral .rk-climb-k .rk-climb-at { letter-spacing: .04em; text-transform: none; font-weight: 600; color: rgb(255 255 255 / 75%); }
.coral .rk-steps .next .rk-step, .coral .rk-steps .later .rk-step { opacity: .35; filter: grayscale(1); }
.coral .rk-steps .later b { color: rgb(255 255 255 / 55%); }
.coral .rk-steps .here b { color: #ffb39c; }
.coral .rk-steps .here .rk-step { transform: scale(1.18); }

@media (min-width: 1000px) {
  .coral .rk-card { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); column-gap: 24px; padding: 22px 24px; align-items: start; }
  
  .coral .rk-top, .coral .rk-prog, .coral .rk-lead { grid-column: 1; }
  .coral .rk-shares, .coral .rk-steps { grid-column: 2; }
  .coral .rk-top { grid-row: 1; } .coral .rk-prog { grid-row: 2; } .coral .rk-lead { grid-row: 3; margin: 0; }
  .coral .rk-shares { grid-row: 1 / span 2; align-self: stretch; } .coral .rk-steps { grid-row: 3; align-self: end; }
  .coral .rk-card:not(:has(.rk-lead)) .rk-steps { grid-column: 1 / -1; grid-row: 3; }
  .coral .rk-card > .rw, .coral .rk-climb { grid-column: 1 / -1; grid-row: 4; }
  .coral .rk-drop { grid-column: 1 / -1; grid-row: 5; }
  .coral .rk-card > .rw { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--ds-sp-24); align-items: start; padding: var(--ds-sp-20) var(--ds-sp-24); }
  .coral .rk-card > .rw > .rw-main { display: grid; gap: var(--ds-sp-10); align-content: start; }
  .coral .rk-card > .rw > .rw-next, .coral .rk-card > .rw > .rw-top { grid-column: 2; grid-row: 1; padding: 0 0 0 var(--ds-sp-24); border-top: 0; border-left: 1px solid rgb(255 255 255 / 12%); align-self: stretch; align-content: center; }
  .coral .rk-id h2 { font-size: 34px; }
}


.coral .rk-ladder { list-style: none; margin: 4px 0 0; padding: 12px 0 0; border-top: 1px solid rgb(255 255 255 / 10%); display: grid; gap: 6px; }
.coral .rk-rung { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "b n s" "b p p"; align-items: center; gap: 2px 12px; padding: 8px 10px; border-radius: 12px; background: rgb(255 255 255 / 4%); }
.coral .rk-rung-badge { grid-area: b; width: 34px; height: 38px; }
.coral .rk-rung-name { grid-area: n; display: grid; min-width: 0; }
.coral .rk-rung-name b { font: 700 15px/1.2 var(--c-font); color: #fff; }
.coral .rk-rung-name small { font: 500 12px/1.3 var(--c-font); color: rgb(255 255 255 / 55%); }
.coral .rk-rung-pay { grid-area: p; display: flex; align-items: baseline; gap: 4px; font-variant-numeric: tabular-nums; }
.coral .rk-rung-pay b { font: 700 13px/1.2 var(--c-font); color: #fff; }
.coral .rk-rung-pay small { margin-right: 8px; font: 500 12px/1.2 var(--c-font); color: rgb(255 255 255 / 55%); }
.coral .rk-rung-state { grid-area: s; display: inline-flex; align-items: center; gap: 4px; justify-self: end; font: 600 12px/1.2 var(--c-font); color: rgb(255 255 255 / 60%); white-space: nowrap; }
.coral .rk-rung-ico { display: inline-flex; }
.coral .rk-rung.done .rk-rung-state { color: #6ee7b7; }
.coral .rk-rung.here { background: rgb(255 90 44 / 16%); box-shadow: inset 0 0 0 1.5px var(--c-coral); }
.coral .rk-rung.here .rk-rung-name b { color: #ffb39c; }
.coral .rk-rung.here .rk-rung-state { color: #ffb39c; }
.coral .rk-rung.next .rk-rung-state { color: #fff; }
.coral .rk-rung.next .rk-rung-badge, .coral .rk-rung.later .rk-rung-badge { opacity: .4; filter: grayscale(1); }
.coral .rk-rung.later .rk-rung-name b, .coral .rk-rung.later .rk-rung-pay b { color: rgb(255 255 255 / 60%); }
@media (min-width: 560px) {
  .coral .rk-rung { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "b n p s"; gap: 12px; }
  .coral .rk-rung-state { min-width: 6.5em; }
}

@media (min-width: 1000px) { .coral .cpw-lvl .lvl-hero:has(.rk-ladder) .lvl-art { display: none; } }
.coral #level { scroll-margin-top: 16px; }

@media (max-width: 419px) {
  .coral .rk-card { padding: 16px 14px; }
  .coral .rk-top { gap: 10px; }
  .coral .rk-badge { width: 44px; height: 50px; }
  .coral .rk-id h2 { font-size: 26px; }
  .coral .rk-k { flex-wrap: nowrap; white-space: nowrap; }
  .coral .rk-all { justify-content: center; width: 44px; padding: 0; }
  .coral .rk-all-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .coral .rk-share { padding: 10px; }
  .coral .rk-share-v b { font-size: 22px; }
  .coral .rk-nx { font-size: 17px; }
}

.sw-card { margin: 0 0 14px; }
.sw-card .sw-quote { margin: 0 0 10px; padding: 2px 0 2px 12px; border-left: 3px solid var(--c-coral); }
.sw-card .sw-quote p { margin: 0 0 4px; }
.sw-card > p.coral-quiet { margin: 0 0 12px; max-width: 64ch; }

.ssb-card { padding: 16px; display: grid; gap: 10px; min-width: 0; }
.ssb-card h2 { margin: 0; font: 600 17px/1.3 var(--c-font); color: var(--c-ink); }
.ssb-lead { margin: 0; font-size: 13px; line-height: 1.5; color: var(--c-soft); max-width: 72ch; }
.ssb-table th[scope="row"] { background: white; color: var(--c-ink); text-align: left; font-weight: 600; min-width: 150px; }
.ssb-table :is(td,th) { padding: 8px 10px; vertical-align: top; }
.ssb-table .ssb-n { text-align: right; font-variant-numeric: tabular-nums; min-width: 56px; }
.ssb-id { display: block; font-weight: 400; color: var(--c-soft); font-size: 12px; margin-top: 2px; max-width: 28ch; overflow-wrap: anywhere; }
.ssb-hash { font: 500 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--c-body); }
.ssb-dim { color: var(--c-soft); }
.ssb-tag { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 600 11px/1.6 var(--c-font); }
.ssb-tag.ssb-test { background: var(--c-tint); color: var(--c-soft); }
.ssb-now { background: color-mix(in srgb, var(--c-coral-t) 35%, white); }
.ssb-notes { min-width: 180px; max-width: 360px; overflow-wrap: anywhere; }
.ssb-notes p { margin: 0 0 6px; font-size: 12px; line-height: 1.45; }
.ssb-text h3 { margin: 6px 0; font: 600 15px/1.3 var(--c-font); }
.ssb-text details { border: 1px solid var(--c-line); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
.ssb-text summary { cursor: pointer; font-weight: 600; min-height: 28px; }
.ssb-text :is(ol,ul) { margin: 8px 0; padding-left: 20px; font-size: 13px; line-height: 1.5; }
.ssb-text li + li { margin-top: 4px; }

.ssb-table .ssb-n .ssb-id { margin-top: 0; white-space: nowrap; }
.ssb-ver { min-width: 128px; }
.ssb-ver .ssb-hash, .ssb-ver .ssb-id { white-space: nowrap; }
.ssb-table .ssb-n { min-width: 44px; }
.ssb-src > p { margin: 8px 0 0; }
.ssb-rec { color: var(--c-coral-ink); }
.ssb-tag.ssb-rec-tag { background: var(--c-tint); color: var(--c-coral-ink); }
.ssb-total :is(th,td) { border-top: 2px solid var(--c-line); font-weight: 600; background: var(--c-tint); }
.ssb-src summary { cursor: pointer; font-size: 13px; font-weight: 600; min-height: 28px; }
.ssb-src dl { margin: 6px 0 0; display: grid; grid-template-columns: minmax(90px, max-content) 1fr; gap: 6px 12px; font-size: 13px; line-height: 1.45; }
.ssb-src dt { font-weight: 600; color: var(--c-ink); }
.ssb-src dd { margin: 0; color: var(--c-body); }

.slb-skill { margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--c-line); scroll-margin-top: 80px; }
.slb-skill h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: 0 0 6px; }
.slb-ver { margin: 6px 0 0; }
.slb-ver > summary { cursor: pointer; min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.slb-facts { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 6px 0 10px; font-size: 14px; }
.slb-facts dt { color: var(--c-soft); font-weight: 600; }
.slb-facts dd { margin: 0; overflow-wrap: anywhere; }
.slb-lines { margin: 4px 0 8px; padding-left: 20px; font-size: 14px; line-height: 1.5; }
.slb-text { max-height: 480px; overflow: auto; margin: 4px 0 10px; padding: 12px; border: 1px solid var(--c-line); border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; font: 400 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
#cracked-skill { scroll-margin-top: 80px; }
.slb-open { margin-left: 6px; color: var(--c-soft); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.slb-open::before { content: "▸ "; text-decoration: none; display: inline-block; margin-right: 2px; }
.slb-ver[open] > summary .slb-open::before { content: "▾ "; }

.skills-page .sl-intro { margin-top:6px; font-size:14px; }
.sl-list { list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.sl-card { padding:18px; min-width:0; display:flex; flex-direction:column; gap:10px; scroll-margin-top:16px; }
.sl-card p { margin:0; overflow-wrap:anywhere; }
.sl-top { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; flex-wrap:wrap; }
.sl-top h2 { margin:0; font-size:19px; line-height:1.25; }
.sl-rate { flex:none; border-radius:999px; padding:4px 10px; font:600 12px/1.4 var(--c-font); background:var(--c-ok-t); color:var(--c-ok); }
.sl-rate.new { background:var(--c-coral-t); color:var(--c-coral-ink); }
.sl-look { font-size:14px; }
.sl-beats { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px; counter-reset:beat; }
.sl-beats li { counter-increment:beat; background:var(--c-tint); border-radius:8px; padding:6px 10px; font-size:14px; line-height:1.3; }
.sl-beats li::before { content:counter(beat) ". "; font-weight:700; color:var(--c-coral-ink); }
.sl-rules { margin:10px 0 0; padding-left:18px; font-size:14px; color:var(--c-body); display:grid; gap:2px; }
.sl-example { border:1px solid var(--c-line); border-radius:var(--c-r-sm); padding:10px 12px; }
.sl-example summary { cursor:pointer; font-weight:600; font-size:14px; }
.sl-example ol { list-style:none; padding:0; margin:10px 0 0; display:grid; gap:6px; }
.sl-example ol > li { display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px; font-size:14px; }
.sl-example ol > li b { color:var(--c-soft); font-weight:600; }
.sl-foot { display:grid; gap:6px; border-top:1px solid var(--c-div); padding-top:10px; }
.sl-cost { font-size:14px; }
.sl-ask { font-size:13px; }
.sl-ask code { background:var(--c-tint); border-radius:6px; padding:1px 6px; font-size:13px; }
.sl-foot .ep-gate { justify-self:start; }
@media(min-width:800px) {
  .sl-list { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
}


.sl-rules > li { display:list-item; }
@media (max-width:600px) {
  .sl-example ol > li { grid-template-columns:minmax(0,1fr); gap:2px; }
}

.sk, .sld { display: grid; gap: 12px; margin: 4px 0 20px; min-width: 0; }
.sk-ico { display: inline-flex; flex: none; }
.sk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sk-kicker { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--c-coral-ink); }
.sk-quiet { margin: 0; color: var(--c-soft); font-size: 14px; line-height: 1.45; }
.sk-fine { margin: 0; color: var(--c-faint); font-size: 12px; line-height: 1.4; }
.sk-btn { min-height: 40px; padding: 0 14px; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; justify-content: center; }
.sk-off { display: inline-block; padding: 2px 8px; border-radius: 999px; border: 1px dashed var(--c-line-2); color: var(--c-soft); font-size: 11px; font-weight: 600; white-space: normal; }
.sk-pill { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; background: var(--c-tint); color: var(--c-body); }
.sk-pill.replied, .sk-pill.ok { background: var(--c-ok-t); color: var(--c-ok); }
.sk-pill.sent, .sk-pill.wait { background: var(--c-wait-t); color: var(--c-wait); }
.sk-pill.test { border: 1px dashed currentColor; background: transparent; color: var(--c-soft); }
.sk-warn { margin: 0; padding: 8px 10px; border-radius: var(--c-r-sm); background: var(--c-wait-t); color: var(--c-wait); font-size: 13px; }


.sk-card { min-width: 0; display: grid; gap: 10px; align-content: start; padding: 16px; border-radius: var(--c-r); background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-card-line), var(--c-shadow); }
.sk-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.sk-head h2 { margin: 0; font-size: 16px; font-weight: 650; color: var(--c-ink); letter-spacing: -.01em; }
.sk-aside { font-size: 13px; color: var(--c-soft); display: inline-flex; align-items: center; gap: 6px; }


.sk-hero { display: grid; gap: 10px; padding: 18px 16px; border-radius: var(--c-r); background: var(--c-navy); color: #f4f5f7; }
.sk-hero .sk-kicker { color: #ffb59f; text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 500; }
.sk-hero-t { margin: 0; font-size: 22px; line-height: 1.15; letter-spacing: -.02em; color: #fff; }
.sk-tiles { list-style: none; margin: 2px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sk-tiles li { display: grid; gap: 2px; align-content: start; padding: 10px 12px; border-radius: var(--c-r-sm); background: rgb(255 255 255 / 7%); min-width: 0; }
.sk-tiles b { font-size: 20px; font-weight: 650; font-variant-numeric: tabular-nums; color: #fff; }
.sk-tile-l { font-size: 13px; font-weight: 600; color: #e7e9ee; }
.sk-tiles small { font-size: 12px; line-height: 1.35; color: #aeb4c0; }
.sk-tiles li.off { background: transparent; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 22%); }
.sk-tiles li.off b { color: #aeb4c0; }
.sk-tiles li:last-child:nth-child(odd) { grid-column: 1 / -1; }

.sk-grid { display: grid; gap: 12px; min-width: 0; }


.sk-bar { height: 8px; border-radius: 999px; background: var(--c-tint); overflow: hidden; }
.sk-bar i { display: block; height: 100%; border-radius: inherit; background: var(--c-coral); }
.sk-perks { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.sk-perks th, .sk-perks td { padding: 7px 0; border-top: 1px solid var(--c-div); text-align: right; font-weight: 500; color: var(--c-body); }
.sk-perks thead th { border-top: 0; padding-top: 0; font-size: 12px; color: var(--c-faint); font-weight: 600; }
.sk-perks th[scope="row"], .sk-perks thead th:first-child { text-align: left; color: var(--c-ink); }
.sk-perks td { padding-left: 10px; white-space: nowrap; }
.sk-perks td.up { color: var(--c-ok); font-weight: 650; }
.sk-perks tr.off td { color: var(--c-faint); font-weight: 500; }


.sk-rows { list-style: none; margin: 0; padding: 0; display: grid; }
.sk-rows li + li { border-top: 1px solid var(--c-div); }
.sk-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; min-height: 44px; color: inherit; text-decoration: none; }
.sk-row-t { display: grid; gap: 3px; min-width: 0; }
.sk-row-t b { font-size: 14px; color: var(--c-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sk-row-t small { font-size: 12px; color: var(--c-soft); }
.sk-row-n { display: inline-flex; align-items: center; gap: 2px; flex: none; font-size: 13px; font-weight: 600; color: var(--c-coral-ink); text-align: right; }
.sk-row:hover .sk-row-t b { text-decoration: underline; }
.sk-empty { display: grid; gap: 6px; justify-items: start; }
.sk-empty p:first-child { margin: 0; font-weight: 600; color: var(--c-ink); }


.sk-lanes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sk-lanes li { display: grid; gap: 3px; align-content: start; padding: 10px; border-radius: var(--c-r-sm); background: var(--c-tint); min-width: 0; }
.sk-lane-n { font-size: 12px; font-weight: 600; color: var(--c-soft); }
.sk-lanes b { font-size: 18px; font-weight: 650; color: var(--c-ink); font-variant-numeric: tabular-nums; }
.sk-lanes small { font-size: 12px; color: var(--c-soft); line-height: 1.35; }
.sk-lanes .sk-lane-why { color: var(--c-faint); }
.sk-lanes li.off { background: transparent; box-shadow: inset 0 0 0 1px var(--c-line-2); }
.sk-lanes li.off b { color: var(--c-faint); }
.sk-lanes .sk-off { justify-self: start; margin-top: 2px; }


.sk-refs { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sk-refs li { display: grid; gap: 6px; justify-items: start; }
.sk-refs li > b { font-size: 14px; color: var(--c-ink); }
.sk-copy { display: flex; gap: 8px; width: 100%; min-width: 0; }
.sk-link { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border-radius: var(--c-r-sm); border: 1px solid var(--c-line-2); background: var(--c-tint); color: var(--c-body); font: 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }


.sld-next { display: grid; gap: 8px; justify-items: start; padding: 18px 16px; border-radius: var(--c-r); background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-coral-ring), var(--c-shadow); }
.sld-t { margin: 0; font-size: 22px; line-height: 1.15; letter-spacing: -.02em; color: var(--c-ink); }
.sld-line { margin: 0; color: var(--c-body); font-size: 15px; line-height: 1.45; max-width: 52ch; }
.sld-keys { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 4px; }
.sld-rungs { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.sld-rungs li { position: relative; display: flex; gap: 10px; align-items: flex-start; padding: 0 0 12px; font-size: 14px; color: var(--c-faint); }
.sld-rungs li:not(:last-child)::after { content: ""; position: absolute; left: 11px; top: 24px; bottom: 0; width: 2px; background: var(--c-line-2); }
.sld-rungs li.done:not(:last-child)::after { background: var(--c-coral); }
.sld-rungs i { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; font-style: normal; font-size: 12px; font-weight: 650; background: var(--c-card); box-shadow: inset 0 0 0 2px var(--c-line-2); color: var(--c-faint); }
.sld-rungs li.done i { background: var(--c-coral); box-shadow: none; color: #fff; }
.sld-rungs li.now i { box-shadow: inset 0 0 0 2px var(--c-coral); color: var(--c-coral-ink); }
.sld-rungs span { display: grid; gap: 1px; padding-top: 2px; }
.sld-rungs li.done span, .sld-rungs li.now span { color: var(--c-ink); }
.sld-rungs li.now span { font-weight: 650; }
.sld-rungs small { font-size: 12px; color: var(--c-soft); font-weight: 500; }
.sld-rungs li.win small { color: var(--c-coral-ink); font-weight: 600; }
.sld-close { margin: -4px 0 0; font-size: 14px; color: var(--c-soft); }
.sld-close b { color: var(--c-ink); }
.sld-grid { display: grid; gap: 12px; min-width: 0; }
.sld-checks { margin: 0; padding-left: 20px; display: grid; gap: 8px; font-size: 14px; line-height: 1.45; color: var(--c-body); }
.sld-quote { margin: 0; display: grid; gap: 8px; }
.sld-quote blockquote { margin: 0; padding: 10px 12px; border-left: 3px solid var(--c-coral); border-radius: 0 var(--c-r-sm) var(--c-r-sm) 0; background: var(--c-tint); color: var(--c-ink); font-size: 15px; line-height: 1.45; overflow-wrap: anywhere; }
.sld-quote figcaption { font-size: 13px; color: var(--c-soft); }
.sld-lesson { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--c-r-sm); box-shadow: inset 0 0 0 1px var(--c-line-2); color: var(--c-ink); text-decoration: none; min-height: 44px; }
.sld-lesson > span:nth-child(2) { display: grid; gap: 1px; flex: 1; min-width: 0; }
.sld-lesson small { font-size: 12px; color: var(--c-soft); }
.sld-lesson b { font-size: 14px; }
.sld-lesson:hover b { text-decoration: underline; }
.sld-lesson .sk-ico { color: var(--c-coral-ink); }

@container sk (min-width: 600px) {
  .sk-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk-tiles li:last-child:nth-child(odd) { grid-column: auto; }
  .sld-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sld-rungs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sld-rungs li { flex-direction: column; gap: 8px; padding: 0 10px 0 0; }
  .sld-rungs li:not(:last-child)::after { left: 30px; right: 6px; top: 11px; bottom: auto; width: auto; height: 2px; }
  .sld-close { margin: 0; }
}
@container sk (min-width: 720px) {
  .sk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-tiles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@container sk (max-width: 300px) {
  .sk-lanes { grid-template-columns: minmax(0, 1fr); }
  .sk-tiles { grid-template-columns: minmax(0, 1fr); }
}

.cs-head > .sk-slot { grid-column: 1 / -1; order: 2; min-width: 0; margin-top: 16px; container: sk / inline-size; }
.cs-head > .sk-slot > .sk, .cs-head > .sk-slot > .sld { margin: 0; }
.sk-copy > .sk-link { flex: 1 1 auto; width: auto; }
.sk-copy > .sk-btn { flex: 0 0 auto; width: auto; }


.sld-more > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font: 600 14px/1.3 var(--c-font); color: var(--c-body); }
.sld-more[open] > summary { margin-bottom: 8px; }

.sld-more > summary { list-style: none; justify-content: space-between; gap: 12px; margin-top: 4px; padding: 0 14px; border-radius: var(--c-r-sm); background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-div); }
.sld-more > summary::-webkit-details-marker { display: none; }
.sld-more > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin-right: 4px; border-right: 2px solid var(--c-soft); border-bottom: 2px solid var(--c-soft); transform: rotate(45deg) translateY(-2px); transition: transform .15s; }
.sld-more[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
.sld-more > summary:hover { box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
.sld-key-there { display: none; font-size: 14px; font-weight: 600; color: var(--c-coral-ink); }
@media (min-width: 1000px) {
  
  .cs.has-panel .sld-keys .sld-key.quiet { display: none; }
  .cs.has-panel .sld-key-there { display: inline; }
  .cs.has-panel .sld-key.quiet { background: var(--c-card); color: var(--c-coral); box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
  .cs.has-panel .sld-key.quiet:hover { background: var(--c-coral-t); box-shadow: inset 0 0 0 1px var(--c-coral); }
}

@container sk (max-width: 599px) {
  .sk-lanes { grid-template-columns: minmax(0, 1fr); }
  .sk-lanes li { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  .sk-lanes .sk-lane-n { grid-column: 1; grid-row: 1; font-size: 13px; color: var(--c-ink); }
  .sk-lanes li > b { grid-column: 2; grid-row: 1 / span 2; align-self: center; text-align: right; }
  .sk-lanes li > small:not(.sk-lane-why) { grid-column: 1; }
  .sk-lanes .sk-lane-why, .sk-lanes .sk-off { grid-column: 1 / -1; }
}
.sld-locked { margin: 0; font-size: 13px; color: var(--c-soft); }

.coral-app .cs:not(.sheet-open):has(.sld-next) .cs-new, .coral-app .cs:has(.sld-next) .cs-new.primary { background: var(--c-card); color: var(--c-ink); border-color: var(--c-line-2); }
.sk-empty .sk-btn { width: auto; }

.sld-rungs.sld-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sld-rungs.sld-compact li { flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 0; font-size: 12px; line-height: 1.25; }
.sld-rungs.sld-compact li::after { display: none; }
.sld-rungs.sld-compact i { width: 20px; height: 20px; font-size: 11px; }
.sld-rungs.sld-compact span { padding: 0; }/*kit-part*/
.sld-rungs.sld-compact small { display: none; }
.sld-won { display: inline-flex; align-items: center; gap: 6px; font-weight: 650; color: var(--c-ink); }
.sld-won .coral-ico, .sld-won svg { width: 16px; height: 16px; color: var(--c-coral); }


@media (min-width: 1000px) {
  .sld-next:has(> .sld-keys) { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--ds-sp-24); align-items: center; padding: var(--ds-sp-20) var(--ds-sp-24); }
  .sld-next > :not(.sld-keys) { grid-column: 1; }
  .sld-next > .sld-keys { grid-column: 2; grid-row: 1 / span 3; justify-self: end; margin: 0; }
}

.sd { display: grid; gap: 12px; min-width: 0; }
.sd-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sd-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px 12px; align-items: start; padding: 14px; border-radius: 16px; background: var(--c-card); border: 1px solid var(--r3-line-2, rgb(127 127 127 / 20%)); }
.sd-row.you { border-color: color-mix(in srgb, var(--c-coral-ink) 45%, transparent); }
.sd-tile { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 700 17px/1 var(--c-font); }
.sd-txt { display: grid; gap: 4px; min-width: 0; }
.sd-kicker { margin: 0; font: 600 12px/1.2 var(--c-font); letter-spacing: .02em; color: var(--c-soft); }
.sd-row.you .sd-kicker { color: var(--c-coral-ink); }
.sd-txt b { font: 600 16px/1.3 var(--c-font); color: var(--c-ink); }
.sd-txt small { font: 400 14px/1.45 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.sd-txt .sd-idea { color: var(--c-ink); }
.sd-row > .r3-pill, .sd-row > .sd-go { grid-column: 1 / -1; justify-self: start; }
.sd-go { min-height: 44px; display: inline-flex; align-items: center; font: 600 15px/1 var(--c-font); }
@media (min-width: 640px) {
  .sd-row { grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; }
  .sd-row > .r3-pill, .sd-row > .sd-go { grid-column: auto; justify-self: end; }
}

.coral-app .r3s { --r3-line: color-mix(in srgb, var(--c-ink) 7%, transparent); --r3-line-2: color-mix(in srgb, var(--c-ink) 14%, transparent); }
.coral-app .r3s .cs-lib { gap: 20px; }


.r3-hero { display: grid; gap: 6px; margin: 0; text-align: left; }
.r3-title-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
.coral-app .r3-h1 { margin: 0; }
.r3-deal { margin: 0; font: 400 15px/1.45 var(--c-font); color: var(--c-soft); }
.r3-sub { margin: 0; max-width: 46ch; font: 400 14px/1.5 var(--c-font); color: var(--c-soft); }
.r3-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.r3-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 18px; border-radius: 999px; font: 600 15px/1 var(--c-font); text-decoration: none; white-space: nowrap; transition: transform .18s ease, background-color .18s ease, border-color .18s ease; }
.r3-pill.primary { background: #d63c16; color: #fff; }
.r3-pill.primary:hover { background: #c4350f; transform: translateY(-1px); }
.r3-pill.ghost { border: 1px solid var(--r3-line-2, rgb(127 127 127 / 25%)); color: var(--c-ink); background: transparent; }
.r3-pill.ghost:hover { border-color: var(--c-soft); }
.r3-ico { display: inline-flex; }
.r3-switch { display: flex; justify-content: flex-start; margin-bottom: 0; }
.r3-switch .cp-switch { margin: 0; }


.r3-lib, .r3-samples { display: grid; gap: 14px; min-width: 0; }
.coral-app .r3-sec { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 4px 0 0; font: 600 20px/1.2 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.r3-sec i { width: 8px; height: 8px; border-radius: 50%; background: #fbbf24; box-shadow: 0 0 0 3px rgb(251 191 36 / 18%); }
.r3-sec.mine i { background: var(--c-coral-ink); box-shadow: 0 0 0 3px var(--c-coral-t); }
.r3-seg { display: flex; justify-self: start; max-width: 100%; gap: 2px; padding: 3px; border-radius: 999px; background: color-mix(in srgb, var(--c-ink) 6%, transparent); overflow-x: auto; scrollbar-width: none; }
.r3-seg::-webkit-scrollbar { display: none; }
.r3-seg a { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 32px; padding: 0 12px; border-radius: 999px; font: 500 13px/1 var(--c-font); color: var(--c-soft); text-decoration: none; white-space: nowrap; }
.r3-seg a span { font-variant-numeric: tabular-nums; opacity: .8; }
.r3-seg a:hover { color: var(--c-ink); }
.r3-seg a.on { background: var(--c-card); color: var(--c-ink); box-shadow: 0 0 0 1px var(--r3-line-2, rgb(127 127 127 / 20%)); }


.r3-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 359px) { .r3-grid { gap: 10px; } }
@media (min-width: 640px) { .r3-grid { grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); } }
@media (min-width: 1000px) { .r3-grid { grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)); } }
.r3-card { min-width: 0; animation: r3-in .2s ease-out both; }
@keyframes r3-in { from { opacity: 0; transform: translateY(4px); } }
.r3-card-a { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; isolation: isolate; background: var(--c-tint);
  box-shadow: inset 0 0 0 1px var(--r3-line, rgb(127 127 127 / 12%)); text-decoration: none; transition: filter .18s ease, transform .18s ease; }
.r3-card-a > img, .r3-card-a > video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; display: block; }
.r3-card-a > img.dim { filter: brightness(.6); }
.r3-card-a::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(180deg, rgb(0 0 0 / 0%) 46%, rgb(0 0 0 / 78%) 100%); box-shadow: inset 0 0 0 1px rgb(255 255 255 / 6%); pointer-events: none; }
a.r3-card-a:hover { filter: brightness(1.08); transform: translateY(-2px); }
a.r3-card-a:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 3px; }
.r3-art { position: absolute; inset: 0; z-index: -2; display: grid; place-items: center; padding: 16px 12px 40%; text-align: center; font: 700 16px/1.2 var(--c-font); color: rgb(255 255 255 / 75%); background: linear-gradient(160deg, #2a2a30, #17171a); }
.r3-cap { position: absolute; left: 12px; right: 12px; bottom: 12px; display: grid; gap: 3px; text-align: left; transition: bottom .18s ease; }
a.r3-card-a:hover .r3-cap { bottom: 16px; }
.r3-over { font: 700 10px/1.2 var(--c-font); letter-spacing: .07em; text-transform: uppercase; color: rgb(255 255 255 / 66%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.r3-card.t-ok .r3-over, .r3-card.t-kept .r3-over { color: #86efac; }
.r3-card.t-wait .r3-over, .r3-card.t-making .r3-over { color: #fcd34d; }
.r3-card.t-bad .r3-over { color: #fca5a5; }
.r3-card.t-ready .r3-over { color: #ffb199; }
.r3-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; font: 500 15px/1.25 var(--c-font); color: rgb(255 255 255 / 94%); overflow-wrap: anywhere; }
.r3-shop { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 12px/1.3 var(--c-font); color: rgb(255 255 255 / 70%); }
.r3-code { color: rgb(255 255 255 / 55%); }
.r3-code { display: none; }
@media (min-width: 1000px) { .r3-code { display: inline; } }
@media (max-width: 359px) { .r3-cap { left: 10px; right: 10px; bottom: 10px; } }

.r3-move { position: absolute; left: 8px; top: 8px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px 5px 8px; border-radius: 999px; background: rgb(10 10 11 / 72%); color: #fff;
  font: 600 11px/1 var(--c-font); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.r3-move i { width: 7px; height: 7px; border-radius: 50%; background: #ff6a3d; box-shadow: 0 0 0 0 rgb(255 106 61 / 60%); animation: r3-pulse 2.2s ease-out infinite; }
@keyframes r3-pulse { 70% { box-shadow: 0 0 0 6px rgb(255 106 61 / 0%); } 100% { box-shadow: 0 0 0 0 rgb(255 106 61 / 0%); } }
.r3-test { position: absolute; right: 8px; top: 8px; padding: 4px 6px; border-radius: 6px; background: #fbbf24; color: #1f1500; font: 800 10px/1 var(--c-font); letter-spacing: .08em; text-transform: uppercase; }
.r3-spin { position: absolute; left: 50%; top: 42%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; border: 3px solid rgb(255 255 255 / 30%); border-top-color: #fff; animation: r3-spin 1.1s linear infinite; }
@keyframes r3-spin { to { transform: rotate(360deg); } }

.r3s.sheet-open .r3-card.on .r3-card-a { outline: 2px solid color-mix(in srgb, var(--c-ink) 88%, transparent); outline-offset: 3px; }
@media (min-width: 1000px) { .r3s .r3-card.on .r3-card-a { outline: 2px solid color-mix(in srgb, var(--c-ink) 88%, transparent); outline-offset: 3px; } }


.r3-make .r3-card-a { display: grid; place-items: center; background: transparent; box-shadow: none; border: 1.5px dashed var(--r3-line-2, rgb(127 127 127 / 30%)); }
.r3-make .r3-card-a::after { display: none; }
.r3-make .r3-card-a:hover { border-color: var(--c-coral-ink); filter: none; }
.r3-make-in { display: grid; justify-items: center; gap: 8px; padding: 12px; text-align: center; }
.r3-make-plus { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: color-mix(in srgb, var(--c-ink) 8%, transparent); color: var(--c-ink); }
.r3-make-in b { font: 600 15px/1.2 var(--c-font); color: var(--c-ink); }
.r3-make-in small { max-width: 16ch; font: 400 12px/1.35 var(--c-font); color: var(--c-soft); }

.r3-tools { display: flex; justify-content: flex-start; align-items: center; gap: 8px; margin: 4px 0 0; font: 400 13px/1 var(--c-font); color: var(--c-soft); }
.r3-tools a { display: inline-flex; align-items: center; min-height: 44px; color: var(--c-soft); text-decoration: none; }
.r3-tools a:hover { color: var(--c-ink); text-decoration: underline; }
.r3-fine { margin: 0; max-width: 60ch; text-align: left; font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }


@media (min-width: 1000px) { .coral-app .r3s .cs-lib { gap: 32px; } }


.coral-app .r3-cp { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 16px; margin: 0 0 24px; text-align: left; }
.coral-app .r3-cp .cp-sub { margin: 0; color: var(--c-soft); }
.coral-app .r3-cp .cp-sum { justify-self: start; }
.coral-app .cp .cp-row { border-radius: 16px; border-color: var(--r3-line, color-mix(in srgb, var(--c-ink) 7%, transparent)); box-shadow: none; }
.coral-app .cp .cp-poster { border-radius: 12px; }

@media (prefers-reduced-motion: reduce) {
  .r3-card, .r3-move i, .r3-spin { animation: none; }
  .r3-card-a, .r3-cap, .r3-pill { transition: none; }
}


.coral-app .r3s .r3-slot-wrap { min-width: 0; container: sk / inline-size; }
.coral-app .r3s .r3-lib + .r3-slot-wrap { margin-top: 12px; padding-top: 24px; border-top: 1px solid var(--c-line); }
.coral-app .r3s .r3-slot-wrap > .sk, .coral-app .r3s .r3-slot-wrap > .sld { margin: 0; }


.coral-app .r3-switch .cp-switch a.on .cp-n { color: var(--c-coral-ink); }

.coral-app .r3s .r3-lib + .r3-slot-wrap .sld-key.coral-btn.primary { background: transparent; color: var(--c-coral-ink); box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
.coral-app .r3s .r3-lib + .r3-slot-wrap .sld-key.coral-btn.primary:hover { background: var(--c-coral-t); }

.coral-app .r3s a:focus-visible, .coral-app .r3-cp a:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 2px; }

:root:not([data-theme=light]) .coral-app .r3s .cs-money-f.pending { color: #fcd34d; }


@media (max-width: 639px) {
  .r3-pill { min-height: 44px; padding: 8px 16px; font-size: 15px; }
  .coral-app .r3s .cs-lib { gap: 24px; }
  .coral-app .r3-lib > .r3-sec.mine { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: -1px; }
  .r3-lib { gap: 12px; }
  .coral-app .r3-cp { gap: 12px; margin-bottom: 16px; }
}


.coral-app .r3s.sheet-open .r3-pill.primary { background: transparent; color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--r3-line-2); }
@media (min-width: 1000px) { .coral-app .r3s.has-panel .r3-pill.primary { background: transparent; color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--r3-line-2); } }


.scm-form { display: grid; gap: 12px; margin: 14px 0 0; }
.scm-field { display: grid; gap: 6px; font: 600 13px/1.4 var(--c-font); color: var(--c-body); }
.scm-field textarea { width: 100%; box-sizing: border-box; min-height: 64px; padding: 10px 12px; border: 1px solid var(--c-line); border-radius: 10px; background: transparent; color: var(--c-body); font: 400 15px/1.5 var(--c-font); resize: vertical; }
.scm-key { justify-self: start; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--c-coral); color: #fff; font: 700 15px/1 var(--c-font); cursor: pointer; }
.scm-badge { margin: 0; font: 700 13px/1.4 var(--c-font); color: var(--c-coral-ink); letter-spacing: .04em; text-transform: uppercase; }
.scm-said { margin: 10px 0 8px; padding: 0 0 0 12px; border-left: 3px solid var(--c-coral); }
.scm-said p:first-child { margin: 0; font: 600 17px/1.45 var(--c-font); color: var(--c-body); }
.scm-chain { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 6px; font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.scm-chain li { display: grid; gap: 2px; }
.scm-link { display: inline-flex; align-items: center; min-height: 44px; font: 600 15px/1.3 var(--c-font); color: var(--c-body); text-underline-offset: 3px; }
@media (min-width: 900px) { .scm-chain li { grid-template-columns: 200px 1fr; column-gap: 16px; } }

.yo-head .yo-back { display: inline-block; margin-bottom: 6px; font-size: 14px; }
.yo-no { margin: 0 0 16px; }
.yo-pick-list { display: flex; flex-direction: column; gap: 8px; }
#yo-picks { margin-bottom: 16px; }
.yo-pick { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--c-coral-t); color: var(--c-ink) !important; text-decoration: none; min-width: 0; }
.yo-pick:hover { filter: brightness(.98); }
.yo-pick-ico { color: var(--c-coral-ink); width: 20px; height: 20px; }
.yo-pick-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.yo-pick-txt b { font: 650 15px/1.3 var(--c-font); color: var(--c-ink); }
.yo-pick-txt small { font: 500 13.5px/1.4 var(--c-font); color: var(--c-coral-ink); overflow-wrap: anywhere; }
.yo-pick-go { color: var(--c-coral-ink); }

.yo-prompts { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yo-prompts li { display: inline-flex; align-items: center; height: 28px; padding: 0 11px; border-radius: 999px; background: var(--c-tint); color: var(--c-body); font: 500 13px/1 var(--c-font); }
.yo-box { position: relative; }
.yo-about { display: block; min-height: 180px; resize: vertical; padding-bottom: 56px; font-size: 16px; line-height: 1.5; }
.yo-mic { position: absolute; right: 10px; bottom: 10px; }
.yo-mic[hidden] { display: none; }
.yo-mic.on { border-color: transparent; background: var(--c-coral-t); color: var(--c-coral-ink) !important; }
.yo-mic.on .st-ico { color: var(--c-coral-ink); animation: yo-pulse 1.2s ease-in-out infinite; }
@keyframes yo-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .yo-mic.on .st-ico { animation: none; } }
.yo-fine { display: flex; align-items: center; gap: 6px; margin: 0; font: 400 13px/1.45 var(--c-font); color: var(--c-soft); }
.yo-fine[hidden] { display: none; }
.yo-fine .st-ico { color: var(--c-faint); }

.yo-handles { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.yo-tick b { font-size: 14.5px; }
.yo-reads { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yo-reads li { display: flex; flex-direction: column; gap: 1px; padding: 8px 12px; border-radius: 10px; background: var(--c-wait-t); }
.yo-reads li.ok { background: var(--c-ok-t); }
.yo-reads b { font: 600 13.5px/1.3 var(--c-font); color: var(--c-ink); }
.yo-reads span { font: 400 13px/1.4 var(--c-font); color: var(--c-body); }

.yo-save { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.yo-save form { margin: 0; }
.yo-skip { min-height: 44px; padding: 0 12px; border: 0; border-radius: 10px; background: none; color: var(--c-soft); font: 600 14.5px/1 var(--c-font); cursor: pointer; }
.yo-skip:hover { background: var(--c-tint); color: var(--c-ink); }
.yo-save .yo-fine { flex-basis: 100%; }

.yo-group { display: flex; flex-direction: column; gap: 8px; }
.yo-group + .yo-group { padding-top: 12px; border-top: 1px solid var(--c-div); }
.yo-facts { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yo-fact { display: flex; align-items: flex-start; gap: 10px; }
.yo-fact form { margin: 0; }
.yo-fact-txt { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.yo-fact-txt b { font: 600 15px/1.3 var(--c-font); color: var(--c-ink); }
.yo-fact-txt small { font: 400 13px/1.45 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.yo-from { font-weight: 650; color: var(--c-body); }
.yo-x { display: inline-grid; place-items: center; width: 36px; height: 36px; flex: none; border: 0; border-radius: 10px; background: none; color: var(--c-faint); cursor: pointer; }
.yo-x:hover { background: var(--c-tint); color: var(--c-ink); }
.yo-delete { padding-top: 12px; border-top: 1px solid var(--c-div); }
.yo-delete summary { cursor: pointer; font: 600 14px/1.4 var(--c-font); color: var(--c-soft); }
.yo-delete[open] { display: flex; flex-direction: column; gap: 10px; }
.yo-delete form { margin: 0; }
.st-btn.yo-danger { color: #b42318 !important; border-color: #f3c2bd; }


.yo-home { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--c-ink) !important; min-width: 0; }
.yo-home > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.yo-home b { font: 600 14.5px/1.3 var(--c-font); color: var(--c-ink); }
.yo-home small { font: 400 13px/1.4 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.yo-home-ico { width: 32px; height: 32px; border-radius: 9px; background: var(--c-coral-t); color: var(--c-coral-ink); }
.yo-home-ico svg { width: 18px; height: 18px; }
.coral-disc .yo-home { padding: 10px 12px; margin-bottom: 4px; border-radius: 12px; background: var(--c-tint); }


.dl-fits { display: block; margin-top: 4px; font: 600 12.5px/1.35 var(--c-font); color: var(--c-coral-ink); overflow-wrap: anywhere; }

@media (min-width: 1000px) {
  .yo-handles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yo-grid { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
  .yo-about { min-height: 220px; }
}
.cb-you { margin: 0 0 12px; font: 400 14px/1.45 var(--c-font); color: var(--c-soft); }
.cb-you a { color: var(--c-coral-ink) !important; font-weight: 600; text-decoration: none; }

.sl-you { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--c-coral-t, #fff1ec); text-decoration: none; }
.sl-you b { font: 650 15px/1.3 var(--c-font); color: var(--c-ink); }
.sl-you small { font: 500 13.5px/1.4 var(--c-font); color: var(--c-coral-ink); }
.sl-you-ask { margin: 10px 0 0; }
@media (min-width: 1000px) { .yo-grid.one { grid-template-columns: minmax(0, 820px); } }

@media (min-width: 1000px) {
  .yo-head:has(~ .yo-grid.one), .yo-head:has(~ .yo-grid.one) ~ .yo-no, .yo-grid.one { width: 100%; max-width: 820px; margin-inline: auto; box-sizing: border-box; }
}

.ds { display: flex; flex-direction: column; gap: var(--ds-sp-24); }
.ds-lead { margin: 0; max-width: 72ch; font: 400 var(--ds-t-body)/var(--ds-lh-body) var(--c-font); color: var(--c-body); }
.ds-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-sp-12) var(--ds-sp-20); }
.ds-index { display: flex; flex-wrap: wrap; gap: var(--ds-sp-6) var(--ds-sp-16); font-size: var(--ds-t-small); }
.ds-src { font: 400 var(--ds-t-caption)/1.3 var(--c-font); color: var(--c-faint); overflow-wrap: anywhere; }
.ds code { font: 500 var(--ds-t-micro)/1.3 ui-monospace, Menlo, monospace; color: var(--c-body); overflow-wrap: anywhere; }


.ds-tokgrid { display: grid; gap: var(--ds-sp-16); }
.ds-tokcol { display: flex; flex-direction: column; gap: var(--ds-sp-16); min-width: 0; }
@media (min-width: 1200px) { .ds-tokgrid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; } }
.ds-table { width: 100%; border-collapse: collapse; font: 400 var(--ds-t-small)/1.35 var(--c-font); color: var(--c-body); }
.ds-table th { text-align: left; padding: var(--ds-sp-6) var(--ds-sp-8); font: 600 var(--ds-t-micro)/1 var(--c-font); letter-spacing: .04em; text-transform: uppercase; color: var(--c-soft); border-bottom: 1px solid var(--c-line); }
.ds-table td { padding: var(--ds-sp-6) var(--ds-sp-8); border-bottom: 1px solid var(--c-div); vertical-align: middle; }
.ds-table td:nth-child(-n+2) { white-space: nowrap; }
.ds-table td:nth-child(-n+2) code { font-size: 11px; color: var(--c-soft); }
.ds-sw { display: inline-block; width: 22px; height: 22px; margin-right: var(--ds-sp-8); vertical-align: middle; border-radius: var(--ds-r-chip); box-shadow: inset 0 0 0 1px rgb(128 128 128 / 35%); }
@media (max-width: 699px) { .ds-table td:nth-child(-n+2) code { display: none; } .ds-table td:nth-child(3) code { font-size: 11px; } }
.ds-type { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.ds-type li { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: var(--ds-sp-12); align-items: baseline; padding: var(--ds-sp-8) 0; border-bottom: 1px solid var(--c-div); }
.ds-type-k { display: flex; flex-direction: column; gap: var(--ds-sp-2); min-width: 0; }
.ds-type-k small { font: 400 var(--ds-t-caption)/1.3 var(--c-font); color: var(--c-soft); }
.ds-type-v { font-family: var(--c-font); font-weight: 700; letter-spacing: -.02em; line-height: var(--ds-lh-tight); color: var(--c-ink); overflow-wrap: anywhere; min-width: 0; }
.ds-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--ds-sp-20); }
.ds-space, .ds-radii, .ds-shadows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ds-sp-8); }
.ds-space li, .ds-radii li, .ds-shadows li { display: flex; align-items: center; gap: var(--ds-sp-10); }
.ds-space i { display: block; height: 12px; background: var(--c-coral); border-radius: 2px; flex: none; }
.ds-radii i { display: block; width: 40px; height: 28px; border: 2px solid var(--c-coral); flex: none; }
.ds-shadows i { display: block; width: 48px; height: 32px; background: var(--c-card); border-radius: var(--ds-r-row); flex: none; }


.ds-comp { display: flex; flex-direction: column; gap: var(--ds-sp-12); padding-top: var(--ds-sp-24); border-top: 1px solid var(--c-line); scroll-margin-top: 72px; }
.ds-comp-head { display: flex; align-items: baseline; gap: var(--ds-sp-12); }
.ds-comp-head h2 { margin: 0; font: 700 var(--ds-t-card)/var(--ds-lh-tight) var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.ds-comp-head .coral-link { margin-left: auto; font-size: var(--ds-t-small); }
.ds-job { margin: 0; max-width: 80ch; font: 400 var(--ds-t-body)/var(--ds-lh-body) var(--c-font); color: var(--c-body); }
.ds-facts { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--ds-sp-6) var(--ds-sp-12); margin: 0; font: 400 var(--ds-t-small)/1.45 var(--c-font); color: var(--c-body); }
.ds-facts dt { font: 600 var(--ds-t-micro)/1.9 var(--c-font); letter-spacing: .04em; text-transform: uppercase; color: var(--c-soft); }
.ds-facts dd { margin: 0; min-width: 0; }
.ds-absent { color: var(--c-soft); }
.ds-remove { margin: 0; padding-left: 18px; color: var(--c-soft); }
.ds-pair { display: grid; gap: var(--ds-sp-16); align-items: start; }
@media (min-width: 1000px) { .ds-pair { grid-template-columns: 300px minmax(0, 1fr); } }
.ds-at { margin: 0; min-width: 0; }
.ds-at figcaption { margin: 0 0 var(--ds-sp-6); font: 600 var(--ds-t-micro)/1 var(--c-font); letter-spacing: .04em; text-transform: uppercase; color: var(--c-soft); }
.ds-box { position: relative; overflow: hidden; height: 240px; border-radius: var(--ds-r-card); box-shadow: 0 0 0 1px var(--c-line); background: var(--c-page); }
.ds-box iframe { display: block; border: 0; transform-origin: 0 0; background: transparent; }


.coral.coral-app.ds-frame { display: block; min-height: 0; background: var(--c-page); }
.ds-frame-main { display: flex; flex-direction: column; gap: var(--ds-sp-24); padding: var(--ds-sp-16) var(--ds-sp-12) var(--ds-sp-24); }
@media (min-width: 1000px) { .ds-frame-main { padding: var(--ds-sp-24) var(--ds-sp-32) var(--ds-sp-32); } }
.ds-state { display: flex; flex-direction: column; gap: var(--ds-sp-10); min-width: 0; }
.ds-state + .ds-state { padding-top: var(--ds-sp-20); border-top: 1px dashed var(--c-line); }
.ds-state-k { margin: 0; font: 400 var(--ds-t-caption)/1.3 var(--c-font); color: var(--c-soft); }
.ds-state-k b { font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: var(--ds-t-micro); color: var(--c-coral-ink); }
.ds-state-body { min-width: 0; }
.ds-state-body > .coral-hometop { position: static; }
.ds-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-sp-10); }
.ds-narrow { max-width: 360px; }
.ds-badges .lvb svg { width: 48px; height: 54px; }
.ds-gs { max-width: 211px; margin-bottom: var(--ds-sp-12); }
.ds-none, .ds-empty-key { margin: var(--ds-sp-8) 0 0; font: 400 var(--ds-t-small)/1.4 var(--c-font); color: var(--c-soft); }
.ds-form { margin: 0; display: inline-flex; }


.coral .coral-btn:disabled, .coral .coral-btn[aria-disabled=true] { opacity: .45; cursor: not-allowed; box-shadow: none; transform: none; }
.ds-tokens .coral-card-head { flex-wrap: wrap; }
.ds-tok code { white-space: nowrap; }
@media (max-width: 699px) {
  .ds-type li { grid-template-columns: minmax(0, 1fr); gap: var(--ds-sp-4); }
  .ds-type-v { overflow-wrap: normal; }
  .ds-table th, .ds-table td { padding-left: var(--ds-sp-4); padding-right: var(--ds-sp-4); }
}

.coral {
  
  --ds-t-micro: 11px;    
  --ds-t-caption: 13px;  
  --ds-t-small: 14px;    
  --ds-t-body: 15px;     
  --ds-t-lead: 17px;     
  --ds-t-card: 20px;     
  --ds-t-title: 26px;    
  --ds-t-title-l: 34px;  
  --ds-t-hero: 48px;     
  --ds-lh-tight: 1.15; --ds-lh-body: 1.45;
  
  --ds-sp-2: 2px; --ds-sp-4: 4px; --ds-sp-6: 6px; --ds-sp-8: 8px; --ds-sp-10: 10px; --ds-sp-12: 12px;
  --ds-sp-16: 16px; --ds-sp-20: 20px; --ds-sp-24: 24px; --ds-sp-32: 32px;
  
  --ds-r-tag: 4px; --ds-r-chip: 6px; --ds-r-row: 8px; --ds-r-key: var(--c-r-sm, 10px); --ds-r-card: var(--c-r, 12px); --ds-r-hero: 16px; --ds-r-pill: 999px;
  
  --ds-sh-card: var(--c-shadow);
  --ds-sh-float: 0 16px 40px -12px rgb(16 24 40 / 22%);
  
  --ds-test-ink: #9a5b00; --ds-test-bg: #fff0c2;
}

.coral .ca-test-marker { padding: 2px 5px; border-radius: var(--ds-r-tag); background: var(--ds-test-bg); color: var(--ds-test-ink); font-size: 10px; font-weight: 700; }

.coral .fs { display: grid; gap: 18px; max-width: 1120px; margin: 0 auto; }
.coral .fs-hero { display: grid; gap: 10px; justify-items: start; padding: 4px 0 6px; }
.coral .fs-hero p, .coral .fs-hero h1 { margin: 0; }
.coral .fs-kicker { font: 700 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: var(--c-coral-ink); }
.coral .fs-hero h1 { font: 800 32px/1.05 var(--c-font); letter-spacing: -.035em; color: var(--c-ink); text-wrap: balance; }
.coral .fs-lede { font: 400 16px/1.5 var(--c-font); color: var(--c-body); max-width: 60ch; text-wrap: pretty; }
.coral .fs-key { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 12px; background: var(--c-coral); color: #fff; font: 700 15px/1.2 var(--c-font); text-decoration: none; }
.coral .fs-key:hover { background: var(--c-coral-h); }
.coral .fs-key:focus-visible { outline: 2px solid var(--c-coral); outline-offset: 2px; }
.coral .fs-arrow { display: inline-flex; }
.coral .fs-body { display: grid; gap: 16px; }
.coral .fs-side, .coral .fs-main { display: grid; gap: 16px; align-content: start; min-width: 0; }
.coral .fs-side .rw-card { margin: 0; }
.coral .rw-card .rw { padding: 0; background: none; border: 0; }

.coral .fs-side { display: contents; }
.coral .fs-side .rw-card { order: 0; }
.coral .fs-main { order: 1; }
.coral .fs-ai { order: 2; }

.coral .fs-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.coral .fs-step { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 16px; border-radius: var(--c-r); background: var(--c-card); border: 1px solid var(--c-card-line); }
.coral .fs-n { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 999px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 800 15px/1 var(--c-font); }
.coral .fs-step-txt { display: grid; gap: 6px; min-width: 0; }
.coral .fs-step h3 { margin: 4px 0 0; font: 700 17px/1.3 var(--c-font); letter-spacing: -.01em; color: var(--c-ink); }
.coral .fs-step p { margin: 0; font: 400 14px/1.5 var(--c-font); color: var(--c-body); text-wrap: pretty; }
.coral .fs-words { margin: 4px 0 0; padding: 10px 12px; border-radius: var(--c-r-sm); background: var(--c-tint); border-left: 3px solid var(--c-coral); }
.coral .fs-words figcaption { font: 700 11px/1.3 var(--c-font); letter-spacing: .08em; text-transform: uppercase; color: var(--c-soft); }
.coral .fs-words blockquote { margin: 4px 0 0; font: 500 14px/1.5 var(--c-font); color: var(--c-ink); }

.coral .fs-never { padding: 14px 16px; border-radius: var(--c-r); background: var(--c-card); border: 1px solid var(--c-card-line); }
.coral .fs-never summary { cursor: pointer; font: 700 15px/1.3 var(--c-font); color: var(--c-ink); min-height: 28px; }
.coral .fs-never ul { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.coral .fs-never li { display: flex; gap: 8px; align-items: flex-start; font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
.coral .fs-no { display: inline-flex; flex: none; margin-top: 3px; color: var(--c-coral-ink); }

.coral .fs-ai { display: grid; gap: 8px; padding: 16px; border-radius: var(--c-r); background: var(--c-card); border: 1px solid var(--c-card-line); }
.coral .fs-ai h2 { margin: 0; font: 700 16px/1.3 var(--c-font); color: var(--c-ink); }
.coral .fs-ai p { margin: 0; font: 400 14px/1.5 var(--c-font); color: var(--c-body); }
.coral .fs-prompt { margin: 0; padding: 12px; border-radius: var(--c-r-sm); background: var(--c-tint); font: 500 13px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--c-ink); white-space: pre-wrap; word-break: break-word; user-select: all; }
.coral .fs-deeper { margin: 0; font: 400 14px/1.5 var(--c-font); color: var(--c-soft); }
.coral .cs-teach { display: block; margin-top: 6px; font-weight: 600; }

@media (min-width: 1000px) {
  .coral .fs-hero h1 { font-size: 40px; }
  .coral .fs-body { grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); align-items: start; }
  .coral .fs-side { display: grid; order: 2; position: sticky; top: 16px; }
  .coral .fs-main { order: 1; }
}
.kn{max-width:1600px;margin:auto;padding:24px;overflow-wrap:anywhere}
.kn-intro{max-width:72ch;color:#625c53;margin:0 0 28px}
.kn-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:40px;align-items:start}
.kn-map{min-width:0}.kn-node{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border:1px solid #c9c0af;border-radius:12px;background:#fffdf7;color:#2d302b;text-decoration:none;min-height:72px;justify-content:center;position:relative}
.kn-node:hover,.kn-node:focus-visible{border-color:#526f41;outline:2px solid #9daf88;outline-offset:2px}/*kit-part*/
.kn-active{border:2px solid #526f41;background:#eef2e7}
.kn-status{font-size:12px;letter-spacing:.04em;color:#635d53;text-transform:uppercase}
.kn-map>.kn-node{max-width:280px;margin:auto;text-align:center}
.kn-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;position:relative}
.kn-branches:before{content:"";position:absolute;top:-20px;left:16%;right:16%;border-top:1px solid #a8a491}
.kn-branch{position:relative;min-width:0}.kn-branch:before{content:"";position:absolute;height:20px;border-left:1px solid #a8a491;top:-20px;left:50%}
.kn-branch h3{font-size:13px;line-height:1.5;min-height:40px;text-align:center;color:#625c53;margin:0 0 12px}
.kn-edge{display:block;text-align:center;color:#818773;line-height:32px}
.kn-branch:first-child .kn-step{border-left:1px solid #a8a491;padding:0 0 16px 12px}
.kn-branch:first-child .kn-edge{display:none}
.kn-related{border-top:1px solid #aaa895;margin-top:32px;padding-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kn-ideas{margin:28px 0 0 24px;border-left:1px solid #aaa895;padding-left:20px;display:grid;gap:16px}.kn-ideas h3{font-size:14px}
.kn-detail{background:#f4f1e9;border:1px solid #d5cdbc;border-radius:16px;padding:24px;position:sticky;top:24px;min-width:0;line-height:1.7}
.kn-detail h2{font-size:28px;line-height:1.15;margin:12px 0 24px}.kn-detail h3{font-size:14px;margin:24px 0 8px}.kn-detail p{font-size:14px;margin:12px 0}.kn-eyebrow{font-size:11px!important;letter-spacing:.1em}
.kn-neighbours{display:flex;flex-direction:column;gap:8px}.kn-detail a{display:inline-block;min-height:44px;padding:8px 0;color:#395731}
.kn-terms{padding:16px;border-left:3px solid #748a56;background:#fffdf7}
@media(max-width:1100px){.kn-layout{grid-template-columns:1fr}.kn-detail{position:static}.kn-reading .kn-detail{grid-row:1}.kn-detail p{max-width:80ch}.kn{padding:16px}}
@media(max-width:600px){.kn{padding:12px}.kn-branches{display:block;margin:24px 0 0 12px;border-left:1px solid #aaa895;padding-left:16px}.kn-branches:before,.kn-branch:before{display:none}.kn-branch{margin-bottom:28px}.kn-branch h3{text-align:left;min-height:0}.kn-chain{margin-left:12px}.kn-step{padding:0!important;border:0!important}.kn-edge{text-align:left;padding-left:20px}.kn-branch:first-child .kn-step{padding-bottom:12px!important}.kn-related{grid-template-columns:1fr;margin-left:12px;border-left:1px solid #aaa895;padding-left:16px;border-top:0}.kn-ideas{margin-left:28px}.kn-node{min-height:68px}.kn-detail{padding:18px}.kn-detail h2{font-size:26px}}

.kb-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start;margin:0 0 24px}
.kb-how{background:#f4f1e9;border:1px solid #d5cdbc;border-radius:16px;padding:18px 22px}
.kb-how h2{font-size:15px;letter-spacing:.02em;margin:0 0 8px}
.kb-how ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;line-height:1.5;color:#2d302b}
.kb-search{display:grid;gap:8px}.kb-search-label{font-weight:700;font-size:15px}
.kb-search-row{display:flex;gap:8px}
.kb-search input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid #a8a491;border-radius:12px;background:#fffdf7;color:#2d302b;font-size:16px}
.kb-search input:focus-visible{outline:2px solid #526f41;outline-offset:2px}
.kb-search button{min-height:48px;padding:0 18px;border:0;border-radius:12px;background:#395731;color:#fff;font-weight:700;font-size:15px;cursor:pointer}
.kb-results{margin:0 0 28px;padding:16px 20px;border:1px solid #c9c0af;border-radius:16px;background:#fffdf7}
.kb-count{margin:0 0 8px;color:#625c53;font-size:14px}
.kb-hits{list-style:none;margin:0;padding:0;display:grid;gap:14px}.kb-hits a{color:#395731;font-size:16px}
.kb-snip{margin:4px 0 0;font-size:14px;line-height:1.55;color:#4a463f}.kb-snip mark{background:#f5dd8c;color:inherit;padding:0 2px;border-radius:3px}
.kb-more{display:inline-flex;align-items:center;min-height:44px;color:#395731;font-weight:600}
.kb-articles h2,.kb-map-title{font-size:20px;margin:8px 0 12px}
.kb-map-title{margin-top:36px;padding-top:24px;border-top:1px solid #d5cdbc}
.kb-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kb-card{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:16px 18px;border:1px solid #c9c0af;border-radius:12px;background:#fffdf7;color:#2d302b;text-decoration:none}
.kb-card:hover,.kb-card:focus-visible{border-color:#526f41;outline:2px solid #9daf88;outline-offset:2px}
.kb-card strong{font-size:16px;line-height:1.3}.kb-lede{font-size:13px;line-height:1.5;color:#625c53}
.kb-on{margin-top:auto;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#526f41}
.kn-has{color:#526f41;text-transform:none;letter-spacing:0}
.kn-read{display:grid;gap:8px;margin:8px 0 4px}
.kn-detail a.kn-read-link{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid #748a56;border-radius:12px;background:#fffdf7;text-decoration:none;color:#2d302b}
.kn-read-link .kn-eyebrow{color:#526f41;margin:0}

.kb-reading{max-width:820px;margin:auto;padding:16px 24px 48px;overflow-wrap:anywhere}
.kb-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:#395731;font-weight:600}
.kb-foot{margin-top:32px;border-top:1px solid #d5cdbc;padding-top:8px}
.kb-article{font-size:16px;line-height:1.7;color:#2d302b}
.kb-file{margin:0;font-size:13px;color:#625c53}.kb-file a{color:#395731}
.kb-warn{padding:12px 14px;border-left:3px solid #b8340f;background:#fdece6;font-size:14px}
.kb-h1{font-size:30px;line-height:1.2;margin:8px 0 16px}
.kb-h2{font-size:22px;line-height:1.3;margin:36px 0 10px;scroll-margin-top:16px}
.kb-h3{font-size:18px;line-height:1.35;margin:28px 0 8px;scroll-margin-top:16px}.kb-h4{font-size:16px;margin:20px 0 6px}
.kb-article p{margin:12px 0}
.kb-list{margin:10px 0;padding-left:22px}.kb-list li{margin:6px 0}.kb-list .kb-list{margin:4px 0}
.kb-quote{margin:16px 0;padding:4px 0 4px 16px;border-left:3px solid #748a56;color:#3c3a35}.kb-quote p{margin:6px 0}
.kb-code{font:500 .86em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#efeadf;padding:1px 5px;border-radius:5px;color:#4a463f;overflow-wrap:anywhere}
.kb-path{color:#4a463f;text-decoration:underline dotted #a8a491}
.kb-fig{margin:18px 0}.kb-fig figcaption{font-size:13px;color:#625c53;margin-top:6px}
.kb-img{display:block;max-width:100%;height:auto;border:1px solid #d5cdbc;border-radius:10px;background:#f4f1e9}
.kb-table{overflow-x:auto;margin:16px 0;border:1px solid #d5cdbc;border-radius:10px;-webkit-overflow-scrolling:touch}
.kb-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5;min-width:560px}
.kb-table th,.kb-table td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid #e3dccd}
.kb-table thead th{background:#f4f1e9;font-size:13px}
.kb-toc{margin:12px 0 4px;padding:4px 14px;border:1px solid #d5cdbc;border-radius:10px;background:#f4f1e9}
.kb-toc summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;font-size:14px}
.kb-toc ol{margin:0 0 10px;padding-left:20px;font-size:14px}.kb-toc a{color:#395731;display:inline-block;padding:4px 0}
.kb-case{margin:20px 0;padding:4px 18px 12px;border:1px solid #c9c0af;border-radius:14px;background:#fffdf7}
.kb-case-note{font-weight:400;color:#625c53}
.kb-article hr{border:0;border-top:1px solid #d5cdbc;margin:28px 0}
@media(max-width:1100px){.kb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.kb-top{grid-template-columns:1fr;gap:16px}.kb-cards{grid-template-columns:1fr}.kb-reading{padding:8px 16px 40px}.kb-h1{font-size:25px}.kb-h2{font-size:20px}.kb-how{padding:14px 16px}.kb-case{padding:2px 14px 10px}}
.kb-lede{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
@media(max-width:700px){.kb-lede{-webkit-line-clamp:2}.kb-card{padding:12px 14px}}
.people-model{max-width:1120px;margin:auto;padding:16px 4px 60px;color:#292b2a}.people-model h1{font-size:clamp(28px,4vw,42px);line-height:1.15}.people-model p,.people-model li{line-height:1.6;overflow-wrap:anywhere}.pm-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#666}.people-model nav{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.people-model a{color:#31594d;text-decoration:underline;text-underline-offset:3px}.pm-person{border-top:2px solid #deded6;padding-top:24px;margin-top:28px;scroll-margin-top:24px}.pm-person h2{font-size:28px}.pm-person blockquote{margin:16px 0;padding:16px 20px;border-left:4px solid #659c85;background:#f2f6f1;font-size:20px}.pm-scroll{overflow:auto}.pm-person table{border-collapse:collapse;width:100%;min-width:620px;text-align:left}.pm-person th,.pm-person td{padding:14px 12px;border-bottom:1px solid #deded6;vertical-align:top;line-height:1.5}.pm-person th{font-size:12px;text-transform:uppercase}.pm-score{font-weight:800;min-width:140px}.pm-score.red,.pm-gap{color:#a23430}.pm-score.amber{color:#805800}.pm-score.green{color:#226848}.pm-states{padding-left:24px}.pm-states li{padding:8px 0}.pm-states p{margin:4px 0}.pm-person details{margin:16px 0;padding:12px;background:#f6f6f2}.pm-person summary{cursor:pointer;font-weight:700}.pm-person pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.pm-diagram{overflow:auto;max-height:620px;background:#fafbf8;border:1px solid #d9ded6;padding:24px;min-height:160px}.pm-diagram svg{display:block;max-width:none}.pm-person h3{margin-top:28px}
@media(max-width:640px){.pm-person table{min-width:0}.pm-person thead{display:none}.pm-person tbody,.pm-person tr,.pm-person td{display:block}.pm-person tr{border-bottom:1px solid #deded6;padding:12px 0}.pm-person td{padding:4px 0;border:0}.pm-person td:first-child{font-weight:800}.pm-score{min-width:0}.pm-diagram{padding:12px;max-height:440px}}
.brand-supply { max-width: 900px; }
.brand-supply > p { line-height: 1.5; }
.brand-supply .small { font-size: 13px; line-height: 1.45; opacity: .8; }
.brand-supply .card { padding: 16px; border: 1px solid currentColor; border-radius: 14px; margin: 20px 0; }
.brand-supply ul { list-style: none; padding: 0; margin: 0; }
.brand-supply li.row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; padding: 14px 0; }
.brand-supply li.row + li.row { border-top: 1px solid #555; }
.brand-supply h3 { margin: 0; font-size: 17px; }
.brand-supply .grow p { margin: 6px 0 0; }
.brand-supply .amt { font-size: 26px; font-variant-numeric: tabular-nums; }
@media(max-width:600px) { .brand-supply .card { padding: 12px; } }

.brand-supply .pilot { font-size: 17px; }
.brand-supply .supply-line { display: grid; gap: 0 20px; }
.brand-supply .supply-sides { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start; }
.brand-supply .supply-sides .card { margin: 0; padding: 14px; }
.brand-supply .supply-sides .card p { margin: 0; }
.brand-supply .supply-sides .amt { display: block; margin: 4px 0; }
.brand-supply li.row.unbuilt .amt { font-size: 15px; opacity: .7; white-space: nowrap; }
.brand-supply .source { opacity: .95; }
.brand-supply .state { font-size: 14px; white-space: nowrap; }
.brand-supply .tag { margin-left: 8px; font-size: 12px; padding: 2px 8px; border: 1px solid currentColor; border-radius: 999px; vertical-align: middle; opacity: .8; }
@media (min-width: 1000px) { .brand-supply { max-width: 1120px; } .brand-supply .supply-line { grid-template-columns: minmax(0, 1fr) 300px; } .brand-supply .supply-sides { grid-template-columns: 1fr; margin-top: 20px; } }
.clip-card { max-width: 42rem; border: 1px solid var(--line, #333); border-radius: 16px; padding: 24px; margin: 24px 0; overflow-wrap: anywhere; background: var(--surface, #131313); }
.clip-card h2 { margin-top: 0; }
.clip-card p { line-height: 1.55; }
.clip-card a { color: inherit; text-underline-offset: 4px; }
.clip-form { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 20px; }
.clip-form input:not([type=hidden]) { min-width: 0; flex: 1 1 240px; width: 100%; min-height: 48px; padding: 12px; border: 1px solid #666; border-radius: 8px; background: transparent; color: inherit; font: inherit; }
.clip-form input::placeholder { color: #aaa; }
.clip-form button { min-height: 48px; }
@media(max-width: 600px) { .clip-card { padding: 20px; } .clip-form button { width: 100%; } }

.cx { display: flex; flex-direction: column; gap: 16px; min-width: 0; font-family: var(--c-font); color: var(--c-body); }
.cx h2, .cx h3, .cx p, .cx ul, .cx ol, .cx pre { margin: 0; }
.cx h2 { font: 750 22px/1.2 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); text-wrap: balance; }
.cx-k { font: 700 11.5px/1.2 var(--c-font); letter-spacing: .14em; text-transform: uppercase; color: var(--c-coral-ink); margin-bottom: 8px !important; }
.cx-quiet { margin-top: 6px !important; font: 400 15px/1.5 var(--c-font); color: var(--c-soft); }
.cx-small { margin-top: 12px !important; font: 400 13px/1.5 var(--c-font); color: var(--c-soft); }
.cx-link { display: inline-block; margin-top: 12px; padding: 6px 0; color: var(--c-coral-ink); font: 600 14px/1.3 var(--c-font); text-decoration: underline; text-underline-offset: 3px; }
.cx-card { padding: 22px 18px; border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); min-width: 0; }
.cx .coral-btn { min-height: 48px; border-radius: 12px; font: 700 15.5px/1.2 var(--c-font); padding: 0 20px; white-space: normal; text-align: center; }
.cx .coral-btn.primary { box-shadow: 0 10px 28px -12px rgb(242 84 45 / 70%); }
.cx-wide { width: 100%; }
.cx-cols { display: grid; gap: 16px; min-width: 0; }
.cx-main, .cx-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (min-width: 1100px) { .cx-cols { grid-template-columns: minmax(0, 1fr) 360px; align-items: start; } .cx-side { position: sticky; top: 16px; } }


.cx-life { padding: 18px; border-radius: 18px; background: var(--c-card); border: 1px solid var(--c-line); }
.cx-life.wait { border-color: color-mix(in srgb, #f2b31b 45%, var(--c-line)); }
.cx-life.on { border-color: color-mix(in srgb, var(--c-ok, #22b36b) 55%, var(--c-line)); }
.cx-life.warn { border-color: color-mix(in srgb, var(--c-coral) 55%, var(--c-line)); }
.cx-status { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
@media (min-width: 560px) { .cx-status { flex-direction: row; gap: 12px; } }
.cx-status-txt { min-width: 0; }
.cx-status-txt b { display: block; font: 700 17px/1.3 var(--c-font); color: var(--c-ink); }
.cx-status-txt p { margin-top: 3px !important; font: 400 14.5px/1.45 var(--c-font); color: var(--c-soft); }
.cx-pill { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 99px; font: 700 12.5px/1.2 var(--c-font);
  background: color-mix(in srgb, var(--c-soft) 16%, transparent); color: var(--c-ink); }
.cx-life.wait .cx-pill { background: color-mix(in srgb, #f2b31b 22%, transparent); }
.cx-life.on .cx-pill { background: color-mix(in srgb, var(--c-ok, #22b36b) 24%, transparent); }
.cx-life.warn .cx-pill { background: color-mix(in srgb, var(--c-coral) 24%, transparent); }
.cx-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-soft); }
.cx-life.wait .cx-dot { background: #f2b31b; animation: cx-pulse 1.6s ease-in-out infinite; }
.cx-life.warn .cx-dot { background: var(--c-coral); }
@keyframes cx-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .cx-life.wait .cx-dot { animation: none; } }
.cx-tick svg, .cx-mark svg, .cx-out svg, .cx-pick-on svg { display: block; }
.cx-steps { list-style: none; padding: 0; margin: 16px 0 0 !important; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.cx-steps li { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding-top: 10px; border-top: 3px solid var(--c-div, var(--c-line)); }
.cx-steps li.done { border-top-color: var(--c-ok, #22b36b); }
.cx-steps li.now { border-top-color: var(--c-coral); }
.cx-n { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; font: 700 12.5px/1 var(--c-font); background: color-mix(in srgb, var(--c-soft) 18%, transparent); color: var(--c-ink); }
.cx-steps li.done .cx-n { background: var(--c-ok, #22b36b); color: #fff; }
.cx-steps li.now .cx-n { background: var(--c-coral); color: #fff; }
.cx-step-txt b { display: block; font: 650 12.5px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.cx-step-txt small { display: block; font: 400 11.5px/1.3 var(--c-font); color: var(--c-soft); }
.cx-steps li:not(.done):not(.now) .cx-step-txt b { color: var(--c-soft); }
@media (min-width: 760px) { .cx-life { padding: 20px 22px; } .cx-step-txt b { font-size: 14px; } .cx-step-txt small { font-size: 12.5px; } }


.cx-picks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
@media (min-width: 760px) { .cx-picks { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.cx-pick-form { margin: 0; min-width: 0; }
.cx .cx-pick { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 64px; padding: 12px; border-radius: 14px; text-align: left; cursor: pointer;
  background: var(--c-page, transparent); border: 1px solid var(--c-line); color: var(--c-ink); font: inherit; }
.cx .cx-pick:hover { border-color: color-mix(in srgb, var(--c-coral) 50%, var(--c-line)); }
.cx .cx-pick.on { border: 2px solid var(--c-coral); background: color-mix(in srgb, var(--c-coral) 10%, var(--c-card)); padding: 11px; }
.cx-pick .al-mark { flex: none; }
.cx-pick-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cx-pick-txt b { font: 700 15px/1.2 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
.cx-pick-txt small { font: 400 12.5px/1.3 var(--c-font); color: var(--c-soft); }
.cx-pick-on { position: absolute; top: 8px; right: 8px; color: var(--c-coral-ink); }
.cx-more { margin-top: 14px; }
.cx-more > summary { cursor: pointer; padding: 10px 0; font: 650 15px/1.3 var(--c-font); color: var(--c-ink); }
.cx-more .al-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }


.cx-chosen { display: flex; align-items: center; gap: 12px; padding: 0 0 16px; margin-bottom: 18px; border-bottom: 1px solid var(--c-div, var(--c-line)); }
.cx-chosen .cx-grow { flex: 1; min-width: 0; }
.cx-chosen small { display: block; font: 500 12px/1.2 var(--c-font); color: var(--c-soft); }
.cx-chosen b { display: block; font: 700 17px/1.25 var(--c-font); color: var(--c-ink); }
.cx .cx-change { flex: none; width: auto; min-height: 40px; padding: 0 16px; font-size: 14px; }
.cx-again > summary { cursor: pointer; padding: 4px 0 8px; font: 650 15px/1.3 var(--c-font); color: var(--c-ink); }
.cx-again[open] > summary { margin-bottom: 8px; }


.cx-url { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.cx-url-txt { display: block; padding: 14px; border-radius: 12px; background: var(--c-page, #0f1115); border: 1px solid var(--c-line); font: 500 15px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--c-ink); overflow-wrap: anywhere; }
@media (min-width: 560px) { .cx-url { flex-direction: row; align-items: stretch; } .cx-url-txt { flex: 1; display: flex; align-items: center; } }
.cx-do { list-style: none; padding: 0; margin: 18px 0 0 !important; display: grid; gap: 14px; }
.cx-do li { display: flex; gap: 12px; align-items: flex-start; }
.cx-do-txt { min-width: 0; padding-top: 1px; font: 400 15px/1.5 var(--c-font); color: var(--c-body); }
.cx .cx-open { display: inline-flex; width: auto; margin-top: 18px; gap: 8px; }
.cx-ask + .cx-copy { margin-right: 10px; }
[data-theme="light"] .cx-k { color: #b23410; }
.cx-mint { margin-top: 18px; }
.cx-why { margin-top: 14px !important; padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, var(--c-coral) 10%, transparent); color: var(--c-ink); font: 400 14.5px/1.5 var(--c-font); }
.cx .cx-wide + .cx-shown, .cx-connect > .coral-btn.primary { margin-top: 16px; }
.cx-key { display: block; width: 100%; resize: none; }
.cx-shown, .cx-cmd, .cx-key { margin-top: 12px !important; padding: 12px 14px; border-radius: 12px; background: var(--c-page, #0f1115); border: 1px solid var(--c-line);
  font: 400 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--c-soft); white-space: pre-wrap; overflow-wrap: anywhere; }
.cx-shown { max-height: 9.5em; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
.cx-ask { max-height: none; -webkit-mask-image: none; mask-image: none; margin-bottom: 12px !important; }
.cx-fold { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--c-div, var(--c-line)); }
.cx-fold > summary { cursor: pointer; padding: 6px 0; font: 650 15px/1.3 var(--c-font); color: var(--c-ink); }
.cx-fold .cx-copy { margin-top: 10px; }


.cx-list { list-style: none; padding: 0; display: grid; gap: 9px; }
.cx-list li { display: flex; gap: 10px; align-items: flex-start; font: 400 14.5px/1.4 var(--c-font); color: var(--c-body); }
.cx-mark { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; }
.cx-list li.yes .cx-mark { background: color-mix(in srgb, var(--c-ok, #22b36b) 22%, transparent); color: #4fd08b; }
[data-theme="light"] .cx-list li.yes .cx-mark { color: #17804a; }
.cx-list li.no .cx-mark { background: color-mix(in srgb, var(--c-soft) 18%, transparent); color: var(--c-soft); }
.cx-credits { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--c-div, var(--c-line)); }
.cx-big { display: block; font: 800 26px/1.1 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); }
.cx-credits > p:not(.cx-k):not(.cx-small) { margin-top: 6px !important; font: 400 14.5px/1.45 var(--c-font); color: var(--c-body); }


.cx-links ul { list-style: none; padding: 0; margin-top: 14px !important; display: grid; gap: 10px; }
.cx-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--c-line); }
.cx-row .cx-grow { flex: 1 1 220px; min-width: 0; }
.cx-row b { display: block; font: 700 15px/1.3 var(--c-font); color: var(--c-ink); }
.cx-row small { display: block; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); overflow-wrap: anywhere; }
.cx-row form { margin: 0; }
.cx .cx-off { min-height: 40px; padding: 0 14px; font-size: 14px; }
.cx-chip { padding: 4px 10px; border-radius: 99px; font: 650 12.5px/1.3 var(--c-font); color: var(--c-ink); background: color-mix(in srgb, var(--c-soft) 16%, transparent); }
.cx-chip.on { background: color-mix(in srgb, var(--c-ok, #22b36b) 22%, transparent); }
.cx-chip.wait { background: color-mix(in srgb, #f2b31b 22%, transparent); }
.cx-chip.warn { background: color-mix(in srgb, var(--c-coral) 22%, transparent); }
.cx-row.off { opacity: .75; }
.cx-draft .coral-btn, .cx-next .coral-btn { margin-top: 14px; }
@media (min-width: 760px) { .cx-card { padding: 24px; } }

.jc-lead { margin: 0 0 var(--mx-s4); max-width: 70ch; }
.jc-top { display: grid; grid-template-columns: 1fr 1fr; gap: var(--mx-s3); margin-bottom: var(--mx-s8); }
.jc-top > .kit-card { padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); min-width: 0; }
.jc-score { grid-column: 1 / -1; }
.jc-top > :last-child { grid-column: 1 / -1; } 
.jc-score > p { margin: 0; }
.jc-score .kit-fig.big { margin: var(--mx-s1) 0; }
.jc-score.low { border-color: var(--mx-primary); } .jc-score.low .kit-fig { color: var(--mx-primary-ink); }
.jc-score.ok { border-color: var(--mx-green); } .jc-score.ok .kit-fig { color: var(--mx-ok); }
.jc-top .v2-tile.low { border-color: var(--mx-primary); } .jc-top .v2-tile.low .kit-fig { color: var(--mx-primary-ink); }
.jc-bar { display: flex; height: 10px; margin-top: var(--mx-s3); border-radius: 5px; background: var(--mx-line); overflow: hidden; }
.jc-bar i { display: block; height: 100%; }
.jc-bar i.ok { background: var(--mx-green); } .jc-bar i.half { background: var(--mx-ok-t); }
@media (min-width: 900px) {
  .jc-top { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); }
  .jc-score, .jc-top > :last-child { grid-column: auto; }
}


.jc-deals { display: grid; grid-template-columns: 1fr; gap: var(--mx-s3); margin-bottom: var(--mx-s8); }
@media (min-width: 900px) { .jc-deals { grid-template-columns: 1fr 1fr; } }
.jc-deal { padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); }
.jc-deal-k { margin: 0 0 var(--mx-s2); font-weight: var(--mx-w-ui); color: var(--mx-ink); }
.jc-deal-run { margin: var(--mx-s2) 0 0; font-size: var(--mx-fs-small); line-height: 1.45; }
.kit-chip.jc-ok { background: var(--mx-ok-t); color: var(--mx-ok); }


.jc-key { margin: 0 0 var(--mx-s3); }
.jc-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; vertical-align: middle; }
.jc-jobs { display: grid; gap: var(--mx-s2); margin-bottom: var(--mx-s4); }
.jc-job { border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-pop); }
.jc-job[open] { border-color: var(--mx-line-in); }
.jc-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-s2); padding: var(--mx-s3); cursor: pointer; list-style: none; }
.jc-row::-webkit-details-marker { display: none; }
.jc-name { grid-column: 1 / -1; display: grid; gap: 2px; min-width: 0; }
.jc-name .t { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.jc-name .s { color: var(--mx-label); font-size: var(--mx-fs-small); overflow-wrap: anywhere; }
@media (min-width: 900px) {
  .jc-row { grid-template-columns: minmax(0, 2.2fr) repeat(3, minmax(0, 1fr)); align-items: center; }
  .jc-name { grid-column: auto; }
}
.jc-cell { display: grid; gap: 3px; min-width: 0; padding: 6px 8px; border-radius: var(--mx-r-sm); background: var(--mx-tint); font-size: var(--mx-fs-small); line-height: 1.25; }
.jc-door { color: var(--mx-label); font-size: 11px; }
.jc-w { color: var(--mx-ink); font-weight: var(--mx-w-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jc-cell.ok { background: var(--mx-ok-t); } .jc-cell.ok .jc-w { color: var(--mx-ok); }
.jc-cell.bad, .jc-cell.broke { background: var(--mx-primary-t); } .jc-cell.bad .jc-w, .jc-cell.broke .jc-w { color: var(--mx-primary-ink); }
.jc-cell.broke { box-shadow: inset 0 0 0 2px var(--mx-primary); }
.jc-cell.none .jc-w { color: var(--mx-hint); font-weight: 400; }
.jc-trend { display: flex; flex-wrap: wrap; gap: 3px; min-height: 8px; }
.jc-trend i { display: block; width: 8px; height: 8px; border-radius: 50%; }
:is(.jc-trend i, .jc-dot).ok { background: var(--mx-green); }
:is(.jc-trend i, .jc-dot).half { background: var(--mx-ok-t); box-shadow: inset 0 0 0 1.5px var(--mx-green); }
:is(.jc-trend i, .jc-dot).bad { background: var(--mx-primary); }
:is(.jc-trend i, .jc-dot).open { background: var(--mx-amber); }
:is(.jc-trend i, .jc-dot).none { background: var(--mx-line); }
.jc-more { padding: 0 var(--mx-s3) var(--mx-s3); font-size: var(--mx-fs-small); line-height: 1.5; overflow-wrap: anywhere; }
.jc-more p { margin: 0 0 var(--mx-s2); }
.jc-more ul { margin: 0; padding-left: 18px; display: grid; gap: var(--mx-s2); }


.jc-pipe { display: grid; grid-template-columns: 1fr; gap: var(--mx-s3); margin-bottom: var(--mx-s4); }
@media (min-width: 900px) { .jc-pipe { grid-template-columns: 1fr 1fr; } }
.jc-pipe-row { padding: var(--mx-s4); background: var(--mx-pop); box-shadow: none; border: 1px solid var(--mx-line); }
.jc-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--mx-s2); margin: var(--mx-s2) 0 0; padding: 0; list-style: none; }
.jc-steps li { display: grid; gap: 2px; padding: var(--mx-s2); border-radius: var(--mx-r-sm); background: var(--mx-tint); font-size: var(--mx-fs-small); }
.jc-steps li.found .kit-fig { color: var(--mx-primary-ink); } .jc-steps li.verified .kit-fig { color: var(--mx-ok); }
.jc-fails { margin-bottom: var(--mx-s2); }
.jc-chips { display: flex; flex-wrap: wrap; gap: var(--mx-s2); margin: 0 0 var(--mx-s3); }
.jc-how { margin-top: var(--mx-s8); max-width: 80ch; }

:root .cx-home .fm-sent { display: grid; gap: 8px; margin: 18px 0 0; }
:root .cx-home .fm-watch { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border-radius: 10px;
  background: var(--cx-key); color: #fff; font: 600 15px/1 var(--cx-font); text-decoration: none; transition: background-color .15s; }
:root .cx-home .fm-watch:hover { background: var(--cx-key-h); }
:root .cx-home .fm-watch:focus-visible, :root .cx-home #fm-continue .fm-home:focus-visible { outline: 2px solid #ff8a63; outline-offset: 2px; }
:root .cx-home .fm-code { margin: 0; color: var(--cx-soft); font: 400 13px/1.4 var(--cx-font); text-align: center; }
:root .cx-home .fm-code b { color: var(--cx-body); font-weight: 600; }
:root .cx-home #fm-continue .fm-home { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 10px 0 0;
  border-radius: 10px; border: 1px solid var(--cx-line-2); background: transparent; color: var(--cx-ink); font: 500 15px/1 var(--cx-font);
  box-shadow: none; cursor: pointer; transition: border-color .15s, background-color .15s; }
:root .cx-home #fm-continue .fm-home:hover { border-color: var(--cx-soft); background: rgb(255 255 255 / 4%); }
html[data-theme=light] .cx-home #fm-continue .fm-home:hover { background: rgb(0 0 0 / 4%); }

:root .cx-home .fm-yes { display: grid; gap: 8px; margin: 12px 0 2px; }
:root .cx-home .fm-yes-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; padding: 0 18px;
  border: 0; border-radius: 10px; background: var(--cx-key); color: #fff; font: 600 16px/1 var(--cx-font); cursor: pointer; transition: background-color .15s; }
:root .cx-home .fm-yes-btn:hover { background: var(--cx-key-h); }
:root .cx-home .fm-yes-btn:focus-visible { outline: 2px solid #ff8a63; outline-offset: 2px; }
:root .cx-home .fm-yes-btn:disabled { opacity: .7; cursor: default; }
:root .cx-home .fm-yes-line { margin: 0; color: var(--cx-soft); font: 400 13px/1.45 var(--cx-font); }
.fm{position:fixed;inset:0;z-index:10000;overflow:auto;background:#f8f6f3;color:#1c2230;display:grid;align-items:center;padding:24px 20px}
.fm-card{width:100%;max-width:640px;margin:auto;text-align:center;padding:12px 0 28px}

.fm-slot{display:block;width:150px;height:150px;margin:0 auto 18px}
.fm h1{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0}
.fm-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px}
.fm-line{font-size:19px;line-height:1.5;max-width:430px;margin:16px auto 24px}
.fm .fm-setup{padding:0;text-align:left}
.fm .fh-chips{justify-content:center}
.fm .fh-panel-for,.fm .fh-prompt,.fm .fh-quiet{display:none}
.fm .fh-panel{padding:0;background:transparent;border:0}
.fm .fh-key{justify-content:center;width:100%;min-height:54px;margin-top:20px}
.fm .fh-prompt.full{display:block;max-height:200px;overflow:auto;white-space:pre-wrap}
.fm .fh-said{font-size:14px}
.fm-skip{margin-top:24px}
.fm-skip button{border:0;background:none;color:#635e59;text-decoration:underline;padding:12px 24px;cursor:pointer}
.fm [hidden]{display:none!important}
#fm-status{font-weight:700;color:#63615d}
#fm-help{border-top:1px solid #dedad4;margin-top:30px;padding-top:16px;font-size:15px;line-height:1.5;text-align:left}
#fm-help h2{font-size:20px}
#fm-continue .primary{margin:24px auto 0;min-height:54px;width:100%;justify-content:center}
.fm.connected .fm-slot{box-shadow:0 0 0 6px #ffc9b3,0 10px 36px rgba(255,90,54,.45)}
.fr-confetti{position:fixed;inset:0;pointer-events:none;z-index:10001}
@media(max-width:400px){.fm{padding:18px 16px}.fm-slot{width:112px;height:112px;margin-bottom:10px}.fm-line{font-size:17px}.fm .fh-chip{min-width:50px}}/*kit-part*/

.fm #fm-title:focus{outline:none}

body > .fm{box-sizing:border-box;width:100%;max-width:none;margin:0;left:0;right:0;grid-template-columns:minmax(0,1fr)}
.fm .fm-card{box-sizing:border-box;min-width:0;width:100%;max-width:640px;justify-self:center}
.fm #fm-continue .primary,.fm .fh-key{width:100%;max-width:360px;margin-left:auto;margin-right:auto}
.fm-steps{list-style:none;text-align:left;max-width:360px;margin:24px auto;padding:0;display:grid;gap:12px;font-size:16px;line-height:1.4}
.fm-steps .done{color:#28634c;font-weight:700}
.fm-steps .pending{color:#6c6864}
.fm-detail{max-width:430px;margin:16px auto;font-size:15px;line-height:1.5;color:#635e59}
.fm #fm-title:focus-visible{outline:none!important}
.fm #fm-title:focus{box-shadow:none}
.fm .fh-copy-form{text-align:center}


.fm .fh-chip{transition:border-color .15s,background-color .15s,transform .08s}
.fm .fh-chip:hover{border-color:#f6c9ba;background:#fff8f5}
.fm .fh-chip:active{transform:scale(.97)}
.fm .fh-more>summary:hover{border-color:#f2542d}
.fm-skip button:hover{color:#1c2230}
.fm-skip button:active{color:#c93a19}
.fm-skip button:focus-visible,.fm .fh-more>summary:focus-visible{outline:3px solid rgb(242 84 45 / 45%);outline-offset:2px;border-radius:8px}

.or-panel .lp-h { margin: 20px 0 0; font-size: 1.15rem; }
.or-panel .lp-sub { margin: 4px 0 10px; color: #5a4a3e; }
.lp-ladder { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; max-width: 560px; }
.lp-rung { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 12px; border: 1px solid #e6dccd; background: #fff; }
.lp-rung.here { border: 2px solid #e2571c; background: #fff1e8; }
.lp-rung.above { background: #faf6ef; }
.lp-rung.above .lp-hex { opacity: .5; filter: grayscale(1); }
.lp-hex { display: inline-flex; flex: none; }
.lp-name { flex: 1; min-width: 0; display: grid; }
.lp-name b { font-size: 1rem; }
.lp-name small, .lp-pay small { color: #6b5b4e; font-size: .8rem; }
.lp-rung.here .lp-name small { color: #a8420a; font-weight: 700; }
.lp-pay { flex: none; font-variant-numeric: tabular-nums; }
.lp-pay small { margin-right: 6px; }
.lp-test-pill { display: inline-block; padding: 1px 7px; border-radius: 6px; background: #fde047; color: #3f3a10; font-weight: 800; font-size: .75rem; letter-spacing: .08em; }


.acs-link { display: flex; flex-direction: column; gap: 2px; min-height: 44px; margin: 10px 0 0; padding: 12px 14px; border-radius: 14px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8;
  color: #14161b; text-decoration: none; font-family: var(--c-font, var(--h-sans)); }
.acs-link b { font: 700 15px/1.3 var(--c-font, var(--h-sans)); color: #c2410c; }
.acs-link small { font: 450 13px/1.4 var(--c-font, var(--h-sans)); color: #5b6170; }
.acs-link:hover { box-shadow: inset 0 0 0 1px #c2410c; }

.aac { padding: 20px; margin: 16px 0; display: flex; flex-direction: column; gap: 12px; min-width: 0; overflow-wrap: anywhere; }
.aac h2 { margin: 0; }
.aac-held { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; font: 450 15px/1.4 var(--c-font, var(--h-sans)); }
.aac-k { margin: 0; font: 700 13px/1.3 var(--c-font, var(--h-sans)); color: #14161b; }
.aac-tag { padding: 3px 10px; border-radius: 999px; background: #eef0f2; color: #14161b; font: 600 13px/1.4 var(--c-font, var(--h-sans)); text-decoration: none; }
.aac-tag:hover { box-shadow: inset 0 0 0 1px #c2410c; }
.aac-level { margin-left: auto; font: 600 13px/1.4 var(--c-font, var(--h-sans)); color: #5b6170; }
.aac-lede { margin: 0; max-width: 820px; font: 450 15px/1.5 var(--c-font, var(--h-sans)); color: #3b3f47; }
.aac-roles { display: flex; flex-direction: column; gap: 14px; max-width: 1200px; min-width: 0; font-family: var(--c-font, var(--h-sans)); }
.aac-roles h2 { margin: 10px 0 0; font: 700 19px/1.3 var(--c-font, var(--h-sans)); }
.aac-scroll { overflow-x: auto; max-width: 100%; border-radius: 14px; box-shadow: inset 0 0 0 1px #e4e5e8; background: #ffffff; }
.aac-table { border-collapse: collapse; width: 100%; min-width: 760px; font: 450 14px/1.35 var(--c-font, var(--h-sans)); }
.aac-table th, .aac-table td { padding: 9px 10px; border-bottom: 1px solid #eceef1; text-align: left; vertical-align: top; }
.aac-table thead th { position: sticky; top: 0; background: #f7f7f8; font-weight: 700; }
.aac-table tbody th { position: sticky; left: 0; z-index: 1; background: #ffffff; font-weight: 600; min-width: 170px; box-shadow: 1px 0 0 #eceef1; }
.aac-table tbody th small { display: block; font: 500 12px/1.3 ui-monospace, Menlo, monospace; color: #4b5160; }
.aac-th { display: block; }
.aac-count { font: 600 12px/1.4 var(--c-font, var(--h-sans)); color: #c2410c; white-space: nowrap; }
.aac-yes { color: #17663a; font-weight: 700; background: #f0fbf4; }
.aac-no { color: #6b7180; }
.aac-stages { margin: 0; padding: 0 0 0 18px; display: grid; gap: 4px; font: 450 14px/1.45 var(--c-font, var(--h-sans)); color: #3b3f47; }
.aac-grants { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.aac-grant { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border-radius: 14px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8; }
.aac-gname { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font: 700 17px/1.3 var(--c-font, var(--h-sans)); color: #14161b; }
.aac-gname .aac-count { margin-left: auto; }
.aac-kind { padding: 2px 8px; border-radius: 999px; background: #eef0f2; color: #5b6170; font: 700 11px/1.4 var(--c-font, var(--h-sans)); }
.aac-what { margin: 0; font: 450 14px/1.45 var(--c-font, var(--h-sans)); color: #3b3f47; }
.aac-caps { margin: 0; padding: 0 0 0 18px; font: 450 14px/1.45 var(--c-font, var(--h-sans)); }
.aac-caps.yes { color: #17663a; }
.aac-caps.no { color: #8a2e10; }
.in-refuse-why { font-weight: 700; color: inherit; text-decoration: underline; }
@media (min-width: 900px) { .aac-grants { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.aff-shop-code { margin-top: 20px; padding: 18px 20px; }
.aff-shop-code p { margin: 0; }
.aff-shop-code-value { margin: 8px 0 10px !important; }
.aff-shop-code-value code { font: 650 22px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .02em; overflow-wrap: anywhere; user-select: all; }

.review-ping .ai-draft {margin:12px 0;border-style:dashed}
.review-ping .ai-draft.ready {border-style:solid;border-color:var(--mx-ink, currentColor)}
.review-ping .ai-draft .kit-eyebrow {margin:0 0 8px}
.review-ping .ai-verdict {display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.review-ping .ai-pill {display:inline-block;padding:4px 12px;border-radius:999px;font-weight:600;font-size:15px}
.review-ping .ai-pill.ok {background:#dff3e4;color:#0f5a2a}
.review-ping .ai-pill.fix {background:#fde8d8;color:#7a2e00}
.review-ping .ai-notes {margin:0 0 10px;padding-left:20px;display:grid;gap:6px;line-height:1.45}
.review-ping .ai-look-head, .review-ping .ai-keys {margin:0 0 6px;line-height:1.45}
.review-ping .ai-keys b {display:inline-block;min-width:22px;text-align:center;padding:0 5px;border:1px solid currentColor;border-radius:5px;font-size:13px}
.review-ping .ai-small, .review-ping .ai-status {margin:0;font-size:14px;line-height:1.45}
.review-ping .ai-again {margin-top:10px}
.review-ping .ai-look-ticks {margin:0 0 10px}
.ai-score {margin-top:16px;font-size:14px;line-height:1.45}

.bf { display: flex; flex-direction: column; gap: var(--mx-s4); max-width: 1040px; }
.bf-head { display: flex; align-items: flex-start; gap: var(--mx-s3); }
.bf-mark { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--mx-r-md); background: var(--mx-primary-t); color: var(--mx-primary-ink);
  font: var(--mx-w-black) var(--mx-fs-h3)/1 var(--mx-sans); }
.bf-head-txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bf-over { margin: 0; font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.bf-head h1 { margin: 0; font: var(--mx-w-black) var(--mx-fs-title-s)/var(--mx-lh-title-s) var(--mx-sans); color: var(--mx-ink); overflow-wrap: anywhere; }
.bf-want { margin: var(--mx-s1, 4px) 0 0; font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-body); }
.bf-want b { color: var(--mx-ink); }
.bf-keys { display: flex; flex-direction: column; gap: var(--mx-s2); }
.bf-key { align-self: stretch; justify-content: center; min-height: var(--mx-h-key); text-align: center; }
.bf-fine { margin: 0; font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.bf-link { padding: 0; border: 0; background: none; font: inherit; font-weight: var(--mx-w-ui); color: var(--mx-primary-ink); text-decoration: underline; cursor: pointer; }
.bf-hidden { display: none; }
.bf-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mx-s4); }
.bf-col { display: flex; flex-direction: column; gap: var(--mx-s4); min-width: 0; }
.bf-sec { display: flex; flex-direction: column; gap: var(--mx-s3); padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-card); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
.bf-sec-head { display: flex; flex-direction: column; gap: 2px; }
.bf-sec-head h2 { margin: 0; font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.bf-sec-head p { margin: 0; font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.bf-list { display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0; padding: 0; list-style: none; }
.bf-list li { display: flex; flex-direction: column; gap: 2px; padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-tint);
  font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); overflow-wrap: anywhere; }
.bf-list li small { font: var(--mx-w-reg) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); color: var(--mx-label); }
.bf-list.must li { padding-left: calc(var(--mx-s3) + 4px); box-shadow: inset 4px 0 0 var(--mx-primary); }
.bf-list.passed li { background: var(--mx-well); color: var(--mx-body); }
.bf-empty { margin: 0; padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-tint); font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-body); }
.bf-form { display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0; }
.bf-form textarea { width: 100%; box-sizing: border-box; min-height: 88px; padding: var(--mx-s3); border: 0; border-radius: var(--mx-r-md); background: var(--mx-field, var(--mx-tint)); color: var(--mx-ink);
  box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); resize: vertical; }
.bf-form textarea:focus { outline: none; box-shadow: inset 0 0 0 2px var(--mx-ring); }
.bf-go { align-self: flex-start; min-height: var(--mx-h-ctl); padding: 0 var(--mx-s6, 24px); border: 0; border-radius: var(--mx-r-md); background: var(--mx-card); color: var(--mx-primary-ink); cursor: pointer;
  box-shadow: inset 0 0 0 2px var(--mx-primary); font: var(--mx-w-strong) var(--mx-fs-ui)/1 var(--mx-sans); }
.bf-go:hover { background: var(--mx-primary-t); }
.bf-answer { display: flex; flex-direction: column; gap: var(--mx-s2); padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); }
.bf-answer.ok { background: var(--mx-ok-t); }
.bf-answer.warn { background: var(--mx-wait-t); }
.bf-answer.bad { background: var(--mx-bad-t); }
.bf-verdict { margin: 0; font: var(--mx-w-strong) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); }
.bf-answer.ok .bf-verdict { color: var(--mx-ok); }
.bf-answer.warn .bf-verdict { color: var(--mx-wait); }
.bf-answer.bad .bf-verdict { color: var(--mx-bad); }
.bf-why { display: flex; flex-direction: column; gap: 4px; margin: 0; padding-left: 1.1em; font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.bf-need { margin: 0; font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-ink); }
.bf-more { padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-card); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
.bf-more summary { min-height: 28px; display: flex; align-items: center; font: var(--mx-w-ui) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); cursor: pointer; }
.bf-more[open] summary { margin-bottom: var(--mx-s3); }
.bf-store { margin: 0 0 var(--mx-s2); font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); }
.bf-store a { color: var(--mx-primary-ink); }
.bf-sub { margin: var(--mx-s3) 0 var(--mx-s2); font: var(--mx-w-ui) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); color: var(--mx-label); }
@media (min-width: 900px) {
  .bf-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .bf-keys { flex-direction: row; align-items: center; gap: var(--mx-s4); }
  .bf-key { align-self: auto; padding-left: var(--mx-s8, 32px); padding-right: var(--mx-s8, 32px); }
}

.bd-page { display: flex; flex-direction: column; gap: var(--mx-s3); min-width: 0; max-width: 1120px; }
.bd-page > p { margin: 0; }
.bd-h { margin: var(--mx-s4) 0 0; font-size: var(--mx-fs-section); line-height: var(--mx-lh-section); letter-spacing: var(--mx-ls-section); overflow-wrap: anywhere; }
.bd-legend { font-size: var(--mx-fs-count); }
.bd-scroll { overflow-x: auto; max-width: 100%; }
.bd-split { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; font-size: 14px; }
.bd-split th, .bd-split td { padding: 8px 6px; text-align: right; border-bottom: 1px solid var(--mx-line); white-space: nowrap; }
.bd-split th:first-child { text-align: left; }
.bd-split thead th { font-weight: var(--mx-w-strong); color: var(--mx-label); font-size: 12px; }
.bd-split tbody tr:last-child { font-weight: var(--mx-w-strong); }
.bd-split td a { color: inherit; text-decoration: none; display: inline-block; min-width: 32px; min-height: 28px; line-height: 28px; }
.bd-split td a:hover { text-decoration: underline; }
.bd-n { color: var(--mx-label); }

.coral-admin .bd-split { display: table; width: 100%; }
.coral-admin .bd-split :is(td, th) { min-width: 0; }
.coral-admin .bd-split tbody th { background: none; color: inherit; font-weight: var(--mx-w-strong); }
@media (max-width: 480px) { .coral-admin .bd-split { font-size: 12px; } .coral-admin .bd-split :is(th, td) { padding: 6px 2px; } }

@media (max-width: 360px) { .coral-admin .bd-split { font-size: 11px; } .coral-admin .bd-split .bd-n { display: none; } .coral-admin .bd-split thead th { padding-left: 5px; font-size: 11px; } }
.bd-patterns { margin: 0; padding-left: 1.4em; display: flex; flex-direction: column; gap: var(--mx-s3); }
.bd-patterns p { margin: 0; overflow-wrap: anywhere; }
.bd-bars { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; max-width: 360px; }
.bd-bar { display: block; height: 6px; border-radius: 3px; min-width: 2px; }
.bd-bar.long { background: var(--mx-primary-ink); }
.bd-bar.short { background: var(--mx-line); }
.bd-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mx-s3); }
.bd-card { display: flex; flex-direction: column; gap: var(--mx-s2); min-width: 0; }
.bd-card h3 { margin: 0; font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h); overflow-wrap: anywhere; }
.bd-card p { margin: 0; overflow-wrap: anywhere; }
.bd-head { display: flex; flex-wrap: wrap; gap: var(--mx-s2); align-items: center; }
.bd-out, .bd-motive { font: var(--mx-fs-count) var(--mx-mono); padding: 2px 8px; border-radius: 999px; border: 1px solid var(--mx-line); }
.bd-out.long { border-color: var(--mx-primary-ink); color: var(--mx-primary-ink); }
.bd-sub { font-size: var(--mx-fs-count); color: var(--mx-label); }
.bd-hook { font-style: italic; }
.bd-more summary { cursor: pointer; font-weight: var(--mx-w-strong); min-height: 44px; display: flex; align-items: center; gap: 6px; }
.bd-more summary::before { content: "▸"; color: var(--mx-label); }
.bd-more[open] summary::before { content: "▾"; }
.bd-more h4 { margin: var(--mx-s3) 0 var(--mx-s1); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--mx-label); }
.bd-dl { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.bd-kv { display: grid; grid-template-columns: minmax(96px, 38%) minmax(0, 1fr); gap: var(--mx-s2); font-size: 14px; }
.bd-kv dt { color: var(--mx-label); overflow-wrap: anywhere; }
.bd-kv dd { margin: 0; overflow-wrap: anywhere; }
.bd-set { display: flex; gap: var(--mx-s1); }
.bd-tap { margin: 0; flex: 1 1 0; min-width: 0; max-width: 112px; }
.bd-tap .kit-chip { width: 100%; justify-content: center; min-height: 44px; padding: 0 4px; font-size: 13px; }

.ct { display: flex; flex-direction: column; gap: var(--mx-s4); max-width: 960px; }
.ct-lead { margin: 0; font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-body); }
.ct-rows { display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0; padding: 0; list-style: none; }
.ct-row { display: flex; flex-direction: column; gap: 4px; min-height: 44px; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-card);
  box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); color: var(--mx-ink); text-decoration: none; }
.ct-row:hover { box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line-focus); }
.ct-row-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mx-s2); }
.ct-row-top b { font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); overflow-wrap: anywhere; }
.ct-row-line { font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.ct-row-mine { font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-primary-ink); }
.ct-chip { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: var(--mx-r-pill); font: var(--mx-w-ui) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); white-space: nowrap; }
.ct-chip.open { background: var(--mx-ok-t); color: var(--mx-ok); }
.ct-chip.shut { background: var(--mx-well); color: var(--mx-label); }
.ct-chip.test { background: var(--mx-wait-t); color: var(--mx-wait); box-shadow: inset 0 0 0 1px currentColor; }
.ct-key { align-self: stretch; justify-content: center; min-height: var(--mx-h-key); text-align: center; }
.ct-why { margin: 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-tint); font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-body); }

.ct-head { display: flex; flex-direction: column; gap: var(--mx-s2); }
.ct-head-top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mx-s2); }
.ct-head h1 { margin: 0 var(--mx-s2) 0 0; font: var(--mx-w-black) var(--mx-fs-title-s)/var(--mx-lh-title-s) var(--mx-sans); color: var(--mx-ink); overflow-wrap: anywhere; }
.ct-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--mx-s4); }
.ct-col { display: flex; flex-direction: column; gap: var(--mx-s3); min-width: 0; }
.ct-facts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; margin: 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-card); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
.ct-facts dt { margin-top: var(--mx-s2); font: var(--mx-w-ui) var(--mx-fs-tag)/var(--mx-lh-tag) var(--mx-sans); color: var(--mx-label); }
.ct-facts dt:first-child { margin-top: 0; }
.ct-facts dd { margin: 0; font: var(--mx-w-ui) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); }
.ct-yours h2, .ct-brief h2 { margin: 0 0 var(--mx-s2); font: var(--mx-w-strong) var(--mx-fs-h3)/var(--mx-lh-h3) var(--mx-sans); color: var(--mx-ink); }
.ct-yours ul { display: flex; flex-direction: column; gap: var(--mx-s2); margin: 0; padding: 0; list-style: none; }
.ct-yours a { display: flex; flex-direction: column; gap: 2px; min-height: 44px; padding: var(--mx-s2) var(--mx-s3); border-radius: var(--mx-r-md); background: var(--mx-tint); color: var(--mx-ink); text-decoration: none; }
.ct-yours a span { font: var(--mx-w-reg) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); color: var(--mx-label); }
.ct-brief { padding: var(--mx-s4); border-radius: var(--mx-r-card); background: var(--mx-tint); }
.ct-shop { margin: 0; font: var(--mx-w-ui) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); overflow-wrap: anywhere; }
.ct-shop a { color: var(--mx-primary-ink); }
.ct-brief-list { display: flex; flex-direction: column; gap: var(--mx-s2); margin: var(--mx-s2) 0 0; padding-left: 1.1em; font: var(--mx-w-reg) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-body); }
.ct-money { margin: var(--mx-s2) 0 0; font: var(--mx-w-ui) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); color: var(--mx-ink); }

.ct-card { display: flex; flex-direction: column; gap: var(--mx-s3); }
.ct-card-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--mx-s2); }
.ct-card-head h2 { margin: 0; }
@media (min-width: 900px) {
  .ct-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
  .ct-key { align-self: flex-start; padding-left: var(--mx-s8); padding-right: var(--mx-s8); }
}

.ct-note { display: flex; flex-direction: column; gap: 4px; margin: var(--mx-s3) 0; padding: var(--mx-s3) var(--mx-s4); border-radius: var(--mx-r-md); background: var(--mx-tint); box-shadow: inset 0 0 0 var(--mx-bw) var(--mx-line); }
.ct-note p { margin: 0; }

.em { display: grid; gap: var(--mx-s6); max-width: var(--mx-w-wide); min-width: 0; }
.em-say { margin: 0; color: var(--mx-hint); font-size: var(--mx-fs-small); line-height: var(--mx-lh-small); max-width: 72ch; overflow-wrap: anywhere; }
.em-dim { color: var(--mx-hint); font-size: var(--mx-fs-small); overflow-wrap: anywhere; }
.em-strip { display: grid; gap: var(--mx-s3); }
.em-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mx-s3); }
.em-tile { display: grid; gap: var(--mx-s1); align-content: start; padding: var(--mx-s4); border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); min-width: 0; }
.em-tile p { margin: 0; }
.em-tile-label { font-size: var(--mx-fs-small); color: var(--mx-hint); font-weight: var(--mx-w-ui); }
.em-tile-n { font-size: var(--mx-fs-h2); line-height: var(--mx-lh-h2); font-weight: var(--mx-w-strong); color: var(--mx-ink); font-variant-numeric: tabular-nums; }
.em-tile-of { font-size: var(--mx-fs-body); font-weight: var(--mx-w-reg); color: var(--mx-hint); }
.em-tile-note { font-size: var(--mx-fs-small); color: var(--mx-hint); line-height: var(--mx-lh-small); }
.em-meter { height: 6px; border-radius: var(--mx-r-pill); background: var(--mx-well); overflow: hidden; margin: var(--mx-s1) 0; }
.em-meter > span { display: block; height: 100%; border-radius: var(--mx-r-pill); background: var(--mx-ink); }
.em-near { border-color: var(--mx-amber-edge); }
.em-near .em-meter > span { background: var(--mx-amber); }
.em-near .em-tile-note { color: var(--mx-ink); }
.em-over { border-color: var(--mx-bad); }
.em-over .em-meter > span { background: var(--mx-bad); }
.em-over .em-tile-note { color: var(--mx-bad); font-weight: var(--mx-w-ui); }

.em-people, .em-one { display: grid; gap: var(--mx-s3); min-width: 0; }
.em-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--mx-s2) var(--mx-s4); }
.em-head h2, .em-addr-h { margin: 0; font-size: var(--mx-fs-h3); line-height: var(--mx-lh-h3); overflow-wrap: anywhere; }
.em-filters { display: flex; flex-wrap: wrap; gap: var(--mx-s2); }
.em-filter { display: inline-flex; align-items: center; min-height: 36px; padding: 0 var(--mx-s3); border: 1px solid var(--mx-line); border-radius: var(--mx-r-pill); color: var(--mx-ink); text-decoration: none; font-size: var(--mx-fs-small); font-variant-numeric: tabular-nums; }
.em-filter.on { background: var(--mx-ink); border-color: var(--mx-ink); color: var(--mx-on-ink); }

.em-table { display: grid; border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); overflow: hidden; }
.em-tr { display: grid; grid-template-columns: minmax(0, 2.4fr) 64px 64px minmax(0, 1.6fr) minmax(0, 1.4fr); gap: var(--mx-s3); align-items: center; padding: var(--mx-s3) var(--mx-s4); border-top: 1px solid var(--mx-line); min-width: 0; }
.em-tr:first-child { border-top: 0; }
.em-th { font-size: var(--mx-fs-small); color: var(--mx-hint); font-weight: var(--mx-w-ui); padding-block: var(--mx-s2); }
.em-who { min-width: 0; overflow-wrap: anywhere; }
.em-addr { color: var(--mx-ink); font-weight: var(--mx-w-ui); }
.em-num { font-variant-numeric: tabular-nums; text-align: right; }
.em-k { display: none; }
.em-last { min-width: 0; overflow-wrap: anywhere; }
.em-test { display: inline-block; padding: 0 var(--mx-s2); border: 1px solid var(--mx-line); border-radius: var(--mx-r-pill); font-size: var(--mx-fs-tag); color: var(--mx-hint); vertical-align: middle; }
.em-mark { display: inline-block; font-size: var(--mx-fs-small); font-weight: var(--mx-w-ui); }
.em-mark::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.em-ok { color: var(--mx-ok); }
.em-no { color: var(--mx-bad); }
.em-wait { color: var(--mx-wait); }
.em-held { color: var(--mx-hint); }

.em-history { margin: 0; padding: 0; list-style: none; display: grid; border: 1px solid var(--mx-line); border-radius: var(--mx-r-card); background: var(--mx-card); }
.em-letter { display: grid; gap: var(--mx-s1); padding: var(--mx-s3) var(--mx-s4); border-top: 1px solid var(--mx-line); min-width: 0; }
.em-letter:first-child { border-top: 0; }
.em-letter p { margin: 0; }
.em-letter-top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--mx-s1) var(--mx-s3); }
.em-subject { color: var(--mx-ink); overflow-wrap: anywhere; }

@media (max-width: 767px) {
  .em-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-s2); }
  .em-tiles > :last-child { grid-column: 1 / -1; }
  .em-tile { padding: var(--mx-s3); }
  .em-tile-n { font-size: var(--mx-fs-h3); line-height: var(--mx-lh-h3); }
  .em-tile-of { display: block; font-size: var(--mx-fs-small); }
  .em-th { display: none; }
  .em-tr { grid-template-columns: auto auto 1fr; gap: var(--mx-s1) var(--mx-s4); }
  .em-who, .em-last { grid-column: 1 / -1; }
  .em-last { order: 4; }
  .em-tr > :last-child { order: 5; grid-column: 1 / -1; }
  .em-num { text-align: left; }
  .em-k { display: inline; color: var(--mx-hint); font-size: var(--mx-fs-small); }
}
.lb{max-width:1120px;margin:auto;padding:20px 0 60px;overflow-wrap:anywhere;color:#312f32}.lb-hero{background:#fff0eb;border:1px solid #efc7b9;border-radius:20px;padding:28px;margin-bottom:20px}.lb h1{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:12px 0}.lb h2{margin-top:32px}.lb p{line-height:1.55}.lb-hero>p:first-child{font-size:12px;letter-spacing:.14em;font-weight:700}.lb-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.lb button,.lb-actions>a{border:1px solid #d58370;background:#fff7f3;border-radius:12px;padding:12px 16px;color:#763e32;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.lb-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lb-gate{border:1px solid #e2dcd8;background:#fff;border-radius:16px;padding:20px}.lb-gate-top{display:flex;gap:12px;justify-content:space-between}.lb-gate-top span{font-size:11px;font-weight:700;color:#795c30;white-space:nowrap}.lb-gate p,.lb-gate small{font-size:13px}.lb-source{font-family:monospace;font-size:12px}.lb-journey{border:1px solid #e2dcd8;background:#fff;border-radius:16px;margin:12px 0}.lb summary{padding:18px;cursor:pointer;display:flex;gap:12px;align-items:baseline}.lb summary>span{font-size:11px;text-transform:uppercase;color:#986450}.lb summary>strong{flex:1}.lb summary>small{font-size:12px}.lb-detail{padding:0 22px 22px}.lb li{padding:8px 0}.lb li p{margin:5px 0}.lb textarea{display:block;width:100%;min-height:100px;border:1px solid #bca69d;border-radius:10px;padding:12px;margin-top:8px;font:inherit;box-sizing:border-box}.lb-warning{padding:16px;border:1px solid #d4a24c;background:#fff4d8;border-radius:12px}.lb blockquote{margin:16px 0;border-left:3px solid coral;padding-left:14px}@media(max-width:650px){.lb{padding:12px 0 40px}.lb-hero{padding:20px}.lb-gates{grid-template-columns:1fr}.lb summary{flex-wrap:wrap}.lb summary>strong{flex-basis:70%}.lb summary>small{margin-left:0}.lb-gate{padding:16px}}
.lb button:disabled{background:#f3f3f3;border-color:#ccc;color:#666;cursor:not-allowed}

.mws { display: flex; flex-direction: column; gap: 14px; max-width: 640px; font-family: var(--c-font, var(--h-sans)); }
.mws-list, .mws-shut { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.coral-app .mws .mws-shop { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-height: 64px; padding: 12px 14px; border-radius: 14px; color: var(--c-ink, #14161b); text-decoration: none; }
.coral-app .mws .mws-shop.first { border: 1.5px solid #f6c9ba; box-shadow: 0 6px 24px rgb(242 84 45 / 8%); }
.mws-shop:hover, .mws-shop:focus-visible { border-color: #f2542d; }
.mws-mark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: #fdece6; color: #e0481f; font: 700 17px/1 var(--c-font); }
.mws-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mws-t b { font: 700 16px/1.3 var(--c-font); overflow-wrap: anywhere; }
.mws-t small { font: 450 13px/1.35 var(--c-font); color: #6b7280; overflow-wrap: anywhere; }
.mws-go { display: inline-flex; align-items: center; gap: 4px; font: 700 14px/1.2 var(--c-font); color: #e0481f; white-space: nowrap; }
.mws-chev { display: inline-block; width: 18px; height: 18px; }
.mws-shut li { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border-radius: 12px; background: #f7f7f9; }
.mws-shut b { font: 600 15px/1.3 var(--c-font); color: #3f4450; }
.mws-shut small { font: 450 13px/1.4 var(--c-font); color: #6b7280; }
.mws-house { display: flex; flex-direction: column; gap: 2px; min-height: 44px; padding: 10px 2px; border-top: 1px solid var(--c-line, #e5e7eb); color: #3f4450; text-decoration: none; }
.mws-house b { font: 600 15px/1.3 var(--c-font); color: #e0481f; text-decoration: underline; text-underline-offset: 2px; }
.mws-house small { font: 450 13px/1.4 var(--c-font); color: #6b7280; }
@media (max-width: 420px) { .mws-go > span:first-child { display: none; } }

.md-pop.cov-red > summary{border-color:var(--mx-bad,#ff8a8a);background:var(--mx-bad-t,rgb(255 138 138 / 12%))}
.md-pop-body.cov-body{width:min(640px,calc(100vw - 32px))}
.cov-bad{color:var(--mx-bad,#ff8a8a);margin:6px 0}
.cov-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
table.cov{border-collapse:collapse;font-size:12px;min-width:100%;white-space:nowrap}
table.cov th,table.cov td{text-align:left;padding:5px 12px 5px 0;border-top:1px solid var(--mx-line)}
table.cov thead th{border-top:0;color:var(--mx-label,#a39c8d);font-weight:600}
table.cov tbody th{color:var(--mx-ink,#f3e9d7);font-weight:500}
table.cov tr.late td,table.cov tr.late th{color:var(--mx-bad,#ff8a8a)}
.cov-flag{margin-left:6px;padding:1px 6px;border-radius:6px;font-size:11px;background:var(--mx-bad-t,rgb(255 138 138 / 15%));border:1px solid rgb(255 138 138 / 45%);color:var(--mx-bad,#ff8a8a)}/*kit-part*/
.cov-chip{display:flex;align-items:center;min-height:32px;box-sizing:border-box;padding:5px 10px;border-radius:8px;font-size:12px;text-decoration:none;white-space:nowrap;border:1px solid var(--mx-bad,#ff8a8a);background:var(--mx-bad-t,rgb(255 138 138 / 12%));color:var(--mx-bad,#ff8a8a)}

.md{--md-cw:260px;--md-gap:8px;--md-pad:12px;max-width:none;margin:0;padding:10px 0 56px;color:var(--mx-body,#cfc6b5);font-size:13px;line-height:1.35}
.md h1{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin:4px 0;color:var(--mx-ink,#f3e9d7)}
.md-eyebrow{margin:0;font-size:10px;letter-spacing:.14em;color:var(--mx-label,#a39c8d);font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.md-eyebrow time{letter-spacing:0;font-weight:500}
.md-live{width:8px;height:8px;border-radius:50%;background:#5fb4ff;box-shadow:0 0 0 0 rgb(95 180 255 / 60%);animation:md-pulse 2s infinite}
.md-live.stale{background:#8a877e;animation:none}
@keyframes md-pulse{70%{box-shadow:0 0 0 7px rgb(95 180 255 / 0%)}100%{box-shadow:0 0 0 0 rgb(95 180 255 / 0%)}}
@media (prefers-reduced-motion:reduce){.md-live{animation:none}}
.md-note{font-size:12px;color:var(--mx-label,#a39c8d);line-height:1.5;margin:6px 0 0;max-width:760px}
.md-warning{padding:10px 12px;border:1px solid var(--mx-wait,#ffcf5c);background:var(--mx-wait-t);border-radius:10px;line-height:1.5;margin:8px 0}
.md .md-flag{display:block;margin:8px 0;padding:9px 12px 9px 32px;border-radius:10px;background:var(--mx-bad-t);border:1px solid rgb(255 138 138 / 40%);color:var(--mx-ink,#f3e9d7);line-height:1.45;position:relative;max-width:900px}
.md-flag:before{content:'⚑';position:absolute;left:11px;top:8px;color:var(--mx-bad,#ff8a8a)}
.md-back{font-size:12px}
.md a{color:#8fc1f0}
.md-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.md-cover{margin:2px 0 6px;font-size:12px;color:var(--mx-body)}


.md .planned{--st:#888780}.md .in-progress,.md .running{--st:#e0912a}.md .queued,.md .waiting{--st:#ba7517}.md .stuck,.md .failed{--st:#e24b4a}
.md .waiting-on-paul{--st:#e24b4a}.md .done{--st:#5ea832}.md .landed,.md .finished,.md .finished-errors{--st:#4d8fd6}.md .stopped,.md .never-started{--st:#8a877e}
.md-pill{display:inline-block;font-size:11px;padding:1px 7px;border-radius:9px;white-space:nowrap;font-weight:600;color:#f3e9d7;background:color-mix(in srgb,var(--st,#888) 45%,#141821)}
.md-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--st,#888);margin-right:6px;vertical-align:1px}
.md-llm{font-size:10.5px;color:#c9a8ff;border:1px solid rgb(201 168 255 / 40%);border-radius:6px;padding:0 5px;white-space:nowrap}
.md-llm strong{color:var(--mx-wait,#ffcf5c);font-weight:600}
.md-src{font-size:10px;color:var(--mx-label);border:1px solid var(--mx-line-in);border-radius:5px;padding:0 4px;white-space:nowrap}
.md-src.llm{color:#c9a8ff;border-color:rgb(201 168 255 / 40%)}
.md-t{white-space:nowrap}


.md-trust{display:flex;flex-wrap:wrap;gap:6px}
.md-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:8px 0 10px}
.md-pop{position:relative}
.md .md-pop > summary,.md .md-side-fold > summary,.md .md-p-more > summary{display:flex;align-items:center;gap:6px;height:auto;min-height:32px;margin:0;box-sizing:border-box}
.md-pop > summary{list-style:none;cursor:pointer;font-size:12px;color:var(--mx-ink,#f3e9d7);border:1px solid var(--mx-line-in);background:var(--mx-card,#141821);border-radius:8px;padding:5px 10px;white-space:nowrap}
.md-pop > summary::-webkit-details-marker{display:none}
.md-pop > summary.hot{border-color:var(--mx-bad,#ff8a8a);background:var(--mx-bad-t)}
.md-tr > summary b{color:var(--mx-label);font-weight:600}
.md-pop-body{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:min(440px,calc(100vw - 32px));max-height:70vh;overflow:auto;background:var(--mx-card,#141821);border:1px solid var(--mx-line-in);border-radius:10px;padding:10px 12px;box-shadow:0 10px 30px rgb(0 0 0 / 45%);line-height:1.5}
.md-pop-body h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-label);margin:10px 0 4px}
.md-pop-body ul{margin:4px 0;padding-left:18px}
.md-accounts .md-pop-body{width:min(760px,calc(100vw - 32px))}
.md-accounts table{width:100%;border-collapse:collapse;font-size:12px}
.md-accounts th,.md-accounts td{text-align:left;padding:5px 8px 5px 0;border-top:1px solid var(--mx-line);vertical-align:top}
.md-accounts thead th{border-top:0;color:var(--mx-label);font-weight:600}
.md-bar{display:inline-block;min-width:56px;padding:1px 6px;border-radius:6px;background:linear-gradient(90deg,rgb(143 220 106 / 30%) var(--v),transparent var(--v)),var(--mx-well,#1e2330)}
.md-bar.over{background:linear-gradient(90deg,rgb(255 138 138 / 35%) var(--v),transparent var(--v)),var(--mx-well,#1e2330)}
.md-leg{list-style:none;padding:0!important}
.md-leg li{margin:3px 0}
.md-slider{display:flex;border:1px solid var(--mx-line-in);border-radius:9px;overflow:hidden;background:var(--mx-card,#141821)}
.md-slider a{display:grid;justify-items:center;padding:3px 12px;text-decoration:none;color:var(--mx-body)!important;font-size:12px;min-width:44px;line-height:1.2}
.md-slider a b{font-weight:650;color:var(--mx-ink)}
.md-slider a span{font-size:11px;color:var(--mx-label)}
.md-slider a + a{border-left:1px solid var(--mx-line-in)}
.md-slider a.on{background:color-mix(in srgb,#4d8fd6 35%,#141821)}
.md-check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mx-ink);border:1px solid var(--mx-line-in);border-radius:8px;padding:4px 9px;background:var(--mx-card,#141821);cursor:pointer;white-space:nowrap}
.md-check.failed{border-color:rgb(226 75 74 / 55%)}
.md-fit{display:none;background:var(--mx-well,#1e2330);color:var(--mx-ink);border:1px solid var(--mx-line-in);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer}
.md-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:8px 0 0}
.md-form label{display:grid;gap:3px;font-size:11px;color:var(--mx-label)}
.md-inline{display:inline}
.md-wait-list{padding-left:16px!important}
.md-wait{margin:6px 0}
.md-pick{color:var(--mx-label)}


.md:not(:has(#md-untied:checked)) [data-untied]{display:none}
.md:not(:has(#md-failed:checked)) :is(.md-ag,.md-srow).failed:not([data-keep]){display:none}


.md-side{margin:0 0 12px}
.md-side-fold{border:1px solid var(--mx-line);border-radius:12px;background:var(--mx-card,#141821);padding:8px 12px}
.md-side-fold > summary{cursor:pointer;color:var(--mx-ink);font-size:13px}
.md-side-you{margin:6px 0;font-weight:600}
.md-sgroup h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-label);margin:12px 0 4px}
.md-sgroup ul{list-style:none;margin:0;padding:0}
.md-srow{display:grid;gap:1px;padding:6px 0 6px 9px;border-left:3px solid var(--st,#666);margin:0 0 4px}
.md-srow > a{color:var(--mx-ink)!important;text-decoration:none;font-weight:600;font-size:12.5px;overflow-wrap:anywhere}
.md-tally{font-size:11.5px}
.md-active{font-size:11.5px;color:var(--mx-body)}
.md-active.amber{color:var(--mx-wait,#ffcf5c)}.md-active.red{color:var(--mx-bad,#ff8a8a)}
.md-active:before{content:'●';margin-right:4px;font-size:9px;color:#6ba62a}
.md-active.amber:before{color:var(--mx-wait,#ffcf5c)}.md-active.red:before{color:var(--mx-bad,#ff8a8a)}


.md-zone{background:var(--mx-tint,#191d27);border:1px solid var(--mx-line);border-radius:14px;padding:12px;margin:0 0 14px}
.md-zone h2{margin:2px 0 12px;font-size:18px;font-weight:650;color:var(--mx-ink,#f3e9d7);display:flex;align-items:center;gap:10px}
.md-zone h2 i{font-style:normal;font-size:13px;width:26px;height:26px;border-radius:50%;background:var(--mx-well,#1e2330);border:1px solid var(--mx-line-in);display:grid;place-items:center;flex:none}
.md-rows,.md-row{display:grid;gap:12px}


.md-node{background:var(--mx-card,#141821);border:2px solid var(--st,#555);border-radius:12px;padding:0 var(--md-pad) var(--md-pad);box-sizing:border-box;min-width:0}
.md-node.flat{padding-bottom:0}
.md-node-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;min-height:40px;padding:6px 0}
.md-node-head h3{margin:0;font-size:15px;font-weight:650;line-height:1.2}
.md-node-head h3 a{color:var(--mx-ink,#f3e9d7);text-decoration:none}
.md-node-head h3 a:hover{text-decoration:underline}
.md-ct{color:var(--mx-label);margin-left:auto;font-size:12px}
.md-after{margin:0 0 8px;font-size:12px;color:var(--mx-label)}
.md-cards{display:grid;gap:var(--md-gap)}
.md-ref{display:block;margin-top:8px;padding:5px 8px;border:1px dashed var(--mx-line-in);border-radius:7px;font-size:11.5px}


.md-ag{background:var(--mx-well,#1e2330);border-left:4px solid var(--st,#666);border-radius:7px;padding:7px 9px;min-width:0}
.md-ag > summary{list-style:none;cursor:pointer;display:grid;gap:2px}
.md-ag > summary::-webkit-details-marker{display:none}
.md-goal{font-size:13px;line-height:1.3;font-weight:600;color:var(--mx-ink,#f3e9d7);overflow-wrap:anywhere}
.md-m{margin:0;font-size:11.5px;line-height:1.45;color:var(--mx-label,#a39c8d);overflow-wrap:anywhere}
.md-dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 10px;margin:8px 0 0;font-size:11.5px;line-height:1.45}
.md-dl dt{color:var(--mx-label)}
.md-dl dd{margin:0;color:var(--mx-body);overflow-wrap:anywhere}
.md-dl code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace}
.md-lane{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.8}
.md-subs{margin:6px 0 0;padding:6px 0 0 4px;border-top:1px solid var(--mx-line);list-style:none;font-size:11.5px;line-height:1.5;color:var(--mx-body)}
.md-subs ul{list-style:none;padding-left:12px;margin:0}
.md-subs li{overflow-wrap:anywhere}


.md-panel{position:fixed;inset:0;z-index:60;background:var(--mx-card,#141821);overflow:auto;padding:14px 16px 40px;box-sizing:border-box}
.md-panel[hidden]{display:none}
.md-panel-x{position:sticky;top:0;float:right;font-size:24px;line-height:1;background:var(--mx-well,#1e2330);color:var(--mx-ink);border:1px solid var(--mx-line-in);border-radius:8px;width:40px;height:40px;cursor:pointer}
.md-p-head h2{margin:0 0 6px;font-size:20px;color:var(--mx-ink);padding-right:48px}
.md-state-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 6px}
.md-verdict{margin:6px 0}
.md-glance{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:10px 0;padding:10px 12px;background:var(--mx-well,#1e2330);border-radius:10px;font-size:13.5px}
.md-glance dt{color:var(--mx-label);font-weight:600}
.md-glance dd{margin:0;color:var(--mx-ink)}
.md-glance .md-glance-src{grid-column:1 / -1}
.md-img{margin:10px 0}
.md-img img{max-width:100%;border-radius:8px;border:1px solid var(--mx-line)}
.md-img figcaption{font-size:11.5px;color:var(--mx-label)}
.md-p-wait{border:1px solid rgb(226 75 74 / 55%);background:var(--mx-bad-t);border-radius:10px;padding:6px 12px;margin:10px 0}
.md-p-wait h3,.md-p-more h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-label);margin:12px 0 4px}
.md-p-wait ul{margin:0;padding-left:16px}
.md-p-more{margin:12px 0}
.md-p-more > summary{cursor:pointer;color:var(--mx-ink);font-weight:600}
.md-p-more ul{margin:4px 0;padding-left:16px}
.md-said q{color:var(--mx-ink)}

.md-ev{display:inline-block;font-size:11px;padding:0 7px;border-radius:9px;white-space:nowrap;font-weight:600;border:1px solid currentColor;color:#a39c8d}
.md-ev.verified{color:#9fd27a}.md-ev.observed{color:#9cc8ff}.md-ev.reported{color:#e9b45a}
.md-ladder,.md-dw{margin:12px 0}
.md-ladder h3,.md-dw h3{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-label);margin:0 0 6px}
.md-ladder h3 .md-ev{letter-spacing:0;text-transform:none;margin-left:4px}
.md-ladder ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.md-ladder li{font-size:12.5px;line-height:1.45;color:var(--mx-label);padding:4px 8px 4px 22px;border-radius:8px;position:relative}
.md-ladder li::before{content:"";position:absolute;left:8px;top:10px;width:7px;height:7px;border-radius:50%;border:1px solid currentColor}
.md-ladder li.on{color:var(--mx-ink)}.md-ladder li.on::before{background:currentColor}
.md-ladder li.at{background:color-mix(in srgb,var(--mx-ink) 7%,transparent)}
.md-ladder li b{display:inline-block;min-width:72px}
.md-crit{list-style:none;margin:0;padding:0!important;display:grid;gap:8px}
.md-crit li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;font-size:13px;line-height:1.45}
.md-crit p{margin:0;overflow-wrap:anywhere}
.md-mk{font-weight:700;text-align:center;color:var(--mx-label)}
.md-crit li.met .md-mk,.md-crit li.met .md-crit-how b{color:#9fd27a}
.md-crit li.unmet .md-mk,.md-crit li.unmet .md-crit-how b{color:var(--mx-bad,#ff8a8a)}
.md-crit li.unknown .md-mk,.md-crit li.unknown .md-crit-how b{color:#e9b45a}
.md-crit-how{font-size:11.5px;color:var(--mx-label)}
.md-crit-ev{font-size:11.5px;color:var(--mx-label);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.85}
.md-p-agents{list-style:none;padding:0!important}
.md-panel-page{max-width:760px}
.md-tpls{display:none}


.md-focus{max-width:1000px}
.md-edit{margin:12px 0;border:1px solid var(--mx-line);border-radius:10px;padding:8px 12px;background:var(--mx-card,#141821)}
.md-edit summary{cursor:pointer;color:var(--mx-ink)}
.md-edit h3{font-size:12px;margin:12px 0 4px;text-transform:uppercase;letter-spacing:.08em;color:var(--mx-label)}
.md-own{margin-top:12px}

@media (min-width:1000px){
  
  .coral-main:has(> .coral-content > .md:not(.md-focus)){max-width:none}
  .md-fit{display:inline-block}
  .md-body{display:grid;grid-template-columns:clamp(230px,20vw,300px) minmax(0,1fr);gap:14px;align-items:start}
  .md-side{position:sticky;top:8px;max-height:calc(100vh - 24px);overflow:auto;margin:0}
  .md-dag{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--mx-line);height:calc(100vh - 210px);min-height:520px;background:var(--mx-bg,#0f1218);touch-action:none}
  .md-canvas{transform-origin:0 0}
  .md-canvas.laid{position:absolute;left:0;top:0;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:56px 64px;padding:40px;box-sizing:border-box}
  .md-canvas.laid .md-zone{margin:0;width:max-content;padding:14px 18px 18px}
  .md-canvas.laid .md-rows{display:grid;gap:56px}
  .md-canvas.laid .md-row{display:flex;flex-wrap:wrap;gap:52px 44px;align-items:flex-start;max-width:640px}
  .md-canvas.laid .md-zone[data-zone=plan-icp-journeys] .md-row{max-width:none;flex-wrap:nowrap}
  .md-canvas.laid .md-after{display:none}
  .md-cards{display:block;columns:var(--cols) var(--md-cw);column-gap:var(--md-gap);width:calc(var(--cols) * var(--md-cw) + (var(--cols) - 1) * var(--md-gap))}
  .md-cards .md-ag{margin-bottom:var(--md-gap);display:inline-block;width:100%;box-sizing:border-box}
  .md-node{width:max-content;max-width:none}
  .md-node.flat{min-width:220px}
  .md-node-head h3{white-space:nowrap}
  
  .md-node-head > *{flex-shrink:0}
  .md-ct{white-space:nowrap}
  .md-canvas > svg.md-edges{position:absolute;left:0;top:0;z-index:3;pointer-events:none;overflow:visible}
  .md-edges path{fill:none;stroke:#b8b5aa;stroke-width:2;opacity:.85}
  .md-edges path.up{stroke:var(--mx-bad,#ff8a8a);stroke-dasharray:6 5}
  .md-panel{inset:0 0 0 auto;width:min(460px,40vw);border-left:1px solid var(--mx-line-in);box-shadow:-12px 0 30px rgb(0 0 0 / 40%)}
  .md-own .md-node{width:auto}
}


.md-bk{display:inline-block;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:5px;border:1px solid var(--mx-line-in);color:var(--mx-label)}
.md-bk.wait,.md-bk.ask{color:var(--mx-wait,#ffcf5c);border-color:rgb(255 207 92 / 45%)}
.md-wait-list.side{list-style:none;padding:0!important;margin:0;font-size:12px}
.md-wait-list.side .md-wait{padding:5px 0 5px 9px;border-left:3px solid var(--mx-wait,#ffcf5c);overflow-wrap:anywhere}
.md-more > summary{cursor:pointer;font-size:12px;color:var(--mx-label);margin:4px 0}
.md-now{font-size:12px;color:var(--mx-ink,#f3e9d7);overflow-wrap:anywhere}
.md-now.none{color:var(--mx-label)}
.md-told{margin:4px 0 0;padding-left:18px;font-size:12px}
.md-told-i{margin:3px 0;overflow-wrap:anywhere}
.md-tstat{display:inline-block;font-size:10.5px;padding:0 6px;border-radius:5px;border:1px solid var(--mx-line-in);color:var(--mx-label);white-space:nowrap}
.md-tstat.working{color:#9cc8ff;border-color:rgb(156 200 255 / 45%)}
.md-tstat.done{color:#8fd16a;border-color:rgb(143 209 106 / 45%)}
.md-tstat.amber{color:var(--mx-wait,#ffcf5c);border-color:var(--mx-wait,#ffcf5c)}
.md-tstat.red{color:var(--mx-bad,#ff8a8a);border-color:var(--mx-bad,#ff8a8a)}
.md-ref{color:var(--mx-body)!important;text-decoration:none;overflow-wrap:anywhere;max-width:420px}
.md-ref.amber{border-color:var(--mx-wait,#ffcf5c)}.md-ref.red{border-color:var(--mx-bad,#ff8a8a)}
.md-landed{font-size:11.5px;color:#9cc8ff;white-space:nowrap}

.md-watch,.md-prop{display:inline-block;font-size:11px;padding:0 7px;border-radius:9px;white-space:nowrap;font-weight:600;border:1px solid currentColor}
.md-watch.md-w-trust{color:#9cc8ff}.md-watch.md-w-ux{color:#f0a6d8}.md-prop{color:#d8cfbd;border-style:dashed}
.md-node.md-w-trust{box-shadow:0 0 0 2px #9cc8ff55}.md-node.md-w-ux{box-shadow:0 0 0 2px #f0a6d855}
.md-node.stub{border-style:dashed;border-color:var(--mx-line-in);background:transparent}
.md-node.stub .md-ct{color:var(--mx-body)}
.md-side-n{color:var(--mx-wait,#ffcf5c)}
.md-node.stub .md-node-head h3{font-size:13px;font-weight:500}
.md-proposed-all{margin-top:10px;border-top:1px dashed var(--mx-line-in);padding-top:6px}
.md-proposed-all > summary{cursor:pointer;font-size:12px;color:var(--mx-label)}
.md-proposed{border:1px dashed var(--mx-line-in);border-radius:9px;padding:6px 9px;margin:6px 0;font-size:12.5px}
.md-proposed p{margin:0 0 4px}
.md-adopt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.md-adopt select{max-width:200px}
.md-node.sel{outline:3px solid #9cc8ff;outline-offset:2px}
@media (min-width:1000px){
  .md-edges path{opacity:.35}
  .md-edges.has-sel path{opacity:.06}
  .md-edges.has-sel path.on{opacity:1;stroke:#e8e6df;stroke-width:2.5}
  .md-ref{display:block}
}

.pq { display: flex; flex-direction: column; gap: 14px; max-width: 1180px; font-family: var(--c-font, var(--h-sans)); color: #2a2e36; }
.pq-whose, .pq-lede { margin: 0; font: 600 16px/1.4 var(--c-font, var(--h-sans)); color: #2a2e36; }
.pq-h { margin: 10px 0 0; font: 800 20px/1.25 var(--c-font, var(--h-sans)); color: #14161b; }
.pq-gcap { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 14px 16px; border-radius: 14px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8; }
.pq-cap-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font: 800 17px/1.3 var(--c-font, var(--h-sans)); color: #14161b; }
.pq-cap-head b { flex: 1 1 8em; min-width: min-content; overflow-wrap: normal; word-break: normal; }
.pq-chip { padding: 3px 9px; border-radius: 999px; font: 700 12px/1.3 var(--c-font, var(--h-sans)); white-space: nowrap; }
.pq-chip.open { background: #d7f5e3; color: #17663a; }
.pq-chip.shut { background: #eef0f2; color: #5b6170; }
.pq-needs { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.pq-need { display: flex; align-items: flex-start; gap: 9px; font: 500 15px/1.4 var(--c-font, var(--h-sans)); color: #3b3f47; }
.pq-tick { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; box-shadow: inset 0 0 0 2px #cfd3da; font: 800 12px/1 var(--c-font, var(--h-sans)); }
.pq-need.ok { color: #5b6170; }
.pq-need.ok .pq-tick { background: #2f9e5e; box-shadow: none; color: #ffffff; }
.pq-need-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
a.pq-need-label { color: #c2410c; font-weight: 700; }
.pq-note, .pq-by { font: 450 13px/1.4 var(--c-font, var(--h-sans)); color: #6b7180; }
.pq-fine { margin: 0; font: 500 13px/1.4 var(--c-font, var(--h-sans)); color: #6b7180; }

.pq-top { display: flex; flex-direction: column; gap: 14px; padding: 18px; border-radius: 18px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8; }
.pq-where { display: flex; align-items: center; gap: 14px; }
.pq-badge { flex: none; display: inline-flex; width: 56px; height: 63px; filter: drop-shadow(0 2px 3px rgb(20 22 27 / 18%)); }
.pq-badge.un { filter: none; }
.pq-badge svg { width: 100%; height: 100%; overflow: visible; }
.pq-where-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pq-where-h { margin: 0; font: 800 26px/1.15 var(--c-font, var(--h-sans)); color: #14161b; }
.pq-where-line { margin: 0; font: 450 15px/1.45 var(--c-font, var(--h-sans)); color: #3b3f47; }
.pq-now { margin: 0; padding-top: 12px; border-top: 1px solid #eef0f2; font: 500 16px/1.5 var(--c-font, var(--h-sans)); color: #2a2e36; }
.pq-now a { color: #c2410c; font-weight: 700; }
.pq-next { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px; border-radius: 14px; background: #fff3ec; box-shadow: inset 0 0 0 1px #f6c9ad; }
.pq-next.wait { background: #f4f5f7; box-shadow: inset 0 0 0 1px #e4e5e8; }
.pq-next-k { margin: 0; font: 700 13px/1.3 var(--c-font, var(--h-sans)); letter-spacing: .04em; text-transform: uppercase; color: #9a3412; }
.pq-next.wait .pq-next-k { color: #5b6170; }
.pq-next-step { margin: 0; font: 800 22px/1.2 var(--c-font, var(--h-sans)); color: #14161b; }
.pq-next-note { margin: 0; font: 450 15px/1.45 var(--c-font, var(--h-sans)); color: #3b3f47; }
.pq-next-go { margin-top: 6px; }
.pq-locked { display: flex; flex-direction: column; gap: 10px; }
.pq-locked .pq-h { margin: 0; }
.pq-lks { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pq-lk { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8; }
.pq-lk-line { display: flex; gap: 10px; margin: 0; font: 450 15px/1.45 var(--c-font, var(--h-sans)); color: #3b3f47; }
.pq-lk-line b { color: #14161b; }
.pq-lk-line b::after { content: ":"; }
.pq-lk-ico { flex: none; display: inline-flex; padding-top: 3px; color: #8e94a0; }
.pq-lk-go { align-self: flex-start; margin-left: 26px; font: 700 14px/1.3 var(--c-font, var(--h-sans)); color: #c2410c; }
.pq-steps { margin: 0 0 0 26px; padding: 0; font: 500 14px/1.4 var(--c-font, var(--h-sans)); color: #5b6170; }
.pq-steps { min-height: 0; }
.pq-steps summary { display: flex; align-items: center; gap: 6px; min-height: 32px; cursor: pointer; color: #6b7180; font-weight: 600; }
.pq-steps summary::before { content: "▸"; }
.pq-steps[open] summary::before { content: "▾"; }
.pq-steps summary::-webkit-details-marker { display: none; }
.pq-steps summary { list-style: none; }
.pq-steps .pq-needs { margin-top: 8px; }
.pq-chal { margin: 0; padding: 12px 14px; border-radius: 14px; background: #f4f5f7; font: 450 15px/1.45 var(--c-font, var(--h-sans)); color: #2a2e36; }
@media (min-width: 900px) {
  .pq-plain { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
  .pq-plain > .pq-whose, .pq-plain > .pq-fine { grid-column: 1 / -1; }
}

.pq-admin-links { margin: 0 0 8px; font: 500 14px/1.4 var(--c-font, var(--h-sans)); }
.pq-inv { margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; font: 600 14px/1.4 var(--c-font, var(--h-sans)); }
.pq-inv.ok { background: #e9f8ef; color: #17663a; }
.pq-inv.bad { background: #fde8e1; color: #8a2e10; }
.pq-graph-caps { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.pq-bars { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pq-bars li { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label n" "bar bar"; gap: 4px 10px; font: 500 14px/1.35 var(--c-font, var(--h-sans)); color: #2a2e36; }
.pq-bar-label { grid-area: label; min-width: 0; }
.pq-bar-label small { color: #8e94a0; }
.pq-bar { grid-area: bar; height: 8px; border-radius: 999px; background: #eef0f2; overflow: hidden; }
.pq-bar-fill { display: block; height: 100%; border-radius: 999px; background: #c2410c; }
.pq-bar-n { grid-area: n; font-variant-numeric: tabular-nums; color: #14161b; }
.pq-invs { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pq-invs li { display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 10px 14px; border-radius: 12px; background: #ffffff; box-shadow: inset 0 0 0 1px #e4e5e8; font: 500 14px/1.4 var(--c-font, var(--h-sans)); }
.pq-invs li.ok b { color: #17663a; }
.pq-invs li.bad { box-shadow: inset 0 0 0 2px #c2410c; }
.pq-invs li.bad b { color: #8a2e10; }
.pq-invs small { flex-basis: 100%; color: #6b7180; overflow-wrap: anywhere; }
@media (min-width: 900px) {
  .pq-graph-caps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.qu { display: grid; gap: var(--mx-s3); width: 100%; max-width: 760px; min-width: 0; }
.qu-score { margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }

.qu-card { display: grid; gap: var(--mx-s3); min-width: 0; padding: 20px; overflow-wrap: anywhere; }
.qu-card.k-one-way-door { border-left: 4px solid var(--mx-primary); }
.qu-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0; font-size: var(--mx-fs-small); color: var(--mx-label); }
.qu-kind { font-weight: 700; color: var(--mx-ink); }
.k-one-way-door .qu-kind { color: #b3410b; }
.qu-money { font-weight: 700; color: var(--mx-ink); }
.qu-title { margin: 0; font-size: clamp(22px, 5.5vw, 30px); line-height: 1.2; }
.qu-why { margin: 0; font-size: 17px; line-height: 1.5; }

.qu-seen { display: grid; gap: var(--mx-s2); }
.qu-fig { margin: 0; min-width: 0; }
.qu-fig a { display: block; }
.qu-fig img, .qu-fig video { display: block; width: auto; max-width: 100%; height: auto; max-height: 70vh; border: 1px solid var(--mx-line); border-radius: 12px; }
.qu-fig video { width: 100%; background: #000; }
.qu-fig figcaption { margin-top: 4px; font-size: var(--mx-fs-small); color: var(--mx-label); }
@media (min-width: 900px) { .qu-seen.many { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.qu-read { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.qu-read a { color: inherit; }
.qu-sheet code { font-size: 13px; }

.qu-steps { margin: 0; padding: 14px 14px 14px 34px; display: grid; gap: 8px; background: var(--mx-well); border-radius: 12px; line-height: 1.5; }
.qu-steps a { color: inherit; font-weight: 600; }
.qu-pick { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--mx-card); border: 1px solid var(--mx-line); line-height: 1.5; }

.qu-form { display: grid; gap: var(--mx-s3); margin: 0; }
.qu-note label { display: block; margin-bottom: 4px; font-size: var(--mx-fs-small); color: var(--mx-label); }
.qu-note-row { display: flex; gap: 8px; align-items: stretch; }
.qu-note textarea { flex: 1; min-width: 0; min-height: 52px; box-sizing: border-box; padding: 12px; border: 1px solid var(--mx-line-in, var(--mx-line)); border-radius: 12px; font: inherit; font-size: 16px; resize: vertical; background: white; color: inherit; }
.qu-mic { flex: none; width: 52px; border: 1px solid var(--mx-line-in, var(--mx-line)); border-radius: 12px; background: white; font-size: 22px; cursor: pointer; }
.qu-mic[hidden] { display: none; }
.qu-mic.on { background: var(--mx-primary); border-color: var(--mx-primary); }
.qu-opts { display: grid; gap: 10px; }
.qu-opts .kit-btn { width: 100%; justify-content: center; }
.qu-opts .kit-btn.ghost { min-height: 48px; border: 1px solid var(--mx-line-in, var(--mx-line)); }
.qu-later { justify-self: center; min-height: 44px; padding: 0 16px; border: 0; background: none; font: inherit; cursor: pointer; }
@media (min-width: 700px) {
  .qu-opts { display: flex; flex-wrap: wrap; align-items: center; }
  .qu-opts .kit-btn { width: auto; }
  .qu-later { margin-left: auto; }
}
.qu-key { display: none; min-width: 1.6em; margin-right: 8px; padding: 0 4px; border: 1px solid currentColor; border-radius: 5px; font-size: 12px; line-height: 1.5; text-align: center; opacity: .65; }
.qu-nav .qu-key { margin: 0 0 0 8px; }
.qu-nav [rel=prev] .qu-key { margin: 0 8px 0 0; }
@media (hover: hover) and (pointer: fine) and (min-width: 700px) { .qu-key { display: inline-block; } }

.qu-from { margin: 0; font-size: var(--mx-fs-small); }
.qu-nav { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--mx-line); padding-top: 12px; }
.qu-nav a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 600; text-decoration: none; }

.qu-empty { padding: 28px 20px; }
.qu-empty h2 { margin: 0 0 6px; }

.qu-rest h2, .qu-history summary { font-size: 17px; margin: var(--mx-s3) 0 var(--mx-s2); }
.qu-rest ol, .qu-history ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.qu-rest a { display: grid; gap: 2px; padding: 10px 12px; border-radius: 10px; color: inherit; text-decoration: none; }
.qu-rest a:hover, .qu-rest li.on a { background: var(--mx-well); }
.qu-rest-t { font-weight: 600; }
.qu-rest-m { font-size: var(--mx-fs-small); }
.qu-history summary { cursor: pointer; font-weight: 700; }
.qu-history li { padding: 12px 0; border-bottom: 1px solid var(--mx-line); }
.qu-history p { margin: 0; }
.qu-h-a { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; margin-top: 4px !important; font-size: var(--mx-fs-small); }
.qu-tag { padding: 1px 8px; border-radius: 99px; background: var(--mx-well); font-size: 12px; }
.qu-tag.same { background: var(--mx-ok, #e3f3e6); color: var(--mx-ok-t, inherit); }
.qu-tag.other { background: #fdebd8; }
.qu-h-note { margin: 8px 0 0; padding-left: 12px; border-left: 3px solid var(--mx-line); font-style: italic; }

.admin-mobile-nav > summary .admin-nav-n { margin-left: 8px; display: inline-block; }
.admin-nav-n { margin-left: auto; min-width: 20px; padding: 0 6px; border-radius: 99px; background: #c9460a; color: white; font-size: 12px; font-weight: 700; line-height: 20px; text-align: center; }


.qu-doc { max-width: 760px; width: 100%; min-width: 0; line-height: 1.65; overflow-wrap: anywhere; }
.qu-doc h1 { font-size: clamp(26px, 5vw, 36px); line-height: 1.2; }
.qu-doc h2 { margin-top: 1.5em; line-height: 1.3; }
.qu-doc a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.qu-doc pre { white-space: pre-wrap; padding: 16px; background: var(--mx-well); border-radius: 12px; }
.qu-doc-table { overflow-x: auto; max-width: 100%; }
.qu-doc table { border-collapse: collapse; min-width: 100%; font-size: 15px; }
.qu-doc th, .qu-doc td { padding: 10px; text-align: left; border-bottom: 1px solid var(--mx-line); min-width: 100px; vertical-align: top; }
.qu-fig img { width: 100%; max-height: 70vh; object-fit: contain; }

.rc-bar {position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;
  margin:24px 0 0;padding:12px 16px;background:var(--mx-canvas);border:1px solid var(--mx-line);border-radius:var(--mx-r-card, 14px);box-shadow:0 -8px 24px rgba(0,0,0,.25)}
.rc-bar .rc-queue {margin:0;line-height:1.4}
.rc-bar .rc-pace {color:var(--mx-label)}
.rc-bar .rc-moves {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rc-bar .kit-btn {display:inline-flex;align-items:center;gap:8px;min-height:48px}
.rc-bar .kit-btn:disabled {opacity:.6}
.rc-bar .rc-skip {display:inline-flex;align-items:center;gap:6px;padding:8px 4px}
.rc-key {display:inline-block;min-width:18px;padding:0 5px;border:1px solid currentColor;border-radius:5px;font:600 12px/18px var(--mx-sans);text-align:center;opacity:.8}
.review-ping .rc-context pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:11em;overflow:auto;margin:6px 0 0;padding:10px 12px;border:1px solid var(--mx-line);border-radius:10px;font:inherit;line-height:1.45}
.review-ping .rc-context {margin:0 0 10px}
.review-ping .rc-title {margin:14px 0 4px}
.review-ping .rc-to {margin:0 0 12px}
.review-ping .rc-why {margin:0 0 8px}
.review-ping .rc-approve-form h3, .review-ping .rc-changes-form h3 {margin:18px 0 8px}/*kit-part*/
.review-ping .rc-strong {display:flex;align-items:center;gap:8px;margin:10px 0 0}
.review-ping .rp-notes label .rc-key {flex:none}
.review-ping .rc-keys {margin:16px 0 8px}
.review-ping .rc-sound {margin:8px 0 0;text-align:center}
.rc-order {margin:-4px 0 8px}
.in-row.rc-now {font-weight:600}
@media (hover:none) and (pointer:coarse) { .review-ping .rc-keys, .rc-bar .rc-key {display:none} }
@media (max-width:700px) {
  .rc-bar {margin:16px -4px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}
  .rc-bar .rc-queue {width:100%;font-size:14px}
  .rc-bar .rc-moves {width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
  .rc-bar .kit-btn {justify-content:center;padding-left:10px;padding-right:10px}
  .review-ping .rc-context pre {max-height:8em}
  .review-ping .rp-notes {grid-template-columns:1fr 1fr}
}

:root:has(.rc-bar) { --version-lift: 88px; }
@media (max-width:700px) { :root:has(.rc-bar) { --version-lift: 112px; } }
.rc-bar .rc-skip {white-space:nowrap}
@media (max-width:700px) { .rc-bar .rc-wide {display:none} }

.review-ping .rc-missing {display:grid;place-content:center;gap:6px;min-height:180px;margin:0 auto;padding:24px;text-align:center;
  border:2px dashed var(--mx-danger, #dc2626);border-radius:var(--mx-r-card, 14px);color:var(--mx-ink, inherit)}
.review-ping .rc-missing b {font-size:18px;color:var(--mx-danger, #dc2626)}
.review-ping .rc-missing p {margin:0;max-width:28ch}

.rv-record {margin:0 0 16px}
.rv-nums {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px}
.rv-nums p {margin:0;display:flex;flex-direction:column;gap:2px}
.rv-nums b {font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-0.01em}
.rv-nums small {font-size:13px;color:var(--ink-3,#6b6b6b)}
.rv-record > .in-quiet, .rv-earn .coral-quiet {margin:0;font-size:14px}
.rv-practice .v2-form + .v2-form {margin-top:20px}
.rv-calls .rv-call {display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.rv-call-t {font-weight:600;overflow-wrap:anywhere}
.rv-hit {color:#15803d}
.rv-miss {color:#b45309}
.rv-earn {margin-top:16px}
.rv-earn .coral-card-head {display:flex;align-items:center;justify-content:space-between;gap:12px}
.rv-admin {margin:0 0 20px}
.rv-apps {list-style:none;margin:0;padding:0}
.rv-admin .rv-app {display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0;border-top:1px solid rgba(0,0,0,.08)}
.rv-admin .rv-app > .in-quiet {font-size:14px}
.rv-admin .rv-app a {overflow-wrap:anywhere;word-break:break-word}
@media(min-width:900px){
  .rv-admin .rv-app {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
  .rv-admin .rv-app > .rv-role {grid-column:2;grid-row:1 / span 2}
}
.rv-role {margin:0}
.cs-review {display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:16px 18px;text-decoration:none;color:inherit}
.cs-review b {color:var(--coral,#f2541b)}

.inbox-made{margin:0;font-size:15px;line-height:1.4;color:#dcdccf}.inbox-made b{display:block;margin-bottom:2px;font-size:22px;line-height:1.15;color:#f6f4ec}.inbox-preview{padding:12px 14px;border-radius:12px;background:#22291e;font-size:14px;line-height:1.4;color:#dfe5d2}.inbox-inert{opacity:.55;cursor:default;pointer-events:none}@media(min-width:700px){.inbox-made{font-size:17px}.inbox-made b{font-size:30px;margin-bottom:6px}}
*{box-sizing:border-box}html{background:#101310;color:#f6f4ec;font:16px/1.4 system-ui,sans-serif;scroll-snap-type:y proximity;scroll-behavior:smooth}body{margin:0}a{color:inherit}button,summary,.inbox-keep{font:inherit;cursor:pointer;min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e6ff91;outline-offset:3px}.inbox-card{min-height:100svh;scroll-snap-align:start;display:grid;grid-template-rows:auto minmax(180px,1fr) auto;max-width:480px;margin:auto;padding:16px 16px max(20px,env(safe-area-inset-bottom));gap:10px}.inbox-card header{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.inbox-eyebrow{grid-column:1/-1;font-size:10px;letter-spacing:.15em;color:#c8d0bb}.inbox-card h1{font-size:20px;line-height:1.2}.inbox-card header p:last-child{font-size:12px;align-self:center;color:#c8d0bb}.inbox-card p,.inbox-card h1,.inbox-card h2{margin:0}.inbox-card video{width:100%;height:100%;max-height:52svh;min-height:180px;aspect-ratio:9/16;background:#050605;border-radius:14px;object-fit:contain}.inbox-actions{display:grid;gap:9px}.inbox-actions h2{font-size:17px}.inbox-keep{display:block;text-align:center;width:100%;border:0;border-radius:30px;background:#e6ff91;color:#18210b;font-weight:700;padding:12px;text-decoration:none}.inbox-actions summary{list-style:none;text-align:center;padding:10px;border:1px solid #69715f;border-radius:30px}.inbox-actions details p{font-size:13px;margin:10px 0}.inbox-actions details form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inbox-actions details button{border:1px solid #69715f;border-radius:12px;background:#22291e;color:inherit;padding:8px}.inbox-fine{font-size:11px;color:#c8d0bb;text-align:center}.inbox-actions nav{display:flex;justify-content:space-between;font-size:13px}.inbox-actions nav a{padding:8px}.inbox-empty{max-width:480px;margin:15svh auto;padding:24px}.inbox-empty h1{font-size:32px;overflow-wrap:anywhere}@media(min-width:700px){.inbox-card{max-width:1000px;grid-template-columns:minmax(260px,400px) minmax(250px,400px);grid-template-rows:auto 1fr;align-items:center;justify-content:center;gap:24px 56px;padding:32px}.inbox-card header{grid-column:2;grid-row:1;align-self:end;display:block}.inbox-card header h1{font-size:32px;margin:12px 0}.inbox-card video{grid-column:1;grid-row:1/3;max-height:88svh;min-height:400px}.inbox-actions{grid-column:2;grid-row:2;align-self:start;gap:18px}.inbox-actions h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:699px){.inbox-card{height:100svh;grid-template-rows:auto minmax(0,1fr) auto}.inbox-card video{max-height:100%;min-height:0}.inbox-card:has(details[open]){height:auto;min-height:100svh}.inbox-card:has(details[open]) video{height:38svh}}

.inbox-card header p:nth-last-child(2){font-size:12px;align-self:center;color:#c8d0bb}.inbox-maker{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:32px;font-size:13px;font-weight:500;color:#f6f4ec;text-decoration:none;border-bottom:1px solid rgb(246 244 236 / 35%)}@media(min-width:700px){.inbox-maker{margin-top:10px}}

.sw-card .bf-want { margin: 0; }
.sw-card .sw-sub { margin: 0; }
.sw-card .sw-all { align-self: flex-start; font: var(--mx-w-ui) var(--mx-fs-small)/var(--mx-lh-small) var(--mx-sans); }

.mp-wants { margin: 0; font: var(--mx-w-ui) var(--mx-fs-ui)/var(--mx-lh-ui) var(--mx-sans); }

.mb-open .sw-card { order: 2; }

.th-checks .th-checks-line { margin: 4px 0 0 !important; font: 400 14px/1.45 var(--c-font); color: var(--c-soft, #6b7280); }


:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .rp-notes label{border:1px solid #333333}

:where(:root:not([data-theme=light]):has(.coral-app)) .mk-page p,:where(:root:not([data-theme=light]):has(.coral-app)) .mk-costs p{color:var(--coral-muted,#acacb2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-page a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .mk-table td{border-bottom:1px solid #333333}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-total{background:#141414;border:1px solid #333333}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-costs details{border-top:1px solid #333333}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-brand{border-top:1px solid #333333}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-costs small{color:#acacb2}
@media(max-width:700px){:where(:root:not([data-theme=light]):has(.coral-app)) .mk-table tr{border:1px solid #333333;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-table td{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-table td:before{color:#acacb2}}

:where(:root:not([data-theme=light]):has(.coral-app)) .lf-status{color:#84d6b3}
:where(:root:not([data-theme=light]):has(.coral-app)) .lf-dot{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .lf-stale .lf-status{color:#f3bf68}

:where(:root:not([data-theme=light]):has(.coral-app)) .prelaunch-status{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .house-page > .prelaunch-compact{border:0;background:#3c2d15;color:var(--h-ink-2, #d9d6d3)}

:where(:root:not([data-theme=light]):has(.coral-app)) .outreach-steps{background:var(--h-sheet);border:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .outreach-steps p{color:var(--h-ink-2)}

:where(:root:not([data-theme=light]):has(.coral-app)) .or-panel,:where(:root:not([data-theme=light]):has(.coral-app)) .or-outside{border:1px solid #443a2c;background:#0f0f0e;color:#f2f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .or-outside{background:linear-gradient(175deg,#42331b 65%,#42372f 65%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .or-outside>p:last-child{background:#0f0f0e}
:where(:root:not([data-theme=light]):has(.coral-app)) .or-phone{border:8px solid #2b2826;background:#352812}
:where(:root:not([data-theme=light]):has(.coral-app)) .or-phone:nth-child(2){background:#442917}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-panel{border:1px solid #443a2c;border-left-width:6px;background:#0f0f0e;color:#f2f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-slot{border-left-color:#2f6f5e}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-slot .of-kind{background:#163127;color:#e1e6e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-you-decide{border-left-color:#cb4e19}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-you-decide .of-kind{background:#351e12;color:#f39168}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-you-do{border-left-color:#5a4a3e}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-you-do .of-kind{background:#342919;color:#e8e5e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-fresh{color:#d1ccc8}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-note{color:#d1ccc8}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-panel .scout-card{border:0;background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-locked{border-left-color:var(--h-orange,#c25414)}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-locked .of-kind{background:#392613;color:var(--h-orange-ink,#f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .of-locked .scout-card{border:0;background:none}

:where(:root:not([data-theme=light]):has(.coral-app)) .house.in-app,:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.house),:where(:root:not([data-theme=light]):has(.coral-app)) .room-embedded{--h-paper:#3e2d15;--h-paper-2:#4f391a;--h-sheet:#322611;--h-ink:#f2f1f0;--h-ink-2:#dad7d4;--h-ink-3:#c1bbb6;--h-line:#5d4625;--h-orange:#c25414;--h-orange-ink:#f39968;--h-on-orange:#f3f2f1;--mx-canvas:var(--h-paper);--mx-rail:var(--h-paper);--mx-card:var(--h-sheet);--mx-tint:#392a13;--mx-well:#423116;--mx-ink:var(--h-ink);--mx-body:var(--h-ink-2);--mx-label:var(--h-ink-3);--mx-hint:var(--h-ink-3);--mx-line:var(--h-line);--mx-line-in:var(--h-line);--mx-line-focus:#b99e7a;--mx-primary-t:#382313;--mx-primary-line:#663d22}
:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.house),:where(:root:not([data-theme=light]):has(.coral-app)) .room-embedded{background:var(--h-paper);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house ::selection{background:rgb(var(--h-glow) / 28%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house.in-app{background:none;color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-top{background:var(--h-paper);border-bottom:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-mark{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-number{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-number small,:where(:root:not([data-theme=light]):has(.coral-app)) .house-number-words small{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-number.waiting b{color:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-number.cleared b{color:var(--h-orange-ink)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house-number:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .house-mark:hover{background:rgb(255 255 255 / 9.6%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-icon{border:1.5px solid currentColor;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-icon:after{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-icon i{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number.low .battery-icon i{background:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-detail{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-detail p{color:#e9dac4}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .slot-battery.house-number .battery-detail b{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-account summary:before{border:1.5px solid var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu{background:var(--h-sheet);border:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu > b{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu a,:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu button{border:0;background:none;color:var(--h-ink)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu a:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu button:hover{background:rgb(255 255 255 / 9.6%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-account-menu a.house-build{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places .in-tab,:where(:root:not([data-theme=light]):has(.coral-app)) .house-places .in-tab.on{border:0;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places .in-tab{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places .in-tab[aria-current]{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places .in-tab[aria-current] .house-ico{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places.bar{background:var(--h-paper);border-top:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-places.bar .in-tab[aria-current]:before{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.house-room) .v2-version{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-spot,:where(:root:not([data-theme=light]):has(.coral-app)) .house-who{border:0;background:none;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-plaque{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-plaque small{color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-spot.lit .house-plaque{background:var(--h-orange);color:var(--h-on-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-spot.lit .house-plaque small{color:var(--h-on-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-spot.lit .house-plaque:after{border:1.5px solid rgb(var(--h-glow) / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-spot:before{background:radial-gradient(closest-side, rgb(74 50 25 / 55%), transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-poster.empty{background:#443319}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-hint:before{border-right:3px solid var(--h-orange);border-bottom:3px solid var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sprite-visor{background:#2b2826}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sprite-visor i{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-talk{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-talk:before{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-face{background:#2a231d}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-visor{background:#2b2826}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-visor i{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-name b{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-name small{color:#bfae96}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-line{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-key{border:0;background:var(--h-orange);color:var(--h-on-orange)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house-key:hover{background:#c25514}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-key.quiet{background:transparent;color:var(--h-on-panel, var(--h-paper));box-shadow:inset 0 0 0 1.5px rgb(0 0 0 / 50%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet{border:0;background:var(--h-sheet);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet::backdrop{background:rgb(28 22 16 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet > header{border-bottom:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet > header:before{background:var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-close{border:0;background:none;color:var(--h-ink)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house-close:hover{background:rgb(255 255 255 / 11.2%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet-body > iframe{border:0;background:var(--h-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet-body > p{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet-body.loading:after{color:var(--h-ink-3);background:var(--h-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .room-embedded,:where(:root:not([data-theme=light]):has(.coral-app)) .room-embedded body,:where(:root:not([data-theme=light]):has(.coral-app)) .room-embedded .house{background:var(--h-sheet)}
@media (min-width: 900px){:where(:root:not([data-theme=light]):has(.coral-app)) .house-places.top .in-tab[aria-current]{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house-places.top .in-tab:not([aria-current]):hover{background:rgb(255 255 255 / 9.6%);color:var(--h-ink)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-sheet::backdrop{background:rgb(255 255 255 / 12%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-visor{background:#2b2826}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-visor i{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-wake:after{background:radial-gradient(closest-side, rgb(var(--h-glow) / 30%), transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-skip-note{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-skip{border:0;background:none;color:var(--h-ink-2)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .story-skip:hover{color:var(--h-ink)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-bubble{background:#2b2826;color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-bubble:after{background:#2b2826}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-cells{background:var(--h-panel, var(--h-ink))}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-cells i{background:#4b4038}
:where(:root:not([data-theme=light]):has(.coral-app)) .story-cells i.on{background:var(--h-orange);box-shadow:0 0 8px rgb(var(--h-glow) / 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways h2{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-share{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-list{border-top:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-row{border-bottom:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-link{color:var(--h-ink)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .ways-link:hover{background:rgb(255 255 255 / 6.4%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-name small{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-status{background:#423116;color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-status.open{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-why{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ways-more,:where(:root:not([data-theme=light]):has(.coral-app)) .ways-fine{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win.v2-win{background:rgb(28 22 16 / 72%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-card{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-art{background:var(--h-paper)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-stamp{border:3px solid var(--h-orange);color:var(--h-orange);background:rgb(28 24 20 / 82%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-words h2{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-line{color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-win-money{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip{background:var(--h-paper-2) center 46% / cover no-repeat;color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip.studio{background-image:url(/game/room-studio.webp);background-position:center 50%}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip.market{background-image:url(/game/room-market.webp);background-position:center 48%}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip.bank{background-image:url(/game/room-bank.webp);background-position:center 42%}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip.workshop{background-image:url(/game/room-workshop.webp);background-position:center 42%}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-strip span{background:var(--h-panel, var(--h-ink))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-clip{background:#302923}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-board-empty{background:#392a13;color:#bdae9d}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-money{background:rgb(28 24 20 / 88%);color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-money b{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-money span:first-child b{color:#ffb07a}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-tag{background:rgb(20 16 13 / 55%);color:#e9d6b7}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .bld-floor:hover .bld-tag{color:#fff4e4}}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-dock{background:#2b2826;color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-dock:before{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-dock-name{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-more{border:0;background:transparent;color:var(--h-on-panel, var(--h-paper));box-shadow:inset 0 0 0 1.5px rgb(0 0 0 / 50%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld .house-spot.lit .house-plaque{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld .house-spot.lit .house-plaque b:before{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld .house-spot.lit .house-plaque small{color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-steps{background:#2a231d;color:#baafa1}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-steps li + li:before{color:#c2bdb7}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-steps li.done{color:#bfae96;text-decoration:line-through;text-decoration-color:#c2bdb7}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-steps li.now{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-away,:where(:root:not([data-theme=light]):has(.coral-app)) .bld-needs{background:#332611;color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-card-sub{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-away li:before{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-quiet{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move{background:#151413;color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move small{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move em{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move i{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move.top{background:#342111}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move:not(.top){background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-close{border:0;background:none;color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-move.off{background:transparent;box-shadow:inset 0 0 0 1px var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-building .bld-dock .house-face.slot{background:#4f3b1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-room.story .first-ad{background:#332611}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-room.story .first-ad p{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-room.story .first-ad .first-ad-busy{color:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .first-ad-busy i{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-prelaunch .prelaunch-compact{border:0;background:#3c2d15;color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bld-how a{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house-room.story .house-talk.slot .house-face.slot{background:#4f3b1a}

:where(:root:not([data-theme=light]):has(.coral-app)) body{background:var(--mx-canvas);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) button{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) :focus-visible{outline:none;box-shadow:var(--mx-focus)}

:where(:root:not([data-theme=light]):has(.coral-app)) .kit-canvas{background:var(--mx-canvas);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-canvas :where(h1, h2, h3){color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.kit-canvas, .in-app) :focus-visible{outline:none;box-shadow:var(--mx-focus)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-brand{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-door{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-door a{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-door a.kit-door-ink{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-door a.kit-door-ink:hover{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-eyebrow{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-eyebrow.red{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-mono{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-display{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-italic{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-lead{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-fig{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn{border:0;background:var(--mx-card);color:var(--mx-ink);box-shadow:inset 0 0 0 var(--mx-bw) var(--mx-line), 0 var(--mx-edge) 0 var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn:hover{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn:active:not(:disabled):not([aria-disabled="true"]){box-shadow:inset 0 0 0 var(--mx-bw) var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn[aria-busy="true"]{box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn.primary{background:var(--mx-primary-ink);color:var(--mx-on-key);box-shadow:0 var(--mx-edge) 0 var(--mx-key-edge)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn.primary:hover{background:var(--mx-primary-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-btn.primary:active:not(:disabled){box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-link{border:0;background:none;color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-link.quiet{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-card,:where(:root:not([data-theme=light]):has(.coral-app)) .kit-console,:where(:root:not([data-theme=light]):has(.coral-app)) .kit-bay,:where(:root:not([data-theme=light]):has(.coral-app)) .kit-deck{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-deck{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-deck .kit-link{color:var(--mx-ink)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-mon{background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-scr{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-plate b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-plate small{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-mon.empty .kit-scr{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-led{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-mt{background:rgb(20 18 16 / 60%);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-pill{border:1px solid var(--mx-line);background:var(--mx-card);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-lamp{border:0;background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-lamp.on{background:var(--mx-primary);box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-lamps i,:where(:root:not([data-theme=light]):has(.coral-app)) .kit-meter{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-lamps i.on,:where(:root:not([data-theme=light]):has(.coral-app)) .kit-meter i{background:var(--mx-primary);box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-steps li{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-steps li.done{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-tag{background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-tag small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-stamp{background:var(--mx-card);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-stamp::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-stamp small{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-slip{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-slip:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-slip::before{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-trust{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-trust li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-trust .ic{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip{border:0;background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) a.kit-chip:hover,:where(:root:not([data-theme=light]):has(.coral-app)) button.kit-chip:hover{background:var(--mx-well);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.on{background:var(--mx-card);color:var(--mx-ink);box-shadow:inset 0 0 0 1px var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.dim{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.red{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-input,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field :is(input:not([type="file"]):not([type="radio"]):not([type="checkbox"]), textarea),:where(:root:not([data-theme=light]):has(.coral-app)) .v2-admin input{border:var(--mx-bw) solid var(--mx-line);background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.kit-input, .v2-field input, .v2-field textarea, .v2-admin input)::placeholder{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.kit-input, .v2-field input, .v2-field textarea, .v2-admin input):focus{outline:none;border-color:var(--mx-primary);background:var(--mx-card);box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-loading{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-loading::before{background:linear-gradient(100deg, transparent 30%, rgb(20 20 20 / 60%) 50%, transparent 70%);background-size:220% 100%}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-loading span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) :is(.i){fill:none;stroke:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .hero{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .h1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) :is(h2.h2, .h2){color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .lead{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .hint{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .ink{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .strong{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .money{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .amt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .orange{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .btn{border:0;color:var(--mx-ink);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .btn:hover{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .btn.primary{background:var(--mx-primary-ink);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .btn.primary:hover{background:var(--mx-primary-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .btn.link{background:none;color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .crumb{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .crumb a:hover{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .card{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .card-foot{border-top:var(--mx-bw) solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .row{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .rows > .row:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) a.row:hover{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .row .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .row .s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .row > .i{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .thumb{background:linear-gradient(180deg, #3a332c, var(--mx-screen))}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .dot-ico{background:var(--mx-tint);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .dot-ico.on{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .dot-ico.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .empty h3 + p{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag.wait{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag.bad{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .tag.kept{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .poster{color:#fff;background:linear-gradient(180deg, #4a3f35 0%, #241f1a 55%, var(--mx-screen) 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .poster .play{background:rgb(20 20 20 / 92%);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .poster .cap span{color:rgb(255 255 255 / 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .poster .tag{background:rgb(20 20 20 / 94%)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .poster .code{background:rgb(0 0 0 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .codeblock{background:var(--mx-code);color:#e9e3d8}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .codeblock .c{color:#a9a399}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .codeblock .k{color:#ffb37f}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .field label{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .input{border:var(--mx-bw) solid var(--mx-line);background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .input::placeholder{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .input:focus{border-color:var(--mx-primary);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .seg{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .seg a{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .seg a[aria-current]{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .seg a .n{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .track i{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .track i.done{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .track i.now{background:linear-gradient(90deg, var(--mx-primary) 35%, var(--mx-well) 35%)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step::before{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step .n{color:var(--mx-label);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step.done .n{background:var(--mx-ok);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step.now .n{background:var(--mx-primary);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step.later .t{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step .pay{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app, .kit-canvas) .step.later .pay{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .in-app{color:var(--mx-body);background:linear-gradient(to right, var(--mx-rail) calc(var(--mx-w-rail) - var(--mx-bw)), var(--mx-line) 0 var(--mx-w-rail), var(--mx-canvas) 0)}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app) a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app) :is(button, input, textarea, select){color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) :where(.in-app) :is(h1, h2, h3){color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-caret{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-ava{background:var(--mx-well);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me-a{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me-txt small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me.on .in-me-a{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-credits b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-out{border:0;background:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-out:hover{background:var(--mx-well);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.ai .v2-stat-ico{border:var(--mx-bw) dashed var(--mx-hint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.ai.on .v2-stat-ico{border:0;background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.ai.on small{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.credits{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.earned{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stat.earned .v2-stat-ico{color:var(--mx-green-edge)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide.rail:hover{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-top{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-n{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-bar{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-bar i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-next{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-next .v2-guide-k,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-next small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps .v2-tick{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps li.done .v2-tick{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps li.done > span:nth-child(2){color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps small{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide-steps a{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide.ranked .v2-rank-top{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-rank-next{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-title h1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cleared{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-head{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-n{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-quiet{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-refuse{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-said{background:var(--mx-ok-t);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-rows{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-row{border-top:var(--mx-bw) solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-rows > .in-row:first-child,:where(:root:not([data-theme=light]):has(.coral-app)) .in-rows > :first-child > .in-row{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) :not(.in-rows) > .in-row{border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) a.in-row:hover{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-row-txt .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-row-txt .s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-row-r{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-back{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-back:hover{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-lesson{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-version{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-version:hover{color:var(--mx-ink)}
@media (max-width: 767px){:where(:root:not([data-theme=light]):has(.coral-app)) .in-app{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-top{background:var(--mx-card);border-bottom:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-top .v2-credits.phone{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me-phone{background:var(--mx-well);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-guide.phone{background:var(--mx-canvas);border-top:1px solid var(--mx-line)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win-art{background:var(--mx-screen);border:4px solid var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win-badge{background:var(--mx-green);color:var(--mx-on-key);border:4px solid var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win-n{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win-l{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win-f{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-win.kept :is(.v2-win-n, .v2-win-l){color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-confetti i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-confetti i:nth-child(3n){background:var(--mx-amber)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-confetti i:nth-child(3n + 1){background:var(--mx-green)}

:where(:root:not([data-theme=light]):has(.coral-app)) .v2-test{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-seg-names{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-seg-names b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-next-line{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-row-txt .v2-next-s{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dark-h{color:var(--mx-deck-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dark-line{color:var(--mx-deck-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dark-line b{color:var(--mx-deck-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dark-fine{color:var(--mx-deck-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dark .v2-on-dark-link{color:var(--mx-deck-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ticks{color:var(--mx-deck-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-strip-line{color:var(--mx-deck-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-facts dd{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tile,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-budget{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tile-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gal-t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gal-s{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gal-s.hot{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl-wrap{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl th{background:var(--mx-canvas);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl td{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl tr.hot td{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl-t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-code{color:var(--mx-label)}
@media (max-width: 720px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl tr{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl tr:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl td{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl td::before{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl tr.hot{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tbl tr.hot td{background:none}}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-pipe a{border:1px solid var(--mx-line);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-pipe span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-pipe li.hot a::after{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-adcode{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-empty-ico{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-empty h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-empty p{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-lines div{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-lines div:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-lines dt{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-col{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-col-none{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-col-h{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-money{color:var(--mx-green-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-card span span{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field > span,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field legend{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field > span.in-quiet{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-lyric summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-field.bad input{border-color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-wallet > span{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-upload{border:1px solid var(--mx-line-in);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-upload input[type="file"]{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-upload input[type="file"]::file-selector-button{border:0;background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-preview-box{background:var(--mx-canvas) center / cover no-repeat}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-preview{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-preview-k{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-payhead-fee{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-pitch-from{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-pitch-from b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-fine{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-legal a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-keepbar{background:var(--mx-rim);border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-month .kit-fig small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-lesson blockquote{background:var(--mx-rim);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-set-row > p{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-check{border:0;background:none;color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-box{border:1px solid var(--mx-line-in);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-check:hover .v2-box{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tap:not(.played)::before{background:var(--mx-scrim)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tap:not(.played)::after{border-left:18px solid var(--mx-deck-ink);border-block:11px solid transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-admin-row{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tables-list a:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tables-list a[aria-current]{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tables-list span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid th,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid td{border-bottom:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid th{background:var(--mx-chip)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid th:first-child,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid td:first-child{border-right:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-fk{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-null{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-erd{border:1px solid var(--mx-line);background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-erd-market{border-top:2px dashed var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-col-find input{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-trace-at{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-trace-card{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-trace li.on .v2-trace-card{border-color:var(--mx-accent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-trace dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes > li{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes > li:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes-at{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes-tok{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes p{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes p.v2-changes-quiet{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes-more summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes-more ul{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-changes-more code{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tq-rank{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tq-at{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sg-week a{border:1px solid var(--mx-line);background:var(--mx-card);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .sg-n{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sg-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sg-row{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sg-at{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-fit{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-name{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-sub{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-angle b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-row.was .v2-out-fit,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-row.was .v2-out-name{color:var(--mx-label)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-sides{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-match{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-hook{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-pairs > li{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-fitwhy{color:var(--mx-primary-ink)}
@media (min-width: 1024px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-pairs > li{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-match-head{border-bottom:1px solid var(--mx-line)}}
@media (min-width: 1024px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-head{color:var(--mx-label);border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-row{border-bottom:1px solid var(--mx-line)}}
@media (max-width: 1023px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-row{background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-out-cell + .v2-out-cell::before{color:var(--mx-label)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid-row.open::before{background:var(--mx-scrim)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid tr.sel td{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-grid td.sel{outline:2px solid var(--mx-accent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row-x{border:0;background:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row .v2-copy-row{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row dt.on,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-row dd.on{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-legend{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-legend-x{border:0;background:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-legend li{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-legend-open{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-legend.shut{border:0;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cell-acts{background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ico{border:0;background:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ico:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ico:focus-visible{background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ico.done{color:var(--mx-accent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-badge{background:var(--mx-primary);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-badge.real{background:var(--mx-green-2);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-sub{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-total{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-split td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-split tr.house td{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-story-note{border-left:3px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-flag{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-flag mark,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-flagged{background:var(--mx-primary-t);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-flag-why{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-n.good b{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-n.change b{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-n.look b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-job{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-grid.walk .scr-card:not(:last-child)::after{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-shot{border:1px solid var(--mx-line);background:var(--mx-canvas);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-shot.none{border-style:dashed;background:transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-stand{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-stand.good{background:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-stand.change{background:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-fresh{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-fresh.stale{color:var(--mx-wait);background:var(--mx-wait-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-words{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scr-card.gap .scr-shot{color:var(--mx-bad);border-color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-inv-cell{border:1px solid var(--mx-line);background:var(--mx-canvas);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-inv-hole.big{border:1px dashed var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-inv-whole{border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-inv-play video{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-open-head{background:var(--mx-card);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .erd-open-head span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.look{background:var(--mx-primary);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-bshape .side{background:var(--mx-card);border:2px solid var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-bshape .middle{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-bshape .middle::before{color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-bshape .chips > span{border:1px solid var(--mx-line);color:var(--mx-ink);background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-bshape .chips > span.none{border-style:dashed;background:transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-next{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-earn-launch{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way-now{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way.open .v2-way-now{color:var(--mx-green-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way.open .v2-way-now::before{background:var(--mx-green-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way-money{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way-money b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-way-s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-fine{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-fine summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-fine dt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-earn-ai{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ai-n{color:var(--mx-accent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ai-choice{border:1px solid var(--mx-line);background:var(--mx-pop);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ai-choice.on{border-color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ai-worked.on{border-color:var(--mx-green-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ai-know + .v2-ai-know{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-earn-ask{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-step-pay{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps li.at .v2-step-pay{color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps i{background:var(--mx-chip)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps li.done i{background:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps li.at i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-steps li.at{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-plan{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-plan-pay{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-main{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-main.ok{border-color:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-main.ok .kit-fig{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-main.slow{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-main.slow .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-week li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-week i{background:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-week i.ok{background:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-week i.slow{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship-week i.none{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-ship .v2-tile.slow .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stuck{border:1px solid var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-stuck > p{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-earn-steps li{border-top:3px solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-earn-steps li.on{border-top-color:var(--mx-ink);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-said li{border-left:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gem::before{background:linear-gradient(135deg, var(--mx-primary-h), var(--mx-primary) 55%, var(--mx-primary-2));box-shadow:inset 0 3px 0 rgb(20 20 20 / 45%), 0 4px 0 var(--mx-primary-lip)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gem i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gem i:nth-child(3n){background:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-gem i:nth-child(3n+1){background:var(--mx-coral-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-plus{color:var(--mx-accent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-now{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-roll{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash input.v2-dash-search{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn.ghost,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn:active:not(:disabled){background:var(--mx-pop);border:1px solid var(--mx-line);box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn:hover{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash .kit-btn:disabled{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-money h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-tiles{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-tile + .v2-dash-tile{border-left:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-tile .l,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-tile .s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dash-tile .v{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more > summary{border:1px solid var(--mx-line);background:var(--mx-pop);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more[open] > summary{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more-menu{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more-menu .kit-btn,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more-menu .kit-btn.ghost,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more-menu .kit-btn:hover{border-color:transparent;background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-more-menu .kit-btn:hover{background:var(--mx-card)}

:where(:root:not([data-theme=light]):has(.coral-app)) .hm h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-card{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-unit{background:var(--mx-primary-ink);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-unit-t h2{color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-unit-i{border-left:var(--mx-bw) solid rgb(255 255 255 / 12%);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node{background:var(--mx-line);color:#a5a5a5}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.done{background:var(--mx-primary);color:var(--mx-on-key);box-shadow:0 8px 0 var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.now{background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.now::before{border:7px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.waiting{background:var(--mx-amber);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.media{background:var(--mx-card);border:4px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-node.coin{background:var(--mx-amber);color:#f3c668}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-kept{border:3px solid var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-go{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-go::after{background:var(--mx-card);border:solid var(--mx-line);border-width:0 2px 2px 0}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-lbl{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-lbl em{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-lbl em.free{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-lbl em.wait{color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pop{background:var(--mx-primary-ink);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-step .hm-pop::before{background:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pop h2{color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pick{border:0;background:none;color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pick:has(:checked) span{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pick span{background:var(--mx-card);color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pick.claude-code span{color:#e1937a}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-pick.gemini span{color:#689cf3}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-white{border:0;background:var(--mx-card);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-free:hover{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-tile:hover{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-dot{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-chev{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-tag{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-tag::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-tag.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-tag.wait{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-howpay > summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-howpay > summary::after{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-way{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-way-t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-way-money{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-way-money b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-link{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-fine{border-top:var(--mx-bw) solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-fine > summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hm-fine dt{color:var(--mx-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .slot-battery{color:var(--mx-ink, #f1f1f1)}
:where(:root:not([data-theme=light]):has(.coral-app)) .battery-icon{border:2px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .battery-icon::after{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .battery-icon i{background:#c55315}
:where(:root:not([data-theme=light]):has(.coral-app)) .slot-battery.low .battery-icon{color:#f3a168}
:where(:root:not([data-theme=light]):has(.coral-app)) .battery-detail{background:#11110f;color:#f1f1f1;border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .battery-detail a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-path .recommended{border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-me .slot-battery .battery-detail{border:0;background:transparent}

:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-home small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-home a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-home .btn.primary{color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-strip{border:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-progress [role=progressbar]{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-progress i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-map{border:2px solid var(--mx-line);background:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-map:before{border:12px double var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-place b{background:var(--mx-card);border:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-place small{background:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-place.waiting b{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-path li{border-left:3px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-level-number{border:2px solid var(--mx-line);border-bottom-width:4px;background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-path .now{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-path .now .rpg-level-number{background:var(--mx-primary-ink);border-color:var(--mx-key-edge);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-path .done .rpg-level-number{border-color:var(--mx-primary-line);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-quest{border:2px solid var(--mx-primary-line);border-bottom-width:5px;background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-hood{background:var(--mx-screen);border:4px solid var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-hood:after{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-visor{background:var(--mx-code);border-block:2px solid var(--mx-primary);color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-patch{background:var(--mx-primary);color:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-slot button{background:none;border:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-honest{color:var(--mx-label);border-left:3px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-skills{border:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-skill{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-handoff,:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-merchants,:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-billboard{border-top:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-picks article,:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-merchant-grid article{border:2px solid var(--mx-line);border-bottom-width:5px}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-picks video{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-merchant-grid blockquote{border-left:3px solid var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-shop-art{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-shop-art span{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-shop-art b{border:2px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-view-row{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-home select{background:var(--mx-card);border:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-arrival{background:var(--mx-screen);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-arrival button{border:0;background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-fine{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-right .rpg-handoff{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-map:after{background:var(--mx-well)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ads-seg a{border:var(--mx-bw) solid transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-seg a:hover{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-seg .n{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-seg a.all,:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at:target ~ .ads-bar .ads-seg a[data-stage]{background:transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-seg a.all,:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at[data-stage=making]:target ~ .ads-bar a[data-stage=making],:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at[data-stage=check]:target ~ .ads-bar a[data-stage=check],:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at[data-stage=approved]:target ~ .ads-bar a[data-stage=approved],:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at[data-stage=posted]:target ~ .ads-bar a[data-stage=posted],:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at[data-stage=kept]:target ~ .ads-bar a[data-stage=kept]{background:var(--mx-primary-t);border-color:var(--mx-primary-line);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-at:target ~ .ads-bar .ads-seg a.all{background:transparent;border-color:transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-ad.big{border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-next{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-poster{color:var(--mx-on-ink);background:linear-gradient(180deg, #4a3f35 0%, #241f1a 55%, var(--mx-screen) 100%);border:3px solid var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3 i{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3 i.on,:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3 i.done{background:var(--mx-primary);box-shadow:inset 0 3px 0 rgb(20 20 20 / 30%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3 i.wait{background:var(--mx-amber);box-shadow:inset 0 3px 0 rgb(20 20 20 / 30%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3 i.kept{background:var(--mx-green);box-shadow:inset 0 3px 0 rgb(20 20 20 / 30%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-bar3-l{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-code{background:rgb(0 0 0 / 45%);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag.wait{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag.bad{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-tag.kept{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-poster .ads-tag{background:rgb(20 20 20 / 94%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-empty{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-ico{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-empty h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ads-empty p{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-meta{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-code{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-card{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad + .ad-pad,:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad + .ad-lines,:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad + .ad-rows{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad h3.bad{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad p{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad p.ad-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-pad p.ad-quiet,:where(:root:not([data-theme=light]):has(.coral-app)) .ad-quiet{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-form .v2-field > span{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-lines > div{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-lines > div:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-lines dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-lines dd{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-rows li{border-top:var(--mx-bw) solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-rows li:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-sung{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-flag{color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-tabs a.song,:where(:root:not([data-theme=light]):has(.coral-app)) .mk-form.up .mk-tabs a.up,:where(:root:not([data-theme=light]):has(.coral-app)) #make-song:target ~ .mk-tabs a.song,:where(:root:not([data-theme=light]):has(.coral-app)) #make-upload:target ~ .mk-tabs a.up{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-form.up .mk-tabs a.song,:where(:root:not([data-theme=light]):has(.coral-app)) #make-upload:target ~ .mk-tabs a.song,:where(:root:not([data-theme=light]):has(.coral-app)) #make-song:target ~ .mk-tabs a.up{background:transparent;color:var(--mx-label)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-card > .mk-song,:where(:root:not([data-theme=light]):has(.coral-app)) .ad-card > .mk-up,:where(:root:not([data-theme=light]):has(.coral-app)) .ad-card > .mk-remix{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) #make-remix:target ~ .mk-tabs a.rx{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) #make-remix:target ~ .mk-tabs a.song,:where(:root:not([data-theme=light]):has(.coral-app)) #make-remix:target ~ .mk-tabs a.up{background:transparent;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rx-pick,:where(:root:not([data-theme=light]):has(.coral-app)) .rx-cards{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-for b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-form .v2-field > span:first-child{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-whys{border:0;border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-whys legend{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-out{color:var(--mx-wait)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-fold{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-fold > summary::after{border:solid var(--mx-hint);border-width:0 1.75px 1.75px 0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-fold > summary:hover{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-fold > summary .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-song > .ad-go,:where(:root:not([data-theme=light]):has(.coral-app)) .mk-up > .ad-go{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-up > .ad-go{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-song > .ad-go:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .rx-logo.ok b{color:var(--mx-ok, inherit)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rx-logo.bad b{color:var(--mx-bad, inherit)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .ad-view.mk .in-player{background:var(--h-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .ad-view.mk .in-player .kit-plate{background:none;color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-tabs{background:#423116}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-song .kit-btn.primary,:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-up .kit-btn.primary,:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-remix .kit-btn.primary{background:var(--h-orange);color:var(--h-on-orange)}
@media (hover: hover){:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-song .kit-btn.primary:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-up .kit-btn.primary:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-remix .kit-btn.primary:hover{background:#c25514}}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-name .v2-field .ad-quiet,:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-name .v2-field > span:last-child{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .mk-song .battery-drain{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-drop{border:1.5px dashed var(--h-line, rgb(255 255 255 / 12%));background:#151413}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-drop small{color:var(--h-ink-3, #beb8b2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-drop input[type="file"]{color:var(--h-ink-2, #d9d6d3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-drop input[type="file"]::file-selector-button{border:0;background:var(--h-ink, #2b2926);color:var(--h-paper, #0a0a0b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-offer > summary span{color:var(--h-ink-3, #beb8b2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mk-offer[open] > summary{border-bottom:1px solid var(--h-line, rgb(255 255 255 / 12%))}

:where(:root:not([data-theme=light]):has(.coral-app)) .mg-card{background:var(--mx-card);border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-top{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-h3,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-chead h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-money{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-count{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-row{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-rows > .mg-row:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-amt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag.wait{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag.bad{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tag.key{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-ico{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-ico.ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-ico.bad{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-ico.wait{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-ico.key{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-foot{border-top:var(--mx-bw) solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-chead{border-bottom:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-lead{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-sh h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-back{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-fig .mg-money{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-rank,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-test,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-pace{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-test{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-n{background:var(--mx-tint);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-steps li.done .mg-n{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-steps li.done .mg-t{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl th{border-bottom:var(--mx-bw) solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl td{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl tbody tr:first-child td{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl td.when{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl td.amt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-body{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-acts{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-n.on{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-segs i{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-segs i.on{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-bar{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-bar i{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-fine{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-fine .mg-u{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-fine p{color:var(--mx-label)}
@media (max-width: 767px){:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl tr{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl tbody tr:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl td,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl td.st,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl :is(th, td):first-child,:where(:root:not([data-theme=light]):has(.coral-app)) .mg-tbl :is(th, td):last-child{border:0}}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-said{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-said b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mg-fold > summary::after{border:solid var(--mx-label);border-width:0 1.5px 1.5px 0}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path li{border-bottom:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path li a{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path li a small{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path .rpg-level-number{background:#423116}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path li.done .rpg-level-number{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .rpg-path li.recommended{border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .house .bank-post > a{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-card{background:#332611;color:var(--h-ink, #f2f1f0)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-avail{background:#292b26}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-src > summary:after{color:var(--h-ink-3, #beb8b2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-avail .bk-big{color:#daded8}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-fine{color:var(--h-ink-2, #d9d6d3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-soon li{border-top:1px solid var(--h-line, rgb(255 255 255 / 12%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-soon small{color:var(--h-ink-3, #beb8b2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-src li,:where(:root:not([data-theme=light]):has(.coral-app)) .bk-total{border-top:1px solid var(--h-line, rgb(255 255 255 / 12%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-src li small{color:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-src li.zero{color:var(--h-ink-3, #beb8b2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-total{border-top-width:2px}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-missing li:before{background:var(--h-orange, #c25414)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-next.todo{box-shadow:inset 0 0 0 1.5px var(--h-orange, #c25414)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-mode{color:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-buy li{border-top:1px solid var(--h-line, rgb(255 255 255 / 12%))}

:where(:root:not([data-theme=light]):has(.coral-app)) .sh-lead{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-seg a.dim{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-card .sh-rows{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-mark{background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-tile{background:var(--mx-tint);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-row.hot .sh-tile{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-lock .sh-tile{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-amt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-amt small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-go{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-foot{border-top:var(--mx-bw) solid var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-meta{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-sec-h h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-preview{border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-none{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-card .sh-rows .sh-row:first-child{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-lines dd{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-paste{border-top:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-paste h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-pays h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-others h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-n{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sh-earn b{color:var(--mx-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ad-n{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad.v2-dash .ad-rows > .v2-admin-row{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad .ad-rows > .v2-admin-row:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad .ad-rows .in-row-txt .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:not(:has(.ad-rec:target)) .ad-seg a[href="#people"],:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:has(#people:target) .ad-seg a[href="#people"],:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:has(#shops:target) .ad-seg a[href="#shops"],:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:has(#payments:target) .ad-seg a[href="#payments"],:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:has(#payouts:target) .ad-seg a[href="#payouts"],:where(:root:not([data-theme=light]):has(.coral-app)) .ad-recs:has(#posts:target) .ad-seg a[href="#posts"]{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ad-run{border-top:1px solid var(--mx-line);border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-legend{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw{border:1.5px solid}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-name{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-line{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-kind{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-price{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-steps > li + li::before{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step{border:1.25px solid;color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.traffic{background:var(--mx-well);border-color:var(--mx-line-focus)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.free{background:var(--mx-ok-t);border-color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.offer{background:var(--mx-primary-t);border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.offer small,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.upsell small{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.upsell{background:var(--mx-wait-t);border-color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.payout{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.payout small{color:var(--mx-deck-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-step.backend{background:var(--mx-card);border:1.25px dashed var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-moves b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-moves::before{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sub{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-copy b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-graph.big{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-facts dt,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-card dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-rank{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-num{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl h4{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl-list{border-left:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl-list li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl-list li.made{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl-list li.made .v2-tl-kind{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tl-saw summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.traffic rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.traffic{background:var(--mx-well);border-color:var(--mx-line-focus)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.free rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.free{background:var(--mx-ok-t);border-color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.offer rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.offer{background:var(--mx-primary-t);border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.upsell rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.upsell{background:var(--mx-wait-t);border-color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.payout rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.payout{background:var(--mx-ink);border-color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-n.backend rect,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sw.backend{background:var(--mx-card);border-color:var(--mx-label);border-style:dashed}
@media (min-width: 1024px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-head{color:var(--mx-label);border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-row{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-sum:hover{background:var(--mx-tint)}}
@media (max-width: 1023px){:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-row{background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-cmp-open::before{color:var(--mx-label)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos h4{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-sec.know ol{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-verdict > div{border:2px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-verdict .steal{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-verdict .steal b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-verdict .them b{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-verdict .us b{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-shots a{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-shots img{border:2px solid var(--mx-line);background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-table th{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-table td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-table td.num{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-facts dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-facts dd{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-num{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-sec.complaints blockquote{border-left:3px solid var(--mx-bad-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-src{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-src.P{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-src.M{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-src.C{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-dos-src.A{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-play{border:2px solid var(--mx-primary);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-play b{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-play p,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-play ul{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-to{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-fig figcaption{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-fig figcaption b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-find dt{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-acc-gaps summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-headline{background:var(--mx-primary-t);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-them{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-them b{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-zero-l{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-months th{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-months td{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-months :is(th, td):last-child{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-months td:first-child .small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-months td.neg{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-note{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-swings .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-swings .v{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-bar{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-bar i{background:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-group .h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-in{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-in-txt .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-in-txt .s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-in.edited .t::after{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-kind{background:var(--mx-card);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-kind.guess{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-kind.measured{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-val{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc-box{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fc .fc-box input{border:1px solid var(--mx-line);background:var(--mx-pop)}
@media (max-width: 767px){:where(:root:not([data-theme=light]):has(.coral-app)) .fc-tiles .v2-dash-tile + .v2-dash-tile{border-left:0;border-top:1px solid var(--mx-line)}}

:where(:root:not([data-theme=light]):has(.coral-app)) .out{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-brand{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-mark{background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-door{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-door a:not(.btn){color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-foot{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-foot a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-foot a:hover{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-h1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-lead,:where(:root:not([data-theme=light]):has(.coral-app)) .out-body{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-body{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-small b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-hint{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-said{background:var(--mx-ok-t);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-card{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-price{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-price small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-canvas.out:has(.out-pitch){--mx-canvas:var(--mx-on-ink);--mx-rail:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.out-pitch){background:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-assure{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-sample{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-film{background:var(--mx-screen);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-film video{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-wm{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-film.v2-tap:not(.played)::before{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-film.v2-tap:not(.played)::after{border-left:18px solid var(--mx-ink);border-block:11px solid transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-promise{border-block:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-promise li{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-promise li:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-whys{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-whys li{border-left:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out-signin .out-hint a{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out .v2-field > span{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out .v2-field input{border:1px solid var(--mx-line-in);background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out .v2-field input::placeholder{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .out .v2-field input:focus{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bg-next .small b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bg-gallery .poster{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bg-gallery .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bg-gallery .small a{color:inherit}
@media (max-width: 767px){:where(:root:not([data-theme=light]):has(.coral-app)) .out-get.out-keep{background:var(--mx-canvas);border-top:1px solid var(--mx-line)}}/*kit-part*/

:where(:root:not([data-theme=light]):has(.coral-app)) .pt-lede{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-node{background:var(--mx-line);color:#a5a5a5}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-node.live{background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-node.building{background:var(--mx-amber);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-status{background:var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-status.live{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-status.building{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-call{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-copy{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-from{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-from b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-line{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-line b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-line.none{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-line.small{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-proof{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pt-number{color:var(--mx-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .gm-lede{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-sub{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-quote{border-left:3px solid var(--mx-primary);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-fine{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-ask{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-opt{background:var(--mx-tint);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-opt b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-opt.on{background:var(--mx-primary-t);box-shadow:inset 0 0 0 var(--mx-bw) var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-note{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-note b{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-more{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-said.yes{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-said.no{background:var(--mx-line);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-rules summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-flow h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-rules ol{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-card-t{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-card-d{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-tbl th{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-tbl td{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-num-c{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-fills{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-fills b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-fills .gm-wait{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-world{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-tbl tr.call td{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-open{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-art-card img{background:var(--mx-screen)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-art-card p{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-name{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-cell{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-k,:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-lab{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-guess{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-tag.holds{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-tag.breaks{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-tag.design{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-bug{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-call{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-step{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-rate b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-none{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-chart-say{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-chart-svg{background:#141414}
@media (min-width: 1100px){:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp{background:var(--mx-line);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-zone.breaks .gm-bp-name{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-corner,:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-lab,:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-name,:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-cell{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-corner,:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-name{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gm-bp-lab{background:var(--mx-tint);color:var(--mx-ink)}}

:where(:root:not([data-theme=light]):has(.coral-app)) .gl-core-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-stage{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-arrow{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-why{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tag{border:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tag.verified{border-color:#2e8b57;color:#84d6a9}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tag.failed{border-color:#e62330;color:#ee6d76}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tag.harness{border-color:#1680f3;color:#68abf3}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-core-sub{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tag.not_built{border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-title{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-rules{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-bug{border-left:3px solid #e62330;color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-bug-k{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-fix b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tile{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tile-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tile-v{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tile-u{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gl-tile-at{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sm-tools button,:where(:root:not([data-theme=light]):has(.coral-app)) .sm-flows button,:where(:root:not([data-theme=light]):has(.coral-app)) .sm-close{color:inherit;background:var(--paper,#141414);border:1px solid rgb(98 98 98 / 33.3%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-tools button[aria-pressed=true],:where(:root:not([data-theme=light]):has(.coral-app)) .sm-flows button[aria-pressed=true]{border-color:#c45424;background:#342111;color:#eb956f}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-box{border:1px solid rgb(98 98 98 / 33.3%);background-color:#22211e;background-image:radial-gradient(#535049 1px,transparent 1px);background-size:20px 20px}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-layer svg{color:#e0967b}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-place>rect{stroke:#a19b91}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-place:hover>rect,:where(:root:not([data-theme=light]):has(.coral-app)) .sm-place:focus>rect{stroke:#e69775}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-deferred .sm-place-title{fill:#a9a39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-place-title{fill:#f1f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-caption{fill:#b9b3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-state rect{stroke:#a19a91}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-state text{fill:#f1f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-road{stroke:#a59f96}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-edge.main .sm-road{stroke:#e69775}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-edge text{fill:#d4cfcd}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-edge.selected .sm-road{stroke:#f38c68}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-state.selected rect{stroke:#e69775}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-sheet{border:1px solid #5f5a54;background:#0d0d0c;color:#f1f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-sheet::backdrop{background:#15131088}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-sheet .gm-bp-cell{border-bottom:1px solid #3f3627}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-close{background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-step{fill:#ee906d}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-walk-sheet::backdrop{background:rgb(255 255 255 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-walk-nav button,:where(:root:not([data-theme=light]):has(.coral-app)) .sm-shot-toggle button{border:1px solid #525252;background:#0d0d0c;color:#f1f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-shot-toggle [aria-pressed=true]{background:#29241f;color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-shot-frame{border:8px solid #29241f;background:#22211e}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-shot-frame[data-width="1440"]{border-width:4px}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-walking-spine{stroke:#e69775}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-coverage{fill:#d2ceca}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-conformance i{border-top:3px solid #a94519}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-conformance .built{border-top-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-state-preview{fill:#e7e5e3}

:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-map{background:url('/game/calm-b-16x9.webp') center/100% 100%}
@media(max-width:600px){:where(:root:not([data-theme=light]):has(.coral-app)) .rpg-map{background-image:url('/game/calm-b-9x16.webp')}}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-sign{background:#332711}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-state{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-merchant{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-shop.held .street-facade:after{background:repeating-linear-gradient(#292621 0 5px,#312f2c 5px 7px)}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-shop.replied .street-state{border:2px solid var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .street-shop.bought .street-state{background:var(--mx-ink);color:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bank-post,:where(:root:not([data-theme=light]):has(.coral-app)) .bank-share{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bank-chart svg{color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .workshop-skills{border-bottom:1px solid var(--mx-line)}

:where(:root:not([data-theme=light]):has(.coral-app)) .world-app{--mx-canvas:#0d0c0b;--mx-rail:#0d0c0b;--mx-card:#0e0d0c;--mx-tint:#262522;--mx-well:#2e2d29;--mx-ink:#f1f0ef;--mx-body:#dfddd9;--mx-label:#c3bfb8;--mx-hint:#b9b4ad;--mx-line:#473e2e;--mx-line-in:#473e2e;--world-ink-rule:#b8afa3}
:where(:root:not([data-theme=light]):has(.coral-app)) .world-app .in-sheet{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is([data-world-card], [data-world-tile]){background-color:var(--mx-card);border-color:var(--mx-line);box-shadow:inset 0 -2px 0 var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) [data-world-table]{border-color:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) [data-world-table] th{color:var(--mx-ink);background:var(--mx-tint);border-bottom-color:var(--world-ink-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .world-app :is(hr, .sh, .in-head, .rpg-handoff, .rpg-merchants, .rpg-billboard){border-color:var(--world-ink-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .world-room-subtitle{color:var(--mx-label)}
@media (forced-colors: active){:where(:root:not([data-theme=light]):has(.coral-app)) :is([data-world-card], [data-world-tile]){outline:1px solid CanvasText}}
:where(:root:not([data-theme=light]):has(.coral-app)) [data-world-tile].mg-fig{background:transparent}

:where(:root:not([data-theme=light]):has(.coral-app)) .im-filter .n{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-meta{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-meta b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-name{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-unnamed{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-form{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-img{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-answer{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-answer.no{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-tap{border:0;background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-tap:hover{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-tap.love.on{background:var(--mx-primary);color:var(--mx-on-key)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-tap.maybe.on{background:var(--mx-ink);color:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-tap.no.on{background:var(--mx-line);color:var(--mx-label);box-shadow:inset 0 0 0 2px var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-made{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-made p{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .im-made .im-refs{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .bt{--bt-stopped:#67645c;--bt-files:#3d3b36;--bt-mac:#3f4247}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-tiles .v2-tile.bt-bad{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-tiles .v2-tile.bt-bad .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-of{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-meter{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-meter i{background:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-meter i.hot{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-meter b{background:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-end.landed{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-end.hand,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-end.failed{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-end.stopped,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-end.files{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-card{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-sub-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-legend{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key{background:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.landed{background:var(--bt-landed)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.hand{background:var(--bt-hand)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.failed{background:var(--bt-failed)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.stopped{background:var(--bt-stopped)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.files{background:var(--bt-files)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.boat{background:var(--bt-boat)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.mac{background:var(--bt-mac)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.med{background:none;border-top:1px solid var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.computer{background:var(--bt-boat)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.phone{background:var(--bt-mac)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-y{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-grid i{background:var(--bt-grid)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-x{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) a.bt-col:hover,:where(:root:not([data-theme=light]):has(.coral-app)) a.bt-col:focus-visible{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.landed{background:var(--bt-landed)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.hand{background:var(--bt-hand)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.failed{background:var(--bt-failed)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.stopped{background:var(--bt-stopped)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.files{background:var(--bt-files)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-dot::before{background:var(--bt-boat)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-dot.mac::before,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-dot.phone::before{background:var(--bt-mac)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-med{border-top:1px solid var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-pick{background:var(--mx-pop);border:1px solid var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-pick-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-loop{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-loop-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-loop-v{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-loop-v b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-building{border-left:1px dashed var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-building span{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-cost-v{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-cost-track{border-bottom:1px solid var(--bt-grid)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-cost-track i{background:var(--bt-boat)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-cost-d{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt{--bk-design:#cf4a16;--bk-other:#3d3b36;--bk-m2:#52565c;--bk-m3:#404955}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-chart + .bk-chart{border-top:1px solid var(--bt-grid)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-chart-h{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bk-sum{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-k-build,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-k-build{background:var(--bk-build)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-k-design,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-k-design{background:var(--bk-design)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-k-research,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-k-research{background:var(--bk-research)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-k-merge,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-k-merge{background:var(--bk-merge)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-k-other,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-k-other,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-m-other,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-m-other{background:var(--bk-other)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-m1,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-m1{background:var(--bk-m1)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-m2,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-m2{background:var(--bk-m2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bt-key.bk-m3,:where(:root:not([data-theme=light]):has(.coral-app)) .bt-seg.bk-m3{background:var(--bk-m3)}

:where(:root:not([data-theme=light]):has(.coral-app)) .bu,:where(:root:not([data-theme=light]):has(.coral-app)) .bu-all{--bu-s2:#cf4a16}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-row{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-row:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-row.is-stale{background:var(--mx-canvas)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-row.is-stale .bu-fig{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-name{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-fig{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-of{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-change.up{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-big{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-flag{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-flag.short{background:color-mix(in srgb, var(--bu-amber) 30%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-flag.spare{background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s1{background:var(--bu-s1)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s2{background:var(--bu-s2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s3{background:var(--bu-s3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s4{background:var(--bu-s4)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s5{background:var(--bu-s5)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-key.s6{background:var(--bu-s6)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-end{background:var(--bu-c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-spark-v{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-reset{border-left:1px dashed var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-reset span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-labels li{color:var(--mx-body)}
@media (min-width: 900px){:where(:root:not([data-theme=light]):has(.coral-app)) .bu-head{background:var(--mx-canvas);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bu-rows .bu-row:first-child{border-top:1px solid var(--mx-line)}}

:where(:root:not([data-theme=light]):has(.coral-app)) .is-tiles .v2-tile{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tiles a.v2-tile:hover{border-color:var(--mx-line-focus)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.band{border-left:4px solid var(--is-b1)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.b9-10{border-left-color:var(--is-b9)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.b7-8{border-left-color:var(--is-b7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.b4-6{border-left-color:var(--is-b4)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.b9-10:not(.zero) .kit-fig{color:var(--is-b9)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.b7-8:not(.zero) .kit-fig{color:var(--is-b7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-tile.zero .kit-fig{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-q{border:1px solid var(--mx-line-in);background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-chips-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-row{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-row[open]{border-color:var(--mx-line-focus)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-imp{background:var(--is-b1);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-imp.b9-10{background:var(--is-b9);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-imp.b7-8{background:var(--is-b7);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-imp.b4-6{background:var(--is-b4);color:#f3c868}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-title{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-status.doing{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-status.blocked{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-status.resolved{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-status.wontfix{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-done .is-title{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-line dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-line dd{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-quote{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .is-fold-h{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .cf-big-k{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-big.over{border-color:var(--cf-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-big.over .cf-big-v{color:var(--cf-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-alarm{background:#311210;border:1px solid #4b1c19;color:#e27c78}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-alarm a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-alarm-i{background:var(--cf-bad);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-bar{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-day::before{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-val{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-tick{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-day.today .cf-tick{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-day:hover .cf-bar,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-day:focus-within .cf-bar{background:var(--mx-primary-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-day:hover::after{background:var(--mx-ink);color:#0a0a0b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-table summary,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-prices summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-table td,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-prices th,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-prices td{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .cf-prices th{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-track{background:var(--mx-tint, #1d1d1d)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-fill{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-meter.over .cf-fill{background:var(--cf-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-over{color:var(--cf-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-col-h{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-list li{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-list li:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cf-fold > summary{color:var(--mx-label)}/*kit-part*/

:where(:root:not([data-theme=light]):has(.coral-app)) .ix{--ix-blue-t:#111c32}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix h3{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-tile{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);border-top:3px solid var(--ix-c, var(--c-soft))}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-tile:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-tile.on{background:var(--ix-t, var(--c-tint));border-color:var(--ix-c, var(--c-soft))}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-tile-k{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-calls{background:var(--c-coral-t);border:1px solid var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-call-row a{background:var(--c-card);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-call-q{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-research{border:1px solid var(--c-line);border-left:4px solid var(--ix-blue);background:var(--c-card);color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-research:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-research-go{color:var(--ix-blue)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-filters{background:var(--c-page)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-zone{border:1px solid var(--c-line);background:var(--c-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-zone-n{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-rows > li + li{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.ix-row, .ix-ins) > details > summary:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-row:target > details > summary{background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-title{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-row.dropped .ix-title{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-st{background:var(--ix-t, var(--c-tint));color:var(--ix-c, var(--c-soft))}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-quote{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-row-meta{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-src.research{color:var(--ix-blue)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-call{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-for{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-against{color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-more{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-more a{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-decide,:where(:root:not([data-theme=light]):has(.coral-app)) .ix-why{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-decide strong{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-ev.for h3{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-ev.against h3{color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-ev-src{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-ev-src.none{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-fold > summary{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-fold > summary:hover{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-fold[open] > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ix-insights{border:1px solid var(--c-line);background:var(--c-card)}

:where(:root:not([data-theme=light]):has(.coral-app)) .wk-head h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-test{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-counts{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-note{border-left:var(--mx-edge) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-note.is-good{border-left-color:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-note.is-bad{border-left-color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-note.is-confused{border-left-color:var(--mx-amber)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-shot{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-shot.none{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-top{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-top b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-tag.good{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-tag.bad{background:var(--mx-bad-t);color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-tag.confused{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-words{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-meta{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-done{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-done.live,:where(:root:not([data-theme=light]):has(.coral-app)) .wk-done.live a{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wk-done small{color:var(--mx-hint)}

:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-s0{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-s1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-s2{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-card{border:var(--mx-bw) solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-shot img{border:var(--mx-bw) solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-fails{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .uxc-pass{color:var(--mx-ok)}

:where(:root:not([data-theme=light]):has(.coral-app)) .gift-sound{border:0;background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-next ol{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-receipt{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-test{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-receipt-row{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-receipt-row:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-receipt dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gift-receipt dd{color:var(--mx-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ps-head h2{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-test{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-quiet{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-plain{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-pay{background:var(--h-sheet);border:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-pay-k{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-pay-v{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-pay li{border-top:1px solid var(--h-line);color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-pay li b{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step{background:var(--h-sheet);border:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.now{border:2px solid var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.later{background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.later h3,:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.later .ps-quiet{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step-h h3{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-n{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.now .ps-n{background:var(--h-orange);color:var(--h-on-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.done .ps-n{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-who{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-step.now .ps-who{color:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-label{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-how{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-quote{border-left:3px solid var(--h-line);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-sub{color:var(--h-ink-2, #d9d6d3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-idea{background:var(--h-sheet);border:1px solid var(--h-line);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-why{border-left:3px solid var(--h-orange, #d83d17);background:var(--h-sheet);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-day{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-day b{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ps-more .ps-idea{background:none;border:0}

:where(:root:not([data-theme=light]):has(.coral-app)) .ap-dots li{background:var(--mx-line, #292929)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-dots li.on{background:var(--mx-primary, #c55315)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-screen{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-screen video{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-sure input{accent-color:var(--mx-primary, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-talk.on{background:var(--mx-primary, #c55315);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-truth.right{border-left:6px solid var(--mx-ok, #2f7d32)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-truth.wrong{border-left:6px solid var(--mx-bad, #b3261e)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ap-niches th,:where(:root:not([data-theme=light]):has(.coral-app)) .ap-niches td{border-top:1px solid #1912}

:where(:root:not([data-theme=light]):has(.coral-app)) .sl{--sl-ink:var(--h-ink, #f2f1f0);--sl-ink-2:var(--h-ink-2, #dad7d4);--sl-ink-3:var(--h-ink-3, #c1bbb6);--sl-line:var(--h-line, #5d4625);--sl-sheet:var(--h-sheet, #322611);--sl-orange:var(--h-orange, #c25414);--sl-orange-ink:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-basis,:where(:root:not([data-theme=light]):has(.coral-app)) .sl-why,:where(:root:not([data-theme=light]):has(.coral-app)) .sl-going,:where(:root:not([data-theme=light]):has(.coral-app)) .sl-none{color:var(--sl-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-why{color:var(--sl-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-chip{border:1px solid var(--sl-line);color:var(--sl-ink);background:var(--sl-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-chip.on{border-color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-other > summary{color:var(--sl-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-at-l{color:var(--sl-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-at input{border:1px solid var(--sl-line);background:var(--sl-sheet);color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tile-a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tile{border:1px solid var(--sl-line);background:var(--sl-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tile.hot{border-color:var(--sl-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tile-v{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tile-k{color:var(--sl-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-fold{border-top:1px solid var(--sl-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-fold > summary::before{color:var(--sl-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-sum-t{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-n{background:var(--sl-sheet);border:1px solid var(--sl-line);color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-fold.quiet .sl-sum-t{color:var(--sl-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-row{border-bottom:1px dashed var(--sl-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-row:last-child{border-bottom:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-t{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-t a{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-s{color:var(--sl-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-s.dim{color:var(--sl-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-s.ask b,:where(:root:not([data-theme=light]):has(.coral-app)) .sl-t b{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-when{color:var(--sl-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-up{color:#d0d7d3}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-down{color:var(--sl-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-more > summary{color:var(--sl-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn{border-bottom:1px solid var(--sl-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-h{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-t{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-t th{color:var(--sl-ink-2);border-bottom:1px solid var(--sl-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-t td{border-bottom:1px dashed var(--sl-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-n a{color:var(--sl-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-tn-calls{color:var(--sl-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .scout-card{border:1px solid #443a2c;background:#0f0f0e;color:#f2f0ef}
:where(:root:not([data-theme=light]):has(.coral-app)) .scout-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .scout-table td{border-bottom:1px solid #443a2c}

:where(:root:not([data-theme=light]):has(.coral-app)) .bc-notice{border-left:3px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .bc-post{border-top:1px solid currentColor}

:where(:root:not([data-theme=light]):has(.coral-app)) .house-install{--h-paper:#3e2d15;--h-ink:#f2f1f0;--h-orange:#c25414;--h-on-orange:#f3f2f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-steps > li{background:#2a231d;color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-steps > li > span:last-child:before{color:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-steps small{color:#bfae96}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-pic{background:var(--h-paper);color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-pic.bar i{color:#b8ada3}
:where(:root:not([data-theme=light]):has(.coral-app)) .install-pic b{color:var(--h-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .td-h:after{background:var(--h-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-sum{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-card{background:var(--h-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-card:has(input:checked){background:#342111}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-card.failed{background:repeating-linear-gradient(135deg, #392913 0 8px, #423116 8px 16px)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-card.failed .td-cost{color:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-wait{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-cost{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-radio{background:#151413}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-card:has(input:checked) .td-radio{background:#3d2514}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-next{background:#3c2d15;color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-next b{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-short{color:var(--h-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .td-fine{color:var(--h-ink-3)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ue{--ue-ink:var(--h-ink, #f2f1f0);--ue-ink-2:var(--h-ink-2, #dad7d4);--ue-ink-3:var(--h-ink-3, #c1bbb6);--ue-line:var(--h-line, #5d4625);--ue-sheet:var(--h-sheet, #322611);--ue-orange-ink:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lead{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-tile{border:1px solid var(--ue-line);background:var(--ue-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-tile-k{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-tile-v{color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-tile-s{color:var(--ue-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue .ue-h{color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-note,:where(:root:not([data-theme=light]):has(.coral-app)) .ue-none,:where(:root:not([data-theme=light]):has(.coral-app)) .ue-paths{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lines th,:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lines td{border-top:1px solid var(--ue-line);color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lines th[scope="row"],:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lines thead th:first-child{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-lines thead th{color:var(--ue-ink-2);border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-group th{color:var(--ue-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-nm td{color:var(--ue-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-sum th[scope="row"],:where(:root:not([data-theme=light]):has(.coral-app)) .ue-sum td{color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-assumed th[scope="row"],:where(:root:not([data-theme=light]):has(.coral-app)) .ue-assumed td{color:var(--ue-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-fold{border-top:1px solid var(--ue-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-week{color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-week::before{color:var(--ue-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-meta{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-rate-l{color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-rate input{border:1px solid var(--ue-line);background:var(--ue-sheet);color:var(--ue-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-unit{color:var(--ue-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ue-test{border-style:dashed}

:where(:root:not([data-theme=light]):has(.coral-app)) .qb{--qb-ink:var(--h-ink, #f2f1f0);--qb-ink-2:var(--h-ink-2, #dad7d4);--qb-ink-3:var(--h-ink-3, #c1bbb6);--qb-line:var(--h-line, #5d4625);--qb-sheet:var(--h-sheet, #322611);--qb-orange:var(--h-orange, #bf5714);--qb-orange-ink:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-lead{color:var(--qb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-set{border:1px solid var(--qb-line);background:var(--qb-sheet);color:var(--qb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-set.on{background:var(--qb-ink);border-color:var(--qb-ink);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-warn{background:#342111;color:var(--qb-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb .qb-h{color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb .qb-h3{color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-note,:where(:root:not([data-theme=light]):has(.coral-app)) .qb-none{color:var(--qb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-nofile{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-dim{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-dim-l{color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-dim-l small{color:var(--qb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-mark span{background:var(--qb-sheet);color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-mark input:checked + span{background:var(--qb-orange);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-select,:where(:root:not([data-theme=light]):has(.coral-app)) .qb-text{border:1px solid var(--qb-line);background:var(--qb-sheet);color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-reveal{border:2px solid var(--qb-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-agree{color:var(--qb-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-facts dt{color:var(--qb-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-facts dd{color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-part{border-top:1px solid var(--qb-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .qb-table td{border-top:1px solid var(--qb-line);color:var(--qb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-table thead th{color:var(--qb-ink-2);border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-table small{color:var(--qb-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qb-test{border-style:dashed}

:where(:root:not([data-theme=light]):has(.coral-app)) .ee{--ee-ink:var(--h-ink, #f2f1f0);--ee-ink-2:var(--h-ink-2, #dad7d4);--ee-ink-3:var(--h-ink-3, #c1bbb6);--ee-line:var(--h-line, #5d4625);--ee-sheet:var(--h-sheet, #322611);--ee-orange-ink:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-lead{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-tile{border:1px solid var(--ee-line);background:var(--ee-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-tile-k{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-tile-v{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-tile-s{color:var(--ee-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee .ee-h{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-note,:where(:root:not([data-theme=light]):has(.coral-app)) .ee-none,:where(:root:not([data-theme=light]):has(.coral-app)) .ee-listed{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-fold{border-top:1px solid var(--ee-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-engine{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-engine::before{color:var(--ee-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-meta{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee .ee-terms-h{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-facts th,:where(:root:not([data-theme=light]):has(.coral-app)) .ee-facts td{border-top:1px solid var(--ee-line);color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-facts th[scope="row"]{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-nm td{color:var(--ee-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-small td{color:var(--ee-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-sum th[scope="row"],:where(:root:not([data-theme=light]):has(.coral-app)) .ee-sum td{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-in-l{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-in input{border:1px solid var(--ee-line);background:var(--ee-sheet);color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-unit{color:var(--ee-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-src{color:var(--ee-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-typed{color:var(--ee-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-mix{border:1px solid var(--ee-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-result{border:1px solid var(--ee-line);background:var(--ee-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-result-v{color:var(--ee-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ee-test{border-style:dashed}

:where(:root:not([data-theme=light]):has(.coral-app)) .pb{--pb-ink:var(--h-ink, #f2f1f0);--pb-ink-2:var(--h-ink-2, #dad7d4);--pb-ink-3:var(--h-ink-3, #c1bbb6);--pb-line:var(--h-line, #5d4625);--pb-sheet:var(--h-sheet, #322611);--pb-orange:var(--h-orange, #c65315);--pb-orange-ink:var(--h-orange-ink, #f39968)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-lead{color:var(--pb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-field{color:var(--pb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-note{color:var(--pb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-why{border-left:3px solid var(--pb-orange);color:var(--pb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-fold > summary{color:var(--pb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-cand.is-picked{border-color:var(--pb-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-rank{color:var(--pb-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-pick.is-on{border-color:var(--pb-orange);color:var(--pb-orange-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-meta,:where(:root:not([data-theme=light]):has(.coral-app)) .pb-status,:where(:root:not([data-theme=light]):has(.coral-app)) .pb-links{color:var(--pb-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-whyfit{color:var(--pb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-step{border-top:3px solid var(--pb-line);color:var(--pb-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-step.is-done{border-color:var(--pb-green);color:var(--pb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-step.is-now{border-color:var(--pb-orange);color:var(--pb-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-check{border-top:1px solid var(--pb-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-mark{color:var(--pb-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-check.is-ok .pb-mark{color:var(--pb-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-fold > summary::before{color:var(--pb-ink-3)}

:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card{background:var(--h-panel, var(--h-ink, #2b2926));color:var(--h-on-panel, var(--h-paper, #0a0a0b))}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card h2{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-eyebrow{color:#f2a36b}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-eyebrow.test{background:#3e2d15;color:#f2f1f0}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-note{color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card-acts .kit-link{color:#dccbb2;background:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card-x{border:0;background:none;color:#dccbb2}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card.test{outline:2px dashed #3e2d15}
:where(:root:not([data-theme=light]):has(.coral-app)) .moment-card-acts .kit-btn.ghost{background:transparent;color:#fbfaf7;box-shadow:inset 0 0 0 1.5px rgb(0 0 0 / 50%)}
@media (max-width: 899px){:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.bld-dock) .moment-card-acts .kit-btn.ghost,:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.house-room .house-talk) .moment-card-acts .kit-btn.ghost{background:var(--h-orange, #c25414);color:var(--h-on-orange, #1a0d03);box-shadow:none}}

:where(:root:not([data-theme=light]):has(.coral-app)) .wd-status{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd .wd-status p{color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-group h2{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd p{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-card{border:1px solid var(--h-ink);background:var(--h-paper)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-earned{color:var(--h-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-go{background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-go.lead{background:var(--h-orange);color:var(--h-on-orange)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-row{border-bottom:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-list .wd-row:first-child{border-top:1px solid var(--h-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-tag{border:1px dashed var(--h-ink-3);color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-tag.open{border:1px solid currentColor;background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-why{color:var(--h-ink-3)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-fine{color:var(--h-ink-3)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd-status:has(.prelaunch-status){background:none;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .wd .wd-status .prelaunch-status{border:0;background:var(--h-panel, var(--h-ink));color:var(--h-on-panel, var(--h-paper))}/*kit-part*/

:where(:root:not([data-theme=light]):has(.coral-app)) .v2-switch-journey{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-switch-journey small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-switch-stage{border:1px solid var(--mx-line);background:var(--mx-card);color:var(--mx-body)}

:where(:root:not([data-theme=light]):has(.coral-app)) .hp-role{background:var(--h-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-name{color:var(--h-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-line{color:var(--h-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-chip.open{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-chip.shut{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-fine{color:var(--h-ink-3)}
:where(:root:not([data-theme=light]):has(.coral-app)) .hp-promise{color:var(--h-ink)}
@media (max-width: 899px){:where(:root:not([data-theme=light]):has(.coral-app)) .house-room.story .hp-first .hp-promise{background:#332611}}

:where(:root:not([data-theme=light]):has(.coral-app)) .mp-lede{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-main{border:1.5px solid #462317}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-ready h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-ready-k{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-ready-i{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-another{border-top:1px solid var(--c-line, #282a2d)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-another > summary{color:var(--c-soft, #a0a5ae)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-another > summary::before{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-way-h h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-badge{background:#321911;color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-badge.plain{background:#151517;color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-tag{background:#232724;color:#76e5b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-tag.plain{background:#151517;color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-say{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-fine{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-link{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp .mp-prompt{background:#0e0e0f;border:1px solid #202124;color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp .mp-said{color:#76e5aa}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sent{border-top:1px solid #1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sent h3{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-live{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-live::before{background:#1e9e5a}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step + .mp-step{border-top:1px dashed #242429}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-dot{background:#151517;color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step.now .mp-dot{background:#321911;color:#eb8a70;box-shadow:inset 0 0 0 1.5px #d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step.done .mp-dot{background:#1e9e5a;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step.stuck .mp-dot{background:#3a3113;color:#f3ca68}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step-t b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step.later .mp-step-t b,:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step.skip .mp-step-t b{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step-t small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-step-go{border:1px solid #282a2d;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-field > span{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-field > small{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-input{border:1px solid #282a2d;background:#141414;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-input:focus{outline:2px solid #462317;border-color:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-drop{border:1.5px dashed #323338;background:#0d0d0b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-drop b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-drop small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-drop:focus-within{border-color:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-go{border:1px solid #323338;background:#141414;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-go:hover{border-color:#50545a}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sum b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sum small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-chev{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-out{background:#3a3113;color:#f3cd68}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-whys{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-whys legend{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-remix > summary{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-song .mk-fold{border:1px solid #242429}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sample{background:#141414;border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sample-t b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-sample-t small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-alternatives{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-prompt-preview{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ya-keys{border:1px solid #232427;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .ya-connect h2,:where(:root:not([data-theme=light]):has(.coral-app)) .ya-draft h2,:where(:root:not([data-theme=light]):has(.coral-app)) .ya-new-key h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-voice{border-top:1px solid var(--c-line, #282a2d)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mp-voice > summary{color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .mm-title{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-lede{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-today{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step{border:1px solid #242429;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step-n{background:#321911;color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step.s3 .mm-step-n{background:#d83d17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step-t b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step.s3 .mm-step-t b{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-step-t span{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-later{border-top:1px solid #242429}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-later summary::after{border:solid #5d6169;border-width:0 2px 2px 0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-later summary b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-later summary span{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-way{border:1px solid #242429;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-ico{background:#321911;color:#f38468}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-way:not(.open) .mm-ico{background:#151517;color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-name b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-money{color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-why{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-chip i{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-chip.open{background:#232724;color:#76e5b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-chip.soon{background:#332611;color:#f3c368}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-chip.test{background:#232724;color:#76e5b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-chip.wait{background:#1f2022;color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-go{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-launch{background:#0e0e0f;color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-onus{background:#1c2230;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-onus p{color:#a4a8b1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-split h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-bar .made,:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend .made i{background:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-bar .found,:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend .found i{background:#50271b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-bar .cracked,:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend .cracked i{background:#323439}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend span{color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-legend small{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mm-fine{color:#a0a5ae}

:where(:root:not([data-theme=light]):has(.coral-app)) .walk-scenario-goal{border-bottom:1px solid var(--mx-line, #333333)}

:where(:root:not([data-theme=light]):has(.coral-app)) .pr{--pr-ink:var(--h-ink, #f2f1f0);--pr-ink-2:var(--h-ink-2, #dad7d4);--pr-line:var(--h-line, #5d4625);--pr-sheet:var(--h-sheet, #322611)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-lead{color:var(--pr-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr .pr-h{color:var(--pr-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-say{color:var(--pr-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-list > li,:where(:root:not([data-theme=light]):has(.coral-app)) .pr-check > li{border-top:1px solid var(--pr-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-row{color:var(--pr-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-yes{color:var(--pr-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-no{color:var(--pr-no)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-count{color:var(--pr-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pr-cmd{border:1px solid var(--pr-line);background:var(--pr-sheet)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sm{--sm-ink:var(--h-ink, #f2f1f0);--sm-ink-2:var(--h-ink-2, #dad7d4);--sm-line:var(--h-line, #5d4625);--sm-sheet:var(--h-sheet, #322611)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-lead{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-totals{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-totals b{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm .sm-h{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-say{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-filter .kit-chip.on{background:var(--sm-ink);color:var(--sm-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-list > li{border-top:1px solid var(--sm-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-f.m3{border-left:3px solid var(--sm-hot)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-f.m2{border-left:3px solid var(--sm-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-row{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-kind{color:var(--sm-hot)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-proven{color:#cfd7d2}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-title{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-where{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-none{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-screen > summary::before{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-path{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-meta{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-q{color:var(--sm-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-q dt{color:var(--sm-ink-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-chips > li{border:1px solid var(--sm-line);background:var(--sm-sheet)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sm-after{color:var(--sm-ink-2)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ts-skip{border:2px dashed #9a6700;background:#322b11;color:#f3c468}
:where(:root:not([data-theme=light]):has(.coral-app)) .ts-standin{border:2px solid #b42318;background:#110f0f;color:#ec786f}

:where(:root:not([data-theme=light]):has(.coral-app)) .sc-share{background:#1b1c23;color:#fbfaf7;box-shadow:inset 0 0 0 1.5px #c25414}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-share:hover{background:#24252e}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-share:focus-visible{outline:3px solid #b95b13}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-share-ic{color:#ff9a4d}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-wins{color:#f4f1ec;background:radial-gradient(120% 140% at 85% 0%, rgb(242 107 29 / 28%), transparent 55%), linear-gradient(180deg, #26272b, #26272b);border:1px solid #262730}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-kicker{color:#ff9a4d}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-win{background:#26272b;border:1px solid #262730}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-fine{color:#95939f}
:where(:root:not([data-theme=light]):has(.coral-app)) .sc-link{color:#f4f1ec}

:where(:root:not([data-theme=light]):has(.coral-app)) .in-sheet > .vs-page,:where(:root:not([data-theme=light]):has(.coral-app)) .vs-page{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-doc + .vs-doc{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-file{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-doc h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-doc h3{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-toc{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-toc summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-toc a{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-ask{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-ask p{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-ask-tag{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-doc .vs-meta{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-doc .vs-pic{color:var(--mx-label);border-left:2px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-quote{border-left:3px solid var(--mx-primary);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-term strong{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-money,:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow{background:var(--mx-card);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-money caption,:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow > figcaption{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-money td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-money td.vs-amount{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-money > figcaption{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-table{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .vs-table td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-table thead th{border-top:0;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-table tbody th{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow li{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow li::before{background:var(--mx-primary-t);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow li + li::after{border-left:2px solid var(--mx-primary-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-flow li.ask::before{background:var(--mx-amber);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .vs-answers span{background:var(--mx-well);color:var(--mx-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral{--c-page:#0d0d0b;--c-card:#141414;--c-line:#242429;--c-line-2:#282a2d;--c-tint:#151517;--c-div:#1f1f22;--c-ink:#f0f1f2;--c-body:#cdcfd4;--c-soft:#a0a5ae;--c-faint:#969aa2;--c-coral:#d83d17;--c-coral-h:#d6401e;--c-coral-ink:#eb8a70;--c-coral-t:#321911;--c-coral-p:#331a11;--c-coral-ring:#462317;--c-ok-t:#232724;--c-wait-t:#3a3113;--c-card-line:#232427;--mx-canvas:var(--c-page);--mx-rail:var(--c-card);--mx-card:#141414;--mx-tint:#0f0f11;--mx-well:#202024;--mx-ink:var(--c-ink);--mx-body:var(--c-body);--mx-label:#a0a5ae;--mx-hint:#969aa2;--mx-line:var(--c-line);--mx-line-in:var(--c-line-2);--mx-line-focus:#36383d;--mx-primary-t:var(--c-coral-t);--mx-primary-line:#462317;--mx-bad-t:#321113;--mx-sheen:rgb(20 20 20 / 60%);--h-paper:var(--c-page);--h-paper-2:#141414;--h-sheet:#141414;--h-ink:var(--c-ink);--h-ink-2:var(--c-body);--h-ink-3:var(--c-soft);--h-line:var(--c-line);--h-orange-ink:var(--c-coral-ink);--h-on-orange:#ffffff;--h-panel:#141414;--lk-card:#141414;--lk-card-2:#141414;background:var(--c-page);color:var(--c-ink)}
:root:where(:not([data-theme=light]):has(.coral-app)):not([data-look=off]) body:has(.coral-app),:where(:root:not([data-theme=light]):has(.coral-app)) body:has(.coral-app){background:#0d0d0b;color:#f0f1f2}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.coral-app) > .v2-truth{background:#311910!important;color:#ef846c!important}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.coral-app) > .v2-truth i{background:#d63f16}
@media (min-width: 1000px){html:where(:not([data-theme=light]):has(.coral-app)):has(.coral-app){background:#0d0d0b}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-chev{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-top{background:rgb(14 14 15 / 92%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-logo b{color:#ececef}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ava{background:#331811;color:#ef816c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu{background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu a,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu-btn{color:var(--c-ink);background:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu a:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu-btn:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu a.on{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-menu-line{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-title h1{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-note{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-note.bad{background:#321113;color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-tabs{background:#141414;border-top:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more > summary.coral-tab{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab.on,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more.on > .coral-tab{color:#f38168}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app{background:linear-gradient(90deg, #141414 211px, transparent 211px) no-repeat, var(--c-page)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-side{background:#141414;border-right:1px solid #202124}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-side .coral-logo b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-nav-a{color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-nav-a .coral-ico{color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-nav-a:hover{background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-nav-a.on{background:#321911;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-nav-a.on .coral-ico{color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{background:#141414;border:1px solid #212326}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary:hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot-face{background:var(--c-navy)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct .coral-ava{background:#341b11;color:#ef866c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot-txt b,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot-txt small,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-title .coral-ava.wide{background:#331911;color:#f38568}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > section.moment-card{background:#141414;color:#f0f0f2;border:1px solid #26272a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-eyebrow{color:#f38d68}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-eyebrow.test{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-shop{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-lines{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-note,:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-acts .kit-link,:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-x{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-acts .sc-share{background:#d04716;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > section.moment-card .moment-card-acts a.kit-btn.moment-go-lead{box-shadow:none;border:0;background:#d04716;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > section.moment-card .moment-card-acts:has(.moment-go-lead) a.sc-share{background:transparent;color:inherit;border:0;box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-acts .sc-share:hover{background:#d24716}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-acts .sc-share-ic{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card .moment-card-acts .kit-btn.ghost{background:#141414;color:#f0f0f2;box-shadow:inset 0 0 0 1px #292b2e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app > .moment-card.test{outline:1.5px dashed #f5cf4c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{border:1px solid #302e2b;background:#0c0c0c;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input:focus{border-color:#52281b;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask-ico{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bell > summary{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bell > summary:hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bell-dot{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{background:var(--c-card);border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-link{color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-count{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-sub{color:#a6a6af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill{background:#1a1b1d;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.ok{background:#11341d;color:#6fec9d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-tag{background:#1c1c20;color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-chip{background:#141414;border:1px solid var(--c-line-2);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-glyph{color:#bdc1c7;background:#1a1b1d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-list > li + li,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-asked-list > li + li{border-top:1px solid #1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-meta{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-txt small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row .coral-chev{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-thumb{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-thumb.tint{background:#311910;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{color:#fff;background:radial-gradient(180px 160px at 84% 80%, rgb(255 90 31 / 18%), transparent 70%), linear-gradient(135deg, #1e2433 0%, #2c3242 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-kicker{color:#a4a9b1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:#e5e7eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line.money{color:#ffd0c2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.primary{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.primary:hover{background:var(--c-coral-h, #d6401e)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.primary:active{background:#c93a19}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.outline:hover{background:var(--c-coral-t, #321911);border-color:var(--c-coral, #d83d17)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-step-second{color:#ffd0c2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.outline{background:#141414;color:var(--c-coral);border:1px solid var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btn.outline .coral-chev{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-earn-chev{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-period > summary{border:1px solid #282a2d;color:#d0d3d7;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-earn-meta{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-info{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-earn-where{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#0e0e0f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile-dot{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile.finder .coral-etile-dot{background:#4b2319}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile span{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile small{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-y{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-grid{border-top:1px solid #272623}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-finder{background:#4b2319}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-maker{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#a6a6af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-key{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-key span::before{background:#dc3a17}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-key .k-finder::before{background:#4b2319}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-live{color:#6fec9d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-live::before{background:#22c55e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-head{color:#9999a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#311910;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > div{background:#0e0e0e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dt{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dd{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btable .coral-list > li{border-top:1px solid #242320}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-cat{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-more > summary{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-more > summary:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opt-pic{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opt-pic.letter{color:var(--c-coral);background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opt > b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opt > small{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opts-line{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-opts-line .coral-link{color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border:1px solid #2a2926;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop:hover{border-color:#363430}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-txt p{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles > li{background:#0e0e0e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles b{color:#ececef}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles b::before{background:#1f2433}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles .you b::before{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles .finder b::before{background:#4b2319}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles .cracked b::before{background:#34373b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-sum{color:#bcbcc3}
@media (max-width: 479px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name .coral-tag{background:none;color:#9197a1}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{border-color:#312f2b;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9999a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask-ico{color:#c5c5cd}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bell > summary{color:#e3e4e7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop-ava{background:#331911;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{border-color:var(--c-card-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-count{background:#d63f16}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-sub{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-list > li + li{border-top-color:#232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-txt b{color:#efeff2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-meta{color:#d2d4d9}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row-txt small{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-row .coral-chev{color:#d2d4d9}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{background:linear-gradient(90deg, #1e2230 0%, #262b3b 60%, #2e2a2c 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step::before{background:radial-gradient(closest-side, rgb(255 90 31 / 20%), transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-kicker{color:#a4a7b1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:#e4e6ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-step-second{color:#e4e6ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-earn-meta{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label{color:#c1c4ca}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-earn-where{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#111113}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile span{color:#c1c4ca}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile small{color:#9398a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-y{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-grid{border-top-color:#1d1e21}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-finder{background:#4f241a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#9398a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > div{background:#111113}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name .coral-tag{background:none;color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-since{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btable .coral-list > li{border-top-color:#1d1e21}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money small,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money:not(:has(small)) b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill{background:#1c1e20;color:#c1c4ca}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.ok{background:#232724;color:#81daa5}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-more > summary{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border-color:#232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#9398a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles > li{background:#1a1b1e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles > li.you{background:#321a11}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles > li.you b{color:#f38568}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-ava{background:#331911;color:#ed806e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{border-color:#232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-glyph.t0{background:#311810;color:#eb8b70}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-glyph.t1{background:#202421;color:#78e3a6}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-glyph.t2{background:#131415;color:#7b84e0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-glyph.t3{background:#332a11;color:#e7b873}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.ok{background:#222624;color:#77e4a6}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.wait{background:#322411;color:#f3bb68}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-count{background:#d83c17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label .coral-earn-where{color:#a6a6af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#0e0e0f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile span{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile small{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-y{color:#9a9aa1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-grid{border-top-color:#1f2123}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-finder{background:#4f251a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-maker{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-list > li + li{border-top-color:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb.tint{background:#311910;color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-meta{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-chev{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{background:linear-gradient(90deg, #1e2232 0%, #2a2f40 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-kicker{color:#a4a7b1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:#dfe0e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step .coral-btn.primary{background:#d83c17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#311910;color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#9398a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > div{background:#111113}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dt{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btable .coral-list > li{border-top-color:#1d1d21}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-cat{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money small{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border-color:#232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#9a9aa1}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-side{border-right:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{background:#141414;border:1px solid #1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary:hover{background:#23231f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot .coral-chev,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary .coral-chev{color:#94949e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot-txt small,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-txt small{color:#9a9aa1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{border-color:#28282c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{border-color:#292924}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-link{color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label{color:#c1c4ca}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#111113}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile span{color:#c1c4ca}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile small{color:#9398a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-y{color:#9a9aa1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-grid{border-top-color:#1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb.tint{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-meta{color:#d6d6dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt small{color:#9999a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-chev{color:#94949e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{background:linear-gradient(90deg, #1e2230 0%, #252a38 55%, #2a2e3c 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:#e4e6ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#9a9aa1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dt{color:#9999a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{color:#a6a6af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-cat,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-since{color:#a6a6af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money b,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money:not(:has(small)) b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-money small{color:#94949e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.ok{background:#222624;color:#77e4a6}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.wait{background:#322411;color:#f3bb68}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border-color:#292924}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card{background:#141414;color:#f0f0f2;border:1px solid #282a2d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-eyebrow{color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-eyebrow.test{background:#151413;color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-lines{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-note{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card-acts .sc-share{background:#1b2233;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card-acts .kit-btn.ghost,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card-acts .kit-btn{background:#141414;color:#f0f0f2;box-shadow:none;border:1px solid #34373b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card-acts .kit-link,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card-x{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .moment-card.test{outline-color:#462317}
:root:where(:not([data-theme=light]):has(.coral-app)):has(.coral-app) body:has(.coral-app){background:#0e0e0f}
:root:where(:not([data-theme=light]):has(.coral-app)):root:root:has(.coral-app){background:#0e0e0f}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app,:root:where(:not([data-theme=light]):has(.coral-app)):root:root body:has(.coral-app){background:linear-gradient(90deg, #141414 0 211px, #0e0e0f 211px)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-tabs{border-top-color:#212226}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more > summary.coral-tab{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab.on,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more.on > .coral-tab{color:#f38468}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#0b0c0d;border-color:#27292c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9ca7bf}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{border-color:#2d2b28}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop-ava{background:#331811;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{border:1px solid #302e2b;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask-ico{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-finder{background:#4f261a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-maker{background:#da3c17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-stack.zero .coral-bar-val{color:#9c9ca0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{background:radial-gradient(160px 140px at 82% 70%, #2a3145 0%, transparent 100%), #1e2330}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:rgb(255 255 255 / 80%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line.money{color:#ffd0c2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step .coral-btn.primary{background:#dc3b17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-step-second{color:#ffb4a2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-scribble{color:rgb(255 255 255 / 85%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb.tint{background:#321811;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-meta{color:#dddddd}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt small{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-chev{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-list > li + li{border-top-color:#292624}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#311710;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-live{color:#81daa5}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-live::before{background:#2ead5b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dd small{color:#9c9ca0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-pill.ok{background:#11341d;color:#73e89f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-glyph.t0,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-glyph.t1,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-glyph.t2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-glyph.t3{background:#311810;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border-color:#2d2b28}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt b{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.three > li{background:#1e1c1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.three small{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.three .you b{color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-sum{color:#bcbcc3}
@media (max-width: 479px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dt{color:#9f9f9f}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop-ava{background:#331911;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card{border-color:#292924}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-link{color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-period > summary{border:1px solid #2a2a2d;color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-big-label{color:#d6d3d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#1a1917}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile.maker .coral-etile-dot{background:#da3c17}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile.finder .coral-etile-dot{background:#4f261a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile b{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile span{color:#d6d3d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile small{color:#a5a19d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bar-val{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-x{color:#9c9ca0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb.tint{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt b{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-meta{color:#d6d6dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-row-txt small{color:#9c9ca0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step{background:radial-gradient(260px 200px at calc(100% - 190px) 62%, #2a3145 0%, rgb(42 49 69 / 0%) 100%), #1e2330}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step-line{color:#e4e6ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#311810;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt b{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed .coral-row-txt small{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-live{color:#81daa5}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dt{color:#a5a19d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port dd,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > .top dd{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-name b{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-shop{border-color:#2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt b{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#9c9ca0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.three > li{background:#1e1c1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.three > li.you{background:#321a11}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{border:0}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .wd-go{background:var(--c-card);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .wd-go.lead{background:var(--c-coral);color:#fff;box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#0c0c0d;border-color:#181d31}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9194a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input:focus{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-tabs{background:#141414;border-top:1px solid #242327}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more > summary.coral-tab{color:#a1a5b9}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab.on,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-more.on > .coral-tab{color:#f38468}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#0c0c0d;border-color:#181d31}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9194a1}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop-ava{background:#331811;color:#f38468}}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.coral-app) > .v2-truth{background:#321911!important;color:#f39068!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#151517;border-color:#212126}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-card{border:0}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-nav-a.on{background:#311810;color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot .coral-chev,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary .coral-chev{color:#9fa3ad}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-card{border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#131315;border-color:#302e2a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-etile{background:#0d0d0b;border:1px solid #292724}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-grid{border-color:#1a1b1d;background:#1a1b1d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-bars-y{color:#93999f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step.workforce{background:radial-gradient(ellipse at 85% 60%,rgb(20 20 20 / 5.9%),transparent 60%),#262d3b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-step.workforce.idle .coral-btn.primary{background:transparent;border:1px solid rgb(20 20 20 / 25.1%);color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-attn-row .coral-thumb.tint{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-ico{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-feed-head{color:#999999}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-when{color:#93999f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > div{background:#141414;border:1px solid #292724}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head > span{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-brow-head{border-bottom:1px solid #202224}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-btable .coral-list .coral-brow{border-color:#23221f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop .coral-logo-tile{background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-shop-txt small{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.four > li{background:#17181a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.four > li.you{background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-how-tiles.four small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{border:1px solid #202224}
@media(min-width:1200px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-port > div{border:0;background:#0d0d0b}}/*kit-part*/
:root:where(:not([data-theme=light]):has(.coral-app)):has(.coral-app.is-home) .v2-truth{background:#321911!important;color:#ef876c!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-sealed-description{color:#a0a5ae}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.coral-app) .v2-truth{background:#321a11!important;color:#f39068!important}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.coral-app) .v2-truth b{color:#f08b6b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{background:#141414;border:1px solid #302f2b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input::placeholder{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-card .ca-up{color:#c4c4c4}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct-card,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-acct > summary{border:0}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-side{box-shadow:1px 0 0 #292724, 4px 0 16px rgb(0 0 0 / 3%)}}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask input{border-color:#161a34}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ask-ico{color:#dadbe0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop-ava{background:#331811;color:#ef806c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-tab{color:#c9cbd1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-tabs{border-top:1px solid #212126}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app button.coral-acct-card{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral button.coral-acct-card .coral-ava{background:#331811}
html:where(:not([data-theme=light]):has(.coral-app)):root body:has(.coral-app) > .v2-truth{background:#321a11!important;color:#f39068!important}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app button.coral-acct-card,:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app .coral-acct > summary{background:#141414;border:1px solid #2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app .coral-slot .coral-chev,:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app .coral-acct-card .ca-up{color:#f1f1f1}}

:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid{--ce-pending:#4f241a;--ce-cleared:#d74117;--ce-ink:#f0f0f2;--ce-body:#e3e4e7;--ce-soft:#9fa3ad;--ce-faint:#a3aab8;--ce-rule:#1f2123;--ce-tile:#131415}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.ce-grid) > .v2-truth{background:#311910!important;color:#ef846c!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid .coral-card{border:1px solid #212225;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid .coral-card-head h2{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-test-tag{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-bar{background:#212326}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-sum{color:var(--ce-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-sum.held{color:#e37777}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next{color:#fff;background:linear-gradient(90deg, #1e2638 0%, #2b3550 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next::before{background:radial-gradient(closest-side, rgb(255 90 44 / 30%), transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-kicker{color:#afb2ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-sandbox{background:rgb(255 216 77 / 15%);color:#ffd84d}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-big{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-state{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-when{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-line{color:rgb(255 255 255 / 82%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next .coral-btn.ce-next-key{background:#d74117}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-wait{border-bottom:1px solid var(--ce-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-wait-amt{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-wait.frozen .ce-wait-amt{color:#e37777}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-item-txt > b{color:#e3e4e7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-item-txt > small{color:#9196a2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-why-all{color:#f08c6b}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-why-total{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src{border-top:1px solid #1f2022;color:var(--ce-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src-pend{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-n.tot{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-pill{background:#1c1e20;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src.total{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src-none{color:var(--ce-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-chip{border:0;background:#1c1e20;color:#bbbfc5}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-f-in:checked + .ce-chip{background:#331911;color:#f08c6b}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-f-in:focus-visible + .ce-chip{outline:3px solid rgb(242 84 45 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row{border-top:1px solid var(--ce-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-when{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-what{color:#eaebed}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-amt{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-amt.plus{color:#6fec9d}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-amt.minus{color:#ec786f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st{background:#1f2123;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.pending{background:#3a3113;color:#f3ba68}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.cleared{background:#12351b;color:#73e89f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.paid,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.way{background:#25272a;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.refunded{background:#1f2123;color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.back,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.failed{background:#321113;color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-st.frozen{background:#351f12;color:#ee8d6d}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-none{border-top:1px solid var(--ce-rule);color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-more > summary{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row:hover .ce-h-more > summary,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-more[open] > summary,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-more > summary:focus-visible{background:#1f2023}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-pop{border:1px solid #282a2d;background:#141414;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-pop .ce-h-pop-what{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-drow{border-top:1px solid var(--ce-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-drow:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-drow dt{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-drow dd{color:var(--ce-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ce-how{color:#f08c6b}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-testcard{border:1.5px dashed #f2cf63;background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-testcard .ce-test-tag{background:#ffd84d;color:#111}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-testcard h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-test-sum{color:#f38668}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-test-note{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-test-more > summary{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ce-foot .prelaunch-compact{border:1.5px dashed #f2cf63;background:#0d0d0c;color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ce-foot .prelaunch-compact > summary{color:#ececef}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ce-foot .prelaunch-compact > summary::before{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ce-foot .prelaunch-compact > summary::after{border-right:2px solid #50545a;border-bottom:2px solid #50545a}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid .coral-card-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-title{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-bar{background:#1f2022}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-next-line{color:#d5dae5}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-wait{border-bottom-color:#212225}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-wait-amt{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-item-txt > b{color:#edeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-item-txt > small{color:var(--ce-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-why-total{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src-note{color:var(--ce-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src.total,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src.total .ce-n.tot{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-src-foot{color:#9399a3}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-chip{border:1px solid #292b2e;background:#141414;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-f-in:checked + .ce-chip{border-color:transparent;background:#331811;color:#f38668}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row.head{border-top:1px solid var(--ce-rule)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row.head{border-top:0;color:var(--ce-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-row.head > span{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-when{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-h-what{color:#eaebed}}

:where(:root:not([data-theme=light]):has(.coral-app)) .dsc h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc h3{color:#eff0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc .coral-card{border:1px solid #2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-fine{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-split{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-empty{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-none{color:#999999}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc .dsc-head h1{color:#f1f1f3}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-sub{color:#c8c8cd}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tabs{background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tab{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tab.on{background:var(--c-coral-p);color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tab:not(.on):hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-soon{background:#1f2123;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick{background:#1c1d1f;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick.on{background:#111827;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick:not(.on):hover{background:#1f2023}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-sort > summary{background:#141414;border:1px solid #2a2a2f;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-sort .coral-menu a[aria-current]{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-sort.small > summary{border:0;background:none;color:#a0abbb}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row + .dsc-row{border-top:1px solid #1f2123}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row-a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row-a:hover .dsc-name b{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tile{background:#141414;border:1px solid #222326;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tile-ico{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-name b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-name small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-name .dsc-cat-m{color:#a0abbb}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-yours{background:var(--c-ok-t);color:var(--c-ok)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-earn b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-earn small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row-a .coral-chev{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-spend{background:#1d1d21;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-spend.mid{background:#352b12;color:#f3c868}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-spend.low{background:#123318;color:#88d397}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-spend.high{background:#331911;color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-more{border-top:1px solid #1f2123;color:#f38168!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-foot{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-foot .dsc-all-inline{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pay-price{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-bar .mk{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-bar .fd{background:#341a11;color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-bar .cr{background:#26282b;color:#9eabbd}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li.mk > i{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li.fd > i{background:#391c13}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li.cr > i{background:#2f3135}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li > span{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend b small{color:#a0abbb}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pay .dsc-fine{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-slot{color:#fff;background:linear-gradient(135deg, #1f2937, #2a3344)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-kicker{color:#a9adb6}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc .dsc-slot h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-slot-line{color:#d5dae5}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .dsc-key{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-soon-key{border:1px solid rgb(20 20 20 / 55%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-card-sub{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-running a{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-running img{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-running b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming li + li{border-top:1px solid #1f2123}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-ico{background:#141414;border:1px solid #222326;color:#eaebed}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-txt small{color:#a0abbb}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-chip{background:#1c1d1f;color:#9eabbd}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-chip.open{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-back{color:var(--c-body)}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .dsc .coral-card{border-color:#2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick{background:#1a1a1e;color:#d7d7dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick.on{background:#292929;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pick:not(.on):hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-thead{border-bottom:1px solid #2a2825;color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row + .dsc-row .dsc-row-a{border-top:1px solid #2a2825}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tile{border:0;background:#1a1b1d}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-tile:has(img){background:#201f1c}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row-a .dsc-name b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-c{color:#d7d7dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-c.cat{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-earn b{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-inspect{border:1px solid #313137;background:#141414;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-row-a:hover .dsc-inspect{border-color:#3c3c43;background:#212121}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pay-price{color:#d7d7dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-bar .fd{background:#452017;color:#d7d7dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-bar .cr{background:#292b2e;color:#d7d7dc}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li.fd > i{background:#452017}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend li > span{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend b,:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend .fd b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-legend b small{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-slot-line{color:#e6e7ee}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming li + li{border-top-color:#202024}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-ico{border:0;background:#18181c;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-txt b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-coming-txt small{color:#a9a9af}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-chip{background:#252321;color:#b0b0b0}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.dsc) > .v2-truth{background:#311910!important;color:#ed826e!important}}
@media (min-width: 1200px){:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-side-a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-side-a:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-side-a.on{background:var(--c-coral-p)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-shop .dsc-slot h2{color:#fff}}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-tile{background:#201f1c;color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-spend.mid{background:#3a3113;color:#f3d368}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-spend.low{background:#11331a;color:#88d3a7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-coming-ico{background:#17181a;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-running a{color:#dddddd}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-c.cat.fallback{color:#999999}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-sub{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-pick{color:#bfc2c9;background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-pick.on{color:white;background:#151a2c}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-tile{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-cat-m{color:#a1abb9}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-row-a .coral-chev{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-row + .dsc-row{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-row + .dsc-row::before{border-top:1px solid #202224}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-slot-line{color:#c7cacf}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-bar .fd{background:#351912;color:#ed826e}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-boardpage .dsc-bar .cr{background:#282a2d;color:#bdc1c7}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-boardpage .dsc-head h1{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-boardpage .dsc-sub{color:#cecece}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .affiliate-page{background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw{border:1px solid var(--c-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw-toolbar{border-bottom:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw-toolbar p{color:var(--c-muted)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw input,:where(:root:not([data-theme=light]):has(.coral-app)) .dw select{border:1px solid var(--c-line);background:#141414;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw th,:where(:root:not([data-theme=light]):has(.coral-app)) .dw td{border-bottom:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw thead th{background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw th:first-child{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw thead th:first-child{background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw small{color:var(--c-muted)}
@media(max-width:699px){:where(:root:not([data-theme=light]):has(.coral-app)) .dw-cards li{border-bottom:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw-cards dt{color:var(--c-muted)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw th:last-child,:where(:root:not([data-theme=light]):has(.coral-app)) .dw td:last-child{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw thead th:last-child{background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .dw-saved{border-bottom:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pay-total{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-pay-total b{color:var(--c-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-card h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-id h1{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-id p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-live{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-live i{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-sealed{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-lock{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-stats li{background:#0f1011}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-stats .dsc-ico{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-stats b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-stats small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-why li{border:1px solid var(--c-card-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-why-ico{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-why-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-why-txt small{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-ads-head small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post{border:1px solid var(--c-card-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-top b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-top small{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-media{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-play{background:rgb(20 22 27 / 62%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-text{background:#0f1011}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-text p{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-cap{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-meta{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-price{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-fine{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-paid{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-paid b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-sealed{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-sealed-name{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-sealed .dsp-lock{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-blur{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-stats li{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-why li{background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post-veil{background:linear-gradient(160deg, var(--c-coral-t), var(--c-tint) 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post.locked.v1 .dsp-post-veil{background:linear-gradient(200deg, var(--c-tint), var(--c-coral-t) 85%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-post.locked.v2 .dsp-post-veil{background:linear-gradient(120deg, var(--c-tint) 20%, var(--c-coral-t))}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-veil-lock{background:var(--c-card);color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-fig b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-fig span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-sub{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-lines{border-top:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-lines li{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-lines li::before{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-more summary{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-pay-more p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-steps h2,:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-like h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-step-n{background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-steps li.now .dsp-step-n{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-step-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-step-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-like-row{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-shop .dsp-like-row:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-like-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-like-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsp-like-row .coral-chev{color:var(--c-faint)}

:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-strip{background:#141414;border:1px solid #2c2b27;color:#eaebed}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-strip-dot{background:#50545a}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-strip.challenge .dsc-strip-dot{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-strip.vetted .dsc-strip-dot,:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-strip.passed .dsc-strip-dot{background:#16a34a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .dsc-strip-a{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc .dsc-house{border-color:#391c13;background:linear-gradient(180deg, #0d0c0c, #141414 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-mark{background:#141414;border:1px solid #391c13}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-kicker{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-pay{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-when{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-terms{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-terms b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-post{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-post img{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-cap b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-cap small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house.compact .dsc-house-pay{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-fine{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .dsc-house-key2:not(.primary){background:#141414;color:var(--c-coral);border:1px solid var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dsc-house-step{color:#bdc1c7}

:where(:root:not([data-theme=light]):has(.coral-app)) .mb,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-open{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill{background:#1d1f21;color:#9aa4c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.ok{background:#232724;color:#76e5a6}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.hot{background:#321811;color:#f37b68}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.wait{background:var(--c-wait-t);color:var(--c-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.bad{background:#311012;color:#ef6c80}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.found{background:#141414;color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pill.plain{background:#1d1f21;color:#9aa4c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-chip.mb-test{border-color:#462317;color:#f39068;background:#151413}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pic{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pic.letter,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-pic.letter{background:#321911;color:var(--c-coral);border:1px solid rgb(15 23 42 / 6%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ghost{background:#141414;border:1px solid #2b2d31;color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ghost:hover{border-color:#383b40}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-bar{background:#212225}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-bar > span{background:var(--c-coral)}
html:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab),:root:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab) body:has(.mb-tab),:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.mb-tab){background:#0c0d0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.mb-tab) .coral-tabs{border-top-color:#26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-titles h1{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-lead{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .coral-btn.primary{background:linear-gradient(180deg, #d44216, #dc3a17)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pstat,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list{background:#141414;border:1px solid #26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-k,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-k{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-u{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile{background:#0b0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-u{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pstat-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{background:#1d1f21;color:#9aa4c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip:hover{background:#1f2123}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip.on{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list-head h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-held{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prows > li + li{border-top:1px solid #1f2022}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-name{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow > .coral-chev{color:#9aa4c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-sub{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next.hot{color:#f37b68}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow .mb-quote{color:#9aa4c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow .mb-clock{color:#a1a7b9}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ifall{color:#abafb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{border-top:1px solid #1f2022;color:#abafb8}
@media (min-width: 1000px){html:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab),:root:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab) body:has(.mb-tab),:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.mb-tab){background:#0c0c0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-panel{background:#141414;border:1px solid #212126}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-titles h1{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-lead{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .coral-btn.primary{background:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .coral-btn.primary:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .mb-ghost{border-color:#282a2d;color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip.on{background:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total{background:#141414;border:1px solid #272727}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-k{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u.line{border-top:1px solid #1f1f22;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list{border-color:#272727}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl th{color:#bdc1c7;border-bottom:1px solid #1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl td{border-bottom:1px solid #1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl tbody tr:hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl td.mb-c-num{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl tfoot th,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl tfoot td{border-bottom:0;color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-brand-txt b{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-brand-txt small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tbl .mb-pic{border:1px solid #272727}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pill.ok{background:#212623;color:#78e29b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pill.hot{background:#321811;color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pill.plain{background:#1f2123;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next small{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next.hot{color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next .coral-chev{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ifall{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{border-top:1px solid #272727;color:#a0a5ae}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-open .mb-tbl{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-open .mb-tbl th{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-open .mb-tbl tfoot th,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-open .mb-tbl tfoot td{color:var(--c-ink)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-title h1:has(.mb-crumb-a){color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-crumb-a{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-crumb-a:hover{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-crumb-name{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-level{border-top:1px solid var(--c-line, rgb(20 20 20 / 10%));color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-level-go{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-level-note{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-big-u{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-pic{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-title{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-sending{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-kit{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-kit > summary{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-sold{background:var(--c-ok-t);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-lines dt{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-lines dd{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-lines.split{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-span{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-poster{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-adlist b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist tr{border-bottom:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist tfoot tr{border-bottom:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-date{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-what{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-paid{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-yours{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-yw{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-tl > li{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-tl > li + li::before{border-left:2px solid #26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-dot{background:#2a2c2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-tl > li.now .mb-o-dot{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-when{color:var(--c-soft)}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist tr{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist th,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist td{border-bottom:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist tfoot th,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-hist tfoot td{border-bottom:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-h-yours{color:var(--c-ink)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-titles h1{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-lead{color:#9ca7bf}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .mb-ghost{color:#e1e2e5;border-color:#2c2e31}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pstat,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list{border-color:#26272a}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-k,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-k{color:#9fa9bc}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-u,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-u{color:#9ca7bf}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile{background:#0b0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{background:#181a1c;color:#96a5c5}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list-head h2{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-name{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-v{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-sub{color:#9ea8bc}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next{color:#9ca7bf}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next.hot{color:#f37f68}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow .mb-pill.ok{background:#11331c;color:#77e4a6}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-chip.mb-test{border:1px solid #4a2419;background:#311910;color:#ed886e}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{border:0;color:#8a96b3}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-k{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{background:#1c1e20;color:#bfc2c9}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl th{color:#9da4be}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl td{color:#9ea3bd}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pill.ok{background:#113424;color:#81dab7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pill.hot{background:#321911;color:#f38668}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next{color:#9ea3bd}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{border-top:1px solid #272727}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u.line{border:0}}
html:where(:not([data-theme=light]):has(.coral-app)) body:has(.mb-tab) > .v2-truth{background:#311910!important;color:#ef886c!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-chip.mb-test{border:1px solid #52291b;background:#311910;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pic.letter,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-o-pic.letter{border:0}
html:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab),:root:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab) body:has(.mb-tab),:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.mb-tab){background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-titles h1{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-lead{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pstat,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list{border:1px solid #26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-k,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-k{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pearn-u{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile{border:0;background:#0b0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-ptile-u{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-pstat .mb-ptile-u{color:#9ca7bf}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{background:#1a1b1e;color:#97a5c4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip.on{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list-head h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prows > li + li{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prows > li + li::before{border-top:1px solid #1e1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-name{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-v{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow > .coral-chev{color:#d7d9dd}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-sub{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow-next.hot{color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-prow .mb-clock{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{color:#a0aabb}
@media (min-width: 1000px){html:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab),:root:where(:not([data-theme=light]):has(.coral-app)):has(.mb-tab) body:has(.mb-tab),:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.mb-tab){background:#0c0c0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-titles h1{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-lead{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .coral-btn.primary{background:#d83e17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-acts .mb-ghost{border:1px solid #282a2d}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-k{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total:first-child .mb-total-u,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total:nth-child(3) .mb-total-u{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total .mb-total-u.if{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-total-u.line{border-top:1px solid #2c2b27;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip{background:#1a1b1e;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-chip.on{background:#d83e17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-list-head h2{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tbl .mb-pic{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-next .coral-chev{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-foot{color:#a0a5ae}}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-chip{border:0;background:#1c1e20;color:#9aa6c1}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-chip.on{background:#d44216;color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pearn,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pstat{border-color:#26272a}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-ptile{background:#0e0e0f;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-pstat .mb-ptile-u{color:#9da8be}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow-name{color:#e8e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow .mb-pill.ok{background:#11331d;color:#78e3a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow .mb-pill.hot{background:#321511;color:#f38468}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow-v{color:#e8e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow-sub{color:#9ba6c0}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow-next{color:#9da8be}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prow-next.hot{color:#f38468}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-prows > li + li::before{border-color:#25272a}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-total-k{color:#d2d4d9}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-total-v{color:#f0f0f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-total-u{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-total-u.sub{color:#d2d4d9}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-chip{background:#1b1c1e;color:#bfc2c9}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-chip.on{background:#da3a17;color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-c-role,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-c-share{color:#acb0b8}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-next{color:#98a8c3}
:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-next.hot{color:#f38268}}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl td.mb-c-role,:where(:root:not([data-theme=light]):has(.coral-app)) .mb-tab .mb-tbl td.mb-c-share{color:#acb0b8}}

:where(:root:not([data-theme=light]):has(.coral-app)) .fa-art{--fa-cr:#323338}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-slot{background:radial-gradient(44px 40px at 60% 70%, rgb(255 90 31 / 24%), transparent 70%), linear-gradient(135deg, #1e2433 0%, #2c3242 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-bubble{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-cap{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage{background:radial-gradient(90% 60% at 50% 22%, #151413 0%, rgb(21 20 19 / 0%) 70%), #0c0c0d;border:1px solid var(--c-card-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ex{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-tile{background:#141414;color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-lbl{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-lbl .fa-wal-v{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rail{background:#28292d}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rail::after{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="ad"]:not([data-f~="go"]) .phone .fa-tile,:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="kept"]:not([data-f~="got"]) .shop .fa-tile,:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="got"] .wal .fa-tile{background:var(--c-coral-t);color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="ad"]:not([data-f~="go"]) .phone .fa-lbl,:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="kept"]:not([data-f~="got"]) .shop .fa-lbl{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-f{background:linear-gradient(165deg, #5a321e 0%, #d83d17 55%, #b8321a 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-f::before{border-style:solid;border-width:.42em 0 .42em .66em;border-color:transparent transparent transparent #141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-f i{background:rgb(20 20 20 / 75%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-b{background:linear-gradient(165deg, #141414 0%, #0d0c0b 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-b b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-ad-b small{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-kept{background:var(--c-ok);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rc b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rc small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-chip{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-legend{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-legend span::before{background:var(--fa-cr)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-legend .mk::before{background:var(--fa-mk)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-legend .fd::before{background:var(--fa-fd)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="month"] .fa-legend .yr{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="month"] .fa-legend .fd{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt-k{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dd{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.mk dt::before,:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.fd dt::before{background:var(--fa-fd)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.mk dt::before{background:var(--fa-mk)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.paid{border-bottom:1px dashed #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.sum{border-top:1px solid #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt dl div.sum dt{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt-m{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-rcpt-m mark{color:var(--c-ink);background:linear-gradient(#3c1f14, #3c1f14) no-repeat 0 100% / 0% 100%}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-stage[data-f~="rcpt"] .fa-rcpt-m mark{background-size:100% 100%}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-bar{border:0;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-bar i{background:#26272b}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-bar b{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-bar:hover i{background:#2e2f34}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-k{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-frame-say{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fa-n{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fs-foot{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fs-line{color:var(--c-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .cs,:where(:root:not([data-theme=light]):has(.coral-app)) .cw{color:var(--c-ink)}
html:where(:not([data-theme=light]):has(.coral-app)):has(.cs),:root:where(:not([data-theme=light]):has(.coral-app)):has(.cs) body:has(.cs),:where(:root:not([data-theme=light]):has(.coral-app)) .coral:has(.cs){background:#0c0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app:has(.cs .coral-btn.primary) > section.moment-card .moment-card-acts .sc-share{background:#1b2236;box-shadow:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .moment-card.cs-docked{border:0;background:#1a1717;outline:0;color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .moment-card.cs-docked h2{color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .moment-card.cs-docked .moment-eyebrow{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs-panel .moment-card.cs-docked .moment-card-acts .sc-share{background:#141414;color:#ecedef;border:1px solid #32302c;box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs-panel .moment-card.cs-docked .moment-card-acts .sc-share .sc-share-ic{color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-h1{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-sub{color:#9fa2ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits{background:#0d0d0c;border:1px solid #423316;color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits-more{color:#f38368}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits-more.free{color:#7cdf9a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits:hover{border-color:#604b20}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-new{background:#141414;border:1px solid #292b2e;color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-new:hover{border-color:#36383d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag{background:rgb(20 20 20 / 92%);color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.ok,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.kept{background:#11351a;color:#7cdf9a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.wait,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.making{background:#4f421a;color:#f1f0ee}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.bad{background:#331811;color:#ec826f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.ready{background:#331a11;color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-test{background:#331c11;color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-jobs{color:#fff;background:radial-gradient(220px 200px at 8% 80%, rgb(255 90 31 / 22%), transparent 70%), linear-gradient(100deg, #1c2230 0%, #232a3a 70%, #2b2b36 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-jobs-list li + li{border-top:1px solid rgb(20 20 20 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-job{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-job-t{color:rgb(255 255 255 / 86%)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-job-t b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-job-s{color:rgb(255 255 255 / 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-time{background:rgb(20 20 20 / 18%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-time i{background:#d44216}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-time.slow i{background:#f6b73c}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-segs i{background:rgb(20 20 20 / 22%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-segs i.on{background:#d44216}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a{border:1px solid #282a2e;background:#141414;color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a span{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a.on{background:#1b2236;border-color:#1b2236;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a.on span{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-a{color:#e7e8eb}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-poster{background:#2e2c29}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-poster::after{background:linear-gradient(transparent 60%, rgb(0 0 0 / 35%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-art{color:#a0a5ae;background:linear-gradient(160deg, #23221f, #33302d)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-code{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-spin{border:3px solid rgb(20 20 20 / 35%);border-top-color:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs.sheet-open .cs-ad.on .cs-poster{box-shadow:0 0 0 3px #141414, 0 0 0 5px var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-t{color:#eeeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-s{color:#9fa2ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-prices li{border-bottom:1px solid var(--c-div);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-prices b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-grab{background:#2f3035}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-thumb{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-head h2{color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-code{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-shop{color:#d4d4d4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-shop a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-x{color:#ecedef}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-x:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-preview{background:#2e2c29}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-preview video,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-preview img{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-preview.none span{color:#bdc1c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-preview.none img + span{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-play{background:#141414;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status{background:#1d1d21;color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status i{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.ok,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.kept{background:#12331b;color:#7ae19d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.ok i,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.kept i{background:#22a447}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.wait{background:#3a3113;color:#f3ca68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.bad{background:#331811;color:#ec826f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.making{background:#342811;color:#f3c368}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-status.ready{background:#331a11;color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li::before{background:#27282c}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.done::before{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps i{background:#171c36}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.done i{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at.bad i{background:#dc361e}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at::before{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at i{background:#141414;border:2px solid var(--c-coral);box-shadow:0 0 0 3px #331811}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at.bad i{border-color:#dc361e;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at > span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-version{color:#b0b0b0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-judge{background:#332911;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-judge .coral-ico{color:#e7b873}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money{background:#311710;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-t{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div{color:#abadb7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dd{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div.total{border-top:1px solid #3a1c13;color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.pending{color:#f3c368}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.cleared{color:#7cdf9a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.paid{color:#7be09a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f .coral-link{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-panel-keys .coral-btn.primary,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cw .coral-btn.primary{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-panel-keys .coral-btn.primary:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-seconds .coral-btn.outline{color:#f2f2f2;border-color:#32302c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-seconds .coral-btn.outline:hover{border-color:#423f3a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-sheet-work{color:#f37f68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-shop a{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-code{color:var(--c-soft);border-left:1px solid var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-code.cw-title{color:var(--c-ink, inherit)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps.wide{background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut.newest{border-color:var(--c-coral-ring);background:#0d0c0b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut.next{border-style:dashed;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-thumb{background:#252525}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-thumb.none{color:var(--c-faint);background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut-txt{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-cut-txt small{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-make{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine{border:1px solid var(--c-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine > summary{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine > summary b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine > summary i{border:2px solid #383b40}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine[open]{border-color:var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine[open] > summary i{border:6px solid var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-engine.off > summary span{color:#ec826f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-field{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-field textarea,:where(:root:not([data-theme=light]):has(.coral-app)) .cw-field input:not([type=file]){border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-field textarea:focus,:where(:root:not([data-theme=light]):has(.coral-app)) .cw-field input:focus{border-color:var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-have,:where(:root:not([data-theme=light]):has(.coral-app)) .cw-foot{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-money{border-top:1px solid var(--c-div);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-lines dt{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-lyric li.flag{background:#332911}
:where(:root:not([data-theme=light]):has(.coral-app)) .cw-k{color:var(--c-soft)}
@media (min-width: 1000px){html:where(:not([data-theme=light]):has(.coral-app)):has(.cs),:root:where(:not([data-theme=light]):has(.coral-app)):has(.cs) body:has(.cs),:where(:root:not([data-theme=light]):has(.coral-app)) .coral:has(.cs){background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.cs) > .coral-side{border-right:1px solid #292724}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.cs){background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-h1{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-sub{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-new{border-color:#32302c;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a{border-color:#312f2c;color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a span{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a.on{background:#1b2233;border-color:#1b2233;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a.on span{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad.on .cs-poster{box-shadow:0 0 0 3px #141414, 0 0 0 5px var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-t{color:#eeeef0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-s{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel:not(.open){border:1px solid #2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-head h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-code{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-x{color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at::before{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at i{background:#141414;border:2px solid var(--c-coral);box-shadow:0 0 0 3px #331811}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li.at.bad i{border-color:#dc361e;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-t{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div{color:#c4c4c4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dd{color:#e4e4e4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div.total{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div.total dd{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-seconds .coral-btn.outline{border-color:#33312e;color:#f2f2f2}}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .cs-lib > .v2-version{background:none;color:#9196a1}}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-credits{background:#141414;border-color:#302e2b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.making{background:#5e521f;color:#f3ce68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.bad{background:#331511;color:#ec786f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a span{color:#d2d4d9}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-chips a.on span{color:rgb(255 255 255 / 85%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-t{color:#eff0f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-s{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-test{background:#341c11}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.pending,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.cleared,:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f.paid{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-f .coral-link{color:#f38368}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel-keys{background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-poster::after{background:linear-gradient(transparent, rgb(0 0 0 / 45%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li{color:#afb2bb}}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-tag.pitched{background:#112033;color:#6f90ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .cs-money{background:#311710}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money-t{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div{color:#abadb7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dd{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-money dl > div.total{border-color:#3b1b14;color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-panel .coral-btn.primary{background:#d34316}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cs-panel .cs-seconds .coral-btn.outline{border:1px solid #32302c;color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-t{color:#f1f1f1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-s{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-steps li{color:#9f9f9f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-version{color:#a5a5a5}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .cs-h1{color:#e9e9ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-sub{color:#a0a3ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-grab{background:#323338}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-t{color:#e9e9ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-ad-s{color:#989ba7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .cs-steps li{color:#9fa3bc}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-panel .cs-money{background:#321711}}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral button.coral-ava,:where(:root:not([data-theme=light]):has(.coral-app)) button.coral-ava{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.ca-menu{border:0;background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-menu::backdrop{background:rgb(20 22 27 / 38%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-grab{background:#2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-who{border-bottom:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-who .ca-ava{background:#331911;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-who-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-who-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-chip{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-chip.admin{background:var(--c-navy);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-chip.reviewer{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-close{border:0;background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-head{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-test{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-group.test{border:1px dashed var(--c-coral-ring);background:#0d0c0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-row{border:0;background:none;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) a.ca-row:hover,:where(:root:not([data-theme=light]):has(.coral-app)) button.ca-row:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .ca-split:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-row.on{background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-row.on .ca-ico{background:#141414;color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-row.on .ca-txt b{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-ico{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-count{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-split .ca-main{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-side{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-side a{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-stage:hover{background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-select{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-btn{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-btn:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-btn.key{border:0;background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-btn.key:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-btn .ca-ico{background:none;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-walk p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-walk p b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-last{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-out .ca-txt b{color:var(--c-body)}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral button.coral-acct-card{background:#141414;border:1px solid #212326;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral button.coral-acct-card:hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral button.coral-acct-card .coral-ava{background:#341b11;color:#ef866c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.ca-menu{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-menu::backdrop{background:transparent}}

:where(:root:not([data-theme=light]):has(.coral-app)) .cp-card{background:#141414;border:1px solid #232427;color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-head h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-small{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lead{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-kicker{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-big{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-link{color:var(--c-coral-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-btn{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-btn:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-btn.primary{border-color:transparent;background:#dc3a17;color:#fff!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-btn.primary:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-chev{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.bad{background:#321113;color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-count{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-note{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-warn{background:#322411;color:#f3bb68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-grow b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-grow small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-field > span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-field > small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-input{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-input:focus{border-color:var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wallet{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wallet legend{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-radio{border:1px solid var(--c-line-2);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-radio:has(input:checked){border-color:var(--c-coral-ring);background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-check{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-box{border:1.5px solid #3b3d43}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-done{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-tick{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-copy .cp-input{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-out .cp-btn{color:var(--c-soft)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-ava.coral-ava{background:#331911;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-who-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-who-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-chip{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-chip.admin{background:var(--c-navy);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-chip.reviewer{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-line{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-line dt{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-line dd{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-slot-face{background:var(--c-navy)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-step{background:#141414;border:1px solid #232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-step.now{border-color:var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-n{background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-step.now .cp-n{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-step.done .cp-n,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-n.done{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-step-body h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pick{border:1px solid var(--c-line-2);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pick:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pick.on{border-color:var(--c-coral-ring);background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mark{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pick-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pick-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-on{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-change > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-keyrow{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pre{background:var(--c-navy);color:#e8eaf0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-job{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-job > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wait{border:1px dashed var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wait b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-ring{border:2px solid var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wait.on{border-style:solid;border-color:#1a4a2d;background:var(--c-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-wait.on .cp-ring{border-color:var(--c-ok);background:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links li{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links li:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links a small{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-links li.off b{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lessons li + li{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson-row.off .cp-grow b{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-navy{background:var(--c-navy);border-color:var(--c-navy);color:#d6dae3}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-navy .cp-kicker{color:#ff9a7a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-navy h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-video{background:#26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson h1,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson h2,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson a{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson pre{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-lesson blockquote{border-left:3px solid var(--c-coral-ring);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-open-txt h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-title{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-flag{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-flag mark{background:#3c3214}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-flag small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-queue li + li{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-qrow:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-qrow.on{background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-thumb{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-checks{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content :is(.kit-card, .mg-card){background:#141414;border:1px solid #232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .kit-btn{box-shadow:none;background:#141414;color:var(--c-ink);border:1px solid var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .kit-btn.primary{background:#dc3a17;color:#fff;border-color:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .kit-btn.primary:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .kit-link{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content :is(.mg-h2, .mg-sh h2, .mg-section h2, .kit-card h2){color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content :is(.mg-small, .in-quiet){color:var(--c-soft)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .mg-money{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content .prelaunch-status{border:1px solid #513c1b!important;background:#312510;color:#f3c068}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content > h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-moved .coral-content > p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-live-pill{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-live-dot{background:#e0a100}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-live.on .cp-live-pill{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-live-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide{border:1px solid var(--c-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide-ico{background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide h4{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide-top small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide-read{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-guide-read > summary{color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .tn-card{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-n{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-money,:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tnote .tn-money{color:var(--mx-wait);background:var(--mx-wait-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-x{border:0;background:none;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-about{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-col{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-meaning.none,:where(:root:not([data-theme=light]):has(.coral-app)) .tn-f.none dd{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-f dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .tn-say{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tnote{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tnote > p.none{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .v2-tnote summary{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app :is(.cs-sub, .mb-lead, .dsc-sub, .pl-header p){color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .mb-panel{border:0;background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .pl-sample summary{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .eh-copy h2{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .pl-subtitle{color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .admin-nav h2{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-mobile-nav{background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin :is(.in-card,.kit-card,.v2-card){background:#141414;border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin :is(table,.in-table){background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin th{background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin :is(td,th){border-color:var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin .kit-btn{box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin :is(.card,.v2-dash-tile){border:1px solid var(--c-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin .btn{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin .btn.primary{background:var(--c-coral);border-color:transparent;color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-cleared{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-nav .coral-nav-a{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-nav .coral-nav-a:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-nav .coral-nav-a.on{background:var(--c-coral-t);color:var(--c-coral-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .slot-menu-head img{background:#182238;box-shadow:0 0 0 3px #331a11}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home{background:#0d0d0b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-ask input{background:#141414;border:1px solid #2f2d2a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-etile{background:#1d1c1a;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-bars-grid{background:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-bars-grid:nth-child(5){border-top:1px solid #232328}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-bar-finder{background:#4e251a}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-step.workforce{background:linear-gradient(110deg,#1c2230,#252b3a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-step.workforce .coral-btn.primary{background:#dc3a17;color:white;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-feed-ico{background:#321811}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-feed .coral-row-txt small{color:#a7a7a7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-port > div{background:#1d1c1a;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-brow-money small{color:#999999}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-shop{background:#141414;border:1px solid #2c2b27}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-shop .coral-glyph{color:#f0f0f0;background:transparent}
@media(min-width:1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-side{background:#141414;border-right:1px solid #282623;box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-slot,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-acct-card{background:#141414;border:0}}
@media(max-width:999px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home{background:#0c0d0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-card{border:1px solid #202224}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-ask input{background:#0c0c0d;border-color:#222426}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-etile{background:#0f1011}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app.is-home .coral-bars-grid{border-top:1px solid #202020}}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tile{background:var(--c-coral-t);color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-hero{background:linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-kicker{color:#e8ebf2}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-hero h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-hero-line{color:#dfe3ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-hero.cheer::before{background:linear-gradient(28deg, #d44216 0 0) 62% 90% / 9px 4px no-repeat, linear-gradient(-35deg, #6a3723 0 0) 70% 8% / 8px 4px no-repeat,
    linear-gradient(60deg, #d44216 0 0) 58% 12% / 9px 4px no-repeat, linear-gradient(-20deg, #5a321e 0 0) 66% 94% / 8px 4px no-repeat,
    linear-gradient(40deg, #d44216 0 0) 96% 6% / 7px 4px no-repeat, linear-gradient(-55deg, #ce4a16 0 0) 98% 52% / 6px 3px no-repeat}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-opens{background:var(--c-card);border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-open + .fr-open{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-open p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-sub{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-bar-top{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-track{background:#212225}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-track > i{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-bar-row small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-free{border-top:1px solid var(--c-div);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-under{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-fine > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-down{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-fine > p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-links a{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-chip{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-rule{background:var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-ring::before{background:conic-gradient(#dc3a17 calc(var(--fr-p, 0) * 1%), #25262a 0)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-ring b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-ring small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-note{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-unlocked a{background:#0b0b0d;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-unlocked a:hover{background:#1f1f23}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-unlocked b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-unlocked small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-done{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-next-txt p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tools{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tools p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tools li{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tools .al-mark{border:1px solid var(--c-line);background:#141414;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-tools li:first-child .al-mark{color:#e1937a}
@media (min-width: 760px){:where(:root:not([data-theme=light]):has(.coral-app)) .fr-opens{background:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-open{border:1px solid #2a2926;background:var(--c-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-open + .fr-open{border-top:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-bar + .fr-bar{border-left:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fr-next.with-tools .fr-tools{border-top:0;border-left:1px solid var(--c-div)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-side{border:1px solid #212326;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-title{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item.now{background:#311910;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item.done{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-dot{border:1.5px solid #323439}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-dot.now{border:2px solid #dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-dot.done{border:0;background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-phone{border:1px solid #212326;background:#141414;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-next{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-ring{background:conic-gradient(#dc3a17 calc(var(--fr-p, 0) * 1%), #25262a 0)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-pct{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .gs-chev{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-fine > summary:hover{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-links a:hover{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fr-unlocked a:active,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item:active{background:var(--c-coral-t)}

:where(:root:not([data-theme=light]):has(.coral-app)) .st-card{background:#141414;border:1px solid #232427;color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-head h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-badge{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-pay .st-badge{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-pill.ok{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-pill.wait{background:var(--c-wait-t);color:var(--c-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-pill.bonus{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-label{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-link{color:var(--c-coral-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-warn{background:#322411;color:#f3bb68}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-tick{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn:hover{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn .st-ico{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn.save{border-color:transparent;background:#dc3a17;color:#fff!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn.save:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-ava{background:#331911;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-who-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-who-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-chip{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-chip.admin{background:var(--c-navy);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-chip.reviewer{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-where{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-where-big{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-you{border-bottom:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-you-k{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-you-v b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-you-v b small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-you-v span{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-steps > span{background:#212225}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-steps > span.on{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-next{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-next-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-next-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-when{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-waiting{color:var(--c-ink, #f0f0f2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-weekly{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-done{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-check{border:1px solid var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-check:has(input:checked){border-color:var(--c-coral-ring);background:var(--c-coral-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-check b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-check small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-wallet{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-wallet legend{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-radio{border:1px solid var(--c-line-2);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-radio:has(input:checked){border-color:var(--c-coral-ring);background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-field > span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-field > small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-input{border:1px solid var(--c-line-2);background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-input:focus{border-color:var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-save small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-fee{border-top:1px solid var(--c-div);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-copy .st-input{color:var(--c-soft);background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-out button{border:0;background:none;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-out button:hover{background:var(--c-tint);color:var(--c-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ep-gate{background:#332611;color:#d1cdc8}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-hometop > .ep-balance{background:#322711;border:1px solid #483918;color:#eceae9}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsc-house-pay{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .dsp-act{border-block:1px solid var(--c-line)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .mb-tab .mb-ghost{background:transparent;border-color:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .mb-tab .mb-chip.on{background:var(--c-ink);color:#0a0a0b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .pb-test-note{color:#e4b176}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-empty-mark{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-empty p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .ce-first .ce-first-pay{color:white;background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-payout-summary{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-payout-summary summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app:has(.ce-grid, .mb-tab) > .moment-card .moment-card-acts :is(.kit-btn, .sc-share){background:#1b1c1e;color:#dedfe3;box-shadow:inset 0 0 0 1px #2b2d31}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral.coral-app:has(.ce-grid, .mb-tab) > .moment-card .moment-card-acts .sc-share-ic{color:#dedfe3}

:where(:root:not([data-theme=light]):has(.coral-app)) .slot-disc,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .slot-disc{background:#1d2433;box-shadow:0 0 0 6px #341b11, 0 10px 30px rgba(255,90,54,.25)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs .cs-new.primary{background:var(--c-coral);color:#fff;border-color:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs-sheet-work.primary{color:#fff}
@media (max-width: 999px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs:not(.sheet-open) .cs-new{background:var(--c-coral);color:#fff;border-color:transparent}}

:where(:root:not([data-theme=light]):has(.coral-app)) .ab-fact{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ab-fact:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .ab-fact dt{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ab-fact dd{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-menu .ca-version{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ca-menu .ca-version:hover{color:var(--c-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ach{border:1px solid var(--c-line);background:var(--c-card, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-title{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-sub{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-lead{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-step,:where(:root:not([data-theme=light]):has(.coral-app)) .ach-reviews li{border-bottom:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-label{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-value{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-value a{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-missing .ach-value{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-detail{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-note{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ach-fold{color:var(--c-body)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-you{background:#131211;color:#e9e6e5}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-you b{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-ico{background:#311910;color:#f38568}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-ah-ai{border:0;background:#d63f16;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-ah-ai:hover{background:#d9381b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-see summary{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-prompt{border:1px solid #2a2926;background:#0d0d0b;color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-ah-see{border:0;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-answer{color:var(--c-ink, #f0f0f2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-ah-more{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .coral-ah-copy{border:1px solid #302e2b;background:transparent;color:inherit}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .chs{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .chs h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .chs h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-k{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-hero{color:#fff;background:radial-gradient(90% 70% at 100% 0%, rgb(255 106 61 / 26%), transparent 62%), linear-gradient(160deg, #1b2131 0%, #1e2536 55%, #262f45 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-kicker{color:#ffb79d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .chs .chs-hero h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-hero-line{color:#dfe3ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-under{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-hero .chs-under{color:#dfe3ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-rank{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-rank-line{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step{--lv:#8a94a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step.l2{--lv:#22b393}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step.l3{--lv:#4c7dff}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step.l4{--lv:#f2b31b}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step.l5{--lv:#d44216}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-col{background:linear-gradient(180deg, color-mix(in srgb, var(--lv) 30%, transparent), color-mix(in srgb, var(--lv) 6%, transparent));border:1px solid color-mix(in srgb, var(--lv) 40%, transparent);border-bottom:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-pct{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-pct-k{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-name{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-at,:where(:root:not([data-theme=light]):has(.coral-app)) .chs-finder{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-finder{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-step.here .chs-col{border:2px solid var(--c-coral);border-bottom:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-you{background:#c43a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-rank-foot{border-top:1px solid var(--c-div);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-gets{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-get + .chs-get{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-get p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-tile{background:var(--c-coral-t);color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-pass{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-goal{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-goal b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-goal span{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-track{background:var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-track > i{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-goal small{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-free{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-fine{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-fine > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-down{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-fine > p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-links a{color:var(--c-soft)}
@media (min-width: 760px){:where(:root:not([data-theme=light]):has(.coral-app)) .chs-get:nth-child(2){border-top:0}}
@media (min-width: 1200px){:where(:root:not([data-theme=light]):has(.coral-app)) .chs-get:nth-child(3){border-top:0}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .chs-join:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) .chs-fine > summary:focus-visible{outline:3px solid #522a1b}
:where(:root:not([data-theme=light]):has(.coral-app)) .chs-isnt .chs-tile.no{background:var(--c-tint);color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item.skipped{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .gs-item.skipped .gs-dot{border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-addr{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-n{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-cover{background:linear-gradient(135deg, #d54216 0%, #d73e17 50%, #b22f12 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-ava{border:4px solid var(--c-card);background:linear-gradient(140deg, #ce4a16, #d73e17 60%, #c23a17);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-test{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bio{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-facts{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-facts b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bio-field > span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bio-field input{border:1px solid var(--c-line);background:var(--c-page, transparent);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bio-field small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-edit-k{color:var(--c-ink)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-edit-k small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pick-ad{background:var(--c-navy)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pick-box{background:rgb(0 0 0 / 45%);border:2px solid #141414;color:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pick-ad input:checked ~ .cpw-pick-box{background:#d63c16;border-color:#d63c16;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pick-t{background:linear-gradient(180deg, transparent, rgb(0 0 0 / 70%));color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-kicker{color:rgb(255 255 255 / 62%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-tile:nth-child(odd){border-right:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-tile:nth-child(-n+2){border-bottom:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-k{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-v{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-sub{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-rate b{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-rate b.unknown{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-rate small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bar-k{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track i{background:#dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track i.s0{background:#52281b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track i.s1{background:#d44316}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track i.s2{background:#d73f17}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-track i.s3{background:#d3441d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-bar-n{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-rate-line{border-top:1px solid var(--c-div);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-poster{background:var(--c-navy)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-noposter{background:linear-gradient(160deg, #2a3142, var(--c-navy))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-play{background:rgb(20 20 20 / 90%);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-empty{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-link{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-more > summary b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-more > summary small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-chev{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-more-body > p:first-child{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-copy-in,:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-code-in{border:1px solid var(--c-line);background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-copy-btn{background:#141414;color:var(--c-ink);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-kicker.dark{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pv-who b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pv-who small{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-ava.sm{border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-pv-ads img{background:var(--c-navy)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-steps-head p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-ig{color:#fff;background:radial-gradient(circle at 30% 107%, #57511d 0%, #e42a18 45%, #d6249f 60%, #285aeb 95%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-step{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-num{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-step-body h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-step-body > p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-code-in{color:var(--c-ink);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-field{border:1px solid var(--c-line-2, #282a2d);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-field:focus-within{border-color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-at{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-field input{border:0;background:transparent;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-check.plain{background:#141414;color:var(--c-ink);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-safe{background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-safe .cpw-i{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-skip{border:0;background:none;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-tt > summary{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-done p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-ok{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views{border-left:4px solid var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views-campaign,:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views-open{border-left-color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-views-go{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-list li{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-list li small{color:var(--c-soft)}
@media (min-width: 640px){:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-tile{border-right:1px solid var(--c-div);border-bottom:0!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .cpw-tile:last-child{border-right:0}}

:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3{--ce-pending:#f0a33a;--ce-cleared:#d74117;--ce-line:rgb(255 255 255 / 12%);--ce-hair:rgb(255 255 255 / 12%);--ce-tint:#0f0f11}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .pl-header.ce-page-head h1{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-page-head > p{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-test-pill{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lvl{border:1px solid var(--ce-line, rgb(255 255 255 / 12%));color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lvl:hover{border-color:rgb(255 255 255 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lvl:focus-visible{outline:2px solid #d74117}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lvl b{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lvl-chev{color:#9197a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .ce-card,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .coral-card{border:1px solid var(--ce-line);background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-head,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .coral-card-head{border-bottom:1px solid var(--ce-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-head h2,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .coral-card-head h2{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-head-ico{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-head-end{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-b-body{background:var(--ce-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-b-big{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-b-of{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .ce-bar{background:#27282c}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-seg.pending,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-dot.pending{background:var(--ce-pending)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-seg.cleared,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-dot.cleared{background:var(--ce-cleared)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-seg.way,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-dot.way{background:var(--ce-way)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-seg.paid,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-dot.paid{background:var(--ce-paid)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-dot.back{background:var(--ce-back)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-b-line{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.paid,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.cleared{color:#73e89f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.pending{color:#f3b568}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.way,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.none{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-lead.back{color:#f3687f}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stats-grid{border:1px solid var(--ce-hair)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-oneway{border:1px solid var(--ce-hair)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-oneway-line b{color:var(--c-accent, #eb8a70)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stat:nth-child(odd){border-right:1px solid var(--ce-hair)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stat:nth-child(-n+2){border-bottom:1px solid var(--ce-hair)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stat-fig{color:#f2f2f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stat-cap{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-stats-test{color:#9fa3ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-key{background:#c4380a;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-key:hover{background:#b0320a}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-key:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .ce-next-key:focus-visible{outline:2px solid #d74117}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-first-line{color:#d0d3d7}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-payout-summary > summary::after{border-right:2px solid currentColor;border-bottom:2px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 summary:focus-visible{outline:2px solid #d74117}
:where(:root:not([data-theme=light]):has(.coral-app)) .pb-payout-summary > summary:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) .ce-grid.r3 .ce-f-in:focus-visible + .ce-chip{outline:2px solid #d74117}

:where(:root:not([data-theme=light]):has(.coral-app)) .ft{border:1px solid #361b12;background:linear-gradient(180deg,#0d0c0c 0%,#141414 60%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-head h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-line{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft.own .ft-line{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-places{background:#141414;border:1px solid #391c13;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-places.full{border-color:#4f1a1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-why-limit{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-card{background:#141414;border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-pic{background:linear-gradient(140deg,#52291b 0%,#d74117 55%,#dc3a17 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-initial{color:#fff;background:rgb(20 20 20 / 18%);border:2px solid rgb(20 20 20 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-card h3{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-why{color:#ced0d5}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-left{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-left.soon{color:#ea7171}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-house,:where(:root:not([data-theme=light]):has(.coral-app)) .ft-find{background:#141414;border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft.gift .ft-find{background:transparent;border:0;border-top:1px solid #3e2015}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-tile-head h3{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-tile-head p{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-face{background:#311910;color:#eb8770;border:1px solid #391c13}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ft-find-go{background:#141414;color:#eb8770;border:1px solid #422016}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-limit{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-limit b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-dot{background:#16a34a}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-limit.full .ft-dot{background:#dc2626}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-opens{background:#141414;border:1px dashed #422016;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-opens .ft-i{color:#eb8770}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale{border:1px solid #361b12;background:linear-gradient(135deg,#0d0c0c 0%,#321a11 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-head h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-kicker{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-line{color:#ced0d5}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-steps li{background:#141414;border:1px solid #321e15;color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-steps li.done{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-n{border:2px solid #3d3b36}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-steps li.done .ft-sale-n{border-color:#16a34a;background:#16a34a;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-opens li{background:#141414;border:1px solid #321e15}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-opens b{color:#eb8770}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-opens span{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .ft-sale-opens small{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .ft-sale-go:not(.primary){background:#141414;color:#eb8770;border:1px solid #422016}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvb{--lv:#8a94a8;color:var(--lv)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvb.l2{--lv:#22b393}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvb.l3{--lv:#4c7dff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvb.l4{--lv:#f2b31b}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvb.l5{--lv:#d44216}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-hero{background:radial-gradient(120% 90% at 100% 0%, rgb(20 20 20 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-k{color:rgb(255 255 255 / 62%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-name h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-bar{background:rgb(20 20 20 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-bar i{background:linear-gradient(90deg, #ce4a16, var(--c-coral))}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-lead{color:rgb(255 255 255 / 82%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-togo b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-togo span{color:rgb(255 255 255 / 66%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-up{background:linear-gradient(100deg, #d24616, var(--c-coral) 70%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-tick{background:rgb(20 20 20 / 22%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-perks h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-drop{background:#322411;border:1px solid #58411d;color:#f3bc68}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table td{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table thead th{border-top:0;color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table thead th.nx{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table tbody th b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table tbody th small{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table td{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table td.nx{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-table tr.gain td.nx{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-lock{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-rule,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-test{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-test{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip{background:#141414;border:1px solid var(--c-div);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip:hover{border-color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip-top small,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip-line{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip-bar{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip-bar i{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip-chev{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip.up{border-color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .lvl-chip.up .lvl-chip-top b{color:var(--c-coral-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-head h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-head p{color:#adb0b9}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-card{background:#141414;border:1px solid #2a2926}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-pic{background:#311910}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-pic:has(.lfa-initial){background:radial-gradient(90% 70% at 25% 20%,rgb(20 20 20 / 35%),rgb(20 20 20 / 0%) 60%),linear-gradient(140deg,#52291b 0%,#d74117 55%,#dc3a17 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-initial{color:#fff;background:rgb(20 20 20 / 18%);border:2px solid rgb(20 20 20 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-shop{color:#f38168}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-card h3{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-goal{color:#bfc1c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-musts li{color:#ced0d5;background:#1f1e1c}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-foot small{color:#9b9fa9}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-go{background:#311910;color:#eb8770}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-go:hover{background:#331911}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-go:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder-go:focus-visible{outline:3px solid #dc3a17}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder{border:1px solid #361b12;background:linear-gradient(135deg,#0d0c0c 0%,#321a11 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder-big{background:#dc3a17;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder h2{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder p{color:#ced0d5}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder .lfa-who{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-finder-go.ghost{background:#141414;color:#eb8770;border:1px solid #422016}
:where(:root:not([data-theme=light]):has(.coral-app)) .lfa-head .lfa-locked{background:#141414;border:1px solid #2a2926;color:#ced0d5}

:where(:root:not([data-theme=light]):has(.coral-app)) .mw-line{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mw-line a{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mw-hash{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .mw-dot{color:var(--c-line-2)}

html:where(:not([data-theme=light]):has(.coral-app)):has(.cp),:root:where(:not([data-theme=light]):has(.coral-app)):has(.cp) body:has(.cp),:where(:root:not([data-theme=light]):has(.coral-app)) .coral:has(.cp){background:#0c0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-switch{background:#1f2022}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-switch a{color:#bdc0c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-switch a.on{background:#141414;color:#efeff1;box-shadow:0 1px 2px rgb(16 24 40 / 8%), 0 0 0 1px rgb(16 24 40 / 4%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-switch a:hover:not(.on){color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-n{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-switch a.on .cp-n{color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-h1{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-sum{color:#9fa2ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-sum b{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-row{background:#141414;border:1px solid #232427;box-shadow:0 1px 2px rgb(16 24 40 / 4%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-row.lead{border-color:#462317;box-shadow:0 0 0 3px #321911, 0 1px 2px rgb(16 24 40 / 4%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-poster{background:#1b2236}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-art{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-play{background:rgb(20 20 20 / 92%);color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill{background:#141414;color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.drafted{background:#141414;color:#bdc0c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.sent,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.replied{background:#111b32;color:#7b94e0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.opened{background:#342b11;color:#f3ca68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.kept{background:#232724;color:#75e6ac}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.passed,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.refunded{background:#321711;color:#ec846f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-pill.lapsed{background:#1f2022;color:#9fa2ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-shop{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-test{background:#342b11;color:#f3ca68}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-ad{color:#9fa2ad}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li{color:#9196a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li::before{background:#26282b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track i{background:#141414;border:2px solid #313337}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.done i,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.at i{background:var(--c-coral);border-color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.done::before,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.at::before{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.at i{box-shadow:0 0 0 4px #321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.at,:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.end{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track li.end i{border-color:#c2361a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track.lapsed li.end i{border-color:#5d6169}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track.kept li i{background:#1e9e5a;border-color:#1e9e5a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track.kept li::before{background:#1e9e5a}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-track.kept li.at i{box-shadow:0 0 0 4px #232724}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-line{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-quote{background:#111213;color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-link{border:1px solid #292b2e;background:#0b0c0d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-url{border:0;background:transparent;color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-copy{border:0;border-left:1px solid #292b2e;background:#141414;color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-copy:hover{background:#1f2023}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cp-key.warm{background:#321911;color:#ec846f}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cp-key.warm:hover{background:#351b12}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cp-key.quiet{background:#141414;color:#ecedef;border:1px solid #292b2e}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .cp-key.quiet:hover{border-color:#36383d}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-see{color:#bdc0c7}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-see:hover{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-empty{background:#141414;border:1px solid #232427}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mini{background:#262b26;color:#f6f4ec;box-shadow:0 14px 30px -16px rgb(16 19 16 / 55%), 0 0 0 4px #1c1d1f}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mini-k{color:#9ba191}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mini-v{background:#262b26}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mini-keep{background:#4b591e;color:#f2f2f0}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-empty-h h2{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-empty-l{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps{border-top:1px solid #1f1f22}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps li{color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps i{border:1.5px solid #313337;color:#969aa2}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps li.at{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps li.at i{background:var(--c-coral);border-color:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps li.done{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-steps li.done i{background:#321911;border-color:#321911;color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-empty-f{color:#9fa2ad}
@media (min-width: 700px){:where(:root:not([data-theme=light]):has(.coral-app)) .cp-mini{box-shadow:0 18px 40px -18px rgb(16 19 16 / 55%), 0 0 0 6px #1c1d1f}}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-art.idea{color:#fff;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .cp-poster:has(.cp-art.idea){background:linear-gradient(160deg, #26314d, #1b2236)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw{background:rgb(255 90 44 / 14%);border:1px solid rgb(255 120 80 / 30%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-k{color:#ffb39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-why{color:rgb(255 255 255 / 88%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-why b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-next{border-top:1px solid rgb(20 20 20 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-dist b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-dist span{color:#ff9a76}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-unlocks li{background:rgb(20 20 20 / 9%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-tick{color:#ff9a76}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-dollars{color:rgb(255 255 255 / 66%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-top{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-note{color:rgb(255 255 255 / 60%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-key{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-key:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-key:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-link:focus-visible{outline:2px solid #212121}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw .rw-link{color:#ffb39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-line{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-line b{color:var(--c-ink)}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-line .rw-link{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-card{color:#fff;background:radial-gradient(120% 90% at 100% 0%, rgb(20 20 20 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-card{color:#fff;background:radial-gradient(120% 90% at 100% 0%, rgb(20 20 20 / 7%), transparent 60%), linear-gradient(100deg, #1b2131 0%, #1e2536 52%, #212a3d 100%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-k{color:rgb(255 255 255 / 64%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-id h2{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-test{background:#fde047;color:#3f3a10}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-all{color:#fff;background:rgb(20 20 20 / 9%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-all:hover{background:rgb(20 20 20 / 15%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-bar{background:rgb(20 20 20 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-bar i{background:linear-gradient(90deg, #ce4a16, var(--c-coral))}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-lead{color:rgb(255 255 255 / 82%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-togo b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-togo span{color:rgb(255 255 255 / 66%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share{background:rgb(20 20 20 / 6%);border:1px solid rgb(20 20 20 / 9%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share-k{color:rgb(255 255 255 / 72%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share-v b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-up{color:#ff9a76}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-nx{color:#ff9a76}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share-v small{color:#ff9a76}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share-s{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-share-m{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-drop{background:#322411;color:#f3bc68}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb{background:rgb(255 90 44 / 14%);border:1px solid rgb(255 120 80 / 30%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb-k{color:#ffb39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb-t{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb-s{color:rgb(255 255 255 / 60%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps{border-top:1px solid rgb(20 20 20 / 10%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps small{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps small.rk-step-at{color:rgb(255 255 255 / 80%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb-k .rk-tag{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-climb-k .rk-climb-at{color:rgb(255 255 255 / 75%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps .later b{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-steps .here b{color:#ffb39c}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-card > .rw > .rw-next,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-card > .rw > .rw-top{border-top:0;border-left:1px solid rgb(20 20 20 / 12%)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-ladder{border-top:1px solid rgb(20 20 20 / 10%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung{background:rgb(20 20 20 / 4%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung-name b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung-name small{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung-pay b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung-pay small{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung-state{color:rgb(255 255 255 / 60%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.done .rk-rung-state{color:#6ee7b7}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.here{background:rgb(255 90 44 / 16%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.here .rk-rung-name b{color:#ffb39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.here .rk-rung-state{color:#ffb39c}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.next .rk-rung-state{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.later .rk-rung-name b,:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rk-rung.later .rk-rung-pay b{color:rgb(255 255 255 / 60%)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sw-card .sw-quote{border-left:3px solid var(--c-coral)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-card h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-lead{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-table th[scope="row"]{background:#141414;color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-id{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-hash{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-dim{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-tag{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-tag.ssb-test{background:var(--c-tint);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-now{background:color-mix(in srgb, var(--c-coral-t) 35%, #141414)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-text details{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-rec{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-tag.ssb-rec-tag{background:var(--c-tint);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-total :is(th,td){border-top:2px solid var(--c-line);background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-src dt{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ssb-src dd{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .slb-skill{border-top:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .slb-facts dt{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .slb-text{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .slb-open{color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sl-rate{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-rate.new{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-beats li{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-beats li::before{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-rules{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-example{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-example ol > li b{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-foot{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-ask code{background:var(--c-tint)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sk-kicker{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-fine{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-off{border:1px dashed var(--c-line-2);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill.replied,:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill.ok{background:var(--c-ok-t);color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill.sent,:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill.wait{background:var(--c-wait-t);color:var(--c-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-pill.test{border:1px dashed currentColor;background:transparent;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-warn{background:var(--c-wait-t);color:var(--c-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-card{background:var(--c-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-head h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-aside{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-hero{background:var(--c-navy);color:#f4f5f7}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-hero .sk-kicker{color:#ffb59f}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-hero-t{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tiles li{background:rgb(20 20 20 / 7%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tiles b{color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tile-l{color:#e7e9ee}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tiles small{color:#9196a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tiles li.off{background:transparent;box-shadow:inset 0 0 0 1px rgb(20 20 20 / 22%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-tiles li.off b{color:#9196a1}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-bar{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-bar i{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks th,:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks td{border-top:1px solid var(--c-div);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks thead th{border-top:0;color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks th[scope="row"],:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks thead th:first-child{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks td.up{color:var(--c-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-perks tr.off td{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-rows li + li{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-row{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-row-t b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-row-t small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-row-n{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-empty p:first-child{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes li{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lane-n{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes .sk-lane-why{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes li.off{background:transparent;box-shadow:inset 0 0 0 1px var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes li.off b{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-refs li > b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sk-link{border:1px solid var(--c-line-2);background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-next{background:var(--c-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-t{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-line{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li:not(:last-child)::after{background:var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.done:not(:last-child)::after{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs i{background:var(--c-card);color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.done i{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.now i{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.done span,:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.now span{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-rungs li.win small{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-close{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-close b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-checks{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-quote blockquote{border-left:3px solid var(--c-coral);background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-quote figcaption{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-lesson{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-lesson small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-lesson .sk-ico{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-more > summary{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-more > summary{background:var(--c-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-more > summary::after{border-right:2px solid var(--c-soft);border-bottom:2px solid var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-key-there{color:var(--c-coral-ink)}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .cs.has-panel .sld-key.quiet{background:var(--c-card);color:var(--c-coral);box-shadow:inset 0 0 0 1px var(--c-coral-ring)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs.has-panel .sld-key.quiet:hover{background:var(--c-coral-t);box-shadow:inset 0 0 0 1px var(--c-coral)}}
@container sk (max-width: 599px){:where(:root:not([data-theme=light]):has(.coral-app)) .sk-lanes .sk-lane-n{color:var(--c-ink)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-locked{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs:not(.sheet-open):has(.sld-next) .cs-new,:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cs:has(.sld-next) .cs-new.primary{background:var(--c-card);color:var(--c-ink);border-color:var(--c-line-2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-won{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sld-won .coral-ico,:where(:root:not([data-theme=light]):has(.coral-app)) .sld-won svg{color:var(--c-coral)}

:where(:root:not([data-theme=light]):has(.coral-app)) .sd-row{background:var(--c-card);border:1px solid var(--r3-line-2, rgb(90 90 90 / 20%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-row.you{border-color:color-mix(in srgb, var(--c-coral-ink) 45%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-tile{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-kicker{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-row.you .sd-kicker{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sd-txt .sd-idea{color:var(--c-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .r3-deal{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-sub{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-pill.primary{background:#d63c16;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-pill.primary:hover{background:#c4350f}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-pill.ghost{border:1px solid var(--r3-line-2, rgb(90 90 90 / 25%));color:var(--c-ink);background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-pill.ghost:hover{border-color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3-sec{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-sec i{background:#fbbf24}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-sec.mine i{background:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-seg{background:color-mix(in srgb, var(--c-ink) 6%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-seg a{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-seg a:hover{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-seg a.on{background:var(--c-card);color:var(--c-ink);box-shadow:0 0 0 1px var(--r3-line-2, rgb(90 90 90 / 20%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card-a{background:var(--c-tint);box-shadow:inset 0 0 0 1px var(--r3-line, rgb(90 90 90 / 12%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card-a::after{background:linear-gradient(180deg, rgb(255 255 255 / 0%) 46%, rgb(0 0 0 / 78%) 100%);box-shadow:inset 0 0 0 1px rgb(20 20 20 / 6%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-art{color:rgb(255 255 255 / 75%);background:linear-gradient(160deg, #2a2a30, #26262b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-over{color:rgb(255 255 255 / 66%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-ok .r3-over,:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-kept .r3-over{color:#86efac}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-wait .r3-over,:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-making .r3-over{color:#fcd34d}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-bad .r3-over{color:#fca5a5}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-card.t-ready .r3-over{color:#ffb199}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-title{color:rgb(255 255 255 / 94%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-shop{color:rgb(255 255 255 / 70%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-code{color:rgb(255 255 255 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-move{background:rgb(10 10 11 / 72%);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-move i{background:#d44216}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-test{background:#fbbf24;color:#1f1500}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-spin{border:3px solid rgb(20 20 20 / 30%);border-top-color:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-make .r3-card-a{background:transparent;box-shadow:none;border:1.5px dashed var(--r3-line-2, rgb(90 90 90 / 30%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-make .r3-card-a:hover{border-color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-make-plus{background:color-mix(in srgb, var(--c-ink) 8%, transparent);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-make-in b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-make-in small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-tools{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-tools a{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-tools a:hover{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .r3-fine{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3-cp .cp-sub{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .cp .cp-row{border-color:var(--r3-line, color-mix(in srgb, var(--c-ink) 7%, transparent));box-shadow:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3s .r3-lib + .r3-slot-wrap{border-top:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3-switch .cp-switch a.on .cp-n{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3s .r3-lib + .r3-slot-wrap .sld-key.coral-btn.primary{background:transparent;color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3s .r3-lib + .r3-slot-wrap .sld-key.coral-btn.primary:hover{background:var(--c-coral-t)}
:root:where(:not([data-theme=light]):has(.coral-app)):not([data-theme=light]) .coral-app .r3s .cs-money-f.pending{color:#fcd34d}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3s.sheet-open .r3-pill.primary{background:transparent;color:var(--c-ink)}
@media (min-width: 1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .r3s.has-panel .r3-pill.primary{background:transparent;color:var(--c-ink)}}

:where(:root:not([data-theme=light]):has(.coral-app)) .scm-field{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-field textarea{border:1px solid var(--c-line);background:transparent;color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-key{border:0;background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-badge{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-said{border-left:3px solid var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-said p:first-child{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-chain{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .scm-link{color:var(--c-body)}

:where(:root:not([data-theme=light]):has(.coral-app)) .yo-pick{background:var(--c-coral-t);color:var(--c-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-pick-ico{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-pick-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-pick-txt small{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-pick-go{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-prompts li{background:var(--c-tint);color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-mic.on{border-color:transparent;background:var(--c-coral-t);color:var(--c-coral-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-mic.on .st-ico{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-fine{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-fine .st-ico{color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-reads li{background:var(--c-wait-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-reads li.ok{background:var(--c-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-reads b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-reads span{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-skip{border:0;background:none;color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-skip:hover{background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-group + .yo-group{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-fact-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-fact-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-from{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-x{border:0;background:none;color:var(--c-faint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-x:hover{background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-delete{border-top:1px solid var(--c-div)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-delete summary{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .st-btn.yo-danger{color:#ec786f!important;border-color:#461c17}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-home{color:var(--c-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-home b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-home small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .yo-home-ico{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-disc .yo-home{background:var(--c-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .dl-fits{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cb-you{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cb-you a{color:var(--c-coral-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-you{background:var(--c-coral-t, #311910)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-you b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .sl-you small{color:var(--c-coral-ink)}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-kicker{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-hero h1{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-lede{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-key{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-key:hover{background:var(--c-coral-h)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .rw-card .rw{background:none;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-step{background:var(--c-card);border:1px solid var(--c-card-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-n{background:var(--c-coral-t);color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-step h3{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-step p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-words{background:var(--c-tint);border-left:3px solid var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-words figcaption{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-words blockquote{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-never{background:var(--c-card);border:1px solid var(--c-card-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-never summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-never li{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-no{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-ai{background:var(--c-card);border:1px solid var(--c-card-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-ai h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-ai p{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-prompt{background:var(--c-tint);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral .fs-deeper{color:var(--c-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .kn-intro{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-node{border:1px solid #524938;background:#0d0d0c;color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-node:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .kn-node:focus-visible{border-color:#526f41}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-active{border:2px solid #526f41;background:#272924}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-status{color:#c4c0b9}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-branches:before{border-top:1px solid #615f56}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-branch:before{border-left:1px solid #615f56}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-branch h3{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-edge{color:#a7ab9d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-branch:first-child .kn-step{border-left:1px solid #615f56}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-related{border-top:1px solid #5f5d54}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-ideas{border-left:1px solid #5f5d54}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-detail{background:#262522;border:1px solid #48402d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-detail a{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-terms{border-left:3px solid #748a56;background:#0d0d0c}
@media(max-width:600px){:where(:root:not([data-theme=light]):has(.coral-app)) .kn-branches{border-left:1px solid #5f5d54}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-step{border:0!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-related{border-left:1px solid #5f5d54;border-top:0}}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-how{background:#262522;border:1px solid #48402d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-how ol{color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-search input{border:1px solid #615f56;background:#0d0d0c;color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-search button{border:0;background:#395731;color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-results{border:1px solid #524938;background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-count{color:#c4c0ba}/*kit-part*/
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-hits a{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-snip{color:#d7d4d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-snip mark{background:#625321;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-more{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-map-title{border-top:1px solid #48402d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-card{border:1px solid #524938;background:#0d0d0c;color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-card:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .kb-card:focus-visible{border-color:#526f41}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-lede{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-on{color:#a8c398}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-has{color:#a8c398}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-detail a.kn-read-link{border:1px solid #748a56;background:#0d0d0c;color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kn-read-link .kn-eyebrow{color:#a8c398}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-crumbs a{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-foot{border-top:1px solid #48402d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-article{color:#e9eae8}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-file{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-file a{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-warn{border-left:3px solid #b8340f;background:#321911}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-quote{border-left:3px solid #748a56;color:#e1e0dd}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-code{background:#2e2c29;color:#d7d4d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-path{color:#d7d4d0;text-decoration:underline dotted #a19e91}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-fig figcaption{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-img{border:1px solid #48402d;background:#262522}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-table{border:1px solid #48402d}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .kb-table td{border-bottom:1px solid #3c3321}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-table thead th{background:#262522}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-toc{border:1px solid #48402d;background:#262522}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-toc a{color:#d2d7d0}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-case{border:1px solid #524938;background:#0d0d0c}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-case-note{color:#c4c0ba}
:where(:root:not([data-theme=light]):has(.coral-app)) .kb-article hr{border:0;border-top:1px solid #48402d}

:where(:root:not([data-theme=light]):has(.coral-app)) .people-model{color:#ecedec}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-kicker{color:#b4b4b4}
:where(:root:not([data-theme=light]):has(.coral-app)) .people-model a{color:#cfd7d4}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person{border-top:2px solid #383832}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person blockquote{border-left:4px solid #659c85;background:#1c1e1b}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person th,:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person td{border-bottom:1px solid #383832}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-score.red,:where(:root:not([data-theme=light]):has(.coral-app)) .pm-gap{color:#da8481}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-score.amber{color:#f3c768}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-score.green{color:#cfd7d3}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person details{background:#1e1e1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-diagram{background:#0c0d0b;border:1px solid #343832}
@media(max-width:640px){:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person tr{border-bottom:1px solid #383832}
:where(:root:not([data-theme=light]):has(.coral-app)) .pm-person td{border:0}}

:where(:root:not([data-theme=light]):has(.coral-app)) .brand-supply .card{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .brand-supply li.row + li.row{border-top:1px solid #333333}
:where(:root:not([data-theme=light]):has(.coral-app)) .brand-supply .tag{border:1px solid currentColor}

:where(:root:not([data-theme=light]):has(.coral-app)) .clip-card{border:1px solid var(--line, #333);background:var(--surface, #292929)}
:where(:root:not([data-theme=light]):has(.coral-app)) .clip-card a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .clip-form input:not([type=hidden]){border:1px solid #434343;background:transparent;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .clip-form input::placeholder{color:#999999}

:where(:root:not([data-theme=light]):has(.coral-app)) .cx{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx h2{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-k{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-quiet{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-link{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-card{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life{background:var(--c-card);border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.wait{border-color:color-mix(in srgb, #f2b31b 45%, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.on{border-color:color-mix(in srgb, var(--c-ok, #22b36b) 55%, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.warn{border-color:color-mix(in srgb, var(--c-coral) 55%, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-status-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-status-txt p{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-pill{background:color-mix(in srgb, var(--c-soft) 16%, transparent);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.wait .cx-pill{background:color-mix(in srgb, #f2b31b 22%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.on .cx-pill{background:color-mix(in srgb, var(--c-ok, #22b36b) 24%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.warn .cx-pill{background:color-mix(in srgb, var(--c-coral) 24%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-dot{background:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.wait .cx-dot{background:#f2b31b}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-life.warn .cx-dot{background:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li{border-top:3px solid var(--c-div, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li.done{border-top-color:var(--c-ok, #22b36b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li.now{border-top-color:var(--c-coral)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-n{background:color-mix(in srgb, var(--c-soft) 18%, transparent);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li.done .cx-n{background:var(--c-ok, #22b36b);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li.now .cx-n{background:var(--c-coral);color:#fff}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-step-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-step-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-steps li:not(.done):not(.now) .cx-step-txt b{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx .cx-pick{background:var(--c-page, transparent);border:1px solid var(--c-line);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx .cx-pick:hover{border-color:color-mix(in srgb, var(--c-coral) 50%, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx .cx-pick.on{border:2px solid var(--c-coral);background:color-mix(in srgb, var(--c-coral) 10%, var(--c-card))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-pick-txt b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-pick-txt small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-pick-on{color:var(--c-coral-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-more > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chosen{border-bottom:1px solid var(--c-div, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chosen small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chosen b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-again > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-url-txt{background:var(--c-page, #26282b);border:1px solid var(--c-line);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-do-txt{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) [data-theme="light"] .cx-k{color:#f28869}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-why{background:color-mix(in srgb, var(--c-coral) 10%, transparent);color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-shown,:where(:root:not([data-theme=light]):has(.coral-app)) .cx-cmd,:where(:root:not([data-theme=light]):has(.coral-app)) .cx-key{background:var(--c-page, #26282b);border:1px solid var(--c-line);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-fold{border-top:1px solid var(--c-div, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-fold > summary{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-list li{color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-list li.yes .cx-mark{background:color-mix(in srgb, var(--c-ok, #22b36b) 22%, transparent);color:#4fd08b}
:where(:root:not([data-theme=light]):has(.coral-app)) [data-theme="light"] .cx-list li.yes .cx-mark{color:#75e6ac}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-list li.no .cx-mark{background:color-mix(in srgb, var(--c-soft) 18%, transparent);color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-credits{border-top:1px solid var(--c-div, var(--c-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-big{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-credits > p:not(.cx-k):not(.cx-small){color:var(--c-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-row{border:1px solid var(--c-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-row b{color:var(--c-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-row small{color:var(--c-soft)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chip{color:var(--c-ink);background:color-mix(in srgb, var(--c-soft) 16%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chip.on{background:color-mix(in srgb, var(--c-ok, #22b36b) 22%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chip.wait{background:color-mix(in srgb, #f2b31b 22%, transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cx-chip.warn{background:color-mix(in srgb, var(--c-coral) 22%, transparent)}

:where(:root:not([data-theme=light]):has(.coral-app)) .jc-top > .kit-card{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-score.low{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-score.low .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-score.ok{border-color:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-score.ok .kit-fig{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-top .v2-tile.low{border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-top .v2-tile.low .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-bar{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-bar i.ok{background:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-bar i.half{background:var(--mx-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-deal{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-deal-k{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .kit-chip.jc-ok{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-job{border:1px solid var(--mx-line);background:var(--mx-pop)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-job[open]{border-color:var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-name .t{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-name .s{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-door{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-w{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.ok{background:var(--mx-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.ok .jc-w{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.bad,:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.broke{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.bad .jc-w,:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.broke .jc-w{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-cell.none .jc-w{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.jc-trend i, .jc-dot).ok{background:var(--mx-green)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.jc-trend i, .jc-dot).half{background:var(--mx-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.jc-trend i, .jc-dot).bad{background:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.jc-trend i, .jc-dot).open{background:var(--mx-amber)}
:where(:root:not([data-theme=light]):has(.coral-app)) :is(.jc-trend i, .jc-dot).none{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-pipe-row{background:var(--mx-pop);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-steps li{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-steps li.found .kit-fig{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .jc-steps li.verified .kit-fig{color:var(--mx-ok)}

:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-watch{background:var(--cx-key);color:#fff}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-watch:hover{background:var(--cx-key-h)}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-watch:focus-visible,:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home #fm-continue .fm-home:focus-visible{outline:2px solid #d24516}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-code{color:var(--cx-soft)}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-code b{color:var(--cx-body)}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home #fm-continue .fm-home{border:1px solid var(--cx-line-2);background:transparent;color:var(--cx-ink)}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home #fm-continue .fm-home:hover{border-color:var(--cx-soft);background:rgb(20 20 20 / 4%)}
html:where(:not([data-theme=light]):has(.coral-app))[data-theme=light] .cx-home #fm-continue .fm-home:hover{background:rgb(255 255 255 / 6.4%)}

:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-yes-btn{border:0;background:var(--cx-key);color:#fff}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-yes-btn:hover{background:var(--cx-key-h)}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-yes-btn:focus-visible{outline:2px solid #d24516}
:root:where(:not([data-theme=light]):has(.coral-app)) .cx-home .fm-yes-line{color:var(--cx-soft)}

:where(:root:not([data-theme=light]):has(.coral-app)) .fm{background:#1a1817;color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm .fh-panel{background:transparent;border:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-skip button{border:0;background:none;color:#bfbcb8}
:where(:root:not([data-theme=light]):has(.coral-app)) #fm-status{color:#bcbbb8}
:where(:root:not([data-theme=light]):has(.coral-app)) #fm-help{border-top:1px solid #393632}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm.connected .fm-slot{box-shadow:0 0 0 6px #452417,0 10px 36px rgba(255,90,54,.45)}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-steps .done{color:#cfd6d3}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-steps .pending{color:#b5b2af}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-detail{color:#bfbcb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm .fh-chip:hover{border-color:#462317;background:#23201f}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm .fh-more>summary:hover{border-color:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-skip button:hover{color:#efeff1}
:where(:root:not([data-theme=light]):has(.coral-app)) .fm-skip button:active{color:#ed866e}

:where(:root:not([data-theme=light]):has(.coral-app)) .or-panel .lp-sub{color:#d1ccc8}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-rung{border:1px solid #3c301e;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-rung.here{border:2px solid #cb4e19;background:#311d10}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-rung.above{background:#1d1c1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-name small,:where(:root:not([data-theme=light]):has(.coral-app)) .lp-pay small{color:#c2bdb8}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-rung.here .lp-name small{color:#f39968}
:where(:root:not([data-theme=light]):has(.coral-app)) .lp-test-pill{background:#fde047;color:#3f3a10}

:where(:root:not([data-theme=light]):has(.coral-app)) .acs-link{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .acs-link b{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .acs-link small{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .acs-link:hover{box-shadow:inset 0 0 0 1px #c2410c}

:where(:root:not([data-theme=light]):has(.coral-app)) .aac-k{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-tag{background:#202224;color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-level{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-lede{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-scroll{box-shadow:inset 0 0 0 1px #2a2b2f;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-table th,:where(:root:not([data-theme=light]):has(.coral-app)) .aac-table td{border-bottom:1px solid #222426}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-table thead th{background:#0f0f11}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-table tbody th{background:#141414;box-shadow:1px 0 0 #222426}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-table tbody th small{color:#bfc2c8}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-count{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-yes{color:#7ae1a8;background:#171a18}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-no{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-stages{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-grant{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-gname{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-kind{background:#202224;color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-what{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-caps.yes{color:#7ae1a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .aac-caps.no{color:#ee8d6d}
:where(:root:not([data-theme=light]):has(.coral-app)) .in-refuse-why{color:inherit}

:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .ai-draft{border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .ai-draft.ready{border-style:solid;border-color:var(--mx-ink, currentColor)}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .ai-pill.ok{background:#13331b;color:#73e89d}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .ai-pill.fix{background:#342011;color:#f39c68}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .ai-keys b{border:1px solid currentColor}

:where(:root:not([data-theme=light]):has(.coral-app)) .bf-mark{background:var(--mx-primary-t);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-over{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-head h1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-want{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-want b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-fine{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-link{border:0;background:none;color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-sec{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-sec-head h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-sec-head p{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-list li{background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-list li small{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-list.passed li{background:var(--mx-well);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-empty{background:var(--mx-tint);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-form textarea{border:0;background:var(--mx-field, var(--mx-tint));color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-go{border:0;background:var(--mx-card);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-go:hover{background:var(--mx-primary-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.ok{background:var(--mx-ok-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.warn{background:var(--mx-wait-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.bad{background:var(--mx-bad-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-verdict{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.ok .bf-verdict{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.warn .bf-verdict{color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-answer.bad .bf-verdict{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-why{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-need{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-more{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-more summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-store a{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bf-sub{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .bd-split th,:where(:root:not([data-theme=light]):has(.coral-app)) .bd-split td{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-split thead th{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-split td a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-n{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-admin .bd-split tbody th{background:none;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-bar.long{background:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-bar.short{background:var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-out,:where(:root:not([data-theme=light]):has(.coral-app)) .bd-motive{border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-out.long{border-color:var(--mx-primary-ink);color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-sub{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-more summary::before{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-more h4{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .bd-kv dt{color:var(--mx-label)}

:where(:root:not([data-theme=light]):has(.coral-app)) .ct-lead{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-row{background:var(--mx-card);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-row-line{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-row-mine{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-chip.open{background:var(--mx-ok-t);color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-chip.shut{background:var(--mx-well);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-chip.test{background:var(--mx-wait-t);color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-why{background:var(--mx-tint);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-head h1{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-facts{background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-facts dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-facts dd{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-yours h2,:where(:root:not([data-theme=light]):has(.coral-app)) .ct-brief h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-yours a{background:var(--mx-tint);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-yours a span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-brief{background:var(--mx-tint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-shop{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-shop a{color:var(--mx-primary-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-brief-list{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-money{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .ct-note{background:var(--mx-tint)}

:where(:root:not([data-theme=light]):has(.coral-app)) .em-say{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-dim{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tile{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tile-label{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tile-n{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tile-of{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tile-note{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-meter{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-meter > span{background:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-near{border-color:var(--mx-amber-edge)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-near .em-meter > span{background:var(--mx-amber)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-near .em-tile-note{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-over{border-color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-over .em-meter > span{background:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-over .em-tile-note{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-filter{border:1px solid var(--mx-line);color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-filter.on{background:var(--mx-ink);border-color:var(--mx-ink);color:var(--mx-on-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-table{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tr{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-tr:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-th{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-addr{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-test{border:1px solid var(--mx-line);color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-mark::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-ok{color:var(--mx-ok)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-no{color:var(--mx-bad)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-wait{color:var(--mx-wait)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-held{color:var(--mx-hint)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-history{border:1px solid var(--mx-line);background:var(--mx-card)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-letter{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-letter:first-child{border-top:0}
:where(:root:not([data-theme=light]):has(.coral-app)) .em-subject{color:var(--mx-ink)}
@media (max-width: 767px){:where(:root:not([data-theme=light]):has(.coral-app)) .em-k{color:var(--mx-hint)}}/*kit-part*/

:where(:root:not([data-theme=light]):has(.coral-app)) .lb{color:#e6e5e7}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb-hero{background:#311810;border:1px solid #4b2619}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb button,:where(:root:not([data-theme=light]):has(.coral-app)) .lb-actions>a{border:1px solid #d58370;background:#0d0c0b;color:#ce988c}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb-gate{border:1px solid #363230;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb-gate-top span{color:#d1b58a}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb-journey{border:1px solid #363230;background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb summary>span{color:#c7a294}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb textarea{border:1px solid #bca69d}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb-warning{border:1px solid #d4a24c;background:#342a11}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb blockquote{border-left:3px solid coral}
:where(:root:not([data-theme=light]):has(.coral-app)) .lb button:disabled{background:#1d1d1d;border-color:#3d3d3d;color:#b4b4b4}

:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .mws .mws-shop{color:var(--c-ink, #f0f1f2)}
:where(:root:not([data-theme=light]):has(.coral-app)) .coral-app .mws .mws-shop.first{border:1.5px solid #462317}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-shop:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .mws-shop:focus-visible{border-color:#d83d17}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-mark{background:#321911;color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-t small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-go{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-shut li{background:#0e0e0f}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-shut b{color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-shut small{color:#a0a5ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-house{border-top:1px solid var(--c-line, #282a2d);color:#cdcfd4}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-house b{color:#eb8a70}
:where(:root:not([data-theme=light]):has(.coral-app)) .mws-house small{color:#a0a5ae}

:where(:root:not([data-theme=light]):has(.coral-app)) .md-pop.cov-red > summary{border-color:var(--mx-bad,#5d1f1f);background:var(--mx-bad-t,rgb(93 31 31 / 12%))}
:where(:root:not([data-theme=light]):has(.coral-app)) .cov-bad{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) table.cov th,:where(:root:not([data-theme=light]):has(.coral-app)) table.cov td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) table.cov thead th{border-top:0;color:var(--mx-label,#a29c91)}
:where(:root:not([data-theme=light]):has(.coral-app)) table.cov tbody th{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) table.cov tr.late td,:where(:root:not([data-theme=light]):has(.coral-app)) table.cov tr.late th{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cov-flag{background:var(--mx-bad-t,rgb(93 31 31 / 15%));border:1px solid rgb(93 31 31 / 45%);color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cov-chip{border:1px solid var(--mx-bad,#5d1f1f);background:var(--mx-bad-t,rgb(93 31 31 / 12%));color:var(--mx-bad,#ff8a8a)}

:where(:root:not([data-theme=light]):has(.coral-app)) .md{color:var(--mx-body,#a19c91)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md h1{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-eyebrow{color:var(--mx-label,#a29c91)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-live{background:#5fb4ff}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-live.stale{background:#63615a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-note{color:var(--mx-label,#a29c91)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-warning{border:1px solid var(--mx-wait,#ffcf5c);background:var(--mx-wait-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .md-flag{background:var(--mx-bad-t);border:1px solid rgb(93 31 31 / 40%);color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-flag:before{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md a{color:#8fc1f0}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-cover{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .planned{--st:#61615b}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .in-progress,:where(:root:not([data-theme=light]):has(.coral-app)) .md .running{--st:#e0912a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .queued,:where(:root:not([data-theme=light]):has(.coral-app)) .md .waiting{--st:#ba7517}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .stuck,:where(:root:not([data-theme=light]):has(.coral-app)) .md .failed{--st:#de3332}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .waiting-on-paul{--st:#de3332}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .done{--st:#5ea832}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .landed,:where(:root:not([data-theme=light]):has(.coral-app)) .md .finished,:where(:root:not([data-theme=light]):has(.coral-app)) .md .finished-errors{--st:#4d8fd6}
:where(:root:not([data-theme=light]):has(.coral-app)) .md .stopped,:where(:root:not([data-theme=light]):has(.coral-app)) .md .never-started{--st:#63615a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pill{color:#f3e9d7;background:color-mix(in srgb,var(--st,#626262) 45%,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-dot{background:var(--st,#626262)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-llm{color:#c9a8ff;border:1px solid rgb(44 25 75 / 40%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-llm strong{color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-src{color:var(--mx-label);border:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-src.llm{color:#c9a8ff;border-color:rgb(44 25 75 / 40%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pop > summary{color:var(--mx-ink,#f3e9d7);border:1px solid var(--mx-line-in);background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pop > summary.hot{border-color:var(--mx-bad,#5d1f1f);background:var(--mx-bad-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tr > summary b{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pop-body{background:var(--mx-card,#26282b);border:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pop-body h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-accounts th,:where(:root:not([data-theme=light]):has(.coral-app)) .md-accounts td{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-accounts thead th{border-top:0;color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-bar{background:linear-gradient(90deg,rgb(143 220 106 / 30%) var(--v),transparent var(--v)),var(--mx-well,#1e2330)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-bar.over{background:linear-gradient(90deg,rgb(93 31 31 / 35%) var(--v),transparent var(--v)),var(--mx-well,#1e2330)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider{border:1px solid var(--mx-line-in);background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider a{color:var(--mx-body)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider a b{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider a span{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider a + a{border-left:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-slider a.on{background:color-mix(in srgb,#4d8fd6 35%,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-check{color:var(--mx-ink);border:1px solid var(--mx-line-in);background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-check.failed{border-color:rgb(226 75 74 / 55%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-fit{background:var(--mx-well,#1e2330);color:var(--mx-ink);border:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-form label{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-pick{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-side-fold{border:1px solid var(--mx-line);background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-side-fold > summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-sgroup h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-srow{border-left:3px solid var(--st,#434343)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-srow > a{color:var(--mx-ink)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active.amber{color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active.red{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active:before{color:#b0de7d}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active.amber:before{color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-active.red:before{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-zone{background:var(--mx-tint,#191d27);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-zone h2{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-zone h2 i{background:var(--mx-well,#1e2330);border:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node{background:var(--mx-card,#26282b);border:2px solid var(--st,#333333)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node-head h3 a{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ct{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-after{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ref{border:1px dashed var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ag{background:var(--mx-well,#1e2330);border-left:4px solid var(--st,#434343)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-goal{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-m{color:var(--mx-label,#a29c91)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-dl dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-dl dd{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-subs{border-top:1px solid var(--mx-line);color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-panel{background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-panel-x{background:var(--mx-well,#1e2330);color:var(--mx-ink);border:1px solid var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-p-head h2{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-glance{background:var(--mx-well,#1e2330)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-glance dt{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-glance dd{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-img img{border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-img figcaption{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-p-wait{border:1px solid rgb(226 75 74 / 55%);background:var(--mx-bad-t)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-p-wait h3,:where(:root:not([data-theme=light]):has(.coral-app)) .md-p-more h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-p-more > summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-said q{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ev{border:1px solid currentColor;color:#a29c91}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ev.verified{color:#9fd27a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ev.observed{color:#9cc8ff}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ev.reported{color:#e9b45a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder h3,:where(:root:not([data-theme=light]):has(.coral-app)) .md-dw h3{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder li{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder li::before{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder li.on{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder li.on::before{background:currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ladder li.at{background:color-mix(in srgb,var(--mx-ink) 7%,transparent)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-mk{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.met .md-mk,:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.met .md-crit-how b{color:#9fd27a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.unmet .md-mk,:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.unmet .md-crit-how b{color:var(--mx-bad,#ff8a8a)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.unknown .md-mk,:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit li.unknown .md-crit-how b{color:#e9b45a}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit-how{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-crit-ev{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-edit{border:1px solid var(--mx-line);background:var(--mx-card,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-edit summary{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-edit h3{color:var(--mx-label)}
@media (min-width:1000px){:where(:root:not([data-theme=light]):has(.coral-app)) .md-dag{border:1px solid var(--mx-line);background:var(--mx-bg,#26282b)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-edges path{stroke:#a19e91}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-panel{border-left:1px solid var(--mx-line-in)}}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-bk{border:1px solid var(--mx-line-in);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-bk.wait,:where(:root:not([data-theme=light]):has(.coral-app)) .md-bk.ask{color:var(--mx-wait,#ffcf5c);border-color:rgb(255 207 92 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-wait-list.side .md-wait{border-left:3px solid var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-more > summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-now{color:var(--mx-ink,#f3e9d7)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-now.none{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tstat{border:1px solid var(--mx-line-in);color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tstat.working{color:#9cc8ff;border-color:rgb(27 52 82 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tstat.done{color:#a1d982;border-color:rgb(143 209 106 / 45%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tstat.amber{color:var(--mx-wait,#ffcf5c);border-color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-tstat.red{color:var(--mx-bad,#ff8a8a);border-color:var(--mx-bad,#5d1f1f)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ref{color:var(--mx-body)!important}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ref.amber{border-color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-ref.red{border-color:var(--mx-bad,#5d1f1f)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-landed{color:#9cc8ff}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-watch,:where(:root:not([data-theme=light]):has(.coral-app)) .md-prop{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-watch.md-w-trust{color:#9cc8ff}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-watch.md-w-ux{color:#f0a6d8}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-prop{color:#a19c91;border-style:dashed}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node.md-w-trust{box-shadow:0 0 0 2px rgb(27 52 82 / 33.3%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node.md-w-ux{box-shadow:0 0 0 2px rgb(85 28 67 / 33.3%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node.stub{border-style:dashed;border-color:var(--mx-line-in);background:transparent}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node.stub .md-ct{color:var(--mx-body)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-side-n{color:var(--mx-wait,#ffcf5c)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-proposed-all{border-top:1px dashed var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-proposed-all > summary{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-proposed{border:1px dashed var(--mx-line-in)}
:where(:root:not([data-theme=light]):has(.coral-app)) .md-node.sel{outline:3px solid #1b3452}

:where(:root:not([data-theme=light]):has(.coral-app)) .pq{color:#e5e6e9}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-whose,:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lede{color:#e5e6e9}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-h{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-gcap{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-cap-head{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-chip.open{background:#123520;color:#7ae1a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-chip.shut{background:#202224;color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-need{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-tick{box-shadow:inset 0 0 0 2px #35373b}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-need.ok{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-need.ok .pq-tick{background:#2f9e5e;box-shadow:none;color:#ffffff}
:where(:root:not([data-theme=light]):has(.coral-app)) a.pq-need-label{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-note,:where(:root:not([data-theme=light]):has(.coral-app)) .pq-by{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-fine{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-top{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-where-h{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-where-line{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-now{border-top:1px solid #202224;color:#e5e6e9}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-now a{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next{background:#311c10;box-shadow:inset 0 0 0 1px #4e2e1a}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next.wait{background:#17181a;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next-k{color:#ee8d6d}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next.wait .pq-next-k{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next-step{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-next-note{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lk{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lk-line{color:#d4d6da}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lk-line b{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lk-ico{color:#9297a2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-lk-go{color:#f39068}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-steps{color:#afb2bb}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-steps summary{color:#a0a4ae}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-chal{background:#17181a;color:#e5e6e9}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-inv.ok{background:#1f2321;color:#7ae1a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-inv.bad{background:#331911;color:#ee8d6d}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-bars li{color:#e5e6e9}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-bar-label small{color:#9297a2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-bar{background:#202224}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-bar-fill{background:#c2410c}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-bar-n{color:#f0f1f2}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-invs li{background:#141414;box-shadow:inset 0 0 0 1px #2a2b2f}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-invs li.ok b{color:#7ae1a8}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-invs li.bad b{color:#ee8d6d}
:where(:root:not([data-theme=light]):has(.coral-app)) .pq-invs small{color:#a0a4ae}

:where(:root:not([data-theme=light]):has(.coral-app)) .qu-score{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-card.k-one-way-door{border-left:4px solid var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-meta{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-kind{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .k-one-way-door .qu-kind{color:#f39568}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-money{color:var(--mx-ink)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-fig img,:where(:root:not([data-theme=light]):has(.coral-app)) .qu-fig video{border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-fig video{background:#292929}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-fig figcaption{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-read a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-steps{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-steps a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-pick{background:var(--mx-card);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-note label{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-note textarea{border:1px solid var(--mx-line-in, var(--mx-line));background:#141414;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-mic{border:1px solid var(--mx-line-in, var(--mx-line));background:#141414}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-mic.on{background:var(--mx-primary);border-color:var(--mx-primary)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-opts .kit-btn.ghost{border:1px solid var(--mx-line-in, var(--mx-line))}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-later{border:0;background:none}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-key{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-nav{border-top:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-nav a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-rest a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-rest a:hover,:where(:root:not([data-theme=light]):has(.coral-app)) .qu-rest li.on a{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-history li{border-bottom:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-tag{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-tag.same{background:var(--mx-ok, #262a27);color:var(--mx-ok-t, inherit)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-tag.other{background:#342311}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-h-note{border-left:3px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .admin-nav-n{background:#c9460a;color:white}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-doc a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-doc pre{background:var(--mx-well)}
:where(:root:not([data-theme=light]):has(.coral-app)) .qu-doc th,:where(:root:not([data-theme=light]):has(.coral-app)) .qu-doc td{border-bottom:1px solid var(--mx-line)}

:where(:root:not([data-theme=light]):has(.coral-app)) .rc-bar{background:var(--mx-canvas);border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rc-bar .rc-pace{color:var(--mx-label)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rc-key{border:1px solid currentColor}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .rc-context pre{border:1px solid var(--mx-line)}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .rc-missing{border:2px dashed var(--mx-danger, #dc2626);color:var(--mx-ink, inherit)}
:where(:root:not([data-theme=light]):has(.coral-app)) .review-ping .rc-missing b{color:var(--mx-danger, #e87272)}

:where(:root:not([data-theme=light]):has(.coral-app)) .rv-nums small{color:var(--ink-3,#b0b0b0)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rv-calls .rv-call{border-bottom:1px solid rgb(255 255 255 / 9.6%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .rv-hit{color:#73e89f}
:where(:root:not([data-theme=light]):has(.coral-app)) .rv-miss{color:#f3a468}
:where(:root:not([data-theme=light]):has(.coral-app)) .rv-admin .rv-app{border-top:1px solid rgb(255 255 255 / 12%)}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-review{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .cs-review b{color:var(--coral,#f38d68)}

:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-made{color:#cdcdc4}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-made b{color:#f6f4ec}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-preview{background:#22291e;color:#dfe5d2}
html:where(:not([data-theme=light]):has(.coral-app)){background:#262b26;color:#f6f4ec}
:where(:root:not([data-theme=light]):has(.coral-app)) a{color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) button:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) a:focus-visible,:where(:root:not([data-theme=light]):has(.coral-app)) summary:focus-visible{outline:3px solid #4b591e}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-eyebrow{color:#9ba191}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-card header p:last-child{color:#9ba191}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-card video{background:#262b26}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-keep{border:0;background:#4b591e;color:#f2f2f0}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-actions summary{border:1px solid #454941}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-actions details button{border:1px solid #454941;background:#22291e;color:inherit}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-fine{color:#9ba191}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-card header p:nth-last-child(2){color:#9ba191}
:where(:root:not([data-theme=light]):has(.coral-app)) .inbox-maker{color:#f6f4ec;border-bottom:1px solid rgb(34 34 31 / 35%)}

:where(:root:not([data-theme=light]):has(.coral-app)) .th-checks .th-checks-line{color:var(--c-soft, #a0a5ae)}



:root:not([data-theme=light]):has(.coral-app) .coral {
  --c-page: #0a0a0b; --c-card: #131315; --c-line: #222226; --c-line-2: #2a2a2f; --c-tint: #19191c; --c-div: #1d1d21;
  --c-ink: #f4f4f5; --c-body: #c9c9ce; --c-soft: #a1a1aa; --c-faint: #85858e;
  --c-coral: #e8451f; --c-coral-h: #f2542d; --c-coral-ink: #ff7a52; --c-coral-t: rgb(255 90 46 / 12%); --c-coral-p: rgb(255 90 46 / 16%); --c-coral-ring: rgb(255 90 46 / 40%);
  --c-navy: #1a1d26; --c-ok: #4ade80; --c-ok-t: rgb(74 222 128 / 12%); --c-wait: #fbbf24; --c-wait-t: rgb(251 191 36 / 12%);
  --c-shadow: 0 0 0 1px #1d1d21; --c-card-line: #222226;
  color-scheme: dark;
  --mx-canvas: var(--c-page); --mx-rail: var(--c-page); --mx-card: var(--c-card); --mx-tint: #18181b; --mx-well: #1e1e22;
  --mx-ink: var(--c-ink); --mx-body: var(--c-body); --mx-label: var(--c-soft); --mx-hint: var(--c-faint);
  --mx-line: var(--c-line); --mx-line-in: var(--c-line-2); --mx-line-focus: #3f3f46;
  --mx-primary: var(--c-coral); --mx-primary-h: var(--c-coral-h); --mx-primary-ink: var(--c-coral-ink); --mx-primary-t: var(--c-coral-t); --mx-primary-line: var(--c-coral-ring);
  --mx-on-key: #ffffff; --mx-ok: var(--c-ok); --mx-ok-t: var(--c-ok-t); --mx-wait: var(--c-wait); --mx-wait-t: var(--c-wait-t); --mx-bad: #f87171; --mx-bad-t: rgb(248 113 113 / 12%);
  --mx-on-ink: #0a0a0b; --mx-sheen: rgb(255 255 255 / 4%); --mx-screen: #050506; --mx-code: #050506;
  --mx-shadow-float: 0 0 0 1px var(--c-line), 0 16px 40px -16px rgb(0 0 0 / 80%);
  --h-paper: var(--c-page); --h-paper-2: var(--c-card); --h-sheet: var(--c-card); --h-ink: var(--c-ink); --h-ink-2: var(--c-body); --h-ink-3: var(--c-soft); --h-line: var(--c-line);
  --h-orange-ink: var(--c-coral-ink); --h-panel: var(--c-card); --h-on-panel: var(--c-ink);
  --lk-page: var(--c-page); --lk-text: var(--c-ink); --lk-soft: var(--c-soft); --lk-title: var(--c-ink); --lk-card: var(--c-card); --lk-card-ink: var(--c-ink); --lk-card-soft: var(--c-soft);
  --lk-card-2: var(--c-card); --lk-card-2-ink: var(--c-ink); --lk-card-2-soft: var(--c-soft); --lk-card-2-line: var(--c-line); --lk-card-shadow: var(--c-shadow); --lk-card-2-shadow: inset 0 0 0 1px var(--c-line);
  --lk-act: var(--c-coral); --lk-act-h: var(--c-coral-h); --lk-act-t: var(--c-coral-t); --lk-note: var(--c-tint); --lk-note-ink: var(--c-body);
}
html:not([data-theme=light]):has(.coral-app), :root:root:root:root:not([data-theme=light]):has(.coral-app) body:has(.coral-app) { background: #0a0a0b; color: #f4f4f5; }
:root:not([data-theme=light]):has(.coral-app) body:has(.coral-app) ::selection { background: rgb(255 90 46 / 35%); color: #fff; }
:root:not([data-theme=light]):has(.coral-app) .coral-app { scrollbar-color: #2a2a2f transparent; }

html:not([data-theme=light]):has(.coral-app) body:has(.coral-app) > .v2-truth { background: #1a0f0b !important; color: #ff8a66 !important; }/*kit-part*/
:root:not([data-theme=light]):has(.coral-app) .ca-test-marker { background: rgb(251 191 36 / 14%) !important; color: #fbbf24 !important; }


.coral-app .coral-title h1, .coral-app :is(.cs-head, .mb-head, .dsc-head, .pl-header) h1 { font-weight: 700; letter-spacing: -.035em; line-height: 1.05; }
@media (min-width: 1000px) {
  .coral-app .coral-title h1, .coral-app :is(.cs-head, .mb-head, .dsc-head, .pl-header) h1 { font-size: 34px; }
}
.coral-app .pl-subtitle { color: var(--c-soft); font-size: 14px; line-height: 1.45; letter-spacing: 0; }


@media (min-width: 1000px) {
  .coral-app:not(.coral-admin) { grid-template-columns: 64px minmax(0, 1fr); }
  :root .coral-app:not(.coral-admin), :root:root:root:root body:has(.coral-app:not(.coral-admin)) { background: var(--c-page, #fafaf9); }
  :root:root:root:root:not([data-theme=light]):has(.coral-app) body:has(.coral-app:not(.coral-admin)) { background: #0a0a0b; }
  .coral-app:not(.coral-admin) > .coral-side { align-items: center; gap: 20px; width: 64px; padding: 16px 0 14px; background: var(--c-page); border-right: 1px solid var(--c-line); overflow: visible; }
  .coral-app:not(.coral-admin) .coral-side .coral-logo.coral-logo { display: grid; place-items: center; width: 40px; height: 40px; margin: 0; padding: 0; border-radius: 10px; }
  .coral-app:not(.coral-admin) .coral-side .coral-logo .lockup { font-size: 0 !important; line-height: 0; }
  .coral-app:not(.coral-admin) .coral-side .coral-logo .lockup-c svg { width: 26px !important; height: 26px !important; margin: 0 !important; vertical-align: 0 !important; }
  .coral-app:not(.coral-admin) .coral-side .coral-nav { gap: 4px; align-items: center; }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a.coral-nav-a { position: relative; justify-content: center; width: 40px; height: 40px; padding: 0; gap: 0; border-radius: 10px; color: var(--c-soft); background: transparent; }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a .coral-ico { width: 20px; height: 20px; color: inherit; }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a:hover { background: var(--c-tint); color: var(--c-ink); }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a.on.on { background: var(--c-tint); color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--c-line); }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a.on .coral-ico { color: var(--c-coral-ink, #e0481f); }
  
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a > span:not(.coral-ico):not(.studio-progress-badge) { position: absolute; left: calc(100% + 10px); top: 50%; z-index: 40; transform: translate(-4px, -50%); padding: 5px 9px; border-radius: 7px; background: #f4f4f5; color: #0a0a0b; font: 600 12px/1.2 var(--c-font); white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s, transform .12s; }
  :root[data-theme=light] .coral-app:not(.coral-admin) .coral-side .coral-nav-a > span:not(.coral-ico):not(.studio-progress-badge) { background: #14161b; color: #fff; }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a:is(:hover, :focus-visible) > span:not(.coral-ico):not(.studio-progress-badge) { opacity: 1; transform: translate(0, -50%); }
  .coral-app:not(.coral-admin) .coral-side .coral-nav-a .studio-progress-badge { position: absolute; top: 2px; right: 0; min-width: 16px; height: 16px; margin: 0; font-size: 10px; box-shadow: 0 0 0 2px var(--c-page); }
  .coral-app:not(.coral-admin) .coral-side .coral-side-foot.coral-side-foot { align-items: center; gap: 10px !important; padding-top: 12px; margin-top: auto; }
  
  .coral-app:not(.coral-admin) .coral-side .gs-side { display: none; }
  :where(.coral-app) .coral-content > .gs-phone, :where(.coral-app) .coral-main > .gs-phone { display: flex; }
  
  .coral-app:not(.coral-admin) .coral-side .coral-slot.coral-slot { position: relative; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; gap: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; }
  .coral-app:not(.coral-admin) .coral-side .coral-slot .coral-slot-face { width: 34px; height: 34px; border-radius: 50%; background: #1a1d26; box-shadow: 0 0 0 1px var(--c-line-2); }
  .coral-app:not(.coral-admin) .coral-side .coral-slot:hover .coral-slot-face { box-shadow: 0 0 0 2px var(--c-line-2); }
  .coral-app:not(.coral-admin) .coral-side .coral-slot :is(.coral-slot-txt, .coral-chev) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .coral-app:not(.coral-admin) .coral-side .coral-slot:has(.slot-status)::after { content: ""; position: absolute; right: 2px; bottom: 2px; width: 9px; height: 9px; border-radius: 50%; background: #71717a; box-shadow: 0 0 0 2px var(--c-page); }
  .coral-app:not(.coral-admin) .coral-side .coral-slot:has(.slot-status.connected)::after { background: #22c55e; }
  
  .coral-app:not(.coral-admin) .coral-side .coral-acct-card.coral-acct-card { display: grid; place-items: center; width: 40px; height: 40px; min-height: 0; padding: 0; gap: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; }
  .coral-app:not(.coral-admin) .coral-side .coral-acct-card .coral-ava { width: 32px; height: 32px; font-size: 12px; background: var(--c-coral-t); color: var(--c-coral-ink); }
  .coral-app:not(.coral-admin) .coral-side .coral-acct-card :is(.coral-acct-txt, .coral-chev) { display: none; }
  .coral.ca-menu#coral-acct { inset: auto auto 14px 72px; }
  .coral-app:not(.coral-admin) .coral-main { padding: 8px 32px 48px; max-width: 1560px; }
  
  html:root body:has(.coral-app:not(.coral-admin)) > .v2-truth { left: 64px; }
  html body:has(.dsc) > .v2-truth { left: calc(64px + (100vw - 64px) / 2); }
  html:has(.coral-app:not(.coral-admin)) cracked-test-dock { left: 76px !important; }
}

.tool-theme { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font: inherit; color: inherit; }
.tool-theme-ico { display: inline-grid; place-items: center; width: 18px; height: 18px; }
.coral-side-theme { display: none; }
@media (min-width: 1000px) {
  .coral-app .coral-side .coral-side-theme { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--c-faint); }
  .coral-app .coral-side .coral-side-theme:hover { background: var(--c-tint); color: var(--c-ink); }
}


:root:not([data-theme=light]):has(.coral-app) .coral-app .coral-tabs { background: rgb(10 10 11 / 88%); border-top: 1px solid var(--c-line); backdrop-filter: saturate(140%) blur(14px); -webkit-backdrop-filter: saturate(140%) blur(14px); }
:root:not([data-theme=light]):has(.coral-app) .coral .coral-tab, :root:not([data-theme=light]):has(.coral-app) .coral-more > summary.coral-tab { color: #8b8b94; }
:root:not([data-theme=light]):has(.coral-app) .coral .coral-tab.on, :root:not([data-theme=light]):has(.coral-app) .coral-more.on > .coral-tab { color: #f4f4f5; }
:root:not([data-theme=light]):has(.coral-app) .coral .coral-tab.on .coral-ico { color: #ff6a3d; }
:root:not([data-theme=light]):has(.coral-app) .coral-tabs .studio-progress-badge { box-shadow: 0 0 0 2px #0a0a0b; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .coral-ask input { background: #131315; border-color: #222226; color: #f4f4f5; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .coral-ask input::placeholder { color: #85858e; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .coral-hometop-ava, :root:not([data-theme=light]):has(.coral-app) .coral-app .coral-ava { background: rgb(255 90 46 / 14%); color: #ff8a66; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .coral-logo b, :root:not([data-theme=light]):has(.coral-app) .coral-app .coral-hometop-logo b { color: #f4f4f5; }
:root:not([data-theme=light]):has(.coral-app) .coral-menu, :root:not([data-theme=light]):has(.coral-app) .coral.ca-menu { background: #131315; border: 1px solid #26262b; box-shadow: 0 24px 60px -20px rgb(0 0 0 / 85%); }
:root:not([data-theme=light]):has(.coral-app) .coral-menu a:hover, :root:not([data-theme=light]):has(.coral-app) .coral-menu-btn:hover { background: #1c1c20; }


:root:not([data-theme=light]):has(.coral-app) .coral-app :is(.coral-card, .in-card, .kit-card, .v2-card) { box-shadow: none; }
:root:not([data-theme=light]):has(.coral-app) .coral-note { background: rgb(74 222 128 / 10%); color: #86efac; }
:root:not([data-theme=light]):has(.coral-app) .coral-note.bad { background: rgb(248 113 113 / 12%); color: #fca5a5; }
:root:not([data-theme=light]):has(.coral-app) .coral-app :focus-visible { outline: 2px solid #ff7a52; outline-offset: 2px; }

html:not([data-theme=light]):has(.coral-app) cracked-test-dock { background: transparent !important; }


:root:root .slot-tour-menu.slot-tour-menu {
  --sm-bg: #131315; --sm-line: #26262b; --sm-ink: #f4f4f5; --sm-soft: #a1a1aa; --sm-faint: #85858e; --sm-hover: #1d1d21; --sm-face: #1a1d26;
  box-sizing: border-box; width: min(288px, calc(100vw - 24px)); padding: 6px; border: 1px solid var(--sm-line); border-radius: 12px;
  background: var(--sm-bg); color: var(--sm-ink); box-shadow: 0 24px 64px -20px rgb(0 0 0 / 80%), 0 0 0 1px rgb(0 0 0 / 30%);
  font: 400 13px/1.4 "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif; inset: auto auto calc(84px + env(safe-area-inset-bottom)) 12px;
}
:root[data-theme=light] .slot-tour-menu.slot-tour-menu { --sm-bg: #ffffff; --sm-line: #e7e7ea; --sm-ink: #14161b; --sm-soft: #5b606b; --sm-faint: #6b7280; --sm-hover: #f4f4f6; box-shadow: 0 20px 50px -18px rgb(16 24 40 / 28%); }
@media (min-width: 1000px) { :root:root .slot-tour-menu.slot-tour-menu { inset: auto auto 58px 70px; } }
:root:root .slot-tour-menu .slot-menu-head { display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 8px 12px; border-bottom: 1px solid var(--sm-line); }
:root:root .slot-tour-menu .slot-menu-head img { width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--sm-face); box-shadow: 0 0 0 1px var(--sm-line); object-fit: cover; }
:root:root .slot-tour-menu .slot-menu-head > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
:root:root .slot-tour-menu .slot-menu-head b { display: block; width: auto; margin: 0; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--sm-ink); }
:root:root .slot-tour-menu .slot-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--sm-soft); }
:root:root .slot-tour-menu .slot-status::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0; border-radius: 50%; background: #71717a; }
:root:root .slot-tour-menu .slot-status.connected::before { background: #22c55e; box-shadow: 0 0 0 3px rgb(34 197 94 / 18%); }
:root:root .slot-tour-menu .slot-status-detail { font-size: 12px; line-height: 1.35; color: var(--sm-faint); }
:root:root .slot-tour-menu .slot-menu-list { display: flex; flex-direction: column; gap: 1px; padding-top: 6px; }
:root:root .slot-tour-menu .slot-menu-list :is(a, button) { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; margin: 0; padding: 0 10px;
  border: 0; border-radius: 8px; background: transparent; color: var(--sm-ink); font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: left; text-decoration: none; cursor: pointer; }
:root:root .slot-tour-menu .slot-menu-list .slot-menu-ico { flex: none; color: var(--sm-soft); }
:root:root .slot-tour-menu .slot-menu-list :is(a, button):is(:hover, :focus-visible) { background: var(--sm-hover); outline: 0; box-shadow: inset 0 0 0 1px var(--sm-line); }
:root:root .slot-tour-menu .slot-menu-list :is(a, button):is(:hover, :focus-visible) .slot-menu-ico { color: var(--sm-ink); }
:root:root .slot-tour-menu :focus:not(:focus-visible) { outline: 0; }
@media (max-width: 380px) { .coral-app .dp-tray :is(.dp-chip, .dp-more > summary) { padding: 0 10px; gap: 6px; }
  
  .coral-app .dp-tray :is(.dp-chip, .dp-more > summary)::before { display: none; } }
@media (max-width: 999px) {
  :root:root .slot-tour-menu.slot-tour-menu { inset: auto 12px calc(84px + env(safe-area-inset-bottom)) 12px; width: auto; }
  :root:root .slot-tour-menu .slot-menu-list :is(a, button) { min-height: 44px; font-size: 15px; }
}


:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour, :root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour::before { background: #131315; color: #f4f4f5; border-color: #2a2a2f; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour { box-shadow: 0 24px 64px -16px rgb(0 0 0 / 85%); font-family: "Geist", ui-sans-serif, system-ui, sans-serif; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour h2 { color: #f4f4f5; letter-spacing: -.02em; font-family: inherit; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour .slot-tour-progress { color: #ff8a66; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour .slot-tour-fact, :root:not([data-theme=light]):has(.coral-app) .slot-tour [data-tour-skip] { color: #a1a1aa; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour button { background: #1d1d21; color: #f4f4f5; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour [data-tour-next] { background: #e8451f; color: #fff; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour [data-tour-skip] { background: none; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour.slot-tour button:focus-visible { outline: 2px solid #ff7a52; outline-offset: 2px; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour-target.slot-tour-target { background: #1d1d21 !important; color: #f4f4f5 !important; outline: 2px solid #ff6a3d !important; }
:root:not([data-theme=light]):has(.coral-app) .slot-tour-shade { background: rgb(0 0 0 / 60%); }


.coral-app .dp-tray.dp-tray { gap: 8px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.coral-app .dp-tray .dp-chips { gap: 8px; }
.coral-app .dp-tray :is(.dp-chip, .dp-more > summary) { min-height: 34px; padding: 0 12px; gap: 7px; border: 1px solid var(--c-line-2); border-radius: 999px; background: var(--c-card);
  color: var(--c-body); font-size: 13px; font-weight: 500; }
.coral-app .dp-tray :is(.dp-chip, .dp-more > summary):hover { border-color: var(--c-faint); color: var(--c-ink); background: var(--c-card); }
.coral-app .dp-tray :is(.dp-chip.on, .dp-more.on.cat > summary) { border-color: var(--c-ink); background: var(--c-ink); color: var(--c-page); font-weight: 600; }
.coral-app .dp-tray :is(.dp-chip, .dp-more > summary):focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 2px; }

.coral-app .dp-tray .dp-chip::before, .coral-app .dp-tray .dp-more > summary::before { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; opacity: .85;
  -webkit-mask: var(--pill-ico) center / contain no-repeat; mask: var(--pill-ico) center / contain no-repeat; }
.coral-app .dp-tray .dp-chip:nth-child(1) { --pill-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/svg%3E"); }
.coral-app .dp-tray .dp-chip:nth-child(2) { --pill-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M5 20v-6M10 20V9M15 20v-8M20 20V4'/%3E%3C/svg%3E"); }
.coral-app .dp-tray .dp-chip:nth-child(3) { --pill-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E"); }
.coral-app .dp-tray .dp-more > summary { --pill-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.5'/%3E%3C/svg%3E"); }
.coral-app .dp-more .dp-menu { min-width: 232px; }

.coral-app .dp-head h2 { font-size: 22px; font-weight: 700; letter-spacing: -.03em; }
.coral-app .dp-head p { font-size: 13px; color: var(--c-soft); }

.coral-app .dp-card > a { border-radius: 12px; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .dp-card > a { background: #121214; border: 1px solid #1f1f23; box-shadow: none; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .dp-card > a:hover { border-color: #33333a; background: #151518; }
:root:not([data-theme=light]):has(.coral-app) .coral-app .dp-strip { border-bottom-color: #1f1f23; }
.coral-app .dp-strip { font-size: 12px; }
.coral-app .dp-card .dp-act.dp-act { min-height: 0; margin-top: 10px; padding: 0; border: 0; background: none; box-shadow: none; justify-content: flex-start; gap: 6px; font-size: 13px; font-weight: 600; color: var(--c-soft); }
.coral-app .dp-card .dp-act.go { color: var(--c-coral-ink); }
.coral-app .dp-card > a:hover .dp-act { color: var(--c-ink); }
:root:not([data-theme=light]):has(.coral-app) .coral-app .dp-card .dl-media:not(.in):not(.gone) .dl-pic { background: linear-gradient(100deg, #17171a 30%, #1f1f23 50%, #17171a 70%) 0 0 / 200% 100%; }
@media (max-width: 999px) {
  .coral-app .dp-tray :is(.dp-chip, .dp-more > summary) { min-height: 38px; }
  
  .coral-app .dp-tray .dp-chips { min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .coral-app .dp-tray .dp-chips::-webkit-scrollbar { display: none; }
  
  .coral-app .dp-tray .dp-chips { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); padding-right: 20px; }
  .coral-app .dp-tray .dp-more { flex: none; }
  :root:not([data-theme=light]):has(.coral-app) .coral-app .dl-hero { background: #121214; border-color: #1f1f23; }
}
@media (min-width: 1000px) {
  
  .coral-app .dl .dl-hero.dl-hero { padding: 8px 0 4px; border: 0; border-radius: 0; background: none; box-shadow: none; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: end; }
  .coral-app .dl .dl-hero::before, .coral-app .dl .dl-hero::after { display: none; }
  .coral-app .dl .dl-hero h1 { font-size: 34px; line-height: 1.06; letter-spacing: -.035em; font-weight: 750; max-width: none; text-wrap: balance; }
  .coral-app .dl .dl-hero .dl-lede { font-size: 14px; color: var(--c-soft); margin-top: 8px; }
  .coral-app .dl .dl-hero .dl-facts { font-size: 12px; }
  .coral-app .dl .dl-pay.dl-pay { padding: 14px 16px; gap: 6px; border-radius: 12px; box-shadow: none; }
  :root:not([data-theme=light]):has(.coral-app) .coral-app .dl .dl-pay.dl-pay { background: #121214; border: 1px solid #222226; }
  .coral-app .dl .dl-pay-big b { font-size: 26px; letter-spacing: -.03em; }
  .coral-app .dl .dl-pay :is(.dl-pay-plus, .dl-pay-fine) { font-size: 12px; }
  .coral-app .dl .dl-first { padding: 12px 16px; border-radius: 12px; }
  .coral-app .dl .dl-first .dl-first-key { min-height: 38px; padding: 0 16px; font-size: 14px; border-radius: 10px; }
  .coral-app .dl .dl-grid.dl-grid { grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 16px; }
}
:root:not([data-theme=light]):has(.coral-app) .coral-app .dl-first { background: #121214; border-color: #1f1f23; }


:root[data-theme=light] .coral-app :is(.coral-feed-head, .coral-when, .coral-brow-money small, .cs-money-f, .cs-money-f.pending) { color: #63636b; }
:root[data-theme=light] .coral-app .mb-foot { color: #5a6478; }
:root[data-theme=light] .coral-app :is(.mb-pill.ok, .mb-prow .mb-pill.ok, .mb-tab .mb-pill.ok) { color: #157a3c; }
:root[data-theme=light] .coral-app .coral-ava, :root[data-theme=light] .coral button.coral-acct-card .coral-ava { color: #b8361a; }
:root[data-theme=light] .coral-app .ce-f-in:checked + .ce-chip { color: #b8361a; }
:root[data-theme=light] .coral-app .ce-chip { color: #3f4654; }

:root .cx-home :is(#fr-way-gptfree:checked ~ .fr-box [for=fr-way-chatgpt].fr-way, #fr-way-gptpaid:checked ~ .fr-box [for=fr-way-chatgpt].fr-way,
  #fr-way-gptclaude:checked ~ .fr-box [for=fr-way-chatgpt].fr-way) {
  border-color: #f05028; background: rgb(240 80 40 / 12%); box-shadow: 0 0 0 1px #f05028; }
:root .cx-home :is(#fr-way-gptfree:checked ~ .fr-box [data-way=gptfree], #fr-way-gptpaid:checked ~ .fr-box [data-way=gptpaid],
  #fr-way-gptclaude:checked ~ .fr-box [data-way=none]) { display: block; animation: fr-in .25s ease-out both; }


:root .cx-home .cnx-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
:root .cx-home .cnx-plan { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; box-sizing: border-box; min-height: 76px; padding: 14px 16px; border-radius: 12px;
  border: 1px solid var(--cx-line-2); background: var(--cx-box-2); color: var(--cx-ink); cursor: pointer; transition: border-color .15s, background-color .15s; }
:root .cx-home .cnx-plan:hover { border-color: rgb(240 80 40 / 55%); }
:root .cx-home .cnx-plan:focus-visible { outline: 3px solid rgb(242 84 45 / .45); outline-offset: 2px; }
:root .cx-home .cnx-plan b { font: 600 16px/1.25 var(--cx-font); }
:root .cx-home .cnx-plan small { font: 400 13px/1.35 var(--cx-font); color: var(--cx-soft); }


:root .cx-home .cnx-steps { gap: 18px; }
:root .cx-home .cnx-step { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 16px; align-items: start; min-width: 0; }
:root .cx-home .cnx-words { margin: 2px 0 0; font: 400 14px/1.5 var(--cx-font); color: var(--cx-body); text-wrap: pretty; }
:root .cx-home .cnx-pic { line-height: 0; }
:root .cx-home .cnx-svg { display: block; width: 100%; height: auto; }


:root .cx-home .cnx-svg .cnx-f { fill: var(--cx-box-2); stroke: var(--cx-line-2); }
:root .cx-home .cnx-svg .cnx-l { stroke: var(--cx-line); fill: none; }
:root .cx-home .cnx-svg .cnx-d { fill: var(--cx-line-2); }
:root .cx-home .cnx-svg .cnx-bar { fill: var(--cx-box); stroke: var(--cx-line); }
:root .cx-home .cnx-svg .cnx-site { font: 500 9px var(--cx-font); fill: var(--cx-soft); }
:root .cx-home .cnx-svg .cnx-h { font: 600 13px var(--cx-font); fill: var(--cx-ink); }
:root .cx-home .cnx-svg .cnx-k { font: 700 8.5px var(--cx-font); letter-spacing: .14em; fill: #f26b45; }
:root .cx-home .cnx-svg .cnx-g { fill: var(--cx-line-2); }
:root .cx-home .cnx-svg .cnx-lab { font: 500 10px var(--cx-font); fill: var(--cx-soft); }
:root .cx-home .cnx-svg .cnx-in { fill: var(--cx-box); stroke: var(--cx-line-2); }
:root .cx-home .cnx-svg .cnx-val { font: 500 11px var(--cx-font); fill: var(--cx-ink); }
:root .cx-home .cnx-svg .cnx-key { fill: var(--cx-ink); }
:root .cx-home .cnx-svg .cnx-kt { font: 600 12px var(--cx-font); fill: var(--cx-box); }
:root .cx-home .cnx-svg .cnx-key2 { fill: var(--cx-box); stroke: var(--cx-line-2); }
:root .cx-home .cnx-svg .cnx-kt2 { font: 600 12px var(--cx-font); fill: var(--cx-ink); }
:root .cx-home .cnx-svg .cnx-chip { fill: rgb(240 80 40 / 14%); }
:root .cx-home .cnx-svg .cnx-ct { font: 600 10.5px var(--cx-font); fill: #f26b45; }
:root .cx-home .cnx-svg .cnx-box { fill: #f05028; }
:root .cx-home .cnx-svg .cnx-tick { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
:root .cx-home .cnx-svg .cnx-send { fill: var(--cx-ink); }
:root .cx-home .cnx-svg .cnx-sendp { fill: none; stroke: var(--cx-box); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
:root .cx-home .cnx-svg .cnx-ring { fill: none; stroke: #f05028; stroke-width: 2; }
:root .cx-home .cnx-svg .cnx-tap { fill: #f05028; }
:root .cx-home .cnx-svg .cnx-tap2 { fill: rgb(240 80 40 / 25%); }

@media (max-width: 720px) {
  :root .cx-home .cnx-step { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  :root .cx-home .cnx-pic { max-width: 300px; }
  :root .cx-home .cnx-plan { min-height: 68px; padding: 12px 14px; }
}

:root .coral-app .cr3 { --cr3-r: 14px; --cr3-key: #c93118; --cr3-ok: var(--c-ok); max-width: 908px; width: 100%; margin: 0; gap: 16px; animation: cr3-in .18s ease-out both; }
@keyframes cr3-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { :root .coral-app .cr3, :root .coral-app .cr3 * { animation: none !important; transition: none !important; } }
:root .coral-app .cr3 h2 { margin: 0; color: var(--c-ink); }
:root .coral-app .cr3 .cr3-over { margin: 0; font: 600 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: var(--c-coral-ink); }
:root .coral-app .cr3 .cr3-mark { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 999px; background: var(--cr3-key); color: #fff; font: 700 12px/1 var(--c-font); }


:root .coral-app .cr3 .cr3-key { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px;
  background: radial-gradient(50% 64% at 50% 1%, rgb(255 150 110 / 22%), transparent), var(--cr3-key); color: #fff; font: 600 15px/1 var(--c-font); text-decoration: none; white-space: nowrap;
  box-shadow: inset 0 -2px 0 rgb(0 0 0 / 22%), 0 6px 16px -6px rgb(217 56 27 / 55%); transition: transform .15s cubic-bezier(.4, 0, .2, 1), filter .15s; }
:root .coral-app .cr3 .cr3-key:hover { filter: brightness(1.06); }
:root .coral-app .cr3 .cr3-key:active { transform: scale(.97); }
:root .coral-app .cr3 .cr3-key:focus-visible, :root .coral-app .cr3 a:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 2px; }


:root .coral-app .cr3 .cr3-hero { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-height: 220px; padding: 16px; overflow: hidden; border-radius: var(--cr3-r);
  background: radial-gradient(90% 120% at 100% 0%, rgb(255 90 46 / 34%), transparent 60%), radial-gradient(60% 80% at 0% 100%, rgb(255 90 46 / 10%), transparent 70%), linear-gradient(180deg, #1b1b1f, #111113);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 7%); color: #fff; }
:root .coral-app .cr3 .cr3-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgb(0 0 0 / 55%)); pointer-events: none; }
:root .coral-app .cr3 .cr3-hero > * { position: relative; z-index: 1; }
:root .coral-app .cr3 .cr3-hero-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
:root .coral-app .cr3 .cr3-shop { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 12px 0 4px; border-radius: 999px; background: rgb(0 0 0 / 38%); backdrop-filter: blur(8px);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%); font: 500 13px/1 var(--c-font); color: #fff; }
:root .coral-app .cr3 .cr3-shop a { display: inline-flex; align-items: center; min-height: 32px; color: #fff; text-decoration: none; }
:root .coral-app .cr3 .cr3-shop a:hover { text-decoration: underline; }
:root .coral-app .cr3 .cr3-out { margin-left: 4px; opacity: .7; }
:root .coral-app .cr3 .cr3-hero .ct-chip.test { background: rgb(251 191 36 / 18%); color: #fcd34d; box-shadow: inset 0 0 0 1px rgb(252 211 77 / 70%); font: 600 12px/1.3 var(--c-font); padding: 4px 10px; }
:root .coral-app .cr3 .cr3-hero-txt { display: flex; flex-direction: column; gap: 6px; max-width: 34rem; }
:root .coral-app .cr3 .cr3-hero-txt .cr3-over { color: #ffb59e; }
:root .coral-app .cr3 .cr3-hero h1 { margin: 0; font: 650 26px/1.12 var(--c-font); letter-spacing: -.02em; color: #fff; overflow-wrap: anywhere; }
:root .coral-app .cr3 .cr3-hero-lead { margin: 0; font: 400 14px/1.5 var(--c-font); color: rgb(255 255 255 / 78%); }

:root .coral-app .cr3 .cr3-hero-art { position: absolute; right: 16px; top: 56px; bottom: 16px; width: 42%; max-width: 280px; display: flex; justify-content: flex-end; align-items: flex-start; gap: 8px; overflow: hidden; z-index: 0; opacity: .55; pointer-events: none; }
:root .coral-app .cr3 .cr3-frame { position: relative; flex: 0 0 30%; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 10px; background: linear-gradient(180deg, #2a2a30, #1a1a1e);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%); display: grid; place-items: center; }
:root .coral-app .cr3 .cr3-frame img { width: 100%; height: 100%; object-fit: cover; }
:root .coral-app .cr3 .cr3-frame.f0 { order: 2; margin-top: 0; }
:root .coral-app .cr3 .cr3-frame.f1 { order: 3; margin-top: 24px; opacity: .75; }
:root .coral-app .cr3 .cr3-frame.f2 { order: 1; margin-top: 24px; opacity: .5; }
:root .coral-app .cr3 .cr3-frame-plus { display: grid; flex: none; place-items: center; width: 36px; height: 36px; border-radius: 999px; border: 1.5px dashed rgb(255 255 255 / 45%); color: rgb(255 255 255 / 70%); font: 400 20px/1 var(--c-font); }


:root .coral-app .cr3 .cr3-bar-row { display: flex; flex-direction: column; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--c-line); }
:root .coral-app .cr3 .cr3-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
:root .coral-app .cr3 .cr3-fact { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px; border-radius: 999px; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2);
  font: 500 13px/1 var(--c-font); letter-spacing: -.01em; color: var(--c-body); white-space: nowrap; }
:root .coral-app .cr3 .cr3-fact.live { color: var(--c-ink); }
:root .coral-app .cr3 .cr3-fact.live::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--c-ok); box-shadow: 0 0 0 3px var(--c-ok-t); animation: cr3-pulse 2.4s ease-in-out infinite; }
:root .coral-app .cr3 .cr3-fact.shut::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--c-faint); }
@keyframes cr3-pulse { 50% { box-shadow: 0 0 0 5px transparent; } }
:root .coral-app .cr3 .cr3-why { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--c-tint); box-shadow: inset 0 0 0 1px var(--c-line); font: 400 14px/1.5 var(--c-font); color: var(--c-body); }


:root .coral-app .cr3 .cr3-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
:root .coral-app .cr3 .cr3-box { display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2); }
:root .coral-app .cr3 .cr3-box-head { margin: 0; display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border-bottom: 1px solid var(--c-line); font: 500 14px/1.2 var(--c-font); color: var(--c-ink); }
:root .coral-app .cr3 .cr3-ico { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; background: var(--c-tint); color: var(--c-soft); font: 600 12px/1 var(--c-font); }
:root .coral-app .cr3 .cr3-cells { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
:root .coral-app .cr3 .cr3-cell { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; min-height: 84px; padding: 14px 16px; }
:root .coral-app .cr3 .cr3-cell + .cr3-cell { border-left: 1px solid var(--c-line); }
:root .coral-app .cr3 .cr3-cell dt { font: 400 12px/1.35 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-cell dd { margin: 0; font: 600 20px/1 var(--c-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--c-ink); }
:root .coral-app .cr3 .cr3-cell dd.money { color: var(--cr3-ok); }
:root .coral-app .cr3 .cr3-box-foot { margin: 0; padding: 12px 16px; border-top: 1px solid var(--c-line); font: 400 13px/1.45 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-box-foot b { font-weight: 600; color: var(--cr3-ok); }/*kit-part*/
:root .coral-app .cr3 .cr3-clock-body { display: flex; flex-direction: column; justify-content: center; gap: 14px; flex: 1; padding: 16px; }
:root .coral-app .cr3 .cr3-big { margin: 0; font: 600 20px/1 var(--c-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--c-ink); }
:root .coral-app .cr3 .cr3-big span { font-weight: 500; color: var(--c-soft); }
:root .coral-app .cr3 .cr3-bar { height: 8px; overflow: hidden; border-radius: 999px; background: var(--c-tint); box-shadow: inset 0 0 0 1px var(--c-line); }
:root .coral-app .cr3 .cr3-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--c-coral), var(--c-coral-ink)); transform-origin: left; animation: cr3-fill .7s cubic-bezier(.2, .7, .2, 1) both .1s; }
@keyframes cr3-fill { from { transform: scaleX(0); } }


:root .coral-app .cr3 .cr3-sec-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin: 0 0 12px; }
:root .coral-app .cr3 .cr3-sec-head h2 { font: 600 20px/1.2 var(--c-font); letter-spacing: -.02em; }
:root .coral-app .cr3 .cr3-sec-head p { margin: 0; font: 400 13px/1.45 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-sec-head p a { color: var(--c-coral-ink); }
:root .coral-app .cr3 > section { padding-top: 16px; }


:root .coral-app .cr3 .cr3-yours ul { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
:root .coral-app .cr3 .cr3-yours a { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px 14px 8px 8px; border-radius: 12px; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2); color: var(--c-ink); text-decoration: none; transition: box-shadow .15s; }
:root .coral-app .cr3 .cr3-yours a:hover { box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
:root .coral-app .cr3 .cr3-yours img, :root .coral-app .cr3 .cr3-thumb { flex: none; width: 34px; aspect-ratio: 9 / 16; border-radius: 6px; object-fit: cover; background: var(--c-tint); }
:root .coral-app .cr3 .cr3-yours-txt { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
:root .coral-app .cr3 .cr3-yours-txt b { font: 600 14px/1.3 var(--c-font); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root .coral-app .cr3 .cr3-state { font: 500 12px/1.3 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-state.ok { color: var(--cr3-ok); }
:root .coral-app .cr3 .cr3-state.wait { color: var(--c-wait); }
:root .coral-app .cr3 .cr3-go { color: var(--c-faint); }


:root .coral-app .cr3 .cr3-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
:root .coral-app .cr3 .cr3-tile { position: relative; aspect-ratio: 9 / 14; overflow: hidden; border-radius: 12px; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2); }
:root .coral-app .cr3 .cr3-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:root .coral-app .cr3 .cr3-tile-blur { position: absolute; inset: 0; background: radial-gradient(60% 40% at 30% 30%, rgb(255 90 46 / 22%), transparent 70%), radial-gradient(50% 40% at 70% 70%, rgb(161 161 170 / 14%), transparent 70%), var(--c-tint); filter: blur(6px); }
:root .coral-app .cr3 .cr3-tile-foot { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 8px; border-top: 1px solid var(--c-line); background: var(--c-card); font: 500 12px/1.2 var(--c-font); color: var(--c-soft); text-align: center; }
:root .coral-app .cr3 .cr3-tile.mine .cr3-tile-foot { color: var(--c-ink); }
:root .coral-app .cr3 .cr3-tile-badge { position: absolute; top: 8px; left: 8px; padding: 4px 9px; border-radius: 999px; background: var(--c-ok); color: #052e16; font: 700 11px/1 var(--c-font); }
:root .coral-app .cr3 .cr3-tile.next { background: transparent; box-shadow: none; border: 1.5px dashed var(--c-line-2); }
:root .coral-app .cr3 .cr3-tile.next .cr3-next { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 12px; color: var(--c-soft); font: 500 13px/1.3 var(--c-font); text-align: center; text-decoration: none; }
:root .coral-app .cr3 .cr3-tile.next .cr3-frame-plus { border-color: var(--c-line-2); color: var(--c-coral-ink); }
:root .coral-app .cr3 .cr3-more { margin: 10px 0 0; font: 400 13px/1.4 var(--c-font); color: var(--c-soft); }


:root .coral-app .cr3 .cr3-steps { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--c-line); }
:root .coral-app .cr3 .cr3-steps li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--c-line); font: 400 15px/1.55 var(--c-font); color: var(--c-body); }
:root .coral-app .cr3 .cr3-step-n { padding-top: 3px; font: 600 12px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; color: var(--c-coral-ink); }

:root .coral-app .cr3 .cr3-lines { margin: 0; border-top: 1px solid var(--c-line); }
:root .coral-app .cr3 .cr3-lines > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--c-line); }
:root .coral-app .cr3 .cr3-lines dt { font: 500 13px/1.4 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-lines dd { margin: 0; font: 500 14px/1.45 var(--c-font); color: var(--c-ink); }


:root .coral-app .cr3-list-head { display: flex; flex-direction: column; gap: 6px; }
:root .coral-app .cr3-list .ct-lead { max-width: 62ch; font: 400 15px/1.5 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
:root .coral-app .cr3 .cr3-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: var(--cr3-r); background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2); color: var(--c-ink); text-decoration: none;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s; }
:root .coral-app .cr3 .cr3-card:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--c-coral-ring), 0 12px 28px -16px rgb(0 0 0 / 60%); }
:root .coral-app .cr3 .cr3-card-cover { display: flex; align-items: flex-end; height: 72px; padding: 12px 14px; background: radial-gradient(90% 140% at 100% 0%, rgb(255 90 46 / 34%), transparent 60%), linear-gradient(180deg, #1b1b1f, #121214); }
:root .coral-app .cr3 .cr3-card.shut .cr3-card-cover { background: linear-gradient(180deg, #1b1b1f, #121214); }
:root .coral-app .cr3 .cr3-card-cover .cr3-mark { width: 36px; height: 36px; font-size: 16px; box-shadow: 0 0 0 3px rgb(0 0 0 / 35%); }
:root .coral-app .cr3 .cr3-card.shut .cr3-mark { background: #3f3f46; }
:root .coral-app .cr3 .cr3-card-body { display: flex; flex-direction: column; gap: 6px; padding: 14px; }
:root .coral-app .cr3 .cr3-card-chips .ct-chip { font: 600 12px/1.3 var(--c-font); }
:root .coral-app .cr3 .cr3-card-name { font: 600 17px/1.25 var(--c-font); letter-spacing: -.01em; overflow-wrap: anywhere; }
:root .coral-app .cr3 .cr3-card-line { font: 400 13px/1.45 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-card-mine { font: 600 13px/1.4 var(--c-font); color: var(--c-coral-ink); }
:root .coral-app .cr3 .cr3-list-gate { margin: 0; }

:root .coral-app .cr3 .cr3-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 20px; border-radius: var(--cr3-r); border: 1.5px dashed var(--c-line-2); text-align: center; }
:root .coral-app .cr3 .cr3-empty h2 { font: 600 18px/1.3 var(--c-font); }
:root .coral-app .cr3 .cr3-empty p { max-width: 42ch; margin: 0; font: 400 14px/1.5 var(--c-font); color: var(--c-soft); }
:root .coral-app .cr3 .cr3-empty .cr3-key { margin-top: 6px; }
:root .coral-app .cr3 .cr3-empty-art { position: relative; width: 84px; height: 64px; margin-bottom: 4px; }
:root .coral-app .cr3 .cr3-empty-art span { position: absolute; top: 0; width: 34px; aspect-ratio: 9 / 16; border-radius: 7px; background: var(--c-tint); box-shadow: inset 0 0 0 1px var(--c-line-2); }
:root .coral-app .cr3 .cr3-empty-art span:nth-child(1) { left: 0; top: 8px; }
:root .coral-app .cr3 .cr3-empty-art span:nth-child(2) { left: 25px; z-index: 1; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-coral-ring); }
:root .coral-app .cr3 .cr3-empty-art span:nth-child(3) { left: 50px; top: 8px; }


@media (min-width: 720px) {
  :root .coral-app .cr3 .cr3-hero { min-height: 260px; padding: 20px; }
  :root .coral-app .cr3 .cr3-hero h1 { font-size: 34px; }
  :root .coral-app .cr3 .cr3-hero-lead { font-size: 15px; }
  :root .coral-app .cr3 .cr3-hero-art { opacity: 1; right: 24px; top: 64px; bottom: 0; width: 280px; }
  :root .coral-app .cr3 .cr3-bar-row { flex-direction: row; align-items: center; justify-content: space-between; }
  :root .coral-app .cr3 .cr3-bar-row .cr3-key { flex: none; min-height: 42px; }
  :root .coral-app .cr3 .cr3-why { max-width: 340px; }
  :root .coral-app .cr3 .cr3-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  :root .coral-app .cr3 .cr3-lines > div { grid-template-columns: 220px minmax(0, 1fr); gap: 16px; }
  :root .coral-app .cr3 .cr3-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px) {
  :root .coral-app .cr3 .cr3-pair { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  :root .coral-app .cr3 .cr3-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 379px) {
  :root .coral-app .cr3 .cr3-hero-art { display: none; }
  :root .coral-app .cr3 .cr3-cell { padding: 12px; }
  :root .coral-app .cr3 .cr3-cell dd { font-size: 17px; }
}

:root .coral-app .cr3 .cr3-lock { position: relative; display: inline-block; flex: none; width: 10px; height: 8px; margin: 4px 7px 0 0; border-radius: 2px; background: currentColor; }
:root .coral-app .cr3 .cr3-lock::before { content: ""; position: absolute; left: 2px; top: -5px; width: 6px; height: 6px; border: 1.5px solid currentColor; border-bottom: 0; border-radius: 4px 4px 0 0; box-sizing: border-box; }
@media (min-width: 720px) {
  :root .coral-app .cr3 .cr3-tile { aspect-ratio: 4 / 5; }
}

@media (max-width: 719px) {
  :root .coral-app .cr3 .cr3-tiles { display: flex; gap: 10px; margin: 0 -16px; padding: 0 16px 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  :root .coral-app .cr3 .cr3-tile { flex: 0 0 42%; scroll-snap-align: start; }
}
@media (max-width: 719px) {
  :root .coral-app .cr3 .cr3-hero { min-height: 0; gap: 18px; padding: 14px; }
  :root .coral-app .cr3 .cr3-hero h1 { font-size: 24px; }
  :root .coral-app .cr3 .cr3-hero-lead { font-size: 13.5px; }
  :root .coral-app .cr3 .cr3-bar-row { padding-bottom: 4px; border-bottom: 0; }
}

@media (min-width: 1280px) { :root .coral-app .cr3 { max-width: 1040px; } }

:root[data-theme=light] .coral-app .cr3 { --cr3-ok: #15803d; }
:root .coral-app .cr3 .cr3-bar.done span { background: var(--c-faint); animation: none; }

@media (max-width: 719px) {
  :root .coral-app .cr3 .cr3-chips { flex-wrap: nowrap; margin: 0 -16px; padding: 0 16px 2px; overflow-x: auto; scrollbar-width: none; }
  :root .coral-app .cr3 .cr3-chips::-webkit-scrollbar { display: none; }
}


:root:root:root .coral-app .cb { --cb-ease: cubic-bezier(.32, .72, 0, 1); --cb-r: 16px; --cb-gap: 16px;
  --cb-card: var(--c-card); --cb-frame: color-mix(in srgb, var(--c-ink) 8%, transparent); --cb-track: color-mix(in srgb, var(--c-ink) 6%, transparent);
  display: flex; flex-direction: column; gap: 28px; min-width: 0; padding-bottom: 24px; font-family: var(--c-font); color: var(--c-ink); }
:root:root:root .coral-app .cb a { -webkit-tap-highlight-color: transparent; }
:root:root:root .coral-app .cb .cb-i { display: inline-flex; flex: none; }
:root:root:root .coral-app .cb .cb-i svg { display: block; }


:root:root:root .coral-app .cb-head { display: flex; flex-direction: column; gap: 14px; padding-top: 12px; }
:root:root:root .coral-app .cb-head-row { display: grid; grid-template-columns: 1fr auto auto; grid-template-areas: "title seg filter"; align-items: center; gap: 12px 8px; }
:root:root:root .coral-app .cb-head-row h1 { grid-area: title; }
:root:root:root .coral-app .cb-seg { grid-area: seg; }
:root:root:root .coral-app .cb-filter { grid-area: filter; }
:root:root:root .coral-app .cb-head h1 { margin: 0; font: 600 32px/1.1 var(--c-font); letter-spacing: -.03em; color: var(--c-ink); }

:root:root:root .coral-app .cb-seg { display: inline-flex; gap: 2px; padding: 3px; border-radius: 999px; background: var(--cb-track); }
:root:root:root .coral-app .cb-seg a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; font: 500 13.5px/1 var(--c-font);
  color: var(--c-soft); text-decoration: none; white-space: nowrap; transition: background-color .25s var(--cb-ease), color .25s var(--cb-ease); }
:root:root:root .coral-app .cb-seg a:hover { color: var(--c-ink); }
:root:root:root .coral-app .cb-seg a.on { background: var(--c-card); color: var(--c-ink); box-shadow: 0 1px 2px rgb(0 0 0 / 24%), inset 0 0 0 1px var(--cb-frame); }
:root:root:root .coral-app .cb-seg-s { display: none; }

:root:root:root .coral-app .cb-filter { position: relative; }
:root:root:root .coral-app .cb-filter > summary { list-style: none; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 999px;
  background: var(--cb-track); font: 500 13.5px/1 var(--c-font); color: var(--c-ink); cursor: pointer; white-space: nowrap; transition: background-color .25s var(--cb-ease); }
:root:root:root .coral-app .cb-filter > summary::-webkit-details-marker { display: none; }
:root:root:root .coral-app .cb-filter > summary:hover { background: color-mix(in srgb, var(--c-ink) 10%, transparent); }
:root:root:root .coral-app .cb-filter.on > summary { background: var(--c-coral-t); color: var(--c-coral-ink); }
:root:root:root .coral-app .cb-menu { background: var(--c-card); border-color: var(--c-line-2); min-width: 240px; }
:root:root:root .coral-app .cb-menu .cb-menu-k { margin: 4px 10px 4px; font: 600 11px/1.2 var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: var(--c-soft); }
:root:root:root .coral-app .cb-menu a { justify-content: space-between; }
:root:root:root .coral-app .cb-menu a small { font: 500 12px/1 var(--c-font); color: var(--c-soft); font-variant-numeric: tabular-nums; }
:root:root:root .coral-app .cb-menu a.on { color: var(--c-coral-ink); font-weight: 600; }


:root:root:root .coral-app .cb-facts { display: block; margin: 0; padding: 0; list-style: none; font: 400 14px/1.6 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-fact { display: inline; }
:root:root:root .coral-app .cb-fact + .cb-fact::before { content: "·"; margin: 0 8px 0 7px; color: var(--c-faint); }
:root:root:root .coral-app .cb-fact b { font-weight: 600; color: var(--c-ink); font-variant-numeric: tabular-nums; }
:root:root:root .coral-app .cb-fact.early { color: var(--c-ink); }
:root:root:root .coral-app .cb-fact .cb-s { display: none; }
:root:root:root .coral-app .cb-fact.early i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; vertical-align: 1px; border-radius: 50%; background: #34c759; }
:root:root:root .coral-app .cb-fact.link a { display: inline-flex; align-items: center; gap: 4px; color: var(--c-coral-ink); font-weight: 500; text-decoration: none; }
:root:root:root .coral-app .cb-fact.link a:hover { text-decoration: underline; text-underline-offset: 3px; }
:root:root:root .coral-app .cb-state { display: block; margin: 0; font: 400 13.5px/1.45 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-state a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; vertical-align: middle; color: var(--c-coral-ink); font-weight: 600; text-decoration: none; white-space: nowrap; }


:root:root:root .coral-app .cb-sec { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
:root:root:root .coral-app .cb-top { padding-bottom: 8px; }
:root:root:root .coral-app .cb-sec-title { display: flex; align-items: baseline; gap: 10px; }
:root:root:root .coral-app .cb-sec-head h2 { margin: 0; font: 600 20px/1.25 var(--c-font); letter-spacing: -.0165em; color: var(--c-ink); }
:root:root:root .coral-app .cb-count { padding: 2px 9px; border-radius: 999px; background: var(--cb-track); font: 500 13px/1.3 var(--c-font); color: var(--c-body); font-variant-numeric: tabular-nums; }
:root:root:root .coral-app .cb-sec-head p { margin: 4px 0 0; font: 400 14px/1.45 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-empty { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; padding: 14px 16px; border-radius: 12px; background: var(--cb-track);
  font: 400 14px/1.5 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-empty a { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; color: var(--c-coral-ink); font-weight: 600; text-decoration: none; }


:root:root:root .coral-app .cb-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cb-gap); margin: 0; padding: 0; list-style: none; }
:root:root:root .coral-app .cb-rail > .cb-card { padding-left: 46px; }
:root:root:root .coral-app .cb-rank { position: absolute; left: -2px; top: -14px; z-index: 0; font: 800 132px/1 var(--c-font); letter-spacing: -.07em; font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--c-coral) 22%, transparent); pointer-events: none; user-select: none; }
:root:root:root .coral-app .cb-rail .cb-link { position: relative; z-index: 1; }


:root:root:root .coral-app .cb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
:root:root:root .coral-app .cb-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 8px; }
:root:root:root .coral-app .cb-foot p { margin: 0; font: 400 13.5px/1.5 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-more { min-height: 44px; padding: 0 22px; border-radius: 999px; }


@keyframes cb-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
:root:root:root .coral-app .cb-card { position: relative; min-width: 0; display: flex; animation: cb-in .2s ease-out both; }
:root:root:root .coral-app .cb-link { display: flex; flex-direction: column; width: 100%; min-width: 0; border-radius: var(--cb-r); background: var(--cb-card); color: inherit; text-decoration: none;
  box-shadow: inset 0 0 0 1px var(--cb-frame); transition: transform .25s var(--cb-ease), box-shadow .25s var(--cb-ease); }
:root:root:root .coral-app .cb-link:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-ink) 16%, transparent), 0 12px 28px -14px rgb(0 0 0 / 55%); }
:root:root:root .coral-app .cb-link:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 3px; box-shadow: inset 0 0 0 2px var(--c-coral-ink);
  background: color-mix(in srgb, var(--c-coral) 10%, var(--cb-card)); }
:root:root:root .coral-app .cb-link:focus-visible .cb-media::before { box-shadow: inset 0 0 0 2px var(--c-coral-ink); }
:root:root:root .coral-app .cb-link:active { transform: scale(.985); }


@keyframes cb-shine { from { background-position: 150% 0; } to { background-position: -50% 0; } }
:root:root:root .coral-app .cb-media { position: relative; aspect-ratio: 15 / 8; overflow: hidden; isolation: isolate; border-radius: var(--cb-r) var(--cb-r) 0 0;
  --a: #2a1a14; --b: #4a2416; --mk: #f2542d; background: linear-gradient(150deg, var(--a), var(--b)); }
:root:root:root .coral-app .cb-media::before { content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--cb-frame); pointer-events: none; }
:root:root:root .coral-app .cb-pic { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s var(--cb-ease);
  background: linear-gradient(100deg, var(--c-tint) 30%, var(--c-div) 50%, var(--c-tint) 70%) 0 0 / 200% 100%; animation: cb-shine 1.3s linear infinite; }
:root:root:root .coral-app .cb-media.in .cb-pic { animation: none; background: none; }
:root:root:root .coral-app .cb-media.gone .cb-pic { display: none; }
:root:root:root .coral-app .cb-link:hover .cb-pic { transform: scale(1.04); }
:root:root:root .coral-app .cb-media.frost .cb-pic { filter: blur(16px) saturate(1.4); transform: scale(1.3); }
:root:root:root .coral-app .cb-link:hover .cb-media.frost .cb-pic { transform: scale(1.36); }
:root:root:root .coral-app .cb-media.frost::after, :root:root:root .coral-app .cb-media.none::after { content: ""; position: absolute; inset: 0; z-index: 2;
  background: linear-gradient(180deg, rgb(0 0 0 / 0%) 30%, rgb(0 0 0 / 55%) 100%); }

:root:root:root .coral-app .cb-art { position: absolute; z-index: 0; right: -8%; top: -12%; width: 52%; color: var(--mk); opacity: .55; pointer-events: none; }
:root:root:root .coral-app .cb-art svg { width: 100%; height: auto; display: block; }
:root:root:root .coral-app .cb-media.pic:not(.gone) .cb-art, :root:root:root .coral-app .cb-media.frost:not(.gone) .cb-art { display: none; }

:root:root:root .coral-app .cb-thing { position: absolute; z-index: 3; left: 14px; right: 14px; bottom: 12px; font: 700 22px/1.08 var(--c-font); letter-spacing: -.02em; color: #fff;
  text-wrap: balance; overflow-wrap: anywhere; text-shadow: 0 1px 14px rgb(0 0 0 / 40%); }
:root:root:root .coral-app .cb-thing::first-letter { text-transform: uppercase; }
:root:root:root .coral-app .cb-chips { position: absolute; z-index: 3; left: 10px; top: 10px; display: flex; gap: 6px; }
:root:root:root .coral-app .cb-chip { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px; border-radius: 999px; background: rgb(10 10 12 / 72%);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font: 600 11px/1 var(--c-font); color: #fff; }
:root:root:root .coral-app .cb-chip i { width: 6px; height: 6px; border-radius: 50%; background: #9aa0a6; }
:root:root:root .coral-app .cb-chip.live i { background: #34c759; }
:root:root:root .coral-app .cb-seal { position: absolute; z-index: 3; right: 10px; top: 10px; display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 999px;
  background: rgb(10 10 12 / 72%); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font: 600 11px/1 var(--c-font); color: #fff; }
:root:root:root .coral-app .cb-media.frost .cb-thing, :root:root:root .coral-app .cb-media.none .cb-thing { padding-right: 0; }


:root:root:root .coral-app .cb-media.t-home        { --a: #2b1d12; --b: #4d2f17; --mk: #e08a4a; }
:root:root:root .coral-app .cb-media.t-beauty      { --a: #2b1219; --b: #4f1d2c; --mk: #ea6f93; }
:root:root:root .coral-app .cb-media.t-supplements { --a: #13221a; --b: #1f3d29; --mk: #62b673; }
:root:root:root .coral-app .cb-media.t-food        { --a: #2a2110; --b: #4a3810; --mk: #e8ad2c; }
:root:root:root .coral-app .cb-media.t-fitness     { --a: #121a2c; --b: #1c2d52; --mk: #5a8bff; }
:root:root:root .coral-app .cb-media.t-apparel     { --a: #1c162e; --b: #322556; --mk: #9a80ff; }
:root:root:root .coral-app .cb-media.t-gadgets     { --a: #0f2321; --b: #164039; --mk: #33bfae; }
:root:root:root .coral-app .cb-media.t-tech        { --a: #181b25; --b: #2a3045; --mk: #8190cc; }


:root:root:root .coral-app .cb-body { display: flex; flex-direction: column; flex: 1; gap: 6px; padding: 12px 14px 14px; min-width: 0; }
:root:root:root .coral-app .cb-meta { display: flex; align-items: center; gap: 6px; margin: 0; min-width: 0; font: 500 12px/1.3 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .cb-meta-t { min-width: 0; overflow-wrap: anywhere; }
:root:root:root .coral-app .cb-logo { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 5px; overflow: hidden; background: var(--c-tint); color: var(--c-soft); }
:root:root:root .coral-app .cb-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
:root:root:root .coral-app .cb-yours { margin-left: auto; padding: 2px 7px; border-radius: 999px; background: var(--c-coral-t); color: var(--c-coral-ink); font: 600 11px/1.3 var(--c-font); }
:root:root:root .coral-app .cb-title { margin: 0; font: 600 17px/1.3 var(--c-font); letter-spacing: -.011em; color: var(--c-ink); overflow-wrap: anywhere; }
:root:root:root .coral-app .cb-line { margin: 0; font: 400 13.5px/1.45 var(--c-font); color: var(--c-body); overflow-wrap: anywhere; }
:root:root:root .coral-app .cb-small { margin: 0; font: 400 12.5px/1.45 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .cb-stats { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: auto; padding-top: 8px; }
:root:root:root .coral-app .cb-stat { display: inline-flex; align-items: center; gap: 5px; font: 400 12.5px/1 var(--c-font); color: var(--c-soft); white-space: nowrap; }
:root:root:root .coral-app .cb-stat b { font-weight: 600; color: var(--c-ink); font-variant-numeric: tabular-nums; }

:root:root:root .coral-app .cb-pay { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; height: 26px; padding: 0 10px; border-radius: 999px;
  background: var(--c-coral-t); color: var(--c-coral-ink); font: 650 12.5px/1 var(--c-font); font-variant-numeric: tabular-nums; white-space: nowrap; }
:root:root:root .coral-app .cb-pay small { font: 500 11.5px/1 var(--c-font); }
:root:root:root .coral-app .cb-pay.key { margin-left: 0; height: 32px; padding: 0 14px; font-size: 13px; }

:root:root:root .coral-app .cb-act { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }


:root:root:root .coral-app .cb-media.promo { display: grid; place-items: center; background: radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--c-coral) 34%, transparent), transparent 70%), var(--c-tint); }
:root:root:root .coral-app .cb-face { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--c-card); color: var(--c-coral-ink);
  box-shadow: inset 0 0 0 1px var(--cb-frame), 0 10px 24px -8px rgb(0 0 0 / 50%); font: 700 22px/1 var(--c-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
:root:root:root .coral-app .cb-face svg { width: 34px; height: 34px; }
:root:root:root .coral-app .cb-card.promo .cb-meta-t { color: var(--c-coral-ink); font-weight: 600; }


@media (max-width: 1199px) {
  :root:root:root .coral-app .cb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  :root:root:root .coral-app .cb-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
}
@media (max-width: 899px) {
  :root:root:root .coral-app .cb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root:root:root .coral-app .cb-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 599px) {
  :root:root:root .coral-app .cb { gap: 24px; }
  
  :root:root:root .coral-app .cb-head { gap: 10px; padding-top: 0; }
  :root:root:root .coral-app .cb-head h1 { font-size: 26px; }
  :root:root:root .coral-app .cb-head-row { row-gap: 10px; }
  :root:root:root .coral-app .cb-facts { font-size: 13px; line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  :root:root:root .coral-app .cb-fact + .cb-fact::before { margin: 0 5px 0 4px; }
  :root:root:root .coral-app .cb-fact .cb-l, :root:root:root .coral-app .cb-fact.finder { display: none; }
  :root:root:root .coral-app .cb-fact .cb-s { display: inline; }
  :root:root:root .coral-app .cb-fact.early i { margin-right: 5px; }
  :root:root:root .coral-app .cb-top { gap: 4px; padding-bottom: 0; }
  :root:root:root .coral-app .cb-top .cb-sec-head h2 { font-size: 17px; }
  :root:root:root .coral-app .cb-head-row { grid-template-columns: 1fr auto; grid-template-areas: "title filter" "seg seg"; }
  :root:root:root .coral-app .cb-seg { display: flex; }
  :root:root:root .coral-app .cb-top .cb-sec-head p { display: none; }
  :root:root:root .coral-app .cb-seg a { flex: 1; justify-content: center; min-height: 36px; padding: 0 8px; }
  :root:root:root .coral-app .cb-seg-l { display: none; }
  :root:root:root .coral-app .cb-seg-s { display: inline; }
  :root:root:root .coral-app .cb-filter > summary { min-height: 40px; }
  :root:root:root .coral-app .cb-filter .cb-menu { right: 0; }
  :root:root:root .coral-app .cb-rail { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -16px; padding: 14px 16px 4px; scroll-padding: 0 16px; }
  :root:root:root .coral-app .cb-rail::-webkit-scrollbar { display: none; }
  :root:root:root .coral-app .cb-rail > .cb-card { flex: 0 0 80%; padding-left: 34px; scroll-snap-align: start; }
  :root:root:root .coral-app .cb-rank { font-size: 100px; top: -14px; left: -2px; }
  :root:root:root .coral-app .cb-grid { gap: 12px 10px; }
  :root:root:root .coral-app .cb-grid .cb-body { padding: 10px 10px 12px; gap: 4px; }
  :root:root:root .coral-app .cb-grid .cb-title { font-size: 15px; }
  :root:root:root .coral-app .cb-grid .cb-line { font-size: 12.5px; }
  :root:root:root .coral-app .cb-grid .cb-media { aspect-ratio: 4 / 3; }
  :root:root:root .coral-app .cb-grid .cb-thing { font-size: 17px; left: 10px; right: 10px; bottom: 10px; }
  :root:root:root .coral-app .cb-grid .cb-seal { display: none; }
  :root:root:root .coral-app .cb-grid .cb-pay { margin-left: 0; }
  :root:root:root .coral-app .cb-grid .cb-chips { left: 8px; top: 8px; }
  :root:root:root .coral-app .cb-grid .cb-face { width: 52px; height: 52px; border-radius: 15px; font-size: 18px; }
}
@media (max-width: 359px) {
  :root:root:root .coral-app .cb-grid { grid-template-columns: 1fr; }
  :root:root:root .coral-app .cb-rail > .cb-card { flex-basis: 86%; }
}
@media (prefers-reduced-motion: reduce) {
  :root:root:root .coral-app .cb-card, :root:root:root .coral-app .cb-pic { animation: none; }
  :root:root:root .coral-app .cb-link, :root:root:root .coral-app .cb-pic { transition: none; }
  :root:root:root .coral-app .cb-link:hover { transform: none; }
}



:root:root:root .coral-app .dcl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 0; border-radius: 16px; overflow: hidden;
  background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--c-coral) 16%, transparent) 0%, transparent 55%), var(--c-card);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-ink) 9%, transparent); }
:root:root:root .coral-app .dcl-main { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px 20px; max-width: 760px; }
:root:root:root .coral-app .dcl-kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 600 12px/1.3 var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: var(--c-coral-ink); }
:root:root:root .coral-app .dcl-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--c-coral); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-coral) 25%, transparent); }
:root:root:root .coral-app .dcl.vetted .dcl-kicker i { background: #3ccf7e; box-shadow: 0 0 0 3px rgb(60 207 126 / 22%); }
:root:root:root .coral-app .dcl-title { margin: 0; font: 650 26px/1.2 var(--c-font); letter-spacing: -.02em; color: var(--c-ink); text-wrap: balance; }
:root:root:root .coral-app .dcl-line { margin: 0; font: 400 15px/1.55 var(--c-font); color: var(--c-body); max-width: 64ch; }
:root:root:root .coral-app .dcl-keys { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 6px; }/*kit-part*/
:root:root:root .coral-app .dcl-key { min-height: 46px; padding: 0 20px; border-radius: 10px; font-size: 16px; }
:root:root:root .coral-app .dcl-alt { font: 500 14px/1.3 var(--c-font); color: var(--c-soft); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--c-soft) 50%, transparent); }
:root:root:root .coral-app .dcl-alt:hover { color: var(--c-ink); }


:root:root:root .coral-app .dcl-path { list-style: none; margin: 0; padding: 22px 24px 20px 0; display: flex; flex-direction: column; justify-content: center; gap: 4px; counter-reset: none; }
:root:root:root .coral-app .dcl-step { position: relative; display: flex; align-items: center; gap: 12px; padding: 7px 10px; border-radius: 10px; color: var(--c-soft); }
:root:root:root .coral-app .dcl-step b { display: block; font: 600 14px/1.3 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .dcl-step b small { font: 600 12px/1 var(--c-font); color: var(--c-coral-ink); }
:root:root:root .coral-app .dcl-step > span > small { display: block; font: 400 12.5px/1.35 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .dcl-step-n { display: grid; place-items: center; flex: none; width: 26px; height: 26px; border-radius: 50%; font: 650 12px/1 var(--c-font);
  background: color-mix(in srgb, var(--c-ink) 7%, transparent); color: var(--c-soft); }
:root:root:root .coral-app .dcl-step.done .dcl-step-n { background: rgb(60 207 126 / 16%); color: #2fae69; }
:root:root:root .coral-app .dcl-step.now { background: color-mix(in srgb, var(--c-coral) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-coral) 35%, transparent); }
:root:root:root .coral-app .dcl-step.now b { color: var(--c-ink); }
:root:root:root .coral-app .dcl-step.now .dcl-step-n { background: var(--c-coral); color: #fff; }


:root:root:root .coral-app .dcl-how { grid-column: 1 / -1; border-top: 1px solid color-mix(in srgb, var(--c-ink) 8%, transparent); }
:root:root:root .coral-app .dcl-how > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; padding: 0 24px;
  font: 500 14px/1.3 var(--c-font); color: var(--c-soft); cursor: pointer; }
:root:root:root .coral-app .dcl-how > summary::-webkit-details-marker { display: none; }
:root:root:root .coral-app .dcl-how > summary:hover { color: var(--c-ink); }
:root:root:root .coral-app .dcl-how > summary .dcl-i { display: inline-flex; transition: transform .2s; }
:root:root:root .coral-app .dcl-how[open] > summary .dcl-i { transform: rotate(180deg); }
:root:root:root .coral-app .dcl-how ul { list-style: none; margin: 0; padding: 0 24px 22px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 24px; }
:root:root:root .coral-app .dcl-how-row { display: flex; gap: 12px; align-items: flex-start; }
:root:root:root .coral-app .dcl-how-i { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--c-coral-t); color: var(--c-coral-ink); }
:root:root:root .coral-app .dcl-how-row b { display: block; margin-bottom: 4px; font: 600 14.5px/1.3 var(--c-font); color: var(--c-ink); }
:root:root:root .coral-app .dcl-how-row p { margin: 0; font: 400 13.5px/1.5 var(--c-font); color: var(--c-body); }


:root:root:root .coral-app .cb-fit { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 0; padding: 7px 9px; border-radius: 9px;
  background: color-mix(in srgb, #3ccf7e 9%, transparent); font: 400 12.5px/1.4 var(--c-font); color: var(--c-body); }
:root:root:root .coral-app .cb-fit b { font: 650 10.5px/1.2 var(--c-font); letter-spacing: .06em; text-transform: uppercase; color: #2fae69; }
:root:root:root .coral-app .cb-claim { margin: 2px 0 0; font: 400 12px/1.45 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .cb-claim b { font-weight: 600; color: var(--c-ink); }
:root:root:root .coral-app .cb-stats .cb-stat .cb-stat-w { font-weight: 400; }

:root:root:root .coral-app .cb-pay.key.quiet { background: color-mix(in srgb, var(--c-ink) 7%, transparent); color: var(--c-ink); }


.lfa-contest { margin: 2px 0 0; padding: 6px 9px; border-radius: 8px; background: rgb(255 90 54 / 9%); color: #c2410c; font-size: 12.5px; font-weight: 600; line-height: 1.4; }

@media (max-width: 760px) {
  :root:root:root .coral-app .dcl { grid-template-columns: minmax(0, 1fr); }
  :root:root:root .coral-app .dcl-path { display: none; }
  :root:root:root .coral-app .dcl-main { padding: 18px 16px 16px; gap: 8px; }
  :root:root:root .coral-app .dcl-title { font-size: 21px; }
  :root:root:root .coral-app .dcl-line { font-size: 14px; }
  :root:root:root .coral-app .dcl-keys { flex-direction: column; align-items: stretch; gap: 10px; }
  :root:root:root .coral-app .dcl-key { width: 100%; justify-content: space-between; }
  :root:root:root .coral-app .dcl-alt { align-self: center; }
  :root:root:root .coral-app .dcl-how > summary { padding: 0 16px; }
  :root:root:root .coral-app .dcl-how ul { grid-template-columns: 1fr; padding: 0 16px 18px; gap: 14px; }
  :root:root:root .coral-app .cb-grid .cb-fit { padding: 6px 7px; font-size: 12px; }
  :root:root:root .coral-app .cb-grid .cb-claim { font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) { :root:root:root .coral-app .dcl-how > summary .dcl-i { transition: none; } }


@media (min-width: 1200px) {
  :root:root:root .coral-app .dcl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  :root:root:root .coral-app .dcl-main { max-width: none; }
  :root:root:root .coral-app .dcl-path { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: center; gap: var(--ds-sp-8); }
}

:root .cx-home .fm-steps.fa-steps { display: grid; gap: 0; margin: 16px 0 0; padding: 0; list-style: none; font: 400 15px/1.4 var(--cx-font); }
:root .cx-home .fa-steps .fa-step { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 14px; padding: 0 0 16px; color: var(--cx-soft); font-weight: 400; }
:root .cx-home .fa-steps .fa-step:last-child { padding-bottom: 0; }

:root .cx-home .fa-steps .fa-step:not(:last-child)::after { content: ""; position: absolute; left: 11.5px; top: 28px; bottom: 4px; width: 1px; background: var(--cx-line-2); }
:root .cx-home .fa-steps .fa-step.done:not(:last-child)::after { background: color-mix(in srgb, var(--cx-ok) 55%, transparent); }
:root .cx-home .fa-dot { display: grid; place-items: center; width: 24px; height: 24px; box-sizing: border-box; border-radius: 999px; border: 1px solid var(--cx-line-2); background: var(--cx-box-2); font: 700 12px/1 var(--cx-font); }
:root .cx-home .fa-step.done .fa-dot { border-color: transparent; background: color-mix(in srgb, var(--cx-ok) 20%, transparent); color: var(--cx-ok); }
:root .cx-home .fa-step.now .fa-dot { border-color: var(--cx-key); background: var(--cx-key); box-shadow: 0 0 0 4px rgb(214 60 23 / 22%); animation: fa-pulse 1.6s ease-in-out infinite; }
:root .cx-home .fa-step.now .fa-dot::after { content: ""; width: 8px; height: 8px; border-radius: 999px; background: #fff; }
@keyframes fa-pulse { 50% { box-shadow: 0 0 0 7px rgb(214 60 23 / 10%); } }
:root .cx-home .fa-body { display: grid; gap: 3px; min-width: 0; padding-top: 2px; }
:root .cx-home .fa-label { font: 600 11.5px/1.3 var(--cx-font); letter-spacing: .6px; text-transform: uppercase; color: var(--cx-soft); }
:root .cx-home .fa-line { font-weight: 500; font-size: 15px; color: var(--cx-soft); }
:root .cx-home .fa-step.done .fa-line, :root .cx-home .fa-step.now .fa-line { font-weight: 600; color: var(--cx-ink); }


:root .cx-home .fa-said { display: flex; flex-wrap: wrap; gap: 6px; margin: 5px 0 0; padding: 0; list-style: none; }
:root .cx-home ul.fa-said li, :root .cx-home p.fa-said { max-width: 100%; box-sizing: border-box; padding: 5px 10px; border-radius: 8px; border: 1px solid var(--cx-line-2); background: var(--cx-box-2);
  color: var(--cx-ink); font: 500 14px/1.35 var(--cx-font); overflow-wrap: anywhere; }
:root .cx-home p.fa-said.fa-none { display: inline-block; justify-self: start; color: var(--cx-body); font-weight: 400; }


:root .cx-home .fa-script { display: grid; gap: 8px; margin: 8px 0 2px; padding: 0; list-style: none; }
:root .cx-home .fa-scene { display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--cx-line-2); background: var(--cx-box-2); }
:root .cx-home .fa-scene-k { font: 600 11px/1.2 var(--cx-font); letter-spacing: .6px; text-transform: uppercase; color: #ff8a63; }
:root[data-theme=light] .cx-home .fa-scene-k { color: #b8330f; }
:root .cx-home .fa-scene-cap { margin: 0; color: var(--cx-body); font: 400 13.5px/1.4 var(--cx-font); }
:root .cx-home .fa-scene-line { margin: 0; color: var(--cx-ink); font: 600 17px/1.35 var(--cx-font); }
@media (min-width: 700px) { :root .cx-home .fa-script { grid-template-columns: repeat(2, minmax(0, 1fr)); } }


:root .cx-home .fa-step.fa-land .fa-body { animation: fa-land .55s cubic-bezier(.32, .72, 0, 1) both; }
:root .cx-home .fa-step.fa-land .fa-dot { animation: fa-pop .45s cubic-bezier(.34, 1.56, .64, 1) both; }
:root .cx-home .fa-step.fa-land .fa-said, :root .cx-home .fa-step.fa-land .fa-scene { animation: fa-land .5s cubic-bezier(.32, .72, 0, 1) both; animation-delay: .15s; }
:root .cx-home .fa-step.fa-land .fa-scene:nth-child(2) { animation-delay: .3s; }
:root .cx-home .fa-step.fa-land .fa-scene:nth-child(3) { animation-delay: .45s; }
:root .cx-home .fa-step.fa-land .fa-scene:nth-child(n+4) { animation-delay: .6s; }
@keyframes fa-land { from { opacity: 0; translate: 0 10px; } }
@keyframes fa-pop { from { scale: .4; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { :root .cx-home .fa-step .fa-dot, :root .cx-home .fa-step.fa-land * { animation: none !important; } }

:root .cx-home .fr-radio { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }
:root .cx-home .fr-card { position: relative; box-sizing: border-box; padding: 20px 18px 18px; border-radius: 16px; border: 1px solid var(--cx-line-2); background: var(--cx-box); text-align: left;
  box-shadow: 0 30px 70px -34px rgb(0 0 0 / 80%); }
:root[data-theme=light] .cx-home .fr-card { box-shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 30px 60px -30px rgb(80 30 10 / 35%); }
:root .cx-home .fr-q { margin: 0 0 14px; font: 600 18px/1.3 var(--cx-font); letter-spacing: -.01em; color: var(--cx-ink); }


:root .cx-home .fr-ways { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
:root .cx-home .fr-way { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; box-sizing: border-box; min-height: 92px; padding: 12px; border-radius: 12px;
  border: 1px solid var(--cx-line-2); background: var(--cx-box-2); color: var(--cx-ink); cursor: pointer; transition: border-color .15s, background-color .15s; }
:root .cx-home .fr-way:hover { border-color: rgb(240 80 40 / 55%); }
:root .cx-home .fr-way:focus-visible { outline: 3px solid rgb(242 84 45 / .45); outline-offset: 2px; }
:root .cx-home .fr-way .al-mark, :root .cx-home .fr-way .fr-mark { display: block; flex: none; width: 26px; height: 26px; color: var(--cx-body); }
:root .cx-home .fr-way-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
:root .cx-home .fr-way-t b { font: 600 14px/1.25 var(--cx-font); color: var(--cx-ink); }
:root .cx-home .fr-way-t small { font: 400 12px/1.3 var(--cx-font); color: var(--cx-soft); }


:root .cx-home .fr-panel { display: none; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--cx-line); }
:root .cx-home :is(#fr-way-chatgpt:checked ~ .fr-box [for=fr-way-chatgpt].fr-way, #fr-way-claude:checked ~ .fr-box [for=fr-way-claude].fr-way, #fr-way-gemini:checked ~ .fr-box [for=fr-way-gemini].fr-way,
  #fr-way-code:checked ~ .fr-box [for=fr-way-code].fr-way, #fr-way-none:checked ~ .fr-box [for=fr-way-none].fr-way) { border-color: #f05028; background: rgb(240 80 40 / 12%); box-shadow: 0 0 0 1px #f05028; }
:root .cx-home :is(#fr-way-chatgpt:checked ~ .fr-box [data-way=chatgpt], #fr-way-claude:checked ~ .fr-box [data-way=claude], #fr-way-gemini:checked ~ .fr-box [data-way=gemini],
  #fr-way-code:checked ~ .fr-box [data-way=code], #fr-way-none:checked ~ .fr-box [data-way=none]) { display: block; animation: fr-in .25s ease-out both; }
@keyframes fr-in { from { opacity: 0; translate: 0 6px; } to { opacity: 1; translate: none; } }

:root .cx-home .fr-h { margin: 0; font: 600 20px/1.25 var(--cx-font); letter-spacing: -.015em; color: var(--cx-ink); text-wrap: balance; }
:root .cx-home .fr-lead { margin: 6px 0 16px; font: 400 15px/1.5 var(--cx-font); color: var(--cx-body); text-wrap: pretty; }
:root .cx-home .fr-small { margin: 14px 0 0; font: 400 13px/1.5 var(--cx-font); color: var(--cx-soft); }
:root .cx-home .fr-link { color: var(--cx-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(240 80 40 / 70%); cursor: pointer; }


:root .cx-home .fr-url { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 12px; border: 1px solid var(--cx-line-2); background: var(--cx-box-2); }
:root .cx-home .fr-url-txt { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 14px/1.3 ui-monospace, "SF Mono", Menlo, monospace; color: var(--cx-ink); background: none; padding: 0; }


:root .cx-home .fr-steps { display: grid; gap: 12px; margin: 16px 0 0; padding: 0; list-style: none; }
:root .cx-home .fr-steps li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; font: 400 14px/1.5 var(--cx-font); color: var(--cx-body); }
:root .cx-home .fr-steps b { font-weight: 600; color: var(--cx-ink); }
:root .cx-home .fr-n { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px; background: var(--cx-box-2); border: 1px solid var(--cx-line-2); color: var(--cx-ink); font: 600 12px/1 var(--cx-font); }


:root .cx-home .fr-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 18px; }
:root .cx-home .fr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 40px; padding: 0 16px; border-radius: 10px;
  border: 1px solid var(--cx-line-2); background: transparent; color: var(--cx-ink); font: 600 14px/1 var(--cx-font); text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s, border-color .15s; }
:root .cx-home .fr-btn:hover { border-color: var(--cx-soft); }
:root .cx-home .fr-btn.primary { border-color: transparent; background: var(--cx-key); color: #fff; }
:root .cx-home .fr-btn.primary:hover { background: var(--cx-key-h); }
:root .cx-home .fr-btn:active { scale: .97; }
:root .cx-home .fr-btn:focus-visible, :root .cx-home .fr-link:focus-visible { outline: 3px solid rgb(242 84 45 / .45); outline-offset: 2px; }
:root .cx-home .fr-btn .cx-ico { display: block; width: 16px; height: 16px; }
:root .cx-home .fr-url .fr-btn { flex: none; min-height: 36px; padding: 0 14px; }


:root .cx-home .fr-live { display: flex; align-items: center; gap: 8px; flex: 1 1 220px; min-width: 0; margin: 0; font: 500 13px/1.4 var(--cx-font); color: var(--cx-soft); }
:root .cx-home .fr-live.on { color: var(--cx-ok); }
:root .cx-home .fr-dot { flex: none; width: 8px; height: 8px; border-radius: 999px; background: var(--cx-key-h); animation: cx-ping 1.6s ease-out infinite; }
:root .cx-home .fr-live.on .fr-dot { background: var(--cx-ok); animation: none; }


:root .cx-home .fr-panel[data-way=code] .cx-panel { background: var(--cx-box-2); }

@media (max-width: 720px) {
  :root .cx-home .fr-card { padding: 16px 14px 16px; }
  :root .cx-home .fr-ways { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :root .cx-home .fr-way { flex-direction: row; align-items: center; min-height: 60px; gap: 10px; padding: 10px 12px; }
  :root .cx-home .fr-way:last-child { grid-column: 1 / -1; }
  :root .cx-home .fr-h { font-size: 18px; }
  :root .cx-home .fr-row .fr-btn { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { :root .cx-home .fr-panel { animation: none !important; } :root .cx-home .fr-dot { animation: none; } }

:root .cx-home :is(#fr-way-here:checked ~ .fr-box [for=fr-way-here].fr-way, #fr-way-hereclaude:checked ~ .fr-box [for=fr-way-here].fr-way,
  #fr-way-none:checked ~ .fr-box [for=fr-way-gemini].fr-way) { border-color: #f05028; background: rgb(240 80 40 / 12%); box-shadow: 0 0 0 1px #f05028; }
:root .cx-home :is(#fr-way-here:checked ~ .fr-box [data-way=here], #fr-way-hereclaude:checked ~ .fr-box [data-way=none]) { display: block; animation: fr-in .25s ease-out both; }

:root .cx-home {
  --cx-font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --cx-bg: #0b0a0a; --cx-box: #161415; --cx-box-2: #201d1e; --cx-line: rgb(255 255 255 / 9%); --cx-line-2: rgb(255 255 255 / 15%);
  --cx-ink: #f6f4f3; --cx-body: #c4bfbd; --cx-soft: #9d9794; --cx-key: #d63c17; --cx-key-h: #e44a22; --cx-ok: #5fe39b;
  --cx-core: rgb(255 178 128 / 78%); --cx-mid: rgb(246 86 42 / 62%); --cx-rim: rgb(140 28 14 / 45%);
}
:root .cx-home.fm {
  display: flex; flex-direction: column; align-items: stretch; padding: 0; background: var(--cx-bg); color: var(--cx-ink);
  font-family: var(--cx-font); isolation: isolate;
}

:root body > .cx-home.fm { position: relative; inset: auto; min-height: 100svh; overflow: visible; }
:root body:has(> .cx-home) { margin: 0; background: #0b0a0a; }
:root[data-theme=light] body:has(> .cx-home) { background: #f6f4f2; }
:root[data-theme=light] .cx-home {
  --cx-bg: #f6f4f2; --cx-box: #ffffff; --cx-box-2: #f3f1ef; --cx-line: rgb(0 0 0 / 8%); --cx-line-2: rgb(0 0 0 / 14%);
  --cx-ink: #141213; --cx-body: #4a4446; --cx-soft: #6a6466; --cx-ok: #12784a;
  --cx-core: rgb(255 176 130 / 60%); --cx-mid: rgb(240 90 50 / 34%); --cx-rim: rgb(240 120 80 / 10%);
}


:root .cx-home .cx-bloom { position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; min-height: 100%; }
:root .cx-home .cx-bloom::before { content: ""; position: absolute; left: 50%; top: clamp(210px, 34vh, 330px); width: min(1700px, 210vw); height: 820px; border-radius: 50%;
  translate: -50% 0; background: radial-gradient(closest-side, var(--cx-core), var(--cx-mid) 42%, var(--cx-rim) 70%, transparent);
  filter: blur(40px); animation: cx-bloom 2s cubic-bezier(.25, 1.15, .4, 1) both; }
:root .cx-home .cx-bloom::after { content: ""; position: absolute; inset: 0; background: linear-gradient(var(--cx-bg) 6%, transparent 34%, transparent 66%, rgb(11 10 10 / 70%) 96%); }
@keyframes cx-bloom { from { opacity: 0; scale: .55; } to { opacity: 1; scale: 1; } }


:root .cx-home .cx-top { position: sticky; top: 0; z-index: 8; display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; height: 62px; margin-bottom: -62px; padding: 0 clamp(16px, 3vw, 28px);
  background: rgb(11 10 10 / 72%); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
:root[data-theme=light] .cx-home .cx-top { background: rgb(246 244 242 / 78%); }
:root .cx-home .cx-brand { display: inline-flex; align-items: center; gap: 8px; font: 650 15px/1 var(--cx-font); letter-spacing: -.01em; color: var(--cx-ink); }
:root .cx-home .cx-brand-slot { width: 26px; height: 26px; border-radius: 8px; }
:root .cx-home .fm-skip { margin: 0; }
:root .cx-home .fm-skip button { min-height: 34px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--cx-line-2); background: rgb(255 255 255 / 4%); color: var(--cx-body);
  font: 500 13px/1 var(--cx-font); text-decoration: none; cursor: pointer; transition: color .15s, border-color .15s, background-color .15s; }
:root .cx-home .fm-skip button:hover { color: var(--cx-ink); border-color: var(--cx-soft); }
:root .cx-home .fm-skip button:active { scale: .97; }


:root .cx-home .cx-main { flex: 1 0 auto; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; max-width: 752px; margin: 0 auto; padding: 0 20px; text-align: center; }
:root .cx-home .cx-hero { flex: 1 0 auto; display: flex; flex-direction: column; box-sizing: border-box; padding: calc(62px + clamp(24px, 6vh, 104px)) 0 28px; }

:root body > .cx-home .cx-hero { min-height: 100svh; }
:root .cx-home .fm-welcome, :root .cx-home .fm-wait { width: 100%; }


:root .cx-home .cx-pill { display: inline-flex; align-items: center; max-width: 100%; margin: 0 auto 20px; padding: 3px 14px 3px 3px; border-radius: 999px; border: 1px solid var(--cx-line-2);
  background: rgb(20 18 18 / 55%); backdrop-filter: blur(8px); color: var(--cx-body); font: 500 13px/1.3 var(--cx-font); letter-spacing: 0; text-transform: none; white-space: nowrap; }
:root[data-theme=light] .cx-home .cx-pill { background: rgb(255 255 255 / 70%); }
:root .cx-home .cx-pill b { color: var(--cx-ink); font-weight: 650; }
:root .cx-home .cx-pill-t { text-align: left; }
:root .cx-home .cx-pill-hi { display: none; }
:root .cx-home .cx-pill .fm-slot { display: block; flex: none; width: 26px; height: 26px; margin: 0 8px 0 0; border-radius: 999px; box-shadow: none; }
:root .cx-home .cx-pill-live { padding-left: 12px; gap: 8px; }
:root .cx-home .cx-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--cx-key-h); box-shadow: 0 0 0 0 rgb(228 74 34 / 60%); animation: cx-ping 1.6s ease-out infinite; }
:root .cx-home.connected .cx-dot { background: var(--cx-ok); animation: none; }
@keyframes cx-ping { to { box-shadow: 0 0 0 8px rgb(228 74 34 / 0%); } }


:root .cx-home h1 { margin: 0; font: 450 44px/1.1 var(--cx-font); letter-spacing: -1.1px; color: var(--cx-ink); text-wrap: balance; animation: cx-rise .8s cubic-bezier(.44, 0, 0, 1) both; }
@keyframes cx-rise { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: none; } }
:root .cx-home .cx-h1-soft { color: var(--cx-soft); }
:root .cx-home .fm-line { margin: 12px auto 34px; max-width: 470px; font: 400 16px/1.5 var(--cx-font); color: var(--cx-body); text-wrap: balance; }


:root .cx-home .fm-setup { display: block; padding: 0; text-align: left; --fh-panel-on: grid; }
:root .cx-home .cx-box { position: relative; margin: 0 auto; }
:root .cx-home .cx-peek { position: absolute; z-index: -1; right: 34px; top: -50px; width: 72px; height: auto; pointer-events: none;
  animation: cx-pop .6s cubic-bezier(.34, 1.56, .64, 1) .5s both, cx-peek 1.2s ease-in-out 1.1s 2; }
@keyframes cx-pop { from { opacity: 0; translate: 0 46px; } to { opacity: 1; translate: none; } }
@keyframes cx-peek { 50% { rotate: -6deg; translate: -3px 2px; } }
:root .cx-home .cx-strip { position: relative; display: flex; align-items: center; gap: 8px; width: fit-content; max-width: calc(100% - 120px); box-sizing: border-box; margin: 0 0 -14px 14px; padding: 8px 14px 22px; border-radius: 14px 14px 0 0;
  border: 1px solid rgb(240 80 40 / 28%); border-bottom: 0; background: linear-gradient(rgb(60 22 12 / 96%), rgb(42 18 12 / 96%)); color: var(--cx-body); font: 400 13px/1.35 var(--cx-font); text-align: left; text-wrap: balance;
  animation: cx-rise .8s cubic-bezier(.44, 0, 0, 1) .04s both; }
:root[data-theme=light] .cx-home .cx-strip { background: #fde7df; border-color: rgb(214 60 23 / 25%); }
:root .cx-home .cx-strip-tag { flex: none; padding: 2px 6px; border-radius: 5px; background: rgb(240 80 40 / 22%); color: #ffb193; font: 650 11px/1.3 var(--cx-font); letter-spacing: .02em; text-transform: uppercase; }
:root[data-theme=light] .cx-home .cx-strip-tag { background: rgb(214 60 23 / 14%); color: #a52b0c; }
:root .cx-home .cx-panel { position: relative; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "prompt prompt prompt" "pick status key" "said said said";
  align-items: center; column-gap: 8px; padding: 0 10px 10px; border-radius: 16px; border: 1px solid var(--cx-line-2); background: var(--cx-box);
  box-shadow: 0 1px 0 rgb(255 255 255 / 6%) inset, 0 30px 70px -24px rgb(0 0 0 / 75%), 0 0 90px -30px rgb(240 80 40 / 55%); animation: cx-rise .8s cubic-bezier(.44, 0, 0, 1) .08s both; }
:root[data-theme=light] .cx-home .cx-panel { box-shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 30px 60px -30px rgb(80 30 10 / 35%); }
:root .cx-home .cx-panel > * + * { margin-top: 0 !important; }
:root .cx-home .cx-panel .fh-prompt { grid-area: prompt; display: block; position: static; box-sizing: border-box; height: auto; margin: 0 0 4px !important; padding: 16px 8px 4px; overflow: visible; border: 0; border-radius: 0; box-shadow: none;
  background: none; color: var(--cx-body); font: 400 12.5px/1.6 ui-monospace, "SF Mono", Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
:root .cx-home .cx-panel .fh-prompt.full { color: var(--cx-ink); max-height: none; }
:root .cx-home .cx-panel .fh-copy-form { grid-area: key; display: block; margin: 0; padding: 0; }
:root .cx-home .cx-panel .fh-said { grid-area: said; margin: 0; padding: 0 6px; font: 500 13px/1.4 var(--cx-font); color: var(--cx-ok); text-align: left; }
:root .cx-home .cx-panel .fh-said:not(:empty) { padding-top: 10px; }


:root .cx-home .cx-pick { grid-area: pick; justify-self: start; position: relative; min-width: 0; max-width: 100%; }
:root .cx-home .cx-pick > summary { list-style: none; }
:root .cx-home .cx-pick > summary::-webkit-details-marker { display: none; }
:root .cx-home .cx-pick-btn { display: flex; align-items: center; gap: 7px; box-sizing: border-box; height: 38px; max-width: 100%; padding: 0 8px 0 5px; border-radius: 10px; border: 1px solid var(--cx-line-2);
  background: var(--cx-box-2); color: var(--cx-ink); font: 550 13px/1 var(--cx-font); cursor: pointer; transition: border-color .15s; }
:root .cx-home .cx-pick-btn:hover, :root .cx-home .cx-pick[open] > .cx-pick-btn { border-color: rgb(240 80 40 / 60%); }
:root .cx-home .cx-pick-btn:focus-visible, :root .cx-home .cx-play:focus-visible, :root .cx-home .fm-skip button:focus-visible, :root .cx-home .cx-send:focus-visible,
:root .cx-home .cx-pick-item:focus-visible, :root .cx-home #fm-continue .primary:focus-visible { outline: 2px solid #ff8a63; outline-offset: 2px; }
:root[data-theme=light] .cx-home :focus-visible { outline-color: #c2340f; }
:root .cx-home .cx-pick .al-mark { box-sizing: border-box; display: grid; place-items: center; flex: none; width: 26px; height: 26px; padding: 5px; margin: 0; border-radius: 7px; background: rgb(255 255 255 / 6%); }
:root[data-theme=light] .cx-home .cx-pick .al-mark { background: rgb(0 0 0 / 5%); }
:root .cx-home .cx-pick .al-mark svg { width: 16px; height: 16px; }
:root .cx-home .cx-pick-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root .cx-home .cx-ico { display: inline-grid; flex: none; width: 16px; height: 16px; }
:root .cx-home .cx-down { width: 14px; height: 14px; color: var(--cx-soft); transition: rotate .15s; }
:root .cx-home .cx-pick[open] .cx-down { rotate: 180deg; }
:root .cx-home .cx-pick-list { position: absolute; z-index: 6; left: -6px; top: calc(100% + 8px); display: grid; width: 270px; max-height: min(380px, 60vh); overflow: auto; padding: 6px;
  border-radius: 14px; border: 1px solid var(--cx-line-2); background: var(--cx-box-2); box-shadow: 0 24px 60px -18px rgb(0 0 0 / 75%); animation: cx-drop .16s ease-out both; }
@keyframes cx-drop { from { opacity: 0; translate: 0 -4px; } }
:root .cx-home .cx-pick-head { margin: 4px 8px 6px; font: 500 12px/1.3 var(--cx-font); color: var(--cx-soft); }
:root .cx-home .cx-pick-item { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 8px 0 6px; border: 0 !important; border-radius: 9px; box-shadow: none !important;
  color: var(--cx-ink); font: 500 14px/1.2 var(--cx-font); cursor: pointer; }
:root .cx-home .cx-pick-item > span:not(.al-mark) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root .cx-home .cx-pick-item:hover, :root .cx-home .cx-pick-item.on { background: rgb(255 255 255 / 6%); }
:root[data-theme=light] .cx-home .cx-pick-item:hover, :root[data-theme=light] .cx-home .cx-pick-item.on { background: rgb(0 0 0 / 5%); }
:root .cx-home .cx-pick-item small { font: 500 11px/1 var(--cx-font); color: var(--cx-soft); }
:root .cx-home .cx-pick-item small.ok { color: var(--cx-ok); }
:root .cx-home .cx-pick-item.soon { color: var(--cx-soft); cursor: default; }
:root .cx-home .cx-pick-item.soon .al-mark { opacity: .6; }
:root .cx-home .cx-pick-item.soon:hover { background: none; }
:root .cx-home .cx-tick { color: var(--cx-key-h); }


:root .cx-home .cx-status { grid-area: status; justify-self: start; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 8px; border-radius: 999px;
  background: none; color: var(--cx-soft); font: 500 12px/1.3 var(--cx-font); }
:root .cx-home .cx-status.on { color: var(--cx-ok); background: rgb(95 227 155 / 10%); }


:root .cx-home .fm-setup .cx-send { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; max-width: none; min-height: 40px; margin: 0; padding: 0 16px; border: 0; border-radius: 10px;
  background: var(--cx-key); color: #fff; font: 600 14px/1 var(--cx-font); white-space: nowrap; cursor: pointer;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 8px 22px -8px rgb(240 70 30 / 70%); transition: background-color .15s, scale .08s; }
:root .cx-home .fm-setup .cx-send:hover { background: var(--cx-key-h); }
:root .cx-home .fm-setup .cx-send:active { scale: .97; }
:root .cx-home .fm-setup .cx-send[aria-busy=true] { opacity: .7; }


:root .cx-home .cx-terms { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 18px 0 0; padding: 0; list-style: none; }
:root .cx-home .cx-terms li { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 2px 10px; font: 400 12.5px/1.35 var(--cx-font); color: var(--cx-body); text-wrap: balance; }
:root .cx-home .cx-terms li + li { border-left: 1px solid var(--cx-line-2); }
:root .cx-home .cx-terms b { color: var(--cx-ink); font: 600 17px/1.2 var(--cx-font); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }


:root .cx-home .cx-ex { margin-top: auto; padding-top: 44px; text-align: left; }
:root .cx-home .cx-ex-title { margin: 0 0 12px; font: 500 14px/1.3 var(--cx-font); color: var(--cx-body); letter-spacing: 0; }
:root .cx-home .cx-rail { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
:root .cx-home .cx-tile { min-width: 0; }
:root .cx-home .cx-play { position: relative; display: block; width: 100%; aspect-ratio: 3 / 4; padding: 0; overflow: hidden; border: 0; border-radius: 12px; background: var(--cx-box-2); cursor: pointer;
  box-shadow: 0 0 0 1px var(--cx-line) inset; }
:root .cx-home .cx-play video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: scale .25s cubic-bezier(.32, .72, 0, 1); }
:root .cx-home .cx-hover { position: absolute; inset: auto 0 0; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 30px 8px 10px; color: #fff; font: 600 12px/1 var(--cx-font);
  background: linear-gradient(to top, rgb(0 0 0 / 70%), transparent); opacity: 0; transition: opacity .2s; }
:root .cx-home .cx-hover .cx-ico { width: 15px; height: 15px; }
:root .cx-home .cx-play:hover .cx-hover, :root .cx-home .cx-play:focus-visible .cx-hover, :root .cx-home .cx-play.loud .cx-hover { opacity: 1; }
:root .cx-home .cx-play:hover video { scale: 1.04; }
:root .cx-home .cx-play.loud { box-shadow: 0 0 0 2px var(--cx-key-h); }
:root .cx-home .cx-cap { margin: 8px 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 13px/1.3 var(--cx-font); color: var(--cx-ink); }


:root .cx-home .fm-wait h1 { font-size: 40px; }
:root .cx-home .cx-wait-box { padding: 22px 22px 20px; border-radius: 16px; border: 1px solid var(--cx-line-2); background: var(--cx-box); text-align: left;
  box-shadow: 0 30px 70px -24px rgb(0 0 0 / 75%), 0 0 90px -30px rgb(240 80 40 / 55%); }/*kit-part*/
:root .cx-home #fm-status { margin: 0; color: var(--cx-body); font: 600 15px/1.4 var(--cx-font); }
:root .cx-home.connected #fm-status { color: var(--cx-ok); }
:root .cx-home #fm-help { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--cx-line); color: var(--cx-body); font-size: 14px; }
:root .cx-home #fm-help h2 { margin: 0 0 6px; font: 600 16px/1.3 var(--cx-font); color: var(--cx-ink); }
:root .cx-home .fm-steps { max-width: none; margin: 14px 0 0; padding: 0; gap: 10px; font: 400 15px/1.4 var(--cx-font); }
:root .cx-home .fm-steps .done { color: var(--cx-ink); font-weight: 600; }
:root .cx-home .fm-steps .pending { color: var(--cx-soft); }
:root .cx-home .fm-detail { max-width: none; margin: 14px 0 0; color: var(--cx-body); font-size: 14px; }
:root .cx-home #fm-continue .primary { width: 100%; max-width: none; min-height: 46px; margin: 18px 0 0; border-radius: 10px; }

:root .cx-home .cx-next { counter-reset: cx; display: grid; gap: 0; margin: 16px 0 0; padding: 0; list-style: none; }
:root .cx-home .cx-next li { counter-increment: cx; position: relative; display: grid; gap: 2px; padding: 0 0 14px 38px; font: 400 13.5px/1.4 var(--cx-font); color: var(--cx-soft); }
:root .cx-home .cx-next li:last-child { padding-bottom: 0; }
:root .cx-home .cx-next li::before { content: counter(cx); position: absolute; left: 0; top: -2px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 999px;
  background: var(--cx-box-2); border: 1px solid var(--cx-line-2); color: var(--cx-body); font: 600 12px/1 var(--cx-font); }
:root .cx-home .cx-next li:not(:last-child)::after { content: ""; position: absolute; left: 12px; top: 26px; bottom: 2px; width: 1px; background: var(--cx-line-2); }
:root .cx-home .cx-next li.now::before { background: var(--cx-key); border-color: var(--cx-key); color: #fff; box-shadow: 0 0 0 4px rgb(214 60 23 / 22%); }
:root .cx-home .cx-next b { color: var(--cx-ink); font-weight: 600; font-size: 14.5px; }
:root .cx-home .cx-next li:not(.now) b { color: var(--cx-body); }
:root .cx-home.connected .cx-next { display: none; }


:root .cx-home.cx-inline { display: block; margin-top: 14px; color: var(--cx-ink); font-family: var(--cx-font); }
:root .cx-home.cx-inline .cx-peek, :root .cx-home.cx-inline .cx-strip { display: none; }
:root .cx-home.cx-inline .cx-panel { animation: none; box-shadow: 0 1px 0 rgb(255 255 255 / 5%) inset; }
:root .cx-home.cx-inline .th-setup { display: block; margin: 0; }
:root .cx-home.cx-inline .fm-setup .fh-key.cx-send { width: auto; min-height: 40px; font-size: 14px; }
@media (max-width: 420px) { :root .cx-home.cx-inline .cx-pick-btn .al-mark { display: none; } :root .cx-home.cx-inline .cx-pick-btn { padding-left: 10px; } }


:root:has(.cx-home.fm) body .v2-version.v2-version { display: block !important; background: #1c1a1a; color: #b9b3b0; box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); }

body:has(> .cx-home) .coral-app { display: none; }


@media (max-width: 600px) {
  :root .cx-home .cx-top { height: 56px; margin-bottom: -56px; padding: 0 16px; }
  :root .cx-home .cx-main { padding: 0 16px; }
  :root .cx-home .cx-hero { padding: 82px 0 24px; }
  :root .cx-home .cx-pill { font-size: 12.5px; margin-bottom: 16px; }
  :root .cx-home .cx-pill-hi { display: none; }
  :root .cx-home h1, :root .cx-home .fm-wait h1 { font-size: 32px; line-height: 1.1; letter-spacing: -.8px; }
  :root .cx-home .fm-line { font-size: 15px; margin: 10px auto 30px; }
  :root .cx-home .cx-panel { column-gap: 6px; padding: 0 8px 8px; }
  :root .cx-home .cx-panel .fh-prompt { padding: 14px 6px 4px; font-size: 12px; line-height: 1.55; }
  :root .cx-home .cx-status { display: none; }
  :root .cx-home .cx-panel { grid-template-areas: "prompt prompt prompt" "pick pick key" "said said said"; }
  :root .cx-home .cx-pick-list { width: min(270px, calc(100vw - 40px)); }
  :root .cx-home .cx-peek { width: 60px; top: -42px; right: 24px; }
  :root .cx-home .cx-strip { max-width: calc(100% - 78px); margin-left: 10px; font-size: 12px; padding: 7px 10px 20px; }
  :root .cx-home .cx-terms li { padding: 2px 6px; font-size: 12px; }
  :root .cx-home .cx-terms b { font-size: 16px; }
  :root .cx-home .cx-ex { padding-top: 32px; }
  :root .cx-home .cx-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  :root .cx-home .cx-tile:nth-child(n+4) { display: none; }
}
@media (max-width: 340px) {
  :root .cx-home .cx-strip { max-width: calc(100% - 58px); gap: 6px; font-size: 11.5px; }
  :root .cx-home .cx-peek { width: 50px; top: -34px; right: 8px; }
  :root .cx-home .cx-terms li { padding: 2px 4px; font-size: 11.5px; }
  :root .cx-home .cx-pill-more { display: none; }
  :root .cx-home .cx-pick-name { display: none; }
  :root .cx-home .fm-setup .cx-send { padding: 0 12px; }
}
@media (min-width: 1600px) { :root .cx-home .cx-hero { padding-top: calc(62px + clamp(40px, 12vh, 150px)); } }
@media (prefers-reduced-motion: reduce) {
  :root .cx-home *, :root .cx-home *::before, :root .cx-home *::after { animation: none !important; transition: none !important; }
}

:root .cx-home .cx-strip-own { display: block; margin-top: 2px; opacity: .8; }
:root .cx-home .cx-strip-add { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

.coral-app .mp-shop-next { margin: -12px 0 20px; font: 400 15px/1.5 var(--c-font); color: var(--c-soft); }
.coral-app .mp-shop-next a { color: var(--c-ink, inherit); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(240 80 40 / 70%); }
:root .cx-home:not(.cx-inline) .fr-why { display: none; }
:root .cx-home .fr-why { margin-top: 10px; }



:root:root:root .coral-app :is(.cb-head h1, .ce-page-head h1, .r3-h1) { margin: 0; font: 600 32px/1.1 var(--c-font); font-stretch: 100%; letter-spacing: -.03em;
  text-transform: none; color: var(--c-ink); text-align: left; }
:root:root:root .coral-app :is(.cb-head, .ce-page-head, .r3-hero) { padding-top: 8px; margin-top: 0; }
:root:root:root .coral-app :is(.ce-page-head > p, .r3-deal) { margin: 6px 0 0; font: 400 15px/1.45 var(--c-font); color: var(--c-soft); }
:root:root:root .coral-app .ce-page-title { gap: 10px; }


:root:root:root .coral-app :is(.ce-test-pill, .r3-test, .dsc-soon.test) { display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 6px; border: 0;
  background: #fde047; color: #3f3a10; font: 800 11px/1 var(--c-font); letter-spacing: .08em; text-transform: uppercase; }


:root:root:root .coral-app :is(.ce-grid.r3 .ce-card, .ce-grid.r3 .coral-card, .ce-stats-grid, .ce-grid.r3 .ce-next) { border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--c-ink) 8%, transparent); box-shadow: none; }
:root:root:root .coral-app .ce-grid.r3 .ce-next { border-color: transparent; }
:root:root:root .coral-app .r3s, :root:root:root .coral-app .r3-cp { --r3-line: color-mix(in srgb, var(--c-ink) 8%, transparent); }
:root:root:root .coral-app :is(.r3-card-a, .cp .cp-row) { border-radius: 16px; }
:root:root:root .coral-app .cb { --cb-r: 16px; --cb-frame: color-mix(in srgb, var(--c-ink) 8%, transparent); }


:root:root:root:root:root .coral-app :where(.r3-pill.primary, .ce-key, .ce-grid.r3 .coral-btn.primary.ce-next-key, .r3s .coral-btn.primary.cs-key, .r3s .cs-sheet-work.coral-btn.primary) { min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px;
  background: #d63c16; color: #fff; font: 600 15px/1 var(--c-font); box-shadow: none; transition: transform .18s ease, background-color .18s ease; }
:root:root:root:root:root .coral-app :where(.r3-pill.primary, .ce-key, .ce-grid.r3 .coral-btn.primary.ce-next-key, .r3s .coral-btn.primary.cs-key, .r3s .cs-sheet-work.coral-btn.primary):hover { background: #c4350f; transform: translateY(-1px); box-shadow: none; }
:root:root:root:root:root .coral-app :where(.r3-pill.primary, .ce-key, .ce-grid.r3 .coral-btn.primary.ce-next-key, .r3s .coral-btn.primary.cs-key, .r3s .cs-sheet-work.coral-btn.primary):active { transform: scale(.98); }
:root:root:root:root:root .coral-app :where(.r3-pill.primary, .ce-key, .ce-grid.r3 .coral-btn.primary.ce-next-key, .r3s .coral-btn.primary.cs-key, .r3s .cs-sheet-work.coral-btn.primary):focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 3px; }

:root:root:root:root:root .coral-app .r3s.sheet-open .r3-pill.primary { background: transparent; color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--r3-line-2); }
@media (min-width: 1000px) { :root:root:root:root:root .coral-app .r3s.has-panel .r3-pill.primary { background: transparent; color: var(--c-ink); box-shadow: inset 0 0 0 1px var(--r3-line-2); } }


:root:root:root .coral-app :is(.ce-b-big, .ce-stat-fig, .ce-grid.r3 .ce-next-big, .cb-pay, .cb-fact b, .ce-lead) { font-variant-numeric: tabular-nums; font-weight: 600; }
:root:root:root .coral-app .ce-b-big { font-size: 32px; line-height: 1.05; letter-spacing: -.02em; }
:root:root:root .coral-app :is(.ce-stat-fig, .ce-grid.r3 .ce-next-big) { font-size: 24px; line-height: 1.1; letter-spacing: -.02em; }


:root:root:root .coral-app :is(.cb-empty, .r3-make .r3-card-a) { border: 1.5px dashed color-mix(in srgb, var(--c-ink) 16%, transparent); border-radius: 16px; background: transparent; box-shadow: none; }
:root:root:root .coral-app .cb-empty { padding: 16px 20px; }
:root:root:root .coral-app :is(.cb-empty a, .r3-make .r3-card-a:hover) { color: var(--c-coral-ink); }
:root:root:root .coral-app .r3-make .r3-card-a:hover { border-color: var(--c-coral-ink); }


:root:root:root .coral-app .cb { gap: 32px; }
:root:root:root .coral-app .ce-page-head { margin-bottom: 32px; }
:root:root:root .coral-app .r3s .cs-lib { gap: 32px; }
:root:root:root .coral-app :is(.cb-sec, .r3-lib, .r3-samples) { gap: 12px; }
:root:root:root .coral-app :is(.cb-sec-head h2, .r3-sec) { margin: 0; font: 600 20px/1.25 var(--c-font); letter-spacing: -.0165em; color: var(--c-ink); justify-content: flex-start; }
:root:root:root .coral-app :is(.cb-grid, .r3-grid) { gap: 20px; }
@media (min-width: 1000px) {
  :root:root:root .coral-app .ce-grid.r3:not(.first) { row-gap: 32px; }
  :root:root:root .coral-app .ce-grid.r3 .ce-col { gap: 32px; }
}


@media (max-width: 599px) {
  :root:root:root .coral-app :is(.cb-head h1, .ce-page-head h1, .r3-h1) { font-size: 28px; }
  :root:root:root .coral-app :is(.cb-head, .ce-page-head, .r3-hero) { padding-top: 0; }
  :root:root:root .coral-app .ce-b-big { font-size: 28px; }
  :root:root:root .coral-app :is(.ce-stat-fig, .ce-grid.r3 .ce-next-big) { font-size: 22px; }
  :root:root:root .coral-app .cb { gap: 24px; }
  :root:root:root .coral-app .ce-page-head { margin-bottom: 24px; }
  :root:root:root .coral-app .r3s .cs-lib { gap: 24px; }
  :root:root:root .coral-app .ce-grid.r3, :root:root:root .coral-app .ce-grid.r3 .ce-col { gap: 24px; }
  :root:root:root .coral-app :is(.cb-grid, .r3-grid) { gap: 12px; }
  :root:root:root .coral-app .cb-top .cb-sec-head h2 { font-size: 20px; }
  :root:root:root .coral-app .cb-top { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  :root:root:root:root:root .coral-app :where(.r3-pill.primary, .ce-key, .ce-grid.r3 .coral-btn.primary.ce-next-key, .r3s .coral-btn.primary.cs-key, .r3s .cs-sheet-work.coral-btn.primary) { transition: none; transform: none; }
}

:root .coral-app .ask { display: flex; flex-direction: column; overflow: hidden; border-radius: 14px; background: var(--c-card); box-shadow: inset 0 0 0 1px var(--c-line-2); }
:root .coral-app .ask-head { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 16px; border-bottom: 1px solid var(--c-line); }
:root .coral-app .ask-ico { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 8px; background: var(--c-coral-t); color: var(--c-coral-ink); }
:root .coral-app .ask-head h2 { flex: 1; min-width: 0; margin: 0; font: 600 15px/1.25 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
:root .coral-app .ask-count { flex: none; font: 500 12.5px/1 var(--c-font); color: var(--c-soft); }
:root .coral-app .ask-lead { display: grid; gap: 4px; padding: 16px 16px 14px; }
:root .coral-app .ask-k { margin: 0; font: 600 11px/1.3 var(--c-font); letter-spacing: .12em; text-transform: uppercase; color: var(--c-coral-ink); }
:root .coral-app .ask-product { margin: 0; font: 600 20px/1.25 var(--c-font); letter-spacing: -.015em; color: var(--c-ink); overflow-wrap: anywhere; }
:root .coral-app .ask-goal { margin: 2px 0 0; font: 400 15px/1.5 var(--c-font); color: var(--c-body); overflow-wrap: anywhere; }
:root .coral-app .ask-rows { margin: 0 16px; border-top: 1px solid var(--c-line); }
:root .coral-app .ask-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--c-line); }
:root .coral-app .ask-row:last-child { border-bottom: 0; }
:root .coral-app .ask-row dt { font: 500 12.5px/1.4 var(--c-font); color: var(--c-soft); }
:root .coral-app .ask-row dd { margin: 0; min-width: 0; font: 500 14.5px/1.5 var(--c-font); color: var(--c-ink); overflow-wrap: anywhere; }
:root .coral-app .ask-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
:root .coral-app .ask-list li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: start; }
:root .coral-app .ask-mark { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 999px; font: 700 11px/1 var(--c-font); }
:root .coral-app .ask-list.yes .ask-mark { background: var(--c-ok-t); color: var(--c-ok); }
:root .coral-app .ask-list.no .ask-mark { background: var(--c-coral-t); color: var(--c-coral-ink); }
:root .coral-app .ask-ref { display: inline-flex; align-items: center; min-height: 32px; color: var(--c-coral-ink); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
:root .coral-app .ask-ref:focus-visible { outline: 2px solid var(--c-coral-ink); outline-offset: 2px; border-radius: 4px; }
:root .coral-app .ask-foot { margin: 0; padding: 12px 16px; border-top: 1px solid var(--c-line); background: var(--c-tint); font: 400 13px/1.45 var(--c-font); color: var(--c-soft); }

:root .coral-app .ask-rows.compact { margin: 2px 0 0; }
:root .coral-app .ask-rows.compact .ask-row { padding: 8px 0; gap: 2px; }
:root .coral-app .ask-rows.compact .ask-row dt { font-size: 11.5px; }
:root .coral-app .ask-rows.compact .ask-row dd { font-size: 13px; line-height: 1.4; }
:root .coral-app .ask-rows.compact .ask-list { gap: 4px; }
:root .coral-app .ask-rows.compact .ask-list li { grid-template-columns: 16px minmax(0, 1fr); gap: 5px; }
:root .coral-app .ask-rows.compact .ask-mark { width: 16px; height: 16px; font-size: 9px; }
:root .coral-app .ask-rows.compact .ask-ref { min-height: 24px; }
@media (min-width: 760px) {
  :root .coral-app .ask-head { padding: 0 20px; }
  :root .coral-app .ask-lead { padding: 20px 20px 16px; }
  :root .coral-app .ask-product { font-size: 24px; }
  :root .coral-app .ask-rows { margin: 0 20px; }
  :root .coral-app .ask-rows:not(.compact) .ask-row { grid-template-columns: 200px minmax(0, 1fr); gap: 16px; }
  :root .coral-app .ask-foot { padding: 12px 20px; }
}