@charset "UTF-8";
/* ==========================================================
   Kalaghpar identity layer. Loaded after app.css and overrides it.
   Night indigo ink, violet, saffron (the beak), mint, coral.
   ========================================================== */
@font-face{font-family:"Vazirmatn";src:url("../fonts/Vazirmatn-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --ink:#1b1740;--muted:#625f86;
  --teal:#5b4bdb;--teal-dark:#3f31b5;--teal-soft:#ecE9ff;
  --orange:#ffc233;--orange-dark:#f5b014;--orange-soft:#fff3cf;--gold:#ffc233;
  --cream:#f3f1ff;--cream-deep:#e9e5ff;--surface:#fff;--surface-2:#faf9ff;
  --line:#ddd8f6;--line-strong:#c4bdee;--green:#2fb391;--danger:#e0483b;
  --violet:#5b4bdb;--saffron:#ffc233;--mint:#35c2a1;--coral:#ff6f61;--sky:#7cc4ff;--pink:#ff8fc7;
  --shadow:0 4px 0 var(--ink);--shadow-hover:0 6px 0 var(--ink);
  --radius:20px;--radius-sm:13px;
  --hard:2px solid var(--ink);
}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink)}
body:before{background-image:radial-gradient(rgba(91,75,219,.16) 1px,transparent 1px);background-size:22px 22px;opacity:.55}
::selection{background:var(--saffron);color:var(--ink)}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.eyebrow{color:var(--violet)}.eyebrow:before{background:var(--saffron);box-shadow:0 0 0 2px var(--ink)}
.text-link{color:var(--violet)}.text-link:hover{color:var(--ink)}

/* ---------- Brand ---------- */
.brand{width:auto!important;height:auto!important;overflow:visible!important;gap:8px;display:inline-flex;align-items:center}
.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--violet);border:var(--hard);box-shadow:0 3px 0 var(--ink);overflow:hidden;flex:none}
.brand-mark .crow{width:40px;height:40px;margin-top:3px}
.brand-word{font-size:25px;font-weight:900;letter-spacing:-.8px;color:var(--ink);line-height:1}
.crow{display:block;overflow:visible}
.crow--logo .crow-leg,.crow--logo .crow-tail{display:none}
.auth-header .brand-mark{width:42px;height:42px}
.footer-brand .brand-word{font-size:23px}
.about-note__logo .brand-mark{display:inline-grid}

/* ---------- Buttons ---------- */
.btn{border:var(--hard);box-shadow:0 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ink)}
.btn:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}
.btn--orange{background:var(--saffron);color:var(--ink)}.btn--orange:hover{background:#ffcf5a;box-shadow:0 4px 0 var(--ink)}
.btn--outline{background:#fff;border-color:var(--ink);color:var(--ink)}.btn--outline:hover{background:var(--cream-deep);border-color:var(--ink)}
.btn--soft{background:var(--teal-soft);border-color:var(--ink)}
.icon-btn{border:var(--hard);background:#fff}.icon-btn:hover{background:var(--saffron);border-color:var(--ink);color:var(--ink)}

/* ---------- Header ---------- */
.site-header{background:rgba(243,241,255,.92);border-bottom:var(--hard)}
.desktop-nav a{color:#4b4875}.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--ink)}
.desktop-nav a.is-active:after{height:5px;background:var(--saffron);border:var(--hard);border-bottom:0;box-sizing:border-box}
.header-search:hover{background:var(--cream-deep)}
.header-avatar{border:var(--hard);color:var(--ink);background:#fff}

/* ---------- Home hero ---------- */
.kp-hero{padding:26px 0 8px}
.kp-hero-shell{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;min-height:440px;padding:46px 52px 86px;border:var(--hard);border-radius:34px;background:var(--violet);color:#fff;box-shadow:-9px 9px 0 var(--ink);overflow:visible}
.kp-hero-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 88% 8%,rgba(255,255,255,.16),transparent 30%),radial-gradient(circle at 6% 94%,rgba(53,194,161,.4),transparent 24%);pointer-events:none}
.kp-hero-copy{position:relative;z-index:2}
.kp-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;border-radius:99px;background:#fff;color:var(--ink);border:var(--hard);font-size:13px;font-weight:800;box-shadow:0 3px 0 var(--ink)}
.kp-pill i{width:9px;height:9px;border-radius:50%;background:var(--mint);border:1.5px solid var(--ink)}
.kp-hero-copy h1{font-size:clamp(38px,4.7vw,64px);line-height:1.28;margin:20px 0 14px;font-weight:900;letter-spacing:-1.8px;color:#fff}
.kp-hero-copy h1 span{display:block}
.kp-hero-copy h1 .kp-hl{display:inline-block;background:var(--saffron);color:var(--ink);padding:0 14px 4px;border:var(--hard);border-radius:16px;transform:rotate(-2deg);box-shadow:0 4px 0 var(--ink);margin-top:6px}
.kp-hero-copy p{max-width:480px;font-size:16.5px;line-height:2.05;color:#ece9ff;margin:0 0 26px}
.kp-hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.kp-hero-ctas .btn{min-height:54px;padding-inline:28px;font-size:16px}
.kp-hero-scene{position:relative;min-height:340px;display:grid;place-items:center;z-index:1}
.kp-sun{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--saffron);border:var(--hard);box-shadow:0 6px 0 var(--ink)}
.kp-scene-crow{position:relative;width:min(330px,70%);filter:drop-shadow(0 8px 0 rgba(27,23,64,.25))}
.kp-swap{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 15px 9px 12px;background:#fff;color:var(--ink);border:var(--hard);border-radius:16px;box-shadow:0 4px 0 var(--ink);font-weight:800;font-size:14px;white-space:nowrap}
.kp-swap em{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:16px;border:1.5px solid var(--ink)}
.kp-swap--a{top:6%;right:2%;transform:rotate(-4deg)}.kp-swap--a em{background:var(--mint)}
.kp-swap--b{top:34%;left:-2%;transform:rotate(3deg)}.kp-swap--b em{background:var(--coral)}
.kp-swap--c{bottom:8%;right:6%;transform:rotate(2deg)}.kp-swap--c em{background:var(--sky)}
.kp-swap--d{bottom:20%;left:6%;transform:rotate(-3deg)}.kp-swap--d em{background:var(--pink)}
.kp-arrow{position:absolute;top:52%;right:-8px;width:56px;color:var(--ink)}
.kp-hero-search{position:absolute;left:50%;bottom:-30px;width:min(780px,80%);transform:translateX(-50%);z-index:5}
.kp-hero-search .search-bar{background:#fff;border:var(--hard);border-radius:20px;box-shadow:0 5px 0 var(--ink);min-height:62px}
.kp-hero-search .search-bar>.icon,.kp-hero-search .search-submit{color:var(--violet)}
.kp-hero-search .search-bar select{border-right:2px solid var(--line)}
.kp-hero-search .search-submit{border:0;background:var(--saffron);border:var(--hard);width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--ink)}

/* ---------- Site-wide surfaces ---------- */
.section-heading h2{font-weight:900;letter-spacing:-.6px}
.category-tile{background:#fff;border:var(--hard);border-radius:20px;box-shadow:0 4px 0 var(--ink)}
.category-tile:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 7px 0 var(--ink)}
.category-icon{border:1.5px solid var(--ink);background:var(--teal-soft);color:var(--ink)}
.category-icon--orange{background:#ffd9d4;color:var(--ink)}.category-icon--green{background:#c9f2e6;color:var(--ink)}.category-icon--gold{background:#ffe9a8;color:var(--ink)}.category-icon--ink{background:#d6ecff;color:var(--ink)}.category-icon--teal{background:#dcd7ff;color:var(--ink)}
.steps-band{background:#fff;border-block:var(--hard)}
.step-item{background:var(--surface-2);border:var(--hard);border-radius:20px;box-shadow:0 3px 0 var(--ink)}
.step-number{color:var(--violet)}
.step-icon,.step-icon--orange,.step-icon--gold{background:var(--saffron);color:var(--ink);border:1.5px solid var(--ink)}
.step-connector{color:var(--ink)}
.listing-card{border:var(--hard);border-radius:22px;background:#fff;box-shadow:0 4px 0 var(--ink)}
.listing-card:hover{border-color:var(--ink);box-shadow:0 7px 0 var(--ink);transform:translateY(-3px)}
.listing-card__actions{border-top:2px dashed var(--line)}
.online-dot{background:#c9f2e6;color:#0e5e49;border:1.5px solid var(--ink)}
.person-rating{color:#a56a00}
.skill-art{border:1.5px solid var(--ink);border-radius:15px}
.favorite-btn{border:var(--hard)}
.trust-strip{background:var(--ink);border:var(--hard);box-shadow:-6px 6px 0 var(--violet);border-radius:22px}
.trust-mark>.icon,.trust-stat strong{color:var(--saffron)}
.trust-link{color:var(--saffron);font-weight:800}
.exchange-match-card{border:var(--hard);border-radius:26px;box-shadow:-7px 7px 0 var(--ink)}
.site-footer{background:var(--ink);color:#d9d5ff;border-top:var(--hard)}
.site-footer strong,.site-footer .brand-word{color:#fff}.site-footer a{color:#d9d5ff}.site-footer a:hover{color:var(--saffron)}
.site-footer .footer-brand p{color:#b7b2e6}.footer-brand-note,.footer-badge{color:var(--saffron)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);color:#a7a2d6}
.mobile-nav{border-top:var(--hard);background:#fff}.mobile-nav a.is-active{color:var(--violet)}
.mobile-create{background:var(--saffron)!important;color:var(--ink)!important;border:var(--hard);box-shadow:0 3px 0 var(--ink)}
.toast{background:var(--ink);border:var(--hard);color:#fff;font-weight:700}
.auth-page{background:var(--cream)}

/* ==========================================================
   Sign-up wizard
   ========================================================== */
.auth-page .auth-header{width:min(1140px,calc(100% - 40px))}
.auth-back{color:var(--ink);font-weight:800}
.kpw{width:min(1140px,calc(100% - 40px));margin:6px auto 70px}
.kpw-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 0;background:linear-gradient(var(--cream) 70%,transparent)}
.kpw-back{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:15px;background:#fff;border:var(--hard);box-shadow:0 3px 0 var(--ink);color:var(--ink)}
.kpw-back:active{transform:translateY(3px);box-shadow:none}
.kpw-back[hidden]{display:none}
.kpw-progress{flex:1;height:18px;border-radius:99px;background:#fff;border:var(--hard);overflow:hidden;padding:2px}
.kpw-progress i{display:block;height:100%;min-width:12px;width:0;border-radius:99px;background:linear-gradient(180deg,#8a7cff,var(--violet));transition:width .45s cubic-bezier(.3,.9,.3,1);position:relative}
.kpw-progress i:after{content:"";position:absolute;inset:3px 8px auto;height:3px;border-radius:3px;background:rgba(255,255,255,.55)}
.kpw-progress--thin{height:14px}
.kpw-xp{display:inline-flex;align-items:center;gap:5px;flex:none;padding:8px 14px;border-radius:99px;background:var(--saffron);border:var(--hard);box-shadow:0 3px 0 var(--ink);font-weight:900;font-size:15px}
.kpw-stage{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:start;margin-top:12px}
.kpw-guide{position:sticky;top:88px;display:flex;flex-direction:column;align-items:center;gap:0}
.kpw-bubble{position:relative;width:100%;padding:16px 18px;background:#fff;border:var(--hard);border-radius:22px;box-shadow:0 4px 0 var(--ink);font-size:15.5px;font-weight:800;line-height:1.9;min-height:92px;display:flex;align-items:center}
.kpw-bubble:after{content:"";position:absolute;bottom:-13px;right:56px;width:22px;height:22px;background:#fff;border:var(--hard);border-top:0;border-left:0;transform:rotate(45deg) skew(8deg,8deg);border-radius:0 0 6px 0}
.crow--guide{width:220px;height:220px;margin-top:6px}
.kpw-guide.is-hop .crow--guide{animation:kpHop .55s cubic-bezier(.3,1.6,.5,1)}
.kpw-guide.is-hop .crow-wing{transform-origin:70px 100px;animation:kpWing .55s ease}
@keyframes kpHop{0%{transform:translateY(0)}35%{transform:translateY(-16px) rotate(-3deg)}70%{transform:translateY(0) rotate(1deg)}100%{transform:none}}
@keyframes kpWing{0%,100%{transform:rotate(0)}40%{transform:rotate(-14deg)}}
.kpw-guide-meta{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:800;color:var(--muted);text-align:center}
.kpw-guide-trust{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#c9f2e6;color:#0b5a46;border:1.5px solid var(--ink);font-size:12px}

.kpw-main{min-width:0}
.kpw-card{position:relative;padding:36px 38px 30px;background:#fff;border:var(--hard);border-radius:30px;box-shadow:-9px 9px 0 var(--violet),-9px 9px 0 2px var(--ink);min-height:480px;outline:0}
.kpw-card.is-in-next{animation:kpIn .38s cubic-bezier(.25,.9,.3,1)}
.kpw-card.is-in-prev{animation:kpInPrev .38s cubic-bezier(.25,.9,.3,1)}
@keyframes kpIn{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes kpInPrev{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.kpw-card h2{font-size:30px;line-height:1.5;margin:0 0 6px;font-weight:900;letter-spacing:-.8px;outline:0}
.kpw-sub{font-size:15px;line-height:2;color:var(--muted);margin:0 0 22px;max-width:62ch}
.kpw-hint{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:13px;line-height:1.9;color:var(--muted)}.kpw-hint .icon{margin-top:5px;color:var(--violet)}
.kpw-muted{color:var(--muted)}
.kpw-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kpw-field{display:block;margin-top:16px}
.kpw-field>span,.kpw-mini-label{display:block;font-size:14px;font-weight:800;margin-bottom:7px}
.kpw-field em{font-style:normal;font-weight:600;font-size:12px;color:var(--muted);margin-inline-start:5px}
.kpw-field input,.kpw-field select,.kpw-addrow input{width:100%;height:54px;padding:0 16px;border:2px solid var(--line-strong);border-radius:16px;background:#fff;font-size:16px;color:var(--ink);outline:0;transition:border-color .15s,box-shadow .15s}
.kpw-field input::placeholder,.kpw-addrow input::placeholder,.kpw-search input::placeholder{color:#a19dc6}
.kpw-field input:focus,.kpw-field select:focus,.kpw-addrow input:focus{border-color:var(--ink);box-shadow:0 4px 0 var(--violet)}
.kpw-field input[dir=ltr]{text-align:left}
.kpw-field input[readonly]{background:var(--surface-2);color:var(--muted)}
.kpw-pass{position:relative}.kpw-pass input{padding-inline-end:56px}.kpw-pass button{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;border-radius:12px;color:var(--muted)}.kpw-pass button:hover{background:var(--cream-deep);color:var(--ink)}
.kpw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:center;margin-top:10px}.kpw-meter i{height:7px;border-radius:7px;background:var(--line)}.kpw-meter small{grid-column:1/-1;font-size:12.5px;color:var(--muted);margin-top:2px}
.kpw-meter[data-s="1"] i:nth-child(-n+1){background:var(--coral)}.kpw-meter[data-s="2"] i:nth-child(-n+2){background:var(--saffron)}.kpw-meter[data-s="3"] i:nth-child(-n+3){background:var(--mint)}.kpw-meter[data-s="4"] i{background:var(--green)}

/* avatar */
.kpw-avatar{display:grid;place-items:center;width:92px;height:92px;flex:none;border-radius:28px;background:var(--tone,var(--violet));border:var(--hard);box-shadow:0 4px 0 var(--ink);font-size:44px;transition:background .2s}
.kpw-avatar--xl{width:104px;height:104px;font-size:52px;margin:0 auto 14px;border-radius:32px}
.kpw-avatar-row{display:flex;gap:20px;align-items:center;margin:4px 0 8px;padding:16px;border:2px dashed var(--line-strong);border-radius:22px;background:var(--surface-2)}
.kpw-avatar-pick{min-width:0}.kpw-mini-label{margin-bottom:8px;font-size:13px;color:var(--muted)}
.kpw-emoji-grid{display:flex;flex-wrap:wrap;gap:8px}
.kpw-emoji{width:44px;height:44px;border-radius:14px;border:2px solid var(--line-strong);background:#fff;font-size:22px;padding:0;transition:transform .12s}
.kpw-emoji:hover{transform:translateY(-2px)}.kpw-emoji.is-on{border-color:var(--ink);background:var(--saffron);box-shadow:0 3px 0 var(--ink)}
.kpw-swatches{display:flex;gap:9px;margin-top:12px}
.kpw-sw{width:30px;height:30px;border-radius:50%;background:var(--tone);border:2px solid #fff;box-shadow:0 0 0 2px var(--line-strong);padding:0}.kpw-sw.is-on{box-shadow:0 0 0 3px var(--ink)}

/* age */
.kpw-age{display:flex;align-items:center;justify-content:center;gap:26px;margin:8px 0 10px}
.kpw-round{width:62px;height:62px;border-radius:50%;background:#fff;border:var(--hard);box-shadow:0 4px 0 var(--ink);font-size:32px;line-height:1;font-weight:700;color:var(--ink);padding:0 0 4px}
.kpw-round:active{transform:translateY(4px);box-shadow:none}.kpw-round:hover{background:var(--saffron)}
.kpw-age-num{display:flex;align-items:baseline;gap:8px;min-width:150px;justify-content:center}
.kpw-age-num b{font-size:88px;line-height:1;font-weight:900;letter-spacing:-3px;color:var(--violet);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:0}
.kpw-age-num small{font-size:20px;font-weight:800;color:var(--muted)}
.kpw-range{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:99px;border:var(--hard);background:linear-gradient(to left,var(--violet) var(--p,30%),#fff var(--p,30%));margin:14px 0 4px;direction:rtl;outline:0}
.kpw-range::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:var(--saffron);border:var(--hard);box-shadow:0 3px 0 var(--ink);cursor:grab}
.kpw-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--saffron);border:var(--hard);box-shadow:0 3px 0 var(--ink);cursor:grab}
.kpw-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--violet);outline-offset:3px}
.kpw-range-marks{position:relative;height:34px;margin:0 17px 16px}
.kpw-range-marks button{position:absolute;top:0;transform:translateX(50%);border:0;background:transparent;font-size:13px;font-weight:800;color:var(--muted);padding:6px 8px;border-radius:9px}.kpw-range-marks button:hover{background:var(--cream-deep);color:var(--ink)}
.kpw-groupcard{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border:var(--hard);border-radius:22px;background:var(--teal-soft);box-shadow:0 4px 0 var(--ink)}
.kpw-groupcard b{font-size:17px}.kpw-groupcard p{margin:4px 0 0;font-size:14px;line-height:1.95;color:#3a3764}
.kpw-groupemoji{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:18px;background:#fff;border:1.5px solid var(--ink);font-size:30px}
.kpw-groupcard.is-child{background:#fff0bd}.kpw-groupcard.is-teen{background:#c9f2e6}.kpw-groupcard.is-young{background:#e3deff}.kpw-groupcard.is-adult{background:#d6ecff}.kpw-groupcard.is-senior{background:#ffe0dc}
.kpw-switch,.kpw-check{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:14.5px;font-weight:700;line-height:1.9;cursor:pointer}
.kpw-switch input,.kpw-check input{position:absolute;opacity:0;width:1px;height:1px}
.kpw-switch i{position:relative;flex:none;width:52px;height:30px;border-radius:99px;background:#fff;border:var(--hard)}.kpw-switch i:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:transform .2s}
.kpw-switch input:checked+i{background:var(--mint)}.kpw-switch input:checked+i:after{transform:translateX(-22px)}
.kpw-check i{position:relative;flex:none;width:28px;height:28px;border-radius:9px;background:#fff;border:var(--hard);margin-top:3px;align-self:flex-start}
.kpw-check input:checked+i{background:var(--violet)}.kpw-check input:checked+i:after{content:"";position:absolute;left:8px;top:3px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.kpw-switch input:focus-visible+i,.kpw-check input:focus-visible+i{outline:3px solid var(--violet);outline-offset:3px}
.kpw-check a{color:var(--violet);font-weight:900;text-decoration:underline}
.kpw-rules{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}.kpw-rules li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.9;color:#3a3764}.kpw-rules .icon{margin-top:6px;color:var(--violet)}

/* tiles */
.kpw-tiles{display:grid;gap:12px;margin-top:6px}
.kpw-tiles--3{grid-template-columns:repeat(3,1fr)}.kpw-tiles--4{grid-template-columns:repeat(4,1fr)}
.kpw-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:104px;padding:14px 10px;border:2px solid var(--line-strong);border-radius:20px;background:#fff;color:var(--ink);text-align:center;transition:transform .12s,box-shadow .12s,background .15s}
.kpw-tile b{font-size:15px;line-height:1.5}.kpw-tile small{font-size:12px;color:var(--muted);line-height:1.6}
.kpw-tile-emoji{font-size:30px;line-height:1}
.kpw-tile:hover{transform:translateY(-2px);border-color:var(--ink)}
.kpw-tile.is-on{border-color:var(--ink);background:var(--saffron);box-shadow:0 4px 0 var(--ink)}.kpw-tile.is-on small{color:#4c3d00}
.kpw-tile--sm{min-height:92px}

/* chips and picker */
.kpw-group{margin-top:20px}.kpw-group-name{font-size:14px;font-weight:900;margin-bottom:10px}.kpw-group-name em{font-style:normal;font-weight:600;color:var(--muted);font-size:12px;margin-inline-start:6px}
.kpw-chips{display:flex;flex-wrap:wrap;gap:9px}
.kpw-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:2px solid var(--line-strong);border-radius:99px;background:#fff;color:var(--ink);font-size:14.5px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s}
.kpw-chip:hover{transform:translateY(-2px);border-color:var(--ink)}
.kpw-chip.is-on{background:var(--violet);color:#fff;border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.kpw-grade-row{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.kpw-grade-row small{font-weight:800;color:var(--muted);font-size:12.5px}
.kpw-search{position:relative;margin-top:2px}.kpw-search>span{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--muted);display:grid}
.kpw-search input{width:100%;height:54px;padding:0 48px 0 16px;border:2px solid var(--line-strong);border-radius:16px;font-size:15.5px;outline:0;color:var(--ink)}.kpw-search input:focus{border-color:var(--ink);box-shadow:0 4px 0 var(--violet)}
.kpw-tabs{display:flex;gap:9px;overflow-x:auto;padding:14px 2px 6px;margin-inline:-2px;scrollbar-width:thin}
.kpw-tab{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:46px;padding:6px 16px 6px 12px;border:2px solid var(--line-strong);border-radius:16px;background:#fff;color:var(--ink);font-weight:800;font-size:14px;white-space:nowrap}
.kpw-tab>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-size:17px;background:var(--teal-soft)}
.kpw-tab.tone-coral>span{background:#ffd9d4}.kpw-tab.tone-mint>span{background:#c9f2e6}.kpw-tab.tone-saffron>span{background:#ffe9a8}.kpw-tab.tone-sky>span{background:#d6ecff}
.kpw-tab i{font-style:normal;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--ink);color:#fff;font-size:11.5px}
.kpw-tab.is-on{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 3px 0 var(--violet)}.kpw-tab.is-on i{background:var(--saffron);color:var(--ink)}
.kpw-chips-area{min-height:120px}
.kpw-empty{padding:24px;border:2px dashed var(--line-strong);border-radius:20px;text-align:center;margin-top:16px}.kpw-empty p{margin:4px 0 14px;color:var(--muted);font-size:14px}
.kpw-btn-sm{min-height:42px;padding:0 18px;border:var(--hard);border-radius:13px;background:var(--saffron);box-shadow:0 3px 0 var(--ink);font-weight:800;font-size:14px;color:var(--ink)}.kpw-btn-sm:active{transform:translateY(3px);box-shadow:none}
.kpw-addrow{display:flex;gap:10px;margin-top:14px}.kpw-addrow input{flex:1}
.kpw-tray{position:sticky;bottom:12px;margin-top:22px;padding:14px 16px;background:var(--surface-2);border:var(--hard);border-radius:20px;box-shadow:0 4px 0 var(--ink);max-height:300px;overflow:auto;z-index:5}
.kpw-tray-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.kpw-tray-head span{font-size:12.5px;color:var(--muted);font-weight:700}
.kpw-tray-empty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;font-weight:700}
.kpw-pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 6px 3px 13px;border-radius:99px;background:var(--violet);color:#fff;border:1.5px solid var(--ink);font-size:13.5px;font-weight:800}
.kpw-pill button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:0;background:rgba(255,255,255,.25);color:#fff;font-size:16px;line-height:1;padding:0}.kpw-pill button:hover{background:#fff;color:var(--ink)}
.kpw-pill.is-learn{background:var(--saffron);color:var(--ink);padding-inline:12px}.kpw-pill.is-know{background:var(--mint);color:var(--ink);padding-inline:12px}
.kpw-levels{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kpw-levels li{display:grid;grid-template-columns:minmax(110px,1fr) auto 34px;align-items:center;gap:12px;padding:8px 0;border-top:1.5px dashed var(--line)}.kpw-levels li:first-child{border-top:0}
.kpw-lv-name{font-weight:800;font-size:14.5px}
.kpw-seg{display:inline-flex;padding:3px;border:var(--hard);border-radius:13px;background:#fff}.kpw-seg button{border:0;background:transparent;padding:6px 11px;border-radius:9px;font-size:12.5px;font-weight:800;color:var(--muted);min-height:34px}.kpw-seg button.is-on{background:var(--mint);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.kpw-x{width:34px;height:34px;border-radius:50%;border:2px solid var(--line-strong);background:#fff;font-size:18px;line-height:1;padding:0;color:var(--muted)}.kpw-x:hover{background:var(--coral);color:#fff;border-color:var(--ink)}
.kpw-levels--lang li{grid-template-columns:minmax(100px,1fr) auto 78px}
.kpw-dots{display:inline-flex;gap:7px}.kpw-dots button{width:24px;height:24px;border-radius:50%;border:2px solid var(--ink);background:#fff;padding:0}.kpw-dots button.is-on{background:var(--violet)}
.kpw-levels--lang small{font-size:12px;font-weight:800;color:var(--muted)}

/* footer actions */
.kpw-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}
.kpw-footer[hidden]{display:none}
.kpw-help{margin:0;font-size:13.5px;font-weight:700;color:var(--muted);flex:1;min-height:1em}.kpw-help.is-warn{color:#d4372b}
.kpw-actions{display:flex;gap:12px;align-items:center}
.kpw-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:180px;min-height:58px;padding:0 30px;border:var(--hard);border-radius:18px;background:var(--saffron);color:var(--ink);font-size:17px;font-weight:900;box-shadow:0 5px 0 var(--ink);transition:transform .1s,box-shadow .1s,background .15s}
.kpw-cta:hover{background:#ffcf5a}.kpw-cta:active{transform:translateY(5px);box-shadow:0 0 0 var(--ink)}
.kpw-cta.is-disabled{background:#e6e3f8;border-color:#c4bdee;color:#9792c0;box-shadow:0 5px 0 #c4bdee;cursor:not-allowed}
.kpw-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;border:2px solid var(--line-strong);border-radius:18px;background:transparent;color:var(--muted);font-weight:800;font-size:15px}.kpw-ghost:hover{border-color:var(--ink);color:var(--ink);background:#fff}
.kpw-ghost[hidden]{display:none}
.kpw-switch-link,.kpw-switch{}
p.kpw-switch{display:block;text-align:center;margin:26px 0 0;font-size:14px;font-weight:700;color:var(--muted)}p.kpw-switch a{color:var(--violet);font-weight:900}

/* done */
.kpw-done{text-align:center;position:relative}
.kpw-done h2{font-size:34px}.kpw-done .kpw-sub{margin-inline:auto}
.kpw-confetti i{position:absolute;top:30px;left:50%;width:12px;height:18px;border-radius:4px;border:1.5px solid var(--ink);background:var(--saffron);opacity:0;animation:kpConf 1.4s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:calc(var(--i)*.05s)}
.kpw-confetti i:nth-child(3n){background:var(--mint)}.kpw-confetti i:nth-child(3n+1){background:var(--coral)}.kpw-confetti i:nth-child(4n){background:var(--sky)}
@keyframes kpConf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(calc((var(--i) - 3.5)*58px),170px) rotate(calc(var(--i)*70deg))}}
.kpw-passport{text-align:start;margin:22px 0 0;padding:20px;border:var(--hard);border-radius:26px;background:var(--violet);color:#fff;box-shadow:-6px 6px 0 var(--ink);background-image:radial-gradient(circle at 92% 8%,rgba(255,194,51,.35),transparent 30%)}
.kpw-passport-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:19px}.kpw-passport-top span{padding:5px 13px;border-radius:99px;background:#fff;color:var(--ink);border:1.5px solid var(--ink);font-size:13px;font-weight:800}
.kpw-passport-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.kpw-passport-cols small{display:block;margin-bottom:8px;font-size:12.5px;font-weight:700;color:#d9d5ff}
.kpw-passport-foot{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;padding-top:14px;border-top:2px dashed rgba(255,255,255,.35);font-size:13px;font-weight:700}.kpw-passport-foot span{display:inline-flex;align-items:center;gap:6px}
.kpw-complete{margin-top:22px;text-align:start}.kpw-complete-head{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.kpw-complete small{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.kpw-demo{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:start}
.kpw-demo li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--line-strong);border-radius:18px}.kpw-demo b{font-size:14.5px}.kpw-demo small{display:block;color:var(--muted);font-size:12.5px;line-height:1.7}
.kpw-demo-av{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:var(--tone);border:1.5px solid var(--ink);font-weight:900}
.kpw-badge{margin-inline-start:auto;padding:3px 10px;border-radius:99px;background:var(--cream-deep);font-size:11.5px;font-weight:800;color:var(--muted)}
.kpw-done-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}

/* big text mode (for 60+) */
body.kp-bigtext{font-size:18px}body.kp-bigtext .kpw-card h2{font-size:36px}body.kp-bigtext .kpw-sub,body.kp-bigtext .kpw-chip,body.kp-bigtext .kpw-field>span{font-size:18px}body.kp-bigtext .kpw-chip{min-height:52px}body.kp-bigtext .kpw-cta{min-height:66px;font-size:20px}

/* ---------- Responsive ---------- */
@media (max-width:1020px){
  .kp-hero-shell{grid-template-columns:1fr .8fr;padding:36px 32px 84px}.kp-swap{font-size:12.5px}
  .kpw-stage{grid-template-columns:220px minmax(0,1fr);gap:22px}.crow--guide{width:170px;height:170px}
}
@media (max-width:820px){
  .kp-hero-shell{grid-template-columns:1fr;min-height:0;padding:30px 22px 92px;box-shadow:-6px 6px 0 var(--ink);border-radius:28px}
  .kp-hero-scene{min-height:250px;order:-1;margin-bottom:-4px}.kp-sun{width:220px;height:220px}.kp-scene-crow{width:210px}
  .kp-swap{font-size:11.5px;padding:6px 10px 6px 8px;border-radius:12px}.kp-swap em{width:24px;height:24px;font-size:13px}
  .kp-hero-copy h1{font-size:36px}.kp-hero-copy p{font-size:15px}.kp-arrow{display:none}
  .kp-hero-search{width:calc(100% - 28px)}.kp-hero-search .search-bar select{display:none}
  .kpw{width:calc(100% - 24px);margin-bottom:130px}
  .kpw-stage{display:block;margin-top:2px}
  .kpw-guide{position:static;flex-direction:row-reverse;align-items:flex-end;gap:6px;margin-bottom:14px}
  .crow--guide{width:92px;height:92px;flex:none;margin:0}
  .kpw-bubble{min-height:0;font-size:14px;padding:12px 14px;border-radius:18px;margin-bottom:22px}
  .kpw-bubble:after{bottom:12px;right:auto;left:-10px;transform:rotate(135deg);width:16px;height:16px}
  .kpw-guide-meta{display:none}
  .kpw-card{padding:22px 18px 20px;border-radius:24px;box-shadow:-6px 6px 0 var(--violet),-6px 6px 0 2px var(--ink);min-height:0}
  .kpw-card h2{font-size:25px}.kpw-sub{font-size:14px;margin-bottom:16px}
  .kpw-grid2{grid-template-columns:1fr}
  .kpw-tiles--3,.kpw-tiles--4{grid-template-columns:1fr 1fr}
  .kpw-avatar{width:76px;height:76px;font-size:36px}.kpw-avatar-row{gap:14px;padding:12px}
  .kpw-age-num b{font-size:70px}.kpw-round{width:56px;height:56px}
  .kpw-footer{position:fixed;inset-inline:0;bottom:0;z-index:70;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:var(--hard);flex-direction:column;align-items:stretch;gap:6px}
  .kpw-help{order:-1;font-size:12.5px;text-align:center;min-height:0}.kpw-help:empty{display:none}
  .kpw-actions{width:100%}.kpw-cta{flex:1;min-height:54px}.kpw-ghost{min-height:54px;padding:0 18px}
  .kpw-tray{bottom:84px;max-height:220px}
  .kpw-levels li{grid-template-columns:1fr 34px;row-gap:6px}.kpw-levels li .kpw-seg,.kpw-levels li .kpw-dots{grid-column:1/2;grid-row:2}.kpw-levels li small{grid-column:1/2;grid-row:3}.kpw-levels--lang li{grid-template-columns:1fr 34px}
  .kpw-seg{width:100%}.kpw-seg button{flex:1;padding-inline:4px}
  .kpw-passport-cols{grid-template-columns:1fr}
  .kpw-top{padding:8px 0}
}
@media (max-width:420px){.kpw-tiles--4{grid-template-columns:1fr 1fr}.brand-word{font-size:21px}.kp-hero-copy h1{font-size:32px}.kpw-chip{font-size:14px;padding-inline:13px}}
@media (prefers-reduced-motion:reduce){.kpw-card.is-in-next,.kpw-card.is-in-prev,.kpw-guide.is-hop .crow--guide,.kpw-guide.is-hop .crow-wing,.kpw-confetti i{animation:none}.kpw-confetti{display:none}.kpw-progress i{transition:none}html{scroll-behavior:auto}}
.kpw[data-step="done"] p.kpw-switch{display:none}
.kpw-tray{max-height:230px}

/* login */
.kpw--login{margin-top:30px}.kpw--login .kpw-card{min-height:0;max-width:560px}
.kpw--login .kpw-stage{grid-template-columns:300px minmax(0,560px);justify-content:center}
.kpw--login .kpw-footer{margin-top:22px}
.kpw-login-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.kpw-login-row a{font-size:13.5px;font-weight:800;color:var(--violet);margin-top:16px}
.kpw-or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:13px}.kpw-or:before,.kpw-or:after{content:"";flex:1;height:2px;background:var(--line);border-radius:2px}
.kpw-ghost--block{display:flex;width:100%;border-color:var(--ink);color:var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink)}
.kpw--login .auth-legal{text-align:center;margin-top:16px;color:var(--muted);font-size:12.5px}.kpw--login .auth-legal a{color:var(--violet);font-weight:800}
@media (max-width:820px){.kpw--login .kpw-stage{display:block}.kpw--login .kpw-footer{position:static;border:0;padding:0;background:transparent;margin-top:20px}.kpw--login{margin-bottom:40px}}

/* ==========================================================
   Custom icons (no emoji) + rules gate
   ========================================================== */
.kpw-avatar,.kpw-emoji,.kpw-groupemoji,.kpw-tile-emoji,.kpw-tab-ico{color:var(--ink)}
.kpw-avatar .icon,.kpw-emoji .icon,.kpw-groupemoji .icon,.kpw-tile-emoji .icon{display:block}
.kpw-avatar .icon{width:46px;height:46px}.kpw-avatar--xl .icon{width:56px;height:56px}
.kpw-emoji{display:grid;place-items:center}
.kpw-tile-emoji{display:grid;place-items:center;height:34px}
.kpw-tab-ico{display:inline-grid;place-items:center;vertical-align:middle;margin-inline-end:6px}
.kp-swap em .icon{display:block;width:18px;height:18px}
.text-link .icon,.trust-link .icon{vertical-align:-3px;margin-inline-start:4px}
.party-duty{display:flex;align-items:flex-start;gap:8px}.party-duty .icon{flex:none;margin-top:5px;color:var(--violet)}
.seen-mark{display:inline-flex;vertical-align:middle;margin-inline-start:2px}
.agreement-mobile-topbar button .icon{display:block}
.kpw-passport-top span{display:inline-flex;align-items:center;gap:6px}

.gate-bar{display:flex;align-items:center;gap:12px;width:min(1140px,calc(100% - 40px));margin:6px auto 0;padding:13px 18px;border:var(--hard);border-radius:18px;background:var(--saffron);color:var(--ink);font-weight:800;font-size:14px;line-height:1.9}
.gate-bar p{margin:0}.gate-bar .icon{flex:none}
.app-page .auth-header{display:flex;align-items:center;justify-content:space-between;width:min(1140px,calc(100% - 40px));margin:0 auto;padding:16px 0}
.kpw--gate .kpw-card{max-width:680px}
.gate-card{min-height:0}
.gate-alert{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 16px;border:2px solid var(--coral);border-radius:16px;background:#fff1ef;color:#7a2a22;font-weight:800;font-size:14px;line-height:1.9}
.gate-alert p{margin:0}.gate-alert .icon{flex:none;margin-top:5px}
.gate-progress{height:10px;margin:18px 0 6px;border:2px solid var(--ink);border-radius:99px;background:#fff;overflow:hidden}
.gate-progress i{display:block;height:100%;width:0;background:var(--violet);transition:width .15s}
.gate-progress-label{margin:0 0 10px;font-size:13px;color:var(--muted);font-weight:700}
.gate-rules{max-height:340px;overflow-y:auto;padding:4px 18px;border:2px solid var(--line-strong);border-radius:20px;background:var(--surface-2);scrollbar-gutter:stable}
.gate-rules:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.gate-rules ol{list-style:none;margin:0;padding:0}
.gate-rules li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px dashed var(--line-strong)}
.gate-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border:var(--hard);border-radius:13px;background:#fff;color:var(--violet)}
.gate-rules h3{margin:0 0 2px;font-size:16px;font-weight:900}.gate-rules li p{margin:0;font-size:14px;line-height:1.95;color:#3a3764}
.gate-end{margin:0;padding:16px 0 10px;font-size:14px;line-height:2;font-weight:700}.gate-end .icon{vertical-align:-3px;color:var(--violet)}
.gate-end a{color:var(--violet);font-weight:900;text-decoration:underline}
.gate-check{margin-top:18px}
.gate-check.is-locked{opacity:.55;cursor:not-allowed}
.gate-hint{min-height:24px;margin:6px 0 0;font-size:13px;color:var(--muted);font-weight:700}.gate-hint.is-warn{color:#b3261e}
.gate-actions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.gate-actions .kpw-cta{flex:1;min-width:200px}
@media (max-width:640px){.gate-rules{max-height:300px;padding:2px 12px}.gate-actions{flex-direction:column;align-items:stretch}}

/* ==========================================================
   V6.2  kalagh-par game, new chat, smooth effects
   Only transform and opacity are animated, so it stays smooth on phones.
   ========================================================== */
.crow-lid,.crow-tear{opacity:0}
.crow-tear{transform-box:fill-box;transform-origin:50% 0}
.kpw-footer{flex-wrap:wrap}

/* peck + fly: the crow taps the word and sends it up */
.kpw-guide.is-peck .crow--guide{animation:kpPeck .84s cubic-bezier(.3,1.4,.5,1)}
.kpw-guide.is-peck .crow-wing{transform-origin:70px 100px;animation:kpFlap .84s ease}
@keyframes kpPeck{0%{transform:none}14%{transform:translate(-14px,10px) rotate(-12deg)}26%{transform:none}40%{transform:translate(-14px,10px) rotate(-12deg)}54%{transform:translateY(-4px) rotate(2deg)}76%{transform:translateY(-22px) rotate(-4deg)}100%{transform:none}}
@keyframes kpFlap{0%,100%{transform:rotate(0)}50%{transform:rotate(-26deg)}62%{transform:rotate(8deg)}76%{transform:rotate(-26deg)}}
.kpw-chant b,.kpw-nofly b{display:inline-block;padding:0 9px;margin-inline-end:5px;border-radius:11px;border:2px solid var(--ink);animation:kpPopB .42s cubic-bezier(.3,1.7,.5,1) both}
.kpw-chant b{background:var(--saffron)}
.kpw-nofly b{background:#fff;color:#c4271b}
.kpw-nofly{animation:kpWob .5s ease both}
@keyframes kpPopB{from{opacity:0;transform:scale(.5) rotate(-6deg)}to{opacity:1;transform:none}}
@keyframes kpWob{0%{transform:translateX(0)}25%{transform:translateX(5px)}55%{transform:translateX(-4px)}100%{transform:none}}
.kpw-fly{position:absolute;z-index:6;left:50%;top:6px;padding:6px 15px;border-radius:14px;background:var(--saffron);border:var(--hard);box-shadow:0 3px 0 var(--ink);font-weight:900;font-size:17px;white-space:nowrap;pointer-events:none;will-change:transform,opacity;animation:kpFly .98s cubic-bezier(.3,.7,.35,1) forwards}
@keyframes kpFly{0%{opacity:0;transform:translate(-50%,16px) scale(.6)}16%{opacity:1;transform:translate(-50%,0) scale(1.12)}100%{opacity:0;transform:translate(-50%,-170px) scale(.8) rotate(-7deg)}}
.kpw-feather{position:absolute;z-index:5;left:50%;bottom:34%;width:11px;height:20px;border-radius:0 100% 0 100%;background:var(--c,#5b4bdb);border:1.5px solid var(--ink);pointer-events:none;opacity:0;will-change:transform,opacity;animation:kpFeather 1.05s var(--d,0ms) cubic-bezier(.2,.7,.4,1) forwards}
@keyframes kpFeather{0%{opacity:0;transform:translate(0,0) rotate(0)}14%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}
.kpw-card.is-out{animation:kpOut .32s cubic-bezier(.5,0,.8,.4) forwards}
@keyframes kpOut{to{opacity:0;transform:translate(26px,-10px) scale(.97) rotate(.7deg)}}
.kpw.is-busy .kpw-card,.kpw.is-busy .kpw-footer{pointer-events:none}

/* sad crow */
.kpw-guide.is-sad .crow--guide{animation:kpSad .7s cubic-bezier(.3,1.3,.5,1) both}
@keyframes kpSad{0%{transform:none}30%{transform:translateX(7px) rotate(3deg)}55%{transform:translateX(-5px) rotate(-1deg)}100%{transform:translateY(7px) rotate(4deg)}}
.kpw-guide.is-sad .crow-lid{opacity:1}
.kpw-guide.is-sad .crow-wing{transform-origin:70px 100px;transform:rotate(14deg);transition:transform .4s}
.kpw-guide.is-sad .crow-tear{opacity:1;animation:kpTear 1.6s ease-in infinite}
@keyframes kpTear{0%{opacity:0;transform:translateY(-6px) scale(.4)}25%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(34px) scale(.9)}}
.kpw-guide.is-sad .kpw-bubble,.kpw-guide.is-sad .kpw-bubble:after{background:#ffe9e5}

/* error box (reason, shown under the card) */
.kpw-error{display:flex;gap:12px;align-items:flex-start;flex:1 1 100%;order:-2;padding:13px 15px;border-radius:16px;background:#ffe9e5;border:var(--hard);box-shadow:0 4px 0 var(--ink);line-height:1.8}
.kpw-error[hidden]{display:none}
.kpw-error.is-pop{animation:kpErr .42s cubic-bezier(.3,1.5,.5,1)}
@keyframes kpErr{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.kpw-error-ico{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--coral);border:2px solid var(--ink);color:#fff}
.kpw-error b{display:block;font-size:15px;font-weight:900;color:#b3261e}
.kpw-error p{margin:1px 0 0;font-size:14px;font-weight:700;color:var(--ink)}
.kpw-bad>span,.kpw-check.kpw-bad{color:#b3261e}
.kpw-field.kpw-bad input,.kpw-field.kpw-bad select{border-color:var(--danger);box-shadow:0 4px 0 rgba(224,72,59,.35)}
.kpw-check.kpw-bad i{border-color:var(--danger)}
.kpw-range.kpw-bad{outline:3px solid rgba(224,72,59,.45);outline-offset:8px;border-radius:99px}
.kpw-card.is-shake{animation:kpShake .46s cubic-bezier(.36,.07,.19,1)}
@keyframes kpShake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
.kpw:has(.kpw-error:not([hidden])){margin-bottom:60px}

/* small touches */
.kpw-xp.is-bump{animation:kpBump .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes kpBump{0%{transform:scale(1)}40%{transform:scale(1.22) rotate(-4deg)}100%{transform:none}}
.kpw-progress i{transition:width .6s cubic-bezier(.3,.9,.3,1)}
.kpw-cta{position:relative;overflow:hidden}
.kpw-cta:not(.is-disabled):before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(120%);transition:transform .7s ease;pointer-events:none}
.kpw-cta:not(.is-disabled):hover:before{transform:translateX(-120%)}
.kpw-chip:active,.kpw-tile:active,.kpw-round:active{transform:scale(.95)}

/* ---------- chat (kpc) ---------- */
.kpc-wrap{margin-bottom:64px}
.kpc{display:grid;grid-template-columns:340px minmax(0,1fr);height:min(720px,calc(100dvh - 150px));min-height:560px;background:#fff;border:var(--hard);border-radius:28px;overflow:hidden;box-shadow:-8px 8px 0 var(--violet),-8px 8px 0 2px var(--ink)}
.kpc-list{display:flex;flex-direction:column;min-height:0;border-inline-end:var(--hard);background:var(--surface-2)}
.kpc-list-head{display:flex;align-items:center;gap:9px;padding:18px 18px 8px;font-size:19px}
.kpc-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:99px;background:var(--saffron);border:2px solid var(--ink);font-size:13px;font-weight:900}
.kpc-search{display:flex;align-items:center;gap:9px;margin:8px 16px;padding:0 14px;height:46px;border:2px solid var(--line-strong);border-radius:15px;background:#fff;color:var(--muted);transition:border-color .15s,box-shadow .15s}
.kpc-search:focus-within{border-color:var(--ink);box-shadow:0 3px 0 var(--violet)}
.kpc-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:15px;color:var(--ink)}
.kpc-tabs{display:flex;gap:7px;padding:4px 16px 12px;border-bottom:2px solid var(--line)}
.kpc-tabs button{min-height:36px;padding:0 15px;border:2px solid var(--line-strong);border-radius:99px;background:#fff;color:var(--muted);font-size:13.5px;font-weight:800;transition:transform .15s,background .15s,color .15s,border-color .15s}
.kpc-tabs button:active{transform:scale(.94)}
.kpc-tabs button.is-active{background:var(--violet);border-color:var(--ink);color:#fff;box-shadow:0 3px 0 var(--ink)}
.kpc-items{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.kpc-empty{padding:30px 20px;text-align:center;color:var(--muted);font-weight:700;font-size:14px}
.kpc-empty[hidden]{display:none}
.kpc-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:right;background:transparent;border:0;border-bottom:1px solid var(--line);transition:background .18s}
.kpc-item:hover{background:#f1eeff}
.kpc-item:active{background:#e7e2ff}
.kpc-item.is-selected{background:var(--teal-soft)}
.kpc-item.is-selected:before{content:"";position:absolute;inset-block:10px;inset-inline-start:0;width:5px;border-radius:0 5px 5px 0;background:var(--saffron);box-shadow:0 0 0 1.5px var(--ink)}
.kpc-av{position:relative;display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--tone,#5b4bdb);border:2px solid var(--ink);color:#fff;font-size:18px;font-weight:900}
.kpc-online{position:absolute;inset-block-end:-2px;inset-inline-end:-2px;width:13px;height:13px;border-radius:50%;background:var(--mint);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--ink)}
.kpc-item-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.kpc-item-copy b{font-size:15px;font-weight:800}
.kpc-item-copy small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpc-item.is-unread .kpc-item-copy small{color:var(--ink);font-weight:800}
.kpc-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;color:var(--muted);font-weight:700}
.kpc-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--coral);border:2px solid var(--ink);color:#fff;font-size:12px;font-weight:900;font-style:normal;animation:kpPopB .4s cubic-bezier(.3,1.7,.5,1)}

.kpc-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}
.kpc-panel.is-switch .kpc-scroll{animation:kpcSwitch .32s cubic-bezier(.25,.9,.3,1)}
@keyframes kpcSwitch{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kpc-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:var(--hard);background:var(--cream)}
.kpc-back{display:none;place-items:center;width:42px;height:42px;flex:none;border:2px solid var(--ink);border-radius:13px;background:#fff;box-shadow:0 3px 0 var(--ink)}
.kpc-back:active{transform:translateY(3px);box-shadow:none}
.kpc-who{display:flex;flex-direction:column;min-width:0}
.kpc-who b{font-size:17px;font-weight:900}
.kpc-who small{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}
.kpc-who small.is-online:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--ink)}
.kpc-who small.is-typing{color:var(--violet)}
.kpc-context{display:flex;align-items:center;gap:11px;margin:12px 16px 0;padding:10px 12px;border:2px solid var(--ink);border-radius:16px;background:var(--orange-soft);box-shadow:0 3px 0 var(--ink)}
.kpc-context-ico{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--saffron);border:2px solid var(--ink)}
.kpc-context-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.kpc-context-copy b{font-size:13.5px}.kpc-context-copy small{font-size:13px;color:var(--muted);font-weight:700}
.kpc-context a{font-size:13px;font-weight:900;color:var(--violet);white-space:nowrap}
.kpc-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px;background-image:radial-gradient(rgba(91,75,219,.13) 1px,transparent 1px);background-size:20px 20px;outline:0;-webkit-overflow-scrolling:touch}
.kpc-stream{display:flex;flex-direction:column;gap:12px;min-height:100%;justify-content:flex-end}
.kpc-day{align-self:center;padding:5px 14px;border-radius:99px;background:#fff;border:2px solid var(--line-strong);color:var(--muted);font-size:12.5px;font-weight:800}
.kpc-msg{display:flex;max-width:100%}
.kpc-msg.is-cont{margin-top:-8px}
.kpc-msg--me{justify-content:flex-end}
.kpc-msg--them{justify-content:flex-start}
.kpc-msg.is-new .kpc-bubble{animation:kpcPop .34s cubic-bezier(.3,1.5,.5,1) backwards}
.kpc-msg--me.is-new .kpc-bubble{transform-origin:100% 100%}
.kpc-msg--them.is-new .kpc-bubble{transform-origin:0 100%}
@keyframes kpcPop{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
.kpc-bubble{position:relative;max-width:min(78%,500px);padding:10px 14px 8px;border:2px solid var(--ink);border-radius:20px;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.kpc-bubble p{margin:0}
.kpc-msg--me .kpc-bubble{background:var(--violet);color:#fff;border-end-start-radius:6px;box-shadow:0 3px 0 var(--ink)}
.kpc-msg--them .kpc-bubble{background:#fff;color:var(--ink);border-end-end-radius:6px;box-shadow:0 3px 0 var(--ink)}
.kpc-msg.is-cont.kpc-msg--me .kpc-bubble{border-end-start-radius:20px}
.kpc-msg.is-cont.kpc-msg--them .kpc-bubble{border-end-end-radius:20px}
.kpc-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:2px;font-size:11.5px;font-weight:700;opacity:.72}
.kpc-tick{display:inline-flex;transition:color .3s}
.kpc-tick.is-seen{color:var(--saffron);opacity:1}
.kpc-tick.is-seen svg{animation:kpcTick .4s cubic-bezier(.3,1.7,.5,1)}
@keyframes kpcTick{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.kpc-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;min-width:230px}
.kpc-card .kpc-meta{grid-column:1/-1}
.kpc-card-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--saffron);border:2px solid var(--ink);color:var(--ink)}
.kpc-card b{font-size:14.5px}.kpc-card p{font-size:13.5px;font-weight:700;opacity:.92}
.kpc-typing{display:flex;gap:5px;align-items:center;padding:14px 16px}
.kpc-typing i{width:8px;height:8px;border-radius:50%;background:var(--violet);animation:kpcDot 1.1s ease-in-out infinite}
.kpc-typing i:nth-child(2){animation-delay:.16s}.kpc-typing i:nth-child(3){animation-delay:.32s}
@keyframes kpcDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-6px);opacity:1}}
.kpc-down{position:absolute;inset-inline-start:18px;bottom:150px;z-index:5;display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 3px 0 var(--ink);animation:kpErr .3s cubic-bezier(.3,1.5,.5,1)}
.kpc-down[hidden]{display:none}
.kpc-down b{position:absolute;inset-block-start:-9px;inset-inline-end:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--coral);border:2px solid var(--ink);color:#fff;font-size:12px;line-height:18px;text-align:center}
.kpc-down b[hidden]{display:none}
.kpc-quick{display:flex;gap:8px;padding:10px 16px 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kpc-quick::-webkit-scrollbar{display:none}
.kpc-quick[hidden]{display:none}
.kpc-chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:38px;padding:0 15px;border:2px solid var(--ink);border-radius:99px;background:#fff;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 3px 0 var(--ink);transition:transform .12s,box-shadow .12s,background .15s}
.kpc-chip:hover{background:var(--orange-soft)}
.kpc-chip:active{transform:translateY(3px);box-shadow:none}
.kpc-chip.is-meet{background:var(--saffron)}
.kpc-note{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:8px 16px 0;padding:10px 12px;border:2px solid var(--ink);border-radius:15px;font-size:13.5px;font-weight:700;line-height:1.8}
.kpc-note[hidden]{display:none}
.kpc-note.is-pop{animation:kpErr .35s cubic-bezier(.3,1.5,.5,1)}
.kpc-note.is-warn{background:var(--orange-soft)}.kpc-note.is-info{background:#ecE9ff}
.kpc-note p{margin:0;flex:1 1 200px}
.kpc-note-ico{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#fff;border:2px solid var(--ink)}
.kpc-note-actions{display:flex;gap:8px;flex:none}
.kpc-note-actions button{min-height:34px;padding:0 13px;border:2px solid var(--ink);border-radius:11px;background:var(--saffron);font-size:13px;font-weight:900;box-shadow:0 2px 0 var(--ink)}
.kpc-note-actions button+button{background:#fff}
.kpc-compose{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 6px}
.kpc-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;border:2px solid var(--line-strong);border-radius:15px;background:#fff;color:var(--muted);transition:transform .12s,border-color .15s,color .15s}
.kpc-icon:hover{border-color:var(--ink);color:var(--ink)}.kpc-icon:active{transform:scale(.92)}
.kpc-compose textarea{flex:1;min-width:0;height:48px;max-height:132px;padding:11px 15px;border:2px solid var(--line-strong);border-radius:16px;background:#fff;font:inherit;font-size:16px;line-height:1.7;color:var(--ink);resize:none;outline:0;transition:border-color .15s,box-shadow .15s}
.kpc-compose textarea:focus{border-color:var(--ink);box-shadow:0 3px 0 var(--violet)}
.kpc-send{display:grid;place-items:center;width:48px;height:48px;flex:none;border:2px solid var(--line-strong);border-radius:15px;background:#e6e3f8;color:#9792c0;transition:transform .12s,background .2s,color .2s,box-shadow .12s}
.kpc-send svg{transform:scaleX(-1)}
.kpc-send.is-ready{background:var(--saffron);border-color:var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink)}
.kpc-send.is-ready:active{transform:translateY(4px);box-shadow:none}
.kpc-send.is-ready svg{animation:kpcSend .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes kpcSend{from{transform:scaleX(-1) scale(.6) rotate(18deg)}to{transform:scaleX(-1)}}
.kpc-disclaimer{margin:0;padding:2px 16px 12px;text-align:center;font-size:12px;color:var(--muted);font-weight:700}
.kpc-items,.kpc-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}

@media (max-width:1020px){.kpc{grid-template-columns:290px minmax(0,1fr)}}
@media (max-width:820px){
  .kpc-wrap{width:calc(100% - 20px);margin-bottom:24px}
  .kpc{display:block;height:calc(100dvh - 255px);min-height:430px;border-radius:22px;box-shadow:-5px 5px 0 var(--violet),-5px 5px 0 2px var(--ink)}
  .kpc-list,.kpc-panel{height:100%}
  .kpc[data-view="list"] .kpc-panel{display:none}
  .kpc[data-view="chat"] .kpc-list{display:none}
  .kpc[data-view="chat"] .kpc-panel{animation:kpIn .32s cubic-bezier(.25,.9,.3,1)}
  .kpc[data-view="list"] .kpc-list{animation:kpInPrev .32s cubic-bezier(.25,.9,.3,1)}
  .kpc-list{border-inline-end:0}
  .kpc-back{display:grid}
  .kpc-head{padding:10px 12px}
  .kpc-scroll{padding:12px 12px}
  .kpc-bubble{max-width:86%;font-size:15px}
  .kpc-down{bottom:140px}
  .kpc-context{margin:8px 10px 0;padding:8px 10px}.kpc-context-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpc-context-ico{width:32px;height:32px}
  .kpc-disclaimer{font-size:11px;padding-bottom:8px}
  body.kpc-chat-open .page-intro{display:none}
  body.kpc-chat-open .kpc{height:calc(100dvh - 160px)}
  body.kpc-chat-open .kpc-wrap{margin-top:10px}
}

/* ---------- smooth effects for the whole site ---------- */
.fx-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.25,.9,.3,1),transform .6s cubic-bezier(.25,.9,.3,1);transition-delay:var(--fx-d,0ms);will-change:transform,opacity}
.fx-reveal.is-in{opacity:1;transform:none;will-change:auto}
.btn,.listing-card,.browse-quick-card,.step-item,.how-step,.exchange-pair-card{transition:transform .18s cubic-bezier(.3,1.4,.5,1),box-shadow .18s,background .15s,color .15s,border-color .15s}
@media (hover:hover){.listing-card:hover,.browse-quick-card:hover,.exchange-pair-card:hover{transform:translateY(-4px)}.btn:hover{transform:translateY(-2px)}}
.btn:active,.mobile-nav a:active{transform:scale(.96)}
.site-header{transition:box-shadow .25s,background .25s}
.site-header.is-scrolled{box-shadow:0 5px 0 rgba(27,23,64,.12)}
.mobile-nav a{transition:transform .15s,color .15s}
.mobile-nav a.is-active .icon{animation:kpNavPop .45s cubic-bezier(.3,1.7,.5,1)}
@keyframes kpNavPop{from{transform:scale(.7) translateY(4px)}to{transform:none}}
.kp-scene-crow{animation:kpFloat 4.2s ease-in-out infinite}
@keyframes kpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.kp-scene-crow .crow-wing{transform-origin:70px 100px;animation:kpIdleWing 4.2s ease-in-out infinite}
@keyframes kpIdleWing{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}
.crow .crow-eye{animation:kpBlink 5.5s infinite;transform-box:fill-box;transform-origin:50% 50%}
@keyframes kpBlink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
html{scroll-behavior:smooth}

@media (prefers-reduced-motion:reduce){
  .fx-reveal{opacity:1;transform:none;transition:none}
  .kpw-guide.is-peck .crow--guide,.kpw-guide.is-peck .crow-wing,.kpw-guide.is-sad .crow--guide,.kpw-guide.is-sad .crow-tear,.kpw-fly,.kpw-feather,.kpw-card.is-out,.kpw-card.is-shake,.kpw-error.is-pop,.kpw-xp.is-bump,.kpw-chant b,.kpw-nofly,.kpw-nofly b,.kpc-msg.is-new .kpc-bubble,.kpc-typing i,.kpc-panel.is-switch .kpc-scroll,.kpc-badge,.kpc-send.is-ready svg,.kpc-down,.kpc-note.is-pop,.kpc .kpc-panel,.kpc .kpc-list,.kp-scene-crow,.kp-scene-crow .crow-wing,.crow .crow-eye,.mobile-nav a.is-active .icon,.kpc-tick.is-seen svg{animation:none!important}
  .kpw-cta:before{display:none}
}
@media (max-width:820px){
  .kpw-guide{position:relative;top:auto}
  .kpw-fly{top:-6px}
  .kpw-error{order:-2;padding:11px 12px}
  .kpw-error b{font-size:14px}.kpw-error p{font-size:13px}
  .kpw:has(.kpw-error:not([hidden])){margin-bottom:210px}
  .fx-reveal{transform:translateY(16px)}
}

/* ---------- V6.4 illustrated home ---------- */
.kp-hero-bg{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.kp-hero-bg img{position:absolute;top:0;left:0;width:78%;height:100%;object-fit:cover;opacity:.3;filter:saturate(.9);-webkit-mask-image:linear-gradient(to right,#000 25%,transparent 100%);mask-image:linear-gradient(to right,#000 25%,transparent 100%)}
.kp-lead{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.9;max-width:60ch}
.kp-gallery{margin-top:34px}
.kp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kp-tile{display:flex;flex-direction:column;background:#fff;border:var(--hard);border-radius:22px;box-shadow:0 4px 0 var(--ink);overflow:hidden;color:var(--ink);transition:transform .15s,box-shadow .15s}
.kp-tile:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--ink)}
.kp-tile img{display:block;width:100%;height:auto;border-bottom:var(--hard);aspect-ratio:16/9;object-fit:cover}
.kp-tile-body{display:flex;flex-direction:column;gap:2px;padding:12px 16px 15px}
.kp-tile-body b{font-size:17px;font-weight:900}.kp-tile-body small{font-size:13px;line-height:1.8;color:var(--muted)}
.kp-tile--violet .kp-tile-body{background:#ece9ff}.kp-tile--pink .kp-tile-body{background:#ffe3f1}.kp-tile--ink .kp-tile-body{background:#e4e2f5}
.kp-tile--saffron .kp-tile-body{background:#fff3cf}.kp-tile--mint .kp-tile-body{background:#d9f5ec}.kp-tile--sky .kp-tile-body{background:#e0f1ff}
.kp-together{margin-top:40px;margin-bottom:10px}
.kp-together-card{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:30px;background:var(--orange-soft);border:var(--hard);border-radius:28px;box-shadow:-8px 8px 0 var(--ink)}
.kp-together-media{position:relative;padding-bottom:30px}
.kp-together-main{display:block;width:100%;height:auto;border:var(--hard);border-radius:22px;box-shadow:0 5px 0 var(--ink)}
.kp-together-mini{position:absolute;width:42%;height:auto;left:-10px;bottom:0;border:var(--hard);border-radius:16px;box-shadow:0 4px 0 var(--ink);transform:rotate(-3deg)}
.kp-together-copy h2{font-size:clamp(25px,3vw,34px);line-height:1.5;font-weight:900;margin:8px 0 10px;letter-spacing:-.6px}
.kp-together-copy p{font-size:15.5px;line-height:2;color:#4b4875;margin:0 0 14px}
.kp-ages{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 12px;padding:0}
.kp-ages li{padding:6px 13px;background:#fff;border:1.5px solid var(--ink);border-radius:99px;font-size:13px;font-weight:800}
.kp-together-copy .kp-note{display:flex;gap:7px;align-items:flex-start;font-size:13px;line-height:1.9;color:var(--muted)}
.kp-note .icon{margin-top:5px;color:var(--violet);flex:none}
@media (max-width:900px){
  .kp-tiles{grid-template-columns:repeat(2,1fr)}
  .kp-together-card{grid-template-columns:1fr;gap:20px;padding:20px}
}
@media (max-width:760px){
  .kp-hero-bg img{width:100%;height:70%;-webkit-mask-image:linear-gradient(to bottom,#000 20%,transparent 100%);mask-image:linear-gradient(to bottom,#000 20%,transparent 100%)}
  .kp-tiles{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .kp-tiles::-webkit-scrollbar{display:none}
  .kp-tile{flex:0 0 78%;max-width:320px;scroll-snap-align:center}
}

/* ---------- V6.5 footer on mobile ---------- */
@media (max-width:680px){
  .site-footer{display:block;margin-top:34px;padding:28px 0 12px}
  .footer-main{grid-template-columns:1fr 1fr;gap:22px 16px;padding-bottom:18px}
  .footer-brand{grid-column:1/-1}
  .footer-note{grid-column:1/-1}
  .footer-brand p{max-width:none;font-size:13px;line-height:1.9}
  .footer-brand-note{font-size:12px}
  .footer-main>div:not(.footer-brand):not(.footer-note){gap:4px;font-size:13px}
  .footer-main>div a{display:block;padding:7px 0;font-size:13.5px}
  .footer-main strong{font-size:14px;margin-bottom:4px}
  .footer-bottom{flex-direction:column;gap:6px;align-items:flex-start;font-size:11.5px;padding-bottom:6px}
}

/* ---------- V6.6 lighter hero ---------- */
.kp-hero-shell{background:linear-gradient(135deg,#fff6dc 0%,#f6f3ff 52%,#e6e0fd 100%);color:var(--ink);border-radius:28px;box-shadow:0 6px 0 var(--ink);min-height:400px;padding:40px 48px 84px}
.kp-hero-shell:before{background:radial-gradient(circle at 12% 18%,rgba(255,194,51,.28),transparent 34%),radial-gradient(circle at 92% 90%,rgba(91,75,219,.16),transparent 36%)}
.kp-hero-bg img{opacity:.55;width:70%;-webkit-mask-image:linear-gradient(to right,#000 20%,transparent 100%);mask-image:linear-gradient(to right,#000 20%,transparent 100%)}
.kp-hero-copy h1{color:var(--ink)}
.kp-hero-copy p{color:#4b4875}
.kp-sun{background:#fff;opacity:.9}
.kp-hero-ctas .btn--outline{background:#fff}
@media (max-width:760px){
  .kp-hero-shell{padding:26px 20px 90px;box-shadow:0 5px 0 var(--ink);border-radius:24px}
  .kp-hero-bg img{opacity:.5}
}

/* ==========================================================
   V6.8 Dark theme (refined slate)  (html[data-theme="dark"])
   ========================================================== */
.theme-toggle{display:inline-grid;place-items:center;flex:none;cursor:pointer}
.theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#8f98c4;--muted:#98a0c8;--violet:#7366f0;
  --cream:#0e1120;--cream-deep:#181c31;--surface:#161a2d;--surface-2:#1d2238;
  --line:#272d4a;--line-strong:#343c63;--teal-soft:#232a52;--orange-soft:#1d2238;
  --hard:1px solid #323a60;
  --soft-shadow:0 10px 28px rgba(0,0,0,.38);
}
html[data-theme="dark"] body{background:var(--cream);color:#e4e7f5}
html[data-theme="dark"] body:before{opacity:.25;background-image:radial-gradient(rgba(150,160,230,.12) 1px,transparent 1px)}
html[data-theme="dark"] .site-header{background:rgba(14,17,32,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-theme="dark"] .desktop-nav a{color:#a9b0d6}
html[data-theme="dark"] :is(.desktop-nav a:hover,.desktop-nav a.is-active){color:#fff}
/* soft elevation instead of hard offset shadows */
html[data-theme="dark"] :is(.btn,.category-tile,.listing-card,.step-item,.kp-tile,.exchange-match-card,.kp-hero-shell,.kp-together-card,.trust-strip,.kpw-card,.kpw-back,.kpw-xp,.kpw-bubble,.kp-swap,.kp-pill,.search-bar,.kp-hero-search .search-bar,.brand-mark,.icon-btn,.mobile-create,.kp-hl,.kp-together-main,.kp-together-mini,.header-avatar){box-shadow:var(--soft-shadow)}
html[data-theme="dark"] :is(.btn,.category-tile,.listing-card,.kp-tile):hover{box-shadow:0 14px 34px rgba(0,0,0,.5)}
html[data-theme="dark"] :is(.btn:active,.kpw-back:active){box-shadow:none}
html[data-theme="dark"] .trust-strip{box-shadow:var(--soft-shadow)}
/* surfaces */
html[data-theme="dark"] :is(.category-tile,.listing-card,.step-item,.exchange-match-card,.kp-tile,.mobile-nav,.icon-btn,.header-avatar,.kpw-card,.kpw-back,.kpw-progress,.kpw-bubble,.kp-ages li,.search-bar,.btn--outline,.kp-pill,.kp-swap,.auth-header,.gate-bar,.exchange-pair-card,.favorite-btn){background:var(--surface);color:#e4e7f5}
html[data-theme="dark"] .steps-band{background:#121528}
html[data-theme="dark"] :is(input,select,textarea){background:var(--surface-2);color:#e4e7f5;border-color:var(--line-strong)}
html[data-theme="dark"] ::placeholder{color:#7f88b4}
html[data-theme="dark"] :is(h1,h2,h3,h4,b,strong,.brand-word,.category-title){color:#f4f5fb}
html[data-theme="dark"] :is(p,small,li){color:inherit}
html[data-theme="dark"] :is(.muted,.kpw-sub,.kpw-hint){color:var(--muted)}
/* accents keep dark text on light fills */
html[data-theme="dark"] :is(.btn--orange,.mobile-create,.kp-hl,.kpw-xp,.step-icon,.step-icon--orange,.step-icon--gold,.category-icon,.online-dot,.kp-hero-search .search-submit,.kpw-guide-trust,.kp-swap em){color:#1b1740!important}
html[data-theme="dark"] .btn--orange{border-color:#e0a21c}
html[data-theme="dark"] .btn--outline{border-color:var(--line-strong)}
html[data-theme="dark"] .btn--outline:hover{background:var(--surface-2)}
html[data-theme="dark"] .category-icon{opacity:.92}
html[data-theme="dark"] .category-tile:hover,html[data-theme="dark"] .listing-card:hover,html[data-theme="dark"] .kp-tile:hover{border-color:#4a548a}
/* hero */
html[data-theme="dark"] .kp-hero-shell{background:linear-gradient(135deg,#1c2145 0%,#14182f 58%,#0f1225 100%);color:#fff;border-color:#2c3458}
html[data-theme="dark"] .kp-hero-shell:before{background:radial-gradient(circle at 10% 20%,rgba(255,194,51,.10),transparent 34%),radial-gradient(circle at 92% 88%,rgba(115,102,240,.28),transparent 40%)}
html[data-theme="dark"] .kp-hero-copy h1{color:#fff}
html[data-theme="dark"] .kp-hero-copy p{color:#c9cef0}
html[data-theme="dark"] .kp-hero-bg img{opacity:.2}
html[data-theme="dark"] .kp-sun{background:#f2b632;opacity:.95;border-color:#2c3458;box-shadow:none}
/* gallery + together */
html[data-theme="dark"] .kp-tile .kp-tile-body{background:var(--surface-2)}
html[data-theme="dark"] .kp-tile .kp-tile-body b{color:#f4f5fb}
html[data-theme="dark"] .kp-tile .kp-tile-body small{color:var(--muted);opacity:1}
html[data-theme="dark"] .kp-tile img{border-bottom-color:#323a60}
html[data-theme="dark"] .kp-together-card{background:#171b30;border-color:#2c3458}
html[data-theme="dark"] .kp-together-copy p,html[data-theme="dark"] .kp-lead{color:#b5bce3}
html[data-theme="dark"] .kp-together-main,html[data-theme="dark"] .kp-together-mini{border-color:#323a60}
html[data-theme="dark"] .kp-ages li{border-color:var(--line-strong)}
html[data-theme="dark"] :is(.trust-strip,.site-footer){background:#0a0c19;border-color:#2c3458}
html[data-theme="dark"] .toast{background:#232a52;color:#fff;border-color:#343c63}
html[data-theme="dark"] .listing-card__actions{border-top-color:var(--line)}
html[data-theme="dark"] .text-link{color:#9d93ff}
html[data-theme="dark"] .mobile-nav{border-top-color:#2c3458}
html[data-theme="dark"] .mobile-nav a{color:#aab1d8}html[data-theme="dark"] .mobile-nav a.is-active{color:var(--saffron)}
html[data-theme="dark"] .mobile-nav .mobile-create{border-color:var(--cream)}
html[data-theme="dark"] .skill-art img{filter:brightness(.92)}

/* ---------- V6.9 mobile stability ---------- */
html,body{max-width:100%;overflow-x:clip}
@media (max-width:760px){
  html{overscroll-behavior-x:none}
  .kp-tiles{margin-inline:-14px;padding-inline:14px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-padding-inline:14px}
  .kp-together-mini{left:0}
  .kp-hero-search{max-width:calc(100% - 28px)}
  .mobile-nav{-webkit-transform:translateZ(0);transform:translateZ(0);left:0;right:0;bottom:0;width:100%}
}

/* Real-auth feedback and account profile blocks. */
.kpw-auth-alert{display:block;order:0;margin:10px 0;padding:12px 14px;border:1px solid rgba(177,44,34,.28);border-radius:12px;background:#fff0ed;color:#9d281f;font-size:13px;font-weight:800;line-height:1.8}
.kpw-auth-alert[hidden]{display:none}
.header-logout-form{display:inline-flex;margin:0}
.profile-page .content-card form{display:flex;align-items:center;justify-content:flex-start}

/* ==========================================================
   V7.0 Accessible dark surfaces + unified form controls
   ========================================================== */
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf2ff;
  --muted: #b6c3da;
  --cream: #0c1422;
  --cream-deep: #111d30;
  --surface: #142238;
  --surface-2: #1b2b43;
  --line: #344861;
  --line-strong: #526b89;
  --teal-soft: #1d3942;
  --orange-soft: #3a301f;
  --hard: 1px solid #405773;
  --soft-shadow: 0 10px 28px rgba(0,0,0,.34);
}
html[data-theme="dark"] body { color: #edf2ff; background: #0c1422; }
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,b,strong,legend,label,.form-field>span,.form-step-heading,.policy-document h2,.policy-document h3,.faq-item summary,.contact-form__head h2) { color: #f4f7ff; }
html[data-theme="dark"] :is(p,li,small,.field-help,.form-field small,.contact-form__foot,.policy-document,.policy-document p,.faq-answer p) { color: #c4d0e5; }
html[data-theme="dark"] :is(a,.text-link,.policy-document a) { color: #aeb7ff; }
html[data-theme="dark"] :is(.content-card,.surface-form,.policy-document,.policy-aside-card,.faq-item,.faq-tools,.contact-form,.contact-side-card,.filter-panel,.seller-card,.proposal-card,.party-card,.agreement-details,.create-preview-card,.tips-card,.saved-empty,.empty-state,.kpw-card,.kpw-bubble,.kpw-search,.kpw-tray,.kpw-group,.kpw-levels li,.kp-skills-box,.contact-preview-note,.gate-rules,.gate-card,.timeline-card,.info-note,.faq-help-card,.form-aside,.agreement-card,.profile-card,.message-panel,.messages-panel,.kpc-panel,.kpc-sidebar,.kpc-chat,.kpc-conversation,.kpc-empty,.policy-callout,.policy-table-wrap) {
  background-color: #142238;
  color: #edf2ff;
  border-color: #344b66;
}
html[data-theme="dark"] :is(.filter-panel,.policy-aside,.contact-side-card,.faq-tools,.form-aside) { background-color: #111d30; }
html[data-theme="dark"] :is(.form-divider,.policy-document hr,.faq-item,.agreement-details,.contact-form,.profile-section,.kpc-message-list) { border-color: #344b66; }
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select) {
  background-color: #1c2c45 !important;
  color: #f4f7ff !important;
  border-color: #526b89 !important;
  color-scheme: dark;
  -webkit-text-fill-color: #f4f7ff;
  caret-color: #f4f7ff;
}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select):focus {
  background-color: #20334e !important;
  border-color: #a5adff !important;
  outline-color: #a5adff;
  box-shadow: 0 0 0 3px rgba(165,173,255,.16);
}
html[data-theme="dark"] :is(input,textarea,select)::placeholder { color: #aebed5 !important; opacity: 1; -webkit-text-fill-color: #aebed5; }
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f4f7ff !important;
  -webkit-box-shadow: 0 0 0 1000px #1c2c45 inset !important;
  box-shadow: 0 0 0 1000px #1c2c45 inset !important;
  caret-color: #f4f7ff;
}
html[data-theme="dark"] :is(input[type="checkbox"],input[type="radio"],input[type="range"]) { color-scheme: dark; accent-color: #a5adff; }
html[data-theme="dark"] .kp-skills-box { background: #1c2c45 !important; border-color: #526b89 !important; }
html[data-theme="dark"] .kp-skills-box input { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html[data-theme="dark"] :is(.kpw-field,.form-field,.form-grid label,.contact-consent,.check-line) { color: #edf2ff; }
html[data-theme="dark"] :is(.kpw-tile,.kpw-chip,.kpw-field,.kpw-addrow,.kpw-pass,.kpw-levels,.contact-form__status,.kp-skills-suggest button,.category-chips a,.filter-chip) { border-color: #455d7b; }
html[data-theme="dark"] :is(.kpw-tile,.kpw-chip,.kp-skills-suggest button,.category-chips a,.filter-chip) { background: #1a2a42; color: #eef3ff; }
html[data-theme="dark"] :is(.kpw-tile.is-on,.kpw-chip.is-on,.category-chips a.is-selected,.filter-chip.is-selected) { background: #30335e; border-color: #9296ff; color: #fff; }
html[data-theme="dark"] :is(.kpc-message,.kpc-bubble,.message-bubble,.chat-bubble) { color: #edf2ff; border-color: #3d5571; }
html[data-theme="dark"] .kpc-message--mine { background: #2b3158; }
html[data-theme="dark"] .kpc-message--theirs { background: #1b2c43; }
html[data-theme="dark"] :is(.kpw-hint,.contact-preview-note,.info-note) { color: #c4d0e5; }
html[data-theme="dark"] .steps-band { background: #0f1a2b; }
html[data-theme="dark"] :is(.contact-form__status,.kpw-auth-alert) { color: #f4f7ff; }
.kp-honeypot { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.contact-form__status { min-height: 1.8em; margin-top: 12px; font-size: 13px; font-weight: 700; }

/* V7.1: remaining hard-coded light surfaces in dark mode */
html[data-theme="dark"] :is(.btn--outline,.icon-btn,.header-avatar,.kp-pill,.kp-swap,.category-tile,.listing-card,.search-bar,.mobile-nav,.kpw-back,.kpw-progress,.kpw-footer,.kpw-round,.kpw-emoji,.kpw-groupemoji,.kpw-x,.kpw-seg,.kpw-dots button,.kpw-passport-top span,.kpw-groupcard,.kp-ages li,.kp-tile,.gate-progress,.gate-ico,.kpc,.kpc-search,.kpc-tabs button,.kpc-back,.kpc-day,.kpc-down,.kpc-chip,.kpc-note-ico,.kpc-note-actions button+button,.kpc-icon) {
  background-color: #1c2c45 !important;
  color: #edf2ff !important;
  border-color: #526b89 !important;
}
html[data-theme="dark"] .kpw-groupcard :is(b,strong,small,span,p),
html[data-theme="dark"] .kp-tile :is(b,strong,small,span,p) { color: #edf2ff !important; }
html[data-theme="dark"] :is(.kp-tile--saffron .kp-tile-body,.kp-tile--mint .kp-tile-body,.kp-tile--sky .kp-tile-body) { background: #24354e !important; }
html[data-theme="dark"] .kpc-search input { background: transparent !important; color: #f4f7ff !important; -webkit-text-fill-color: #f4f7ff; }
html[data-theme="dark"] .kpc-msg--them .kpc-bubble { background: #1b2c43 !important; color: #edf2ff !important; border-color: #526b89 !important; }
html[data-theme="dark"] .kpc-msg--me .kpc-bubble { background: #34345f !important; color: #ffffff !important; border-color: #626b9b !important; }
html[data-theme="dark"] .kpc-note.is-info { background: #1f3150 !important; color: #edf2ff !important; }
html[data-theme="dark"] .kpc-note.is-warn { background: #3a301f !important; color: #fff1d4 !important; }
html[data-theme="dark"] .kpc-note :is(p,span,b,strong) { color: inherit !important; }
html[data-theme="dark"] .kpc-item:hover { background: #202f49 !important; color: #f4f7ff !important; }
html[data-theme="dark"] .kpc-item:active { background: #293b59 !important; color: #ffffff !important; }
html[data-theme="dark"] .kpc-tabs button.is-active { background: #45417d !important; color: #ffffff !important; border-color: #9296ff !important; }
html[data-theme="dark"] .kpw-footer { background: #101c2e !important; }
html[data-theme="dark"] .kpw-ghost:hover { background: #263954 !important; color: #ffffff !important; }
html[data-theme="dark"] .kpw-seg button { color: #c4d0e5 !important; }
html[data-theme="dark"] .kpw-seg button.is-on { background: #2c514d !important; color: #ffffff !important; }
html[data-theme="dark"] .kpc-send { background: #303652 !important; color: #cbd2f4 !important; border-color: #526b89 !important; }
html[data-theme="dark"] .kpc-send.is-ready { background: #d8b65e !important; color: #172235 !important; border-color: #f0d28a !important; }
html[data-theme="dark"] .kpc-note-actions button { background: #d8b65e !important; color: #172235 !important; border-color: #f0d28a !important; }
html[data-theme="dark"] .kpc-chip.is-meet { background: #d8b65e !important; color: #172235 !important; border-color: #f0d28a !important; }
html[data-theme="dark"] .kpc-count { color: #172235 !important; }
html[data-theme="dark"] .gate-alert { background: #3b252a !important; border-color: #a85b65 !important; color: #ffe6e9 !important; }
html[data-theme="dark"] .gate-alert :is(p,span,b,strong) { color: inherit !important; }

/* ==========================================================
   V9.1 Dark theme completion
   Components below had hard-coded light backgrounds (cream/white) that the
   original dark block did not cover, so light text ended up on light boxes.
   ========================================================== */
html[data-theme="dark"]{--dk-text:#e4e7f5;--dk-soft:#b5bce3;--dk-chip:#232a52;--dk-chip-warm:#2a2540;--dk-chip-green:#1c2f35}

/* 1) Main surfaces: cards, panels, forms, lists */
html[data-theme="dark"] :is(
  .about-story,.about-note,.about-values span,.exchange-box,.detail-facts,.conversation-list,.conversation-search,
  .conversation-item,.chat-compose,.chat-context,.message-bubble--them,.message-bubble--me,.agreement-detail-grid,
  .auth-shell,.auth-form,.auth-form-panel,.auth-visual,.password-toggle,.input-with-icon,
  .policy-card,.policy-head-grid,.policy-hero,.policy-aside-note,.policy-feature,.policy-table,.policy-callout--teal,.policy-callout--amber,
  .safety-checklist,.safety-check-grid,.safety-topic-grid,.faq-search,.browse-quick-card,.browse-quick-card--sand,
  .create-stepper,.create-preview-foot,.create-preview-art,.exchange-pair-card--want,.exchange-pair-card--offer,
  .detail-match-summary,.profile-progress-card,.saved-toolbar,.saved-filters,.saved-foot-note,.saved-filter-empty,
  .filter-tip,.simple-cta,.hero-shell,.hero-mobile-ctas,.agreement-mobile-topbar,.policy-intro-strip,.policy-bottom-callout,
  .kpw-ghost--block,.kpw-pill,.kpw-tab,.kpw-switch,.kpw-nofly,.kpw-check i,.kpc-compose,.kp-hero-ctas,
  .kpw-guide,.kpw-error,.steps-grid--four,.conversation-tabs
){background:var(--surface);color:var(--dk-text);border-color:var(--line-strong)}

html[data-theme="dark"] :is(.about-values span,.conversation-item,.agreement-detail-grid,.create-preview-foot,.exchange-pair-card--offer){background:var(--surface-2)}
html[data-theme="dark"] :is(.auth-page,.browse-body,.agreement-body){background:var(--cream)}
html[data-theme="dark"] .auth-shell{background:linear-gradient(145deg,#14182f,#0f1225)}
html[data-theme="dark"] .auth-visual{background:linear-gradient(145deg,#1c2145,#14182f)}
html[data-theme="dark"] .about-note{background:linear-gradient(150deg,#1c2145,#161a2d)}

/* 2) Small icon chips and pills (tinted squares) */
html[data-theme="dark"] :is(
  .intro-illustration,.category-icon--orange,.category-icon--gold,.how-step__icon--orange,.how-step__icon--gold,
  .tips-icon,.count-badge,.step-pill--gold,.status-pill--review,.policy-card__art,.policy-status--orange,
  .policy-feature__icon--orange,.policy-topic-icon--orange,.policy-feature__icon--gold,.faq-toggle,
  .contact-side-icon--orange,.preview-exchange,.exchange-pair-swap,.tone-saffron,.is-child,.is-sad
){background:var(--dk-chip-warm);border-color:var(--line-strong);color:#ffc233}
html[data-theme="dark"] :is(
  .category-icon--green,.category-icon--teal,.category-icon--ink,.category-label,.footer-badge,.step-pill,.how-step__icon,
  .how-step__icon--green,.policy-intro-icon,.policy-card__tag,.policy-status--teal,.policy-feature__icon,.policy-topic-icon,
  .faq-number,.contact-side-icon,.preview-category,.match-step,.is-done,.skill-tags,.chat-date,.header-search,
  .tone-mint,.tone-sky,.is-teen,.is-adult,.is-young,.is-senior,.listing-avatar,.is-away
){background:var(--dk-chip);border-color:var(--line-strong);color:#c9cef0}

/* 3) Text on those surfaces: the original muted greys were made for light boxes */
html[data-theme="dark"] :is(.about-note p,.about-values small,.exchange-box small,.detail-facts small,.policy-card p,.faq-search small,.auth-form-heading p,.auth-legal){color:var(--dk-soft)}
html[data-theme="dark"] :is(.about-values b,.about-note h3,.auth-form-heading h2,.about-story h2){color:#f4f5fb}
html[data-theme="dark"] .about-note__logo .brand-word{color:#f4f5fb}
html[data-theme="dark"] .about-values span{color:#a89cff}

/* 4) Login / register extras */
html[data-theme="dark"] .kpw-ghost--block{color:#f4f5fb;border-color:var(--line-strong);box-shadow:0 4px 0 #343c63}
html[data-theme="dark"] .kpw-ghost--block:hover{background:var(--surface-2)!important;color:#fff!important}
html[data-theme="dark"] .kpw-check i{background:var(--surface-2)}
html[data-theme="dark"] .kpw-check input:checked+i{background:var(--violet)}
html[data-theme="dark"] .kpw-error{background:#3a1c26;color:#ffb4ab;border-color:#6b2a37}
html[data-theme="dark"] .kpw-guide-trust{background:#c9f2e6;color:#0f3b30!important}
html[data-theme="dark"] .kpw-cta.is-disabled,html[data-theme="dark"] .kpw-cta:disabled{background:#2a2f52;color:#7f88b4}
html[data-theme="dark"] .btn--soft{background:var(--surface-2);color:#e4e7f5;border-color:var(--line-strong)}
html[data-theme="dark"] .message-bubble--me{background:#25305f}

/* 5) Header: stay visible while scrolling (app.css later resets it to relative) */
.site-header{position:sticky;top:0;z-index:80}
html[data-theme="dark"] .auth-header{background:var(--surface);border-color:var(--line-strong)}
html[data-theme="dark"] .auth-back{color:#c9cef0}

/* 6) Auth pages now carry the main navigation */
.auth-nav{display:flex;gap:16px;align-items:center;margin-inline:auto;padding-inline:18px}
.auth-nav a{font-weight:700;font-size:13px;color:var(--muted)}
.auth-nav a:hover{color:var(--violet)}
html[data-theme="dark"] .auth-nav a:hover{color:#fff}
@media (max-width:760px){.auth-nav{display:none}}