
*{box-sizing:border-box}
:root{--bg:#130f10;--sf:#1a1415;--sf2:#221a1c;--in:#110d0e;--bd:#2f2427;--bd2:#463539;--fg:#f6eeec;--mut:#ab999c;--ac:#ffa08c;--act:#ffb5a5;--ring:#ffa08c;--ink:#2b1612;--good:#5fbf8f;--warn:#d9a43f;--bad:#e5675f;color-scheme:dark}
:root[data-theme=light]{--bg:#fbf1ee;--sf:#ffffff;--sf2:#fdf6f4;--in:#fbf1ee;--bd:#f0dcd6;--bd2:#e3c3ba;--fg:#2a1a1a;--mut:#7a5f5d;--ac:#ffa08c;--act:#b3412a;--ring:#d96a52;--ink:#2b1612;--good:#17825a;--warn:#946000;--bad:#c0392f;color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#fbf1ee;--sf:#ffffff;--sf2:#fdf6f4;--in:#fbf1ee;--bd:#f0dcd6;--bd2:#e3c3ba;--fg:#2a1a1a;--mut:#7a5f5d;--ac:#ffa08c;--act:#b3412a;--ring:#d96a52;--ink:#2b1612;--good:#17825a;--warn:#946000;--bad:#c0392f;color-scheme:light}}
html,body{margin:0}
body{min-height:100vh;color:var(--fg);font:500 14px/1.5 Inter,system-ui,sans-serif;background-color:var(--bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--ac) 12%,transparent),transparent 360px);background-repeat:no-repeat;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}
.d{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
:root .font-normal{font-weight:500}:root .font-medium{font-weight:600}:root .font-semibold{font-weight:650}:root .font-bold{font-weight:700}:root .d.font-semibold{font-weight:600}.paper{font-weight:400}
.mut{color:var(--mut)}.ac{color:var(--act)}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.g{background:var(--sf);border:1px solid var(--bd);border-radius:12px}
.bar:focus-within{border-color:var(--ring)}
.strip{display:grid;gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.strip>*{background:var(--sf);padding:14px 16px;text-align:left;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--bd);background:transparent;border-radius:8px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--fg);transition:background .15s,border-color .15s;text-decoration:none}
.btn:hover{background:var(--sf2);border-color:var(--bd2)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.pr{background:var(--ac);color:var(--ink);border-color:transparent}
.pr:hover{background:var(--ac);filter:brightness(1.06) saturate(1.05);border-color:transparent}
.ch{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bd);background:var(--sf2);border-radius:6px;padding:2px 8px;font-size:12px;white-space:nowrap}
.in{display:block;background:var(--in);border:1px solid var(--bd);border-radius:8px;padding:7px 10px;color:var(--fg);width:100%;font:inherit;font-size:13.5px}
.in:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent)}
.bare{background:transparent;border:0;outline:0;color:var(--fg);width:100%;font:inherit;font-size:15px}
.btn:focus-visible,[tabindex]:focus-visible,.ni:focus-visible,.tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ni{position:relative;z-index:1;display:block;width:100%;text-align:left;height:34px;padding:0 12px;border-radius:8px;font:inherit;font-size:13.5px;color:var(--mut);background:none;border:0;cursor:pointer;transition:color .15s}
.ni:hover,.ni[aria-current=page]{color:var(--fg)}
.sl{animation:sl .28s cubic-bezier(.2,.7,.2,1) backwards}.sb{--x:-28px}
@keyframes sl{from{opacity:0;transform:translateX(var(--x,28px))}}
.so{animation:so .34s cubic-bezier(.2,.85,.3,1.04) backwards}
@keyframes so{from{transform:translateX(100%)}}
.up{animation:up .28s ease backwards}
@keyframes up{from{opacity:0;transform:translateY(8px)}}
@keyframes pl{50%{opacity:.3}}
.drag{transform:rotate(2.5deg) scale(1.03);box-shadow:0 22px 38px -14px rgba(0,0,0,.55);opacity:.9}
.cf{position:absolute;top:-14px;width:7px;height:12px;border-radius:2px;animation:fall 1.9s ease-in forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.2}}
::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:8px}
input[type=checkbox]{accent-color:var(--ac)}
.fl:focus-within{outline:2px solid var(--ring);outline-offset:2px}
/* collapsible sidebar groups */
.ng{display:grid;grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .28s cubic-bezier(.3,.8,.3,1),visibility 0s}
.ng>div{overflow:hidden;min-height:0}
.ng[data-open=false]{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .28s cubic-bezier(.3,.8,.3,1),visibility 0s linear .28s}
.gh{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:3px 12px;margin:0 0 2px;border:0;background:none;font:inherit;font-size:12px;color:var(--mut);cursor:pointer;border-radius:8px;text-align:left}
.gh:hover{color:var(--fg);background:var(--sf2)}
.gh:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
.gh svg{flex:none;transition:transform .28s cubic-bezier(.3,.8,.3,1)}
.gh[aria-expanded=false] svg{transform:rotate(-90deg)}
/* live activity dock */
.dock{position:fixed;top:0;right:0;bottom:0;z-index:35;display:flex;flex-direction:column;width:288px;border-left:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 94%,transparent);overflow:hidden;transition:width .3s cubic-bezier(.3,.8,.3,1),box-shadow .3s}
.dock[data-open=false]{width:52px}
.dock[data-open=true][data-over=true]{background:var(--bg);box-shadow:-24px 0 48px -16px rgba(0,0,0,.4)}
.dock .dk-body{opacity:1;transition:opacity .2s .1s}
.dock[data-open=false] .dk-body{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .12s,visibility 0s .12s}
.dock .dk-rail{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .12s,visibility 0s .12s}
.dock[data-open=false] .dk-rail{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .2s .12s}
.shell{transition:padding-right .3s cubic-bezier(.3,.8,.3,1)}
@media(max-width:767px){.dock{display:none}}
.sw{position:relative;flex:none;width:36px;height:20px;border-radius:999px;border:1px solid var(--bd2);background:var(--in);cursor:pointer;padding:0;transition:background .2s,border-color .2s}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--mut);transition:transform .2s,background .2s}
.sw[aria-checked=true]{background:var(--ac);border-color:transparent}
.sw[aria-checked=true]::after{transform:translateX(16px);background:var(--ink)}
.sw:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.pulse{animation:pl 1.8s ease-in-out infinite}
.rad{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--bd2);display:grid;place-items:center;flex:none;transition:border-color .2s}
.rad[data-on=true]{border-color:var(--ac)}
.rad[data-on=true]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}
.ct{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:16px;border-radius:12px;border:1px solid var(--bd);background:var(--sf);color:var(--fg);font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ct:hover{border-color:var(--bd2);transform:translateY(-1px)}
.ct[aria-checked=true]{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--sf))}
.ct:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;flex:none;background:var(--sf2);border:1px solid var(--bd);color:var(--act)}
.ct[aria-checked=true] .ic{background:color-mix(in srgb,var(--ac) 18%,var(--sf2));border-color:color-mix(in srgb,var(--ac) 45%,var(--bd))}
.bot{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:36;width:52px;height:52px;border-radius:50%;border:0;padding:0;cursor:grab;display:grid;place-items:center;background:var(--ac);color:var(--ink);box-shadow:0 6px 20px -6px rgba(0,0,0,.45);touch-action:none;user-select:none;-webkit-user-select:none}
.bot:active{cursor:grabbing}
.mello-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:var(--warn);border:2px solid var(--bg)}
.botp{position:fixed;z-index:60;display:flex;flex-direction:column;left:0;right:0;bottom:0;height:min(78vh,620px);background:var(--sf);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -10px 40px -10px rgba(0,0,0,.4)}
@media(min-width:768px){.bot{bottom:24px;right:calc(var(--sh,68px) + 16px)}.botp{left:auto;right:calc(var(--sh,68px) + 16px);bottom:24px;width:380px;height:min(70vh,600px);border-radius:16px}}
@media print{body *{visibility:hidden}.paper,.paper *{visibility:visible}.paper{position:absolute;left:0;top:0;width:100%;box-shadow:none!important}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */


@media all {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@media all {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@media all {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-11 {
    top: calc(var(--spacing) * 11);
  }
  .right-0 {
    right: 0px;
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .left-0 {
    left: 0px;
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[34\] {
    z-index: 34;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[75\] {
    z-index: 75;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .m-0 {
    margin: 0px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[900px\] {
    min-width: 900px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .bg-black\/55 {
    background-color: color-mix(in srgb, #000 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-black\/85 {
    background-color: color-mix(in srgb, #000 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-\[14vh\] {
    padding-top: 14vh;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:bg-\[var\(--sf2\)\]:hover {
      background-color: var(--sf2);
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .sm\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .sm\:block {
      display: block;
    }
    .sm\:inline-flex {
      display: inline-flex;
    }
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .sm\:flex-none {
      flex: none;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .md\:pl-60 {
      padding-left: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@media all {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

/* Saved deal results: retain appearance tokens and background photography. */
.buyers-page{min-width:0}.buyer-tabs{display:flex;gap:8px;border-bottom:1px solid var(--bd);padding-bottom:14px}.buyer-team-note{margin:14px 0}
.buyer-bar{display:flex;align-items:center;gap:10px;margin:18px 0 10px}.buyer-search{flex:1 1 280px;min-width:0;max-width:520px}.buyer-count{margin-left:auto;white-space:nowrap}
.buyer-filter-btn{display:inline-flex;align-items:center;gap:8px;flex:none}.buyer-filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ac);color:var(--ink);font-size:11px;font-weight:700}.buyer-filter-chev{display:inline-block;transition:transform .15s}.buyer-filter-chev[data-open="1"]{transform:rotate(180deg)}
.buyer-filter-panel{margin:0 0 16px;padding:14px 16px}.buyer-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}.buyer-filter-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.buyer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.buyer-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;border:1px solid var(--bd);border-radius:14px;background:var(--sf);overflow-wrap:anywhere;transition:border-color .2s,transform .2s}.buyer-card:hover{border-color:var(--bd2);transform:translateY(-1px)}
.buyer-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buyer-card-name{margin:0;font-size:19px;line-height:1.25;font-weight:650}
.buyer-match{flex:none;display:grid;justify-items:center;padding:6px 12px;border:1px solid var(--bd2);border-radius:10px;line-height:1.1}.buyer-match b{font-size:20px}.buyer-match span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}.buyer-match[data-hot="1"]{border-color:var(--good);background:color-mix(in srgb,var(--good) 10%,transparent)}.buyer-match[data-hot="1"] b{color:var(--good)}
.buyer-price{font-size:26px;font-weight:650;letter-spacing:-.01em;color:var(--act)}
.buyer-chips{display:flex;flex-wrap:wrap;gap:6px}.buyer-chips .ch{font-size:12px;padding:3px 10px}.buyer-chips .ch[data-pof="1"]{border-color:var(--good);color:var(--good)}.buyer-chips .ch[data-pof="0"]{color:var(--warn)}
.buyer-facts{display:grid;gap:10px;margin:0}.buyer-facts dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}.buyer-facts dd{margin:2px 0 0;font-size:14px;line-height:1.4}
.buyer-note{margin:0;padding:12px 14px;border-radius:10px;background:var(--sf2);font-size:14px;line-height:1.5}
.buyer-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.buyer-contact{font-size:12.5px;overflow-wrap:anywhere}
.buyer-card>.buyer-actions{margin-top:auto;padding-top:12px;border-top:1px solid var(--bd)}.buyer-actions .buyer-actions{display:contents}
.buyer-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.buyer-actions .btn{font-size:12px;padding:6px 10px}.buyer-share{display:flex;gap:8px;align-items:center;font-size:12px;margin:12px 0}
.buyer-form{border-top:1px solid var(--bd2);border-bottom:1px solid var(--bd2);padding:20px 0;margin:20px 0}.buyer-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.buyer-form-head h2{font-size:20px;letter-spacing:0}.buyer-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}.buyer-empty{padding:32px 0;text-align:center}.buyer-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 8px}
@media(max-width:767px){.buyer-bar{flex-wrap:wrap}.buyer-search{flex-basis:100%;max-width:none}.buyer-count{margin-left:0}.buyer-filter-grid{grid-template-columns:1fr 1fr}.buyer-field-grid{grid-template-columns:1fr 1fr}.buyer-card{padding:16px}.buyer-price{font-size:24px}}
:root{--result-glass:color-mix(in srgb,var(--sf) 82%,transparent);--result-overlay:color-mix(in srgb,var(--bg) 76%,transparent);--result-modal-shade:color-mix(in srgb,var(--bg) 90%,transparent)}
.result-overlay{position:fixed;inset:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;background:var(--result-overlay);backdrop-filter:blur(4px);padding:36px 28px 80px;color:var(--fg)}
.result-wrap{max-width:1160px;margin:auto}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.result-header h1{font-size:32px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:0}.result-header-actions,.result-meta{display:flex;gap:8px;flex-wrap:wrap}.result-meta{margin-top:14px;align-items:center}.result-header-actions{flex-shrink:0}
.result-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}.result-section{min-width:0;border:1px solid var(--bd2);background:var(--result-glass);border-radius:8px;overflow:hidden}.result-section>summary{cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 20px;list-style:none;font-size:14px;font-weight:600}.result-section>summary::-webkit-details-marker{display:none}.result-section>summary>span:first-child{margin-right:auto;letter-spacing:0}.result-chevron{transition:transform .15s}.result-section:not([open]) .result-chevron{transform:rotate(-90deg)}.result-body{padding:0 20px 20px}.result-photos{grid-column:1;grid-row:1 / span 3}.result-arv{grid-column:2;grid-row:1}.result-repairs{grid-column:2;grid-row:2}.result-profit{grid-column:2;grid-row:3}.result-facts{grid-column:1;grid-row:4}.result-mao{grid-column:2;grid-row:4;background:color-mix(in srgb,var(--ac) 16%,var(--result-glass));border-color:var(--ac)}.result-prices{grid-column:1;grid-row:5}.result-actions{grid-column:2;grid-row:5}.result-wide{grid-column:1 / -1}
.result-big{font-size:42px;font-weight:600;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}.result-mao .result-big{color:var(--act)}.result-value{font-size:20px;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.result-price-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-fact-row{display:flex;flex-wrap:wrap;gap:16px 24px}.result-fact-row .result-value{font-size:16px}.result-range-track{height:6px;background:color-mix(in srgb,var(--ac) 30%,var(--bd));border-radius:8px;margin:24px 0 14px;position:relative}.result-range-track>span{position:absolute;left:50%;height:14px;width:14px;top:-4px;border-radius:50%;background:var(--ac);border:2px solid var(--sf)}.result-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:11px}.result-range b{display:block;margin-top:4px;font-size:12px;letter-spacing:0;overflow-wrap:anywhere}
.result-photo{aspect-ratio:4/3;position:relative;background:var(--sf2);overflow:hidden;border-radius:6px;touch-action:pan-y}.result-photo-open{display:block;width:100%;height:100%;border:0;padding:0;cursor:zoom-in;display:grid;place-items:center}.result-photo img{width:100%;height:100%;object-fit:contain}.result-photo-prev,.result-photo-next{position:absolute;top:50%;transform:translateY(-50%);background:var(--result-glass);width:36px;height:36px;padding:0}.result-photo-prev{left:12px}.result-photo-next{right:12px}.result-counter{position:absolute;bottom:12px;right:12px;background:var(--sf)}.result-empty{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:var(--mut)}.result-empty b{font-size:18px;letter-spacing:0}.result-dots{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:12px 0}.result-dot{width:16px;height:16px;padding:4px;border:0;cursor:pointer;display:grid;place-items:center}.result-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--bd2)}.result-dot[aria-pressed=true]:after{background:var(--ac)}.result-photo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.result-action-grid{display:flex;gap:8px;flex-wrap:wrap}.result-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--bd);font-size:13px;overflow-wrap:anywhere}.result-line>*{min-width:0}.result-line>b{flex-shrink:0}.result-note{border-top:1px solid var(--bd);padding-top:14px;margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}.result-checklist{display:flex;flex-wrap:wrap;gap:12px 24px}.result-checklist label{display:flex;align-items:center;gap:8px;font-size:13px}.result-table-scroll{overflow-x:auto;margin-top:14px}.result-table{width:100%;min-width:820px;text-align:left;font-size:13px}.result-table th{font-size:11px;color:var(--mut);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--bd2)}.result-table td{padding:14px 12px;border-bottom:1px solid var(--bd);vertical-align:top}.result-table td:nth-child(2){min-width:240px}.result-table .in{min-width:110px}.result-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:var(--result-modal-shade);backdrop-filter:blur(8px)}.result-modal{padding:24px;max-width:600px;width:100%;max-height:85vh;overflow:auto}.result-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.result-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:767px){.result-overlay{padding:20px 14px 90px}.result-header{flex-direction:column;gap:16px;margin-bottom:20px}.result-header h1{font-size:26px}.result-grid{display:flex;flex-direction:column;gap:14px}.result-section{width:100%}.result-photos{order:0}.result-arv{order:1}.result-mao{order:2}.result-facts{order:3}.result-prices{order:4}.result-repairs{order:5}.result-profit{order:6}.result-actions{order:7}.result-wide{order:8}.result-big{font-size:36px}.result-section>summary{padding:16px}.result-body{padding:0 16px 16px}.result-photo{aspect-ratio:4/3}.result-range{gap:6px}.result-header-actions{width:100%}.result-edit-grid{grid-template-columns:1fr}.result-modal{padding:18px}.result-line{flex-wrap:wrap}}
.cg-more{z-index:85}.cg-more-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg);border-top:1px solid var(--bd2);border-radius:16px 16px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:calc(88dvh - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}
.cg-grab{width:40px;height:4px;border-radius:2px;background:var(--bd2);margin:4px auto 10px}
.cg-close,.cg-signout{min-height:44px;min-width:72px;position:relative;z-index:2}
.cg-acct-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;background:transparent;border-radius:50%;cursor:pointer;padding:0}
.cg-acct-menu{position:absolute;right:0;top:48px;z-index:50;width:200px;padding:6px}
.cg-menu-item{display:block;width:100%;min-height:44px;text-align:left;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:inherit;font-size:14px;cursor:pointer}.cg-menu-item:hover,.cg-menu-item:focus-visible{background:var(--sf2)}

:root{--comp-panel:color-mix(in srgb,var(--good) 5%,var(--sf));--comp-border:color-mix(in srgb,var(--good) 65%,var(--bd))}
.comp-editor-backdrop{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;overflow:auto;background:var(--result-modal-shade);backdrop-filter:blur(6px);padding:38px 18px calc(24px + env(safe-area-inset-bottom,0px))}
.comp-editor{width:100%;max-width:600px;max-height:calc(100dvh - 76px);display:flex;flex-direction:column;background:var(--sf);border:1px solid var(--bd2);border-radius:8px;color:var(--fg);overflow:hidden}
.comp-editor-head{padding:20px 22px;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--bd);flex-shrink:0}.comp-editor-head>div{flex:1}.comp-editor-head h2{font-size:16px;font-weight:600;margin:0}.comp-editor-close{min-height:44px;min-width:44px;padding:0}
.comp-editor-body{padding:18px 22px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.comp-editor-card{padding:14px;border:1px solid var(--comp-border);border-radius:8px;background:var(--comp-panel);margin-bottom:14px;min-width:0}.comp-editor-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.comp-editor-card-head .btn{min-width:30px;min-height:30px;padding:0}.comp-editor-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:var(--mut)}.comp-editor-field .in{width:100%;min-width:0;font-size:12px;min-height:36px;color:var(--fg)}.comp-editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.comp-editor-footer{padding:14px 22px;border-top:1px solid var(--bd);background:var(--sf);flex-shrink:0}.comp-editor-footer .btn{min-height:44px}.comp-editor-footer p{margin:0 0 10px}
@media(max-width:600px){.comp-editor-backdrop{padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px))}.comp-editor{max-height:calc(100dvh - 32px - env(safe-area-inset-bottom,0px))}.comp-editor-head,.comp-editor-body,.comp-editor-footer{padding-left:16px;padding-right:16px}.comp-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comp-editor-fields>label:last-child{grid-column:1/-1}}

/* AI deal analyst */
.ai-panel .ai-headline{font-size:15px;line-height:1.5;margin:0 0 6px}
.ai-big{font-size:34px;font-weight:600;line-height:1.1}
.ai-arv{border:1px solid var(--bd);border-radius:10px;padding:14px;background:var(--sf2)}
.ai-sec{border-top:1px solid var(--bd);margin-top:14px;padding-top:10px}
.ai-sec>summary{cursor:pointer;font-weight:600;font-size:14px;padding:2px 0;list-style:none}
.ai-sec>summary::-webkit-details-marker{display:none}
.ai-sec>summary::before{content:"+";display:inline-block;width:1.1em;color:var(--mut)}
.ai-sec[open]>summary::before{content:"\2212"}
.ai-sec>div,.ai-sec>ul{margin-top:8px}
.ai-list{margin:6px 0;padding-left:18px;font-size:14px;line-height:1.5}
.ai-list li{margin:3px 0}
.ai-comps{display:grid;gap:8px}
.ai-comp{border:1px solid var(--bd);border-radius:8px;padding:10px;background:var(--sf2)}
.ai-panel [data-conf=high],.ai-panel [data-w=high],.ai-panel [data-lvl=low]{color:var(--good)}
.ai-panel [data-conf=medium],.ai-panel [data-w=medium],.ai-panel [data-lvl=medium]{color:var(--warn)}
.ai-panel [data-conf=low],.ai-panel [data-conf=none],.ai-panel [data-w=exclude],.ai-panel [data-lvl=high]{color:var(--bad)}
.ai-read textarea{width:100%;resize:vertical}
.ai-thumb{position:relative;display:inline-block;width:56px;height:44px;border-radius:6px;overflow:hidden;border:1px solid var(--bd)}
.ai-thumb img{width:100%;height:100%;object-fit:cover}
.ai-x{position:absolute;top:0;right:0;width:20px;height:20px;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:1;font-size:14px}
.ai-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px;margin:0}
.ai-table{display:grid;gap:10px}
.ai-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--bd);border-radius:8px;padding:10px;background:var(--sf2)}
.ai-off{opacity:.45}
.ai-keep{padding-top:8px}
.ai-cells{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.ai-cells .in{min-width:0}
.ai-bad{border-color:var(--bad)!important;box-shadow:0 0 0 1px var(--bad)}
.ai-hint{flex-basis:100%}
@media (max-width:600px){.ai-big{font-size:28px}.ai-row{flex-direction:column;gap:4px}}

/* Signing on the contract paper (scripts/paper-sign.js, SignPad in scripts/esign.js) */
.sg-print{display:none}
.sg-live{margin-top:10px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.sg-party{margin:0 0 14px;padding:12px;border:1px solid #d3d8e0;border-radius:10px;background:#f7f8fa;color:#14171c;min-width:0}
.sg-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 14px;margin-bottom:10px}
.sg-label{font-size:13px;letter-spacing:.04em;padding-bottom:8px}
.sg-cap{display:block;font-size:12px;line-height:1.3;color:#59616e}
.sg-name{flex:1 1 220px;min-width:0}
.sg-live .in{margin-top:4px;background:#fff;color:#14171c;border-color:#c3c9d3}
.sg-live .btn:not(.pr){background:#fff;color:#14171c;border-color:#c3c9d3}
.sg-live .btn:not(.pr):hover{background:#eef0f4}
.sg-sign{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:76px;border:2px dashed var(--ac);border-radius:10px;background:#fff;color:#14171c;font:600 15px/1 system-ui,sans-serif;cursor:pointer}
.sg-sign:hover:not(:disabled){background:#fffdf3}
.sg-sign:disabled{opacity:.5;cursor:not-allowed}
.sg-sign:focus-visible,.sg-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.sg-done{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 0}
.sg-done img{height:58px;max-width:100%;background:#fff;border-radius:6px;border:1px solid #d3d8e0}
.sg-link{background:none;border:0;padding:4px 2px;font:inherit;font-size:12px;font-weight:600;color:#2f5fb3;text-decoration:underline;cursor:pointer}
.sg-date{margin-top:8px}
.sg-pad{display:block;margin:2px 0;padding:12px;background:#fff;border:1px solid #c3c9d3;border-radius:10px;color:#14171c;font-family:system-ui,sans-serif;font-size:13px;text-align:left}
.sg-tabs{display:flex;gap:6px;margin-bottom:10px}
.sg-canvas{position:relative;max-width:560px}
.sg-canvas canvas{display:block;width:100%;aspect-ratio:3/1;background:#fff;border:1px solid #c3c9d3;border-radius:8px;cursor:crosshair;touch-action:none}
.sg-canvas .sg-x{position:absolute;left:12px;bottom:26px;font-size:14px;color:#8a929e;pointer-events:none}
.sg-canvas::after{content:"";position:absolute;left:34px;right:14px;bottom:30px;border-bottom:1px solid #aab1bd;pointer-events:none}
.sg-small{margin-top:8px;padding:4px 10px!important}
.sg-typed{margin-top:10px;padding:10px 14px;background:#fff;border:1px solid #c3c9d3;border-radius:8px;font-size:40px;min-height:72px;color:#111}
.sg-consent{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;line-height:1.4}
.sg-consent input{width:20px;height:20px;margin-top:1px;flex:none}
.sg-msg{margin:10px 0 0;font-size:13px;color:#b3261e}
.sg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
.sg-note{margin:10px 0 0;font-size:11.5px;color:#59616e}
.sg-bar{margin-top:6px;padding:12px;border:1px solid #d3d8e0;border-radius:10px;background:#f7f8fa;color:#14171c}
.sg-bar .sg-actions{margin-top:0}
.sg-res{display:block;font-size:13px;line-height:1.5}
@media(max-width:560px){.sg-sign{min-height:88px}.sg-label{padding-bottom:0}}
@media print{.sg-print{display:block}.sg-live{display:none!important}}
@media(max-width:560px){.sg-party,.sg-pad{padding:8px}}
.install-steps{margin:0;padding-left:20px;list-style:decimal;display:grid;gap:6px;line-height:1.5}
.team-page{min-width:0}.team-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));border:1px solid var(--bd);border-radius:14px;background:var(--sf);overflow:hidden}.team-kpi{padding:14px 16px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);margin:0 -1px -1px 0}.team-kpi-v{font-size:22px;font-weight:650;margin-top:2px}
.team-note{margin:12px 0 16px;max-width:760px;line-height:1.5}.team-search{max-width:360px;margin-bottom:14px}.team-list{display:grid;gap:14px}
.team-card{display:grid;gap:14px;padding:18px 20px;min-width:0}.team-card-top{display:flex;align-items:flex-start;gap:12px}.team-who{flex:1 1 auto}.team-name{margin:0;font-size:18px;line-height:1.25;font-weight:650}.team-email{overflow-wrap:anywhere}.team-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.team-chips .ch[data-ok="1"]{color:var(--good);border-color:var(--good)}.team-chips .ch[data-ok="0"]{color:var(--warn);border-color:var(--warn)}
.team-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin:0}.team-stats>div{padding:10px 12px;border-radius:10px;background:var(--sf2)}.team-stats dt{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}.team-stats dd{margin:2px 0 0;font-size:18px;font-weight:650}.team-meta{margin:0;line-height:1.6}
.team-deals{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--bd)}.team-deals-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.team-seg{display:flex;flex-wrap:wrap;gap:6px}.team-seg .btn{font-size:12px;padding:5px 10px}
.team-deal-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.team-deal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:start;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg)}.team-deal-addr{font-weight:600;overflow-wrap:anywhere}.team-deal-stage{display:grid;gap:4px;justify-items:end;text-align:right}.team-deal-when{grid-column:1/-1}
.team-deal-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;grid-column:1/-1;padding-top:10px;border-top:1px solid var(--bd)}.team-deal-nums dt{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}.team-deal-nums dd{margin:1px 0 0;font-size:15px;font-weight:600;white-space:nowrap}
@media(max-width:600px){.team-card{padding:16px}.team-card-top{flex-wrap:wrap}.team-card-top>.btn{flex:1 1 100%}.team-deal{grid-template-columns:1fr}.team-deal-stage{justify-items:start;text-align:left}.team-deal-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cg-acct-menu{width:min(280px,calc(100vw - 24px))}
.cg-acc-head{padding:8px 12px 2px;font-size:12px;color:var(--mut)}
.cg-acc-item{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px}
.cg-gate-acc .btn,.cg-acc-stack .btn{min-height:44px}
.cg-acc-av{flex:none;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--sf2);border:1px solid var(--bd);font-size:12px;font-weight:600;color:var(--fg)}
.cg-acc-mail{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.cg-acc-msg{padding:6px 12px;font-size:12px}
.cg-acc-sep{height:1px;margin:4px 6px;background:var(--bd)}
.cg-acc-stack,.cg-gate-acc{display:flex;flex-direction:column;gap:8px}
.cg-acc-stack{margin-top:16px}
.cg-acc-stack .cg-acc-head,.cg-gate-acc .cg-acc-head{padding-left:0}
.cg-gate-acc{margin-top:22px;padding-top:16px;border-top:1px solid var(--bd)}
.cg-acc-list{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--bd)}
.cg-acc-row{display:flex;align-items:stretch;gap:6px;margin-bottom:6px}
.cg-acc-pick{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--bd);border-radius:10px;background:var(--sf);color:var(--fg);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.cg-acc-pick:hover:not(:disabled),.cg-acc-pick:focus-visible{background:var(--sf2)}
.cg-acc-pick:disabled{opacity:.6;cursor:default}
.cg-acc-go{flex:none;font-size:12px;color:var(--mut)}
.cg-acc-x{flex:none;width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--mut);font-size:20px;line-height:1;cursor:pointer}
.cg-acc-x:hover,.cg-acc-x:focus-visible{background:var(--sf2);color:var(--fg)}
.acc-result{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2.4fr) auto;gap:14px;align-items:end;padding:14px 0;border-top:1px solid var(--bd)}
.acc-result:first-child{border-top:0}
.acc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.acc-result-note{grid-column:1/-1}
.acc-table{display:flex;flex-direction:column}
.acc-trow,.acc-prow{display:grid;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--bd);font-size:14px;min-width:0}
.acc-trow{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,.8fr) auto}
.acc-prow{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr)}
.acc-thead{border-top:0;padding-top:0}
@media(max-width:767px){.acc-result{grid-template-columns:minmax(0,1fr);align-items:stretch}.acc-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-fields label:last-child{grid-column:1/-1}.acc-trow{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) auto;row-gap:2px}.acc-trow>span:first-child{grid-column:1/-1}.acc-trow .btn{justify-self:end}.acc-prow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:6px}.acc-prow>span:nth-child(3){grid-column:1/-1}.acc-thead{display:none}}
/* ---- My profile: fun cards ---- */
.pf-face{display:inline-grid;place-items:center;border-radius:50%;line-height:1;background:color-mix(in srgb,var(--pf,var(--bd2)) 26%,var(--sf2));border:2px solid var(--pf,var(--bd2));box-shadow:0 0 0 3px color-mix(in srgb,var(--pf,var(--bd2)) 14%,transparent)}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:900px){.pf-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pf-card{position:sticky;top:16px;align-self:start}.pf-all{grid-column:1/-1}}
.pf-card,.pf-edit{padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pf-card{border-top:3px solid var(--pf,var(--bd2))}
.pf-hero{display:flex;gap:16px;align-items:center;min-width:0}
.pf-pop{display:inline-flex;flex-shrink:0;animation:pfpop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes pfpop{0%{transform:scale(.6) rotate(-12deg)}100%{transform:none}}
.pf-title{font-weight:600;border-width:2px}
.pf-status{margin:4px 0 0;font-size:12px;font-style:italic;color:var(--mut);overflow-wrap:anywhere}
.pf-status-big{margin:0;font-size:14px}
.pf-bar{height:8px;margin-top:6px;border-radius:99px;background:var(--sf2);border:1px solid var(--bd);overflow:hidden}
.pf-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pf,var(--ac)),var(--act));transition:width .4s}
.pf-label{display:block;margin-bottom:6px;font-size:12px;color:var(--mut)}
.pf-emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}
.pf-emoji{min-height:44px;border:1px solid var(--bd);background:transparent;border-radius:10px;font-size:22px;line-height:1;cursor:pointer}
.pf-emoji:hover{background:var(--sf2)}
.pf-emoji.on{border-color:var(--ring);background:color-mix(in srgb,var(--ac) 18%,var(--sf2));box-shadow:0 0 0 2px var(--ring)}
.pf-colors{display:flex;flex-wrap:wrap;gap:10px}
.pf-swatch{width:44px;height:44px;border-radius:50%;border:3px solid transparent;background:var(--sw);box-shadow:inset 0 0 0 3px var(--sf);cursor:pointer}
.pf-swatch.on{border-color:var(--fg)}
.pf-titles,.pf-badges-line{display:flex;flex-wrap:wrap;gap:6px}
.pf-tchip,.pf-idea{min-height:36px;padding:4px 12px;border:1px solid var(--bd);background:transparent;border-radius:99px;font:inherit;font-size:13px;color:var(--fg);cursor:pointer}
.pf-tchip:hover,.pf-idea:hover{background:var(--sf2)}
.pf-tchip.on{border-color:var(--ring);background:color-mix(in srgb,var(--ac) 18%,var(--sf2));font-weight:600}
@media(pointer:coarse){.pf-tchip,.pf-idea{min-height:44px}}
.pf-count{display:block;margin-top:2px;text-align:right;font-size:11px;color:var(--mut)}
.pf-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bd);background:var(--sf2);border-radius:99px;padding:3px 10px;font-size:12px}
.pf-more{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--bd)}
.pf-tap{cursor:pointer}
.pf-tap:hover{background:var(--sf2)}
.pf-tap:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.pf-badge-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pf-badge-list li{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--bd);border-radius:10px;opacity:.55}
.pf-badge-list li.on{opacity:1;border-color:var(--bd2);background:var(--sf2)}
.pf-bi{font-size:24px;line-height:1}
@media(prefers-reduced-motion:reduce){.pf-pop{animation:none}.pf-bar i{transition:none}}
/* ---- Save for later: unfinished analyses ---- */
.df-box{padding:16px;min-width:0}
.df-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.df-card{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--bd);border-radius:10px;background:var(--sf2);min-width:0}
.df-compact{padding:10px 12px}
.df-act{display:flex;gap:8px;align-items:center;flex-shrink:0}
.df-need{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--bd))}
.df-ready{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--bd))}
.df-dupe{padding:16px;border-left:3px solid var(--warn)}
.df-link{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--act);cursor:pointer;text-decoration:underline}
.df-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
@media(max-width:560px){.df-card{flex-direction:column;align-items:stretch}.df-act{justify-content:flex-end}}
@media(pointer:coarse){.df-act .btn,.df-link{min-height:44px}.df-link{padding:0 4px}}
.team-pack{display:grid;gap:10px;padding:14px 16px;border-radius:12px;background:var(--sf2);border:1px dashed var(--bd)}.team-pack-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.team-pack-title{margin:0;font-size:15px;font-weight:650}.team-pack-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.team-pack-list li{padding:3px 10px;border-radius:999px;border:1px solid var(--bd);font-size:12px}
@media(max-width:600px){.team-pack-head>.btn{flex:1 1 100%}}
@media(pointer:coarse){.team-pack .btn{min-height:44px}}
/* ---- Estimate accuracy, inside the Analyzer ---- */
.acc-panel{padding:0;overflow:hidden}
.acc-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:14px 18px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.acc-toggle:hover,.acc-toggle:focus-visible{background:var(--sf2)}
.acc-chev{flex:none;font-size:18px;line-height:1;color:var(--mut);transition:transform .15s}
.acc-chev.on{transform:rotate(180deg)}
.acc-body{padding:4px 18px 18px}
.acc-sec{margin-top:18px;padding-top:16px;border-top:1px solid var(--bd)}
.acc-note{margin:0 0 14px}
.acc-note-arv{margin:0}
.acc-note-act,.acc-note-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:6px}
.acc-note-edit .in{width:112px}
@media(prefers-reduced-motion:reduce){.acc-chev{transition:none}}
@media(pointer:coarse){.acc-note .df-link{min-height:44px}.acc-note-edit .btn{min-height:44px}}
/* ---- Themes (data-skin on <html>): picker, then Portland Graffiti, Ocean, Terminal, Sunset. Each has a dark and a light palette. ---- */
.sk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sk-opt{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:8px;border:1px solid var(--bd);border-radius:10px;background:var(--sf);color:var(--fg);font:inherit;font-size:12.5px;font-weight:600;text-align:left;cursor:pointer}
.sk-opt:hover{background:var(--sf2);border-color:var(--bd2)}
.sk-opt.on{border-color:var(--ac);box-shadow:inset 0 0 0 1px var(--ac)}
.sk-opt:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.sk-opt:last-child:nth-child(odd){grid-column:1/-1}
.sk-sw{display:flex;height:16px;border-radius:5px;overflow:hidden;border:1px solid var(--bd)}
.sk-sw i{flex:1;display:block}
.sk-name{min-width:0;overflow-wrap:anywhere}

/* Portland Graffiti: concrete wall, spray splotches, sticker-edged cards, marker headings */
html[data-skin=graffiti]{--bg:#17161b;--sf:#1f1d25;--sf2:#29252f;--in:#131217;--bd:#3d3846;--bd2:#5d566e;--fg:#f5f1e8;--mut:#b6afc2;--good:#52e0a2;--warn:#ffd23f;--bad:#ff6178;--sk1:24%;--sk2:17%;--sk3:12%}
html[data-skin=graffiti][data-theme=light]{--bg:#e6e1d6;--sf:#f8f5ed;--sf2:#eee8da;--in:#f8f5ed;--bd:#cdc5b3;--bd2:#9d947f;--fg:#18171d;--mut:#575062;--good:#076a43;--warn:#855300;--bad:#bd1f38;--sk1:20%;--sk2:15%;--sk3:14%}
html[data-skin=graffiti] body{background-image:none}
html[data-skin=graffiti] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 360px at 6% 0,color-mix(in srgb,#ff3d8b var(--sk1),transparent),transparent 72%),radial-gradient(560px 380px at 100% 8%,color-mix(in srgb,#17e5d3 var(--sk2),transparent),transparent 72%),radial-gradient(620px 420px at 78% 108%,color-mix(in srgb,#ffd400 var(--sk3),transparent),transparent 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
html[data-skin=graffiti] .g{border:1.5px solid var(--bd2);border-radius:8px;box-shadow:3px 3px 0 color-mix(in srgb,var(--ac) 40%,transparent)}
html[data-skin=graffiti] .g .g{box-shadow:none}
html[data-skin=graffiti] .btn{border-width:1.5px;border-radius:6px}
html[data-skin=graffiti] .pr{box-shadow:2px 2px 0 var(--fg)}
html[data-skin=graffiti] .pr:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--fg)}
html[data-skin=graffiti] .pr:active{transform:translate(2px,2px);box-shadow:none}
html[data-skin=graffiti] .in{border-width:1.5px}
html[data-skin=graffiti] h2.d.text-2xl::after{content:"";display:block;width:132px;height:18px;margin-top:3px;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 18'%3E%3Cpath d='M2 3Q30 0 66 3T130 2' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3Cg stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='M34 2v4'/%3E%3Cpath d='M58 3v13'/%3E%3Cpath d='M84 3v6'/%3E%3Cpath d='M108 3v11'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 18'%3E%3Cpath d='M2 3Q30 0 66 3T130 2' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3Cg stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='M34 2v4'/%3E%3Cpath d='M58 3v13'/%3E%3Cpath d='M84 3v6'/%3E%3Cpath d='M108 3v11'/%3E%3C/g%3E%3C/svg%3E") no-repeat left top/contain}
html[data-skin=graffiti] h2.d.text-2xl,html[data-skin=graffiti] .d.text-3xl{font-family:'Permanent Marker','Marker Felt','Segoe Print',Impact,sans-serif;font-weight:400;letter-spacing:.01em;text-shadow:2px 2px 0 color-mix(in srgb,var(--ac) 55%,transparent);transform:rotate(-.8deg);transform-origin:left bottom}

/* Ocean: deep blue, sea-glass accent, rounder cards */
html[data-skin=ocean]{--bg:#091620;--sf:#0e1f2d;--sf2:#14293a;--in:#08121a;--bd:#1c3649;--bd2:#2c516b;--fg:#e6f3f9;--mut:#8db0c4;--good:#4fd1a5;--warn:#e3b657;--bad:#f27474}
html[data-skin=ocean][data-theme=light]{--bg:#e8f3f8;--sf:#ffffff;--sf2:#f0f8fc;--in:#f4fafd;--bd:#cde2ec;--bd2:#a3c6d8;--fg:#0e2230;--mut:#46687b;--good:#0d7c5a;--warn:#855800;--bad:#bb2f2f}
html[data-skin=ocean] body{background-image:radial-gradient(900px 420px at 15% -8%,color-mix(in srgb,var(--ac) 20%,transparent),transparent 70%),radial-gradient(700px 360px at 95% 0,color-mix(in srgb,#2b6cb0 22%,transparent),transparent 70%)}
html[data-skin=ocean] .g{border-radius:16px;box-shadow:0 12px 30px -22px rgba(0,0,0,.55),inset 0 1px 0 color-mix(in srgb,var(--fg) 6%,transparent)}
html[data-skin=ocean] .g .g{box-shadow:none}

/* Terminal: green on black, monospace, square corners, faint scanlines */
html[data-skin=terminal]{--bg:#050a07;--sf:#09120c;--sf2:#0e1b12;--in:#040806;--bd:#16361f;--bd2:#225a34;--fg:#d3f2e0;--mut:#76ad8c;--good:#3ddc84;--warn:#e6c453;--bad:#ff6b6b}
html[data-skin=terminal][data-theme=light]{--bg:#eef2e3;--sf:#f9fbf2;--sf2:#eaf0dc;--in:#f9fbf2;--bd:#c6d3b3;--bd2:#9db386;--fg:#10281a;--mut:#46664f;--good:#0b7a3e;--warn:#7d5a00;--bad:#b32626}
html[data-skin=terminal] body,html[data-skin=terminal] .d{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
html[data-skin=terminal] body{background-image:none}
html[data-skin=terminal]:not([data-theme=light]) body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(80,255,150,.035) 0 1px,transparent 1px 3px),radial-gradient(900px 500px at 50% -10%,rgba(57,255,136,.08),transparent 70%)}
html[data-skin=terminal] .g,html[data-skin=terminal] .strip,html[data-skin=terminal] .btn,html[data-skin=terminal] .in,html[data-skin=terminal] .ch{border-radius:3px}
html[data-skin=terminal] h2.d.text-2xl::before{content:"> ";color:var(--ac)}

/* Sunset: plum night, orange to magenta glow along the top, rounder cards */
html[data-skin=sunset]{--bg:#170f1b;--sf:#1f1626;--sf2:#291d31;--in:#120b16;--bd:#3c2a44;--bd2:#5c4066;--fg:#fcefe6;--mut:#c2a0b0;--good:#6fd6a3;--warn:#f4b94d;--bad:#ff7080}
html[data-skin=sunset][data-theme=light]{--bg:#fff0e4;--sf:#fffaf5;--sf2:#ffeadb;--in:#fffaf5;--bd:#f1d3bd;--bd2:#e3b392;--fg:#32151f;--mut:#7c5360;--good:#12724f;--warn:#8c5a00;--bad:#bd3030}
html[data-skin=sunset] body{background-image:linear-gradient(180deg,color-mix(in srgb,#ff7a45 24%,transparent) 0,color-mix(in srgb,#c23b8a 18%,transparent) 240px,transparent 520px)}
html[data-skin=sunset] .g{border-radius:16px}
html[data-skin=sunset] .pr{background-image:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 60%,#d6409f))}
@media(prefers-reduced-motion:reduce){html[data-skin=graffiti] .pr:hover,html[data-skin=graffiti] .pr:active{transform:none}}

/* ---- Property tools in the Deal panel */
.pt{display:grid;gap:8px;margin-top:16px}
.pt-bare{margin-top:0}
.pt-row{display:flex;flex-wrap:wrap;gap:6px}
.pt-b{padding:6px 11px;font-size:12.5px;text-decoration:none}
.pt-b[disabled]{opacity:.6;cursor:default}
.pt-flood{display:grid;gap:3px;padding:10px 12px;border-radius:10px;border:1px solid var(--bd2);border-left-width:4px;background:var(--sf);font-size:13px;line-height:1.4}
.pt-flood span{color:var(--fg)}
.pt-flood small{font-size:11px;color:var(--mut)}
.pt-flood[data-risk=high]{border-left-color:var(--bad)}
.pt-flood[data-risk=moderate]{border-left-color:var(--warn)}
.pt-flood[data-risk=minimal],.pt-flood[data-risk=none]{border-left-color:var(--good)}
.pt-flood[data-risk=undetermined],.pt-flood[data-risk=error]{border-left-color:var(--mut)}
/* ---- Strategy step: green and purple glow on the app's own background ---- */
.stg{--pu:#c4a8ff;--on:#06130d;position:relative;isolation:isolate;border-radius:20px;color:var(--fg)}
:root[data-theme=light] .stg{--pu:#6d28d9;--on:#fff}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .stg{--pu:#6d28d9;--on:#fff}}
.stg-sky{position:absolute;inset:-36px 0;z-index:-1;pointer-events:none;overflow:hidden}
.stg-sky i{position:absolute;border-radius:50%;filter:blur(84px)}
.stg-orb-g{left:7%;top:30%;width:36%;height:52%;background:rgba(52,211,153,.30)}
.stg-orb-p{right:7%;top:26%;width:36%;height:56%;background:rgba(168,85,247,.34)}
:root[data-theme=light] .stg-sky i{opacity:.5}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .stg-sky i{opacity:.5}}
@media (max-width:820px){.stg-orb-g{left:0;top:18%;width:70%;height:30%}.stg-orb-p{right:0;top:58%;width:70%;height:30%}}
.stg-in{position:relative;max-width:1040px;margin:0 auto;padding:10px 0 6px}
.stg-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--good)}
.stg-title{margin:0 0 8px;font-size:clamp(24px,3.4vw,34px);line-height:1.15;font-weight:700;color:var(--fg);text-wrap:balance}
.stg-sub{margin:0;max-width:62ch;font-size:15px;line-height:1.55;color:var(--mut)}
.stg-why{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--mut)}
.stg-why b{color:var(--good)}.stg-why[data-k=lux] b{color:var(--pu)}
.stg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
@media (max-width:820px){.stg-cards{grid-template-columns:1fr}}
.stg-card{--c:var(--good);--cg:52,211,153;position:relative;display:flex;flex-direction:column;min-width:0;border-radius:18px;padding:22px 22px 0;cursor:pointer;background:color-mix(in srgb,var(--sf) 58%,transparent);border:1px solid var(--bd2);-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);transition:border-color .2s,box-shadow .25s,transform .2s,background-color .2s}
.stg-card[data-k=lux]{--c:var(--pu);--cg:168,85,247}
.stg-card:hover{border-color:rgba(var(--cg),.6);transform:translateY(-2px)}
.stg-card[data-on="1"]{border-color:var(--c);background:linear-gradient(rgba(var(--cg),.08),rgba(var(--cg),.08)),color-mix(in srgb,var(--sf) 58%,transparent);box-shadow:0 0 0 1px var(--c),0 0 44px -8px rgba(var(--cg),.42)}
.stg-card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.stg-card,.stg-radio i,.stg-go{transition:none}.stg-card:hover,.stg-go:hover{transform:none}}
.stg-head{display:flex;gap:14px;align-items:flex-start}
.stg-radio{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:2px;border-radius:50%;border:2px solid var(--bd2)}
.stg-radio i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);transform:scale(0);transition:transform .18s}
.stg-card[data-on="1"] .stg-radio{border-color:var(--c)}.stg-card[data-on="1"] .stg-radio i{transform:scale(1)}
.stg-names{min-width:0;flex:1}
.stg-name{margin:0;font-size:20px;line-height:1.2;font-weight:700;color:var(--fg)}
.stg-tag{margin:4px 0 0;font-size:12.5px;letter-spacing:.02em;color:var(--c)}
.stg-badge{position:absolute;top:-12px;right:20px;padding:4px 11px;background:var(--bg);border-radius:999px;border:1px solid var(--c);box-shadow:inset 0 0 0 99px rgba(var(--cg),.16);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c)}
.stg-list{flex:1;display:grid;gap:11px;margin:18px 0 20px;padding:0;list-style:none}
.stg-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--fg)}
.stg-check{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--c);font-size:12px;font-weight:800;color:var(--on)}
.stg-when{display:grid;gap:3px;margin:0 -22px;padding:14px 22px 18px;border-top:1px solid rgba(var(--cg),.3);border-radius:0 0 17px 17px;background:rgba(var(--cg),.09);font-size:13.5px;line-height:1.45;color:var(--fg)}
.stg-when b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.stg-bar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin-top:22px}
.stg-note{flex:1 1 320px;margin:0;font-size:13px;line-height:1.5;color:var(--mut)}
.stg-go{padding:12px 22px;border:0;border-radius:999px;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;color:#04130c;background:linear-gradient(135deg,#6ee7b7,#10b981);box-shadow:0 8px 28px -8px rgba(52,211,153,.7);transition:filter .15s,transform .15s}
.stg-go[data-k=lux]{color:#14072e;background:linear-gradient(135deg,#d3b8ff,#8b5cf6);box-shadow:0 8px 28px -8px rgba(168,85,247,.8)}
.stg-go:hover{filter:brightness(1.08);transform:translateY(-1px)}.stg-go:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
@media (max-width:560px){.stg-card{padding:18px 16px 0}.stg-when{margin:0 -16px;padding:12px 16px 16px}.stg-go{width:100%}}

/* ---- Comp board ---- */
.cb{display:grid;gap:14px}
.cb-head{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;justify-content:space-between;padding:16px}
.cb-title{flex:1 1 280px;min-width:0}.cb-h{margin:0 0 4px;font-size:18px;font-weight:650}
.cb-subj{display:grid;gap:4px;width:150px;font-size:12px;color:var(--mut)}.cb-subj .in{font-size:15px;font-weight:600}
.cb-strat{display:flex;align-items:center;gap:8px}
.cb-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;border:1px solid #34d399;background:rgba(52,211,153,.12);font-size:12px;font-weight:700;color:var(--good)}
.cb-chip[data-k=lux]{border-color:#b794f6;background:rgba(168,85,247,.14);color:#b794f6}
:root[data-theme=light] .cb-chip[data-k=lux]{color:#6d28d9}
.cb-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:760px){.cb-legend{grid-template-columns:1fr}}
.cb-key{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--bd);border-radius:10px;font-size:12.5px;line-height:1.4;color:var(--mut)}
.cb-key b{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cb-key[data-g=green]{border-color:color-mix(in srgb,var(--good) 55%,var(--bd));background:color-mix(in srgb,var(--good) 7%,var(--sf))}.cb-key[data-g=green] b{color:var(--good)}
.cb-key[data-g=yellow]{border-color:color-mix(in srgb,var(--warn) 55%,var(--bd));background:color-mix(in srgb,var(--warn) 7%,var(--sf))}.cb-key[data-g=yellow] b{color:var(--warn)}
.cb-key[data-g=red]{border-color:color-mix(in srgb,var(--bad) 55%,var(--bd));background:color-mix(in srgb,var(--bad) 7%,var(--sf))}.cb-key[data-g=red] b{color:var(--bad)}
.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.cb-card{position:relative;display:grid;gap:9px;align-content:start;min-width:0;padding:12px;border:1px solid var(--bd);border-radius:12px;background:var(--sf);transition:border-color .2s,box-shadow .2s,background-color .2s}
.cb-card[data-g=green]{border-color:var(--good);background:color-mix(in srgb,var(--good) 6%,var(--sf));box-shadow:0 0 0 1px var(--good),0 0 26px -6px color-mix(in srgb,var(--good) 55%,transparent)}
.cb-card[data-g=yellow]{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 6%,var(--sf));box-shadow:0 0 0 1px var(--warn),0 0 26px -6px color-mix(in srgb,var(--warn) 50%,transparent)}
.cb-card[data-g=red]{border-color:var(--bad);background-color:color-mix(in srgb,var(--bad) 6%,var(--sf));background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--bad) 10%,transparent) 0 7px,transparent 7px 14px);box-shadow:0 0 0 1px var(--bad),0 0 26px -6px color-mix(in srgb,var(--bad) 50%,transparent)}
.cb-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.cb-n{flex:none;font-size:11.5px;letter-spacing:.1em;color:var(--mut);white-space:nowrap}
.cb-pill{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 8px;border:1px solid var(--bd2);border-radius:999px;font-size:10.5px;font-weight:800;line-height:1.25;letter-spacing:.05em;text-align:right;color:var(--mut)}
.cb-pill i{font-style:normal}
.cb-pill[data-g=green]{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}
.cb-pill[data-g=yellow]{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--warn)}
.cb-pill[data-g=red]{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.cb-f{display:grid;gap:3px;min-width:0;font-size:11.5px;color:var(--mut)}
.cb-why{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.4}
.cb-why:empty{display:none}
.cb-facts,.cb-prob{color:var(--mut)}.cb-yellow{color:var(--warn)}.cb-red{color:var(--bad)}
.cb-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.cb-cond{display:grid;flex:1;gap:3px;min-width:0;font-size:11px;color:var(--mut)}.cb-cond .in{padding:5px 8px;font-size:12.5px}
.cb-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 16px;font-size:13px}
.cb-msg{margin-left:auto;color:var(--mut)}@media (max-width:560px){.cb-msg{margin-left:0;flex-basis:100%}}
.cb-more{display:grid;gap:12px;justify-items:start}.cb-more>*{max-width:100%}.cb-more>.cb-near,.cb-more>.ai-read{justify-self:stretch}
.cb-near summary{padding:12px 16px;font-weight:600;cursor:pointer}
.cb-near-in{display:grid;gap:10px;padding:0 16px 16px}
.cb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--bd)}

/* ---- Address suggestions on a comp card ---- */
.cb-addr{position:relative}
.cb-card:focus-within{z-index:8}
.cb-sg{position:absolute;left:-4px;right:-4px;top:calc(100% + 4px);z-index:40;overflow:hidden;border:1px solid var(--bd2);border-radius:10px;background:var(--sf);box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
.cb-sg ul{display:grid;gap:2px;margin:0;padding:4px;list-style:none}
.cb-sg li{display:grid;gap:1px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13px;line-height:1.3;color:var(--fg)}
.cb-sg li b{font-weight:650;overflow-wrap:anywhere}
.cb-sg li span{font-size:11.5px;color:var(--mut)}
.cb-sg li[aria-selected=true]{background:color-mix(in srgb,var(--ac) 16%,var(--sf2))}
.cb-sg li em.cb-sg-tag{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--mut)}
.cb-sg-note{padding:10px 12px;font-size:12px;line-height:1.4;color:var(--mut)}
.cb-sg-foot{padding:6px 12px 8px;border-top:1px solid var(--bd);font-size:10.5px;color:var(--mut)}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .cb-chip[data-k=lux]{color:#6d28d9}}
