.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}}
.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%); } }
.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; }/*kit-part*/
.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-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-part*/

.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; }



.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; }/*kit-part*/
.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; }
}


.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; }/*kit-part*/
.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 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); }
.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); }/*kit-part*/
.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; }
.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); }/*kit-part*/
.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); }
@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; }/*kit-part*/
@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); }
  .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); }
.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); }/*kit-part*/
.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: 10px; 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; }
.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); }/*kit-part*/
.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; }
.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; }/*kit-part*/
.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; }


.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); }
.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); }/*kit-part*/
.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; }

.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 auto}.bc-page>h1{margin-bottom:12px}.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); }
.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); }/*kit-part*/
.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-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; } }

.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-tree { position: relative; padding-left: 34px; }
.mm-you { position: absolute; left: -6px; top: -6px; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: #f2542d; color: #fff;
  font: 700 14px/1 var(--c-font); box-shadow: 0 6px 18px rgb(242 84 45 / 30%); }

.mm-tree::before { content: ""; position: absolute; left: 16px; top: 36px; bottom: 36px; width: 2px; background: #f7a68f; }
.mm-ways { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0 0 0 12px; list-style: none; }
.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-way::before { content: ""; position: absolute; left: -31px; top: calc(50% - 22px); width: 30px; height: 22px; border: 2px solid #f7a68f; border-top: 0; border-right: 0; border-bottom-left-radius: 14px; }
.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.wait .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, .mm-chip.soon { background: #e6f6ec; color: #17784a; }
.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-tree { padding-left: 24px; }
  .mm-tree::before { left: 12px; }
  .mm-you { width: 38px; height: 38px; left: -6px; font-size: 12px; }
  .mm-ways { padding-left: 8px; }
  .mm-way::before { left: -21px; width: 20px; }
  .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: 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; }
}
@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; }

.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; }/*kit-part*/
.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; }
}
: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;
}/*kit-part*/
: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 > .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-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); }
.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; }
.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; }
}/*kit-part*/

@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; }
}

@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; }
}/*kit-part*/

@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; }
}

.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)); }
body:has(.ce-grid) .v2-version { display: none; }

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; } .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-title { margin: 0; font: 700 20px/1.2 var(--c-font); letter-spacing: -.01em; color: var(--ce-ink); }
.ce-subtitle { margin: 2px 0 8px; font: 400 14px/1.4 var(--c-font); color: var(--ce-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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-top { display: flex; flex-direction: column; gap: 10px; }
.ce-big { margin: 0; font: 800 38px/1.05 var(--c-font); letter-spacing: -.02em; color: var(--ce-ink); font-variant-numeric: tabular-nums; }
.ce-big-label { margin: 0; font: 400 15px/1.3 var(--c-font); color: #4b5563; }
.ce-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; list-style: none; margin: 0; padding: 0; min-width: 0; }
.ce-tiles.n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ce-tile { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-radius: 10px; background: var(--ce-tile); }
.ce-tile i { display: block; flex: none; width: 10px; height: 10px; border-radius: 50%; }
.ce-tile > span { display: flex; flex-direction: column; min-width: 0; }
.ce-tile b { font: 700 16px/1.25 var(--c-font); color: var(--ce-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ce-tile small { font: 400 12.5px/1.3 var(--c-font); color: #6b7280; }
.ce-tile.pending i, .ce-seg.pending { background: var(--ce-pending); }
.ce-tile.cleared i, .ce-seg.cleared { background: var(--ce-cleared); }
.ce-tile.way i, .ce-seg.way { background: var(--ce-way); }
.ce-tile.paid i, .ce-seg.paid { background: var(--ce-paid); }
.ce-tile.back i { background: var(--ce-back); }

.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; }

.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:nth-child(2) { 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-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) {
  
  .ce-tiles.n4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 359px) {
  .ce-big { font-size: 34px; }
  .ce-tiles { gap: 6px; }
  .ce-tile { padding: 8px; gap: 6px; }
  .ce-tile b { font-size: 14px; }
  .ce-tile small { font-size: 12px; }
  .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-statement { container-type: inline-size; }
  .ce-subtitle { margin: 4px 0 14px; font-size: 15px; white-space: normal; }
  .ce-top { flex-direction: row; align-items: flex-start; gap: 24px; }
  .ce-total { flex: none; }
  .ce-big { font: 800 60px/1 var(--c-font); letter-spacing: -.02em; color: #111827; }
  .ce-big-label { margin-top: 8px; font: 500 18px/1.2 var(--c-font); color: #3a4152; }
  .ce-tiles, .ce-tiles.n4 { flex: 1; display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; grid-template-columns: none; gap: 12px; }
  .ce-tile { align-items: flex-start; gap: 8px; padding: 14px 14px; border-radius: 12px; background: #f5f7fb; }
  
  .ce-tile i { width: 16px; height: 16px; margin-top: 4px; }
  .ce-tile b { font: 700 20px/24px var(--c-font); color: #111827; }
  .ce-tile small { margin-top: 2px; font: 400 14px/18px var(--c-font); color: var(--ce-soft); text-wrap: balance; }
  .ce-tiles.n4 .ce-tile { padding: 14px 12px; }
  .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, .ce-src.head { grid-template-columns: minmax(0, 1fr) 130px 130px 130px; column-gap: 0; padding: 6px 0; border-top: 1px solid #eef0f4; font: 400 15px/18px var(--c-font); color: var(--ce-body); }
  .ce-src.head { display: grid; padding: 0 0 6px; border-top: 0; font: 400 13px/16px var(--c-font); color: var(--ce-faint); }
  .ce-src:nth-child(2) { border-top: 1px solid #eef0f4; }
  .ce-src-note { display: inline; }
  .ce-src-pend { display: none; }
  .ce-n.pend, .ce-n.clr { display: block; }
  .ce-n.tot { font-weight: 400; color: var(--ce-body); }
  .ce-src.muted .ce-n.tot { display: block; color: #6b7280; }
  
  .ce-src-pill { grid-column: 2 / 4; justify-self: center; }
  .ce-pill { height: 22px; padding: 0 12px; background: #f1f3f6; color: #5b6475; font-size: 12px; }
  .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; }
}/*kit-part*/

@container (min-width: 780px) {
  .ce-tiles:not(.n4) .ce-t-long { display: inline; }
  .ce-tiles:not(.n4) .ce-t-mid { display: none; }
}

@container (max-width: 720px) {
  .ce-big { font-size: 52px; }
  .ce-top { gap: 18px; }
  .ce-tiles, .ce-tiles.n4 { gap: 10px; }
  .ce-tile, .ce-tiles.n4 .ce-tile { padding: 14px 12px; }
}

@container (max-width: 620px) {
  .ce-top { flex-direction: column; gap: 12px; }
  .ce-tiles, .ce-tiles.n4 { width: 100%; }
}
@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.first, .ce-grid.first:is(*) { display: flex; flex-direction: column; max-width: 560px; }
.ce-grid .ce-first { padding: 22px 18px 20px; border-radius: 16px; }
.ce-first-big { margin: 0; font: 800 40px/1.05 var(--c-font); letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ce-ink); }
.ce-first-line { margin: 8px 0 0; font: 400 16px/1.45 var(--c-font); color: var(--ce-body); }
.ce-how { margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--ce-rule); }
.ce-how-row { display: flex; align-items: baseline; justify-content: space-between; gap: 6px 16px; flex-wrap: wrap; padding: 13px 0; border-bottom: 1px solid var(--ce-rule); }
.ce-how-what { font: 400 15px/1.4 var(--c-font); color: var(--ce-soft); }
.ce-how-v { font: 600 15px/1.4 var(--c-font); color: var(--ce-ink); text-align: right; margin-left: auto; }
.ce-first-pay { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 13px 14px; border-radius: 12px; background: var(--c-coral-t, #fdece6);
  color: var(--c-coral-ink, #e0481f); font: 600 15px/1.3 var(--c-font); text-decoration: none; }
.ce-first-pay:hover { background: var(--c-coral-p, #fde8e0); }
.ce-first-pay .coral-ico { display: inline-flex; flex: none; }
@media (min-width: 600px) { .ce-grid .ce-first { padding: 28px 28px 24px; } .ce-first-big { font-size: 48px; } }


.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); } }

.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; }
}
@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) {
}

.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; }/*kit-part*/
.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; }
}

.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; }

.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; }
.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; }
.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-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-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; }/*kit-part*/
.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; }
}
@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)); }
}

.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; }/*kit-part*/


.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); }
.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-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-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-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; }
}/*kit-part*/
@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; }
}

.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; }

.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}/*kit-part*/
.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}

.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; }
.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-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; }

.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 .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-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); }
.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); }/*kit-part*/
.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-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; }
}

.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 li { display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px; font-size:14px; }
.sl-example 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; }
}
.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}}

.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)}