#kinkmeter{margin:0;background:#09070c;color:#f5edf2;font:16px/1.6 Arial,sans-serif;--km-pink:#ff3d98;--km-line:#482337;background-image:radial-gradient(ellipse at 80% 0%,#45112d66,transparent 40%)}
#kinkmeter *{box-sizing:border-box}#kinkmeter [hidden]{display:none!important}#kinkmeter a{color:inherit}#kinkmeter button,#kinkmeter select{font:inherit}#kinkmeter button,#kinkmeter .km-secondary{cursor:pointer;border:1px solid #684056;border-radius:9px;background:#1a1019;color:#f7eaf2;padding:12px 18px;line-height:1.4;text-decoration:none}#kinkmeter button:hover{border-color:#ff83bb;background:#2a1524}#kinkmeter button:disabled{opacity:.55;cursor:wait}#kinkmeter :focus-visible{outline:3px solid #ffa1ce;outline-offset:4px}#kinkmeter .km-primary{background:linear-gradient(120deg,#db126e,#f52c91);color:white;border-color:#ff5daa;font-weight:bold}#kinkmeter .km-quiet{background:transparent;border-color:transparent;padding:8px}#kinkmeter .km-header{max-width:1320px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #49203366;gap:12px}#kinkmeter .km-brand{font:30px Georgia,serif;text-decoration:none}#kinkmeter .km-brand em{color:var(--km-pink)}#kinkmeter .km-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:8px}#kinkmeter .km-shell{max-width:1240px;margin:auto;padding:42px 28px 70px}#kinkmeter .km-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}#kinkmeter .km-intro-copy{padding-top:35px}#kinkmeter .km-eyebrow{font-size:11px;letter-spacing:2px;color:#ff85bc;font-weight:bold}#kinkmeter h1{font:clamp(38px,5.5vw,76px)/1.08 Georgia,serif;margin:22px 0}#kinkmeter h1 em{color:var(--km-pink)}#kinkmeter h2{font:27px Georgia,serif;margin:26px 0 15px}#kinkmeter .km-lead{font-size:23px;color:#f4dce9}#kinkmeter p{color:#c4b9c5}#kinkmeter .km-note{font-size:13px;color:#bdb0be}#kinkmeter .km-sample{margin:0;transform:rotate(2deg);max-width:460px}#kinkmeter .km-sample img{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 20px 100px #ee16802a}#kinkmeter figcaption{font-size:12px;color:#a99aa8;padding:12px;text-align:center}#kinkmeter .km-modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}#kinkmeter .km-mode{text-align:left;display:flex;flex-direction:column;gap:12px;padding:22px 18px;background:linear-gradient(150deg,#241221,#110c13)}#kinkmeter .km-mode strong{font:27px Georgia,serif}#kinkmeter .km-mode span:not(.km-eyebrow){font-size:13px}#kinkmeter .km-mode small{font-size:14px;color:#c9b9c8}#kinkmeter .km-mode b{font-size:13px;color:#ff93c4;margin-top:auto}#kinkmeter .km-deep{border-color:#b32d70}#kinkmeter .km-check{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-size:14px}#kinkmeter input{accent-color:#f72e91}#kinkmeter input[type=checkbox]{width:19px;height:19px;flex:none}#kinkmeter .km-panel{max-width:850px;margin:15px auto;border:1px solid var(--km-line);border-radius:22px;padding:32px;background:#110c15}#kinkmeter .km-panel h1{font-size:40px}#kinkmeter .km-test-head{display:flex;justify-content:space-between;gap:16px;font-size:13px}#kinkmeter progress{width:100%;height:6px;accent-color:var(--km-pink);margin:20px 0}#kinkmeter .km-question{border:0;border-bottom:1px solid #382135;margin:0 0 24px;padding:14px 0 24px;min-width:0}#kinkmeter .km-question legend{font-size:20px;line-height:1.4;padding:0;max-width:100%}#kinkmeter .km-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}#kinkmeter .km-options label{position:relative;display:flex;align-items:center;gap:5px;border:1px solid #513148;border-radius:8px;padding:10px 7px;font-size:12px;cursor:pointer;min-height:58px}#kinkmeter .km-options label:has(input:checked){background:#54203d;border-color:#ff5aa8}#kinkmeter .km-options input{margin:0;flex:none}#kinkmeter .km-skips{display:flex;gap:18px;margin-top:14px;font-size:13px;color:#c7b4c5}#kinkmeter .km-actions{display:flex;justify-content:space-between;gap:16px;margin:24px 0}#kinkmeter .km-interest{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #392135}#kinkmeter select{max-width:100%;width:100%;color:#f9edf5;background:#201220;padding:12px;border:1px solid #67415c;border-radius:8px}#kinkmeter .km-result-top{display:flex;align-items:center;justify-content:space-between;gap:20px}#kinkmeter .km-result-top h1{font-size:48px}#kinkmeter .km-result-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:40px}#kinkmeter .km-card{display:block;width:100%;height:auto;border-radius:16px}#kinkmeter .km-tools{align-self:start;padding:26px;border:1px solid #492538;border-radius:18px;background:#130d16}#kinkmeter .km-button-list{display:grid;gap:9px}#kinkmeter #km-hidden{border:0;margin:18px 0;padding:0}#kinkmeter #km-hidden legend{font-size:14px;margin-bottom:5px}#kinkmeter #km-hidden label{display:flex;gap:10px;font-size:14px;margin:6px 0}#kinkmeter #km-owner button{margin:7px 0;width:100%}#kinkmeter .km-danger{color:#ff9fbb;border-color:#933d5b;background:#27101a}#kinkmeter #km-status:not(:empty){position:sticky;top:10px;z-index:100;background:#35182d;border:1px solid #ff5da8;border-radius:9px;padding:15px;margin-bottom:20px}#kinkmeter .km-readable{font-size:14px;margin:18px 0;color:#c9bac8}#kinkmeter .km-readable ul{padding-left:20px}#kinkmeter .km-method{max-width:850px;margin:60px auto 0;border-top:1px solid #492538;padding-top:22px;font-size:14px}#kinkmeter summary{cursor:pointer;color:#f0d3e2}#kinkmeter .km-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;padding:30px;color:#b4a3b3;font-size:13px;border-top:1px solid #392135}#kinkmeter .km-saved-row{padding:20px 0;border-bottom:1px solid #492538}#kinkmeter.km-embed{background:transparent}#kinkmeter.km-embed .km-header,#kinkmeter.km-embed .km-tools,#kinkmeter.km-embed .km-result-top,#kinkmeter.km-embed .km-readable,#kinkmeter.km-embed .km-method,#kinkmeter.km-embed footer{display:none!important}#kinkmeter.km-embed .km-shell{padding:0;max-width:1024px}#kinkmeter.km-embed .km-result-layout{display:block}
@media(max-width:850px){#kinkmeter .km-intro{gap:26px;grid-template-columns:1fr}#kinkmeter .km-sample{max-width:400px;margin:auto}#kinkmeter .km-intro-copy{padding-top:0}#kinkmeter .km-result-layout{grid-template-columns:1fr}#kinkmeter .km-header{padding:18px}#kinkmeter .km-brand{font-size:23px}#kinkmeter .km-shell{padding:24px 16px 50px}#kinkmeter .km-result-top h1{font-size:36px}}
@media(max-width:520px){#kinkmeter .km-header{align-items:flex-start}#kinkmeter .km-header>div{display:flex;flex-direction:column;font-size:12px}#kinkmeter .km-modes{grid-template-columns:1fr}#kinkmeter .km-panel{padding:20px 16px}#kinkmeter .km-options{grid-template-columns:1fr}#kinkmeter .km-options label{min-height:44px;font-size:14px;padding:9px 12px;gap:10px}#kinkmeter .km-question legend{font-size:18px}#kinkmeter .km-interest{grid-template-columns:1fr 1fr}#kinkmeter .km-interest>span{grid-column:1/-1}#kinkmeter .km-interest select{font-size:13px}#kinkmeter .km-result-top{align-items:flex-start}#kinkmeter .km-result-top .km-secondary{font-size:12px}#kinkmeter .km-skips{flex-wrap:wrap}#kinkmeter .km-brand small{font-size:8px;letter-spacing:1.7px}}

#kinkmeter .km-interest{display:block;min-width:0;border:0;border-bottom:1px solid #492538;margin:20px 0;padding:0 0 24px}#kinkmeter .km-interest legend{font:24px Georgia,serif;margin-bottom:14px;padding:0}#kinkmeter .km-interest-options{display:flex;flex-wrap:wrap;gap:10px}#kinkmeter .km-interest-options label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #67415c;border-radius:22px;cursor:pointer;font-size:14px}#kinkmeter .km-interest-options label:has(input:checked){background:#58203f;border-color:#ff62ae;color:#fff}#kinkmeter .km-interest-options .km-no:has(input:checked){background:#342b35;border-color:#c7b7c5}#kinkmeter .km-interest-options input{margin:0;width:16px;height:16px}

#kinkmeter .km-explain{display:inline-block;font:12px/1.5 Arial,sans-serif;margin-left:10px;color:#ff9bc9;padding:10px 0}#kinkmeter .km-header nav{font-size:13px;text-align:right}
#kinkmeter .km-invitation{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid #67304c}
#kinkmeter .km-invitation h2{font:38px/1.1 Georgia,serif;margin:16px 0}
#kinkmeter .km-invitation h2 em{color:#ff60ac}
#kinkmeter .km-get-signature{display:block;text-align:center;text-decoration:none;padding:15px 12px;border:1px solid #ff5daa;border-radius:10px;font-weight:700;box-shadow:0 8px 26px #e81c782b}
#kinkmeter .km-get-signature:hover{background:#fa3997}
#kinkmeter .km-embed-cta{display:none}
#kinkmeter.km-embed .km-embed-cta{display:block;background:#1c0c19;border:1px solid #b32d70;border-radius:10px;text-align:center;text-decoration:none;padding:12px;margin-top:8px;font-size:15px;font-weight:bold;color:#ff98c9}
#kinkmeter.km-embed .km-embed-cta small{display:block;color:#d9c2d2;font-size:11px;font-weight:normal;margin-top:3px}

/* Temporary pause: keep test choices visible, but unavailable. */
.km-mode:disabled { filter:grayscale(1); opacity:.65; cursor:not-allowed; transform:none; box-shadow:none; }
.km-pause-notice { padding:18px; border:1px solid #55555e; border-radius:12px; background:#25252b; color:#d0d0d6; }

/* ---- interest options -------------------------------------------
   Three separate questions, so three separate groups. The old flat row
   of seven identical chips made "Being tied" look like a sibling of
   "Not for me". */
.km-interest-options{display:flex;flex-direction:column;gap:12px}
.km-og{display:grid;grid-template-columns:104px 1fr;align-items:start;gap:12px}
.km-ogl{font:600 11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.09em;
  text-transform:uppercase;color:#a98fa2;padding-top:10px}
.km-ogr{display:flex;flex-wrap:wrap;gap:8px}
.km-ogr label{display:inline-flex;align-items:center;gap:8px;margin:0;
  padding:8px 14px;min-height:40px;border:1px solid #58304a;border-radius:999px;
  background:#1a1019;cursor:pointer;font-size:14px;line-height:1.2}
.km-ogr label:hover{border-color:#a13b72}
.km-ogr label:has(input:checked){background:#6b2748;border-color:#ff4fa0;color:#fff}
.km-ogr label.km-no:has(input:checked){background:#43222b;border-color:#c0566b}
.km-ogr input{accent-color:#ff2d95;width:16px;height:16px;margin:0;flex:none}
@media(max-width:620px){
  .km-og{grid-template-columns:1fr;gap:6px}
  .km-ogl{padding-top:0}
}