/* KISS mode, live home-time clock, and playful forecast-aware outfits. */
.kiss-toggle{display:inline-flex;align-items:center;gap:5px;justify-content:center;min-height:42px;padding:6px 11px;border:1px solid rgba(255,255,255,.33);border-radius:999px;background:rgba(255,255,255,.1);color:#d0d5d8;font-size:.78rem;font-weight:900;letter-spacing:.045em;white-space:nowrap;transition:background .2s,color .2s}
.kiss-toggle .kiss-icon{width:27px;height:20px;flex-shrink:0;transform:rotate(-9deg);transition:color .2s,transform .2s}
.kiss-toggle:hover{background:rgba(255,255,255,.17)}
.kiss-toggle[aria-pressed="true"]{color:#fff;background:#7d173a;border-color:#e4607c;box-shadow:0 0 0 2px rgba(231,71,111,.18)}
.kiss-toggle[aria-pressed="true"] .kiss-icon{color:#ff365c;transform:rotate(-9deg) scale(1.12)}
.kiss-toggle:focus-visible,.kiss-tab:focus-visible,.time-convert-btn:focus-visible,.look-controls button:focus-visible{outline:3px solid #f1a0b7;outline-offset:2px}
.kiss-view[hidden],.time-modal[hidden]{display:none!important}
body.kiss-active #mainSite,body.kiss-active .hero-grid,body.kiss-active .stats-row,body.kiss-active footer,body.kiss-active .trip-toolbelt,body.kiss-active .coach-dock,body.kiss-active .gems-dock,body.kiss-active .currency-dock{display:none!important}
body.kiss-active .hero{min-height:0!important;padding:18px 23px!important;border-radius:18px;box-shadow:none}
body.kiss-active .hero::after{display:none}
.kiss-view{max-width:800px;margin:26px auto 65px}
.kiss-masthead{text-align:center;padding:33px 18px 24px;border:1px solid #e9c3ca;background:linear-gradient(140deg,#fff4f4 0%,#fffaf7 64%,#fce9ec);color:#42212b;border-radius:24px 24px 0 0}
.kiss-big-lips{display:block;width:128px;height:88px;margin:0 auto 8px;color:#d71e4d;filter:drop-shadow(0 7px 2px rgba(151,45,75,.16));transform:rotate(-11deg)}
.kiss-overline{color:#a94a65;font-size:.68rem;font-weight:900;letter-spacing:.19em;margin:0 0 4px}
.kiss-masthead h1{font-family:'Playfair Display',Georgia,serif;line-height:1;font-size:clamp(4rem,12vw,6.9rem);letter-spacing:-.07em;color:#92274c;margin:0}
.kiss-subtitle{font-size:1.12rem;font-weight:900;margin:4px 0 0;color:#a32952}
.kiss-tagline{font-size:.89rem;color:#704452;margin:8px 0 0}
.kiss-day-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:15px 11px;background:var(--surface);border:1px solid var(--line);border-top:0}
.kiss-tab{background:var(--bg);color:var(--ink);padding:11px 12px;border:1px solid var(--line);font-size:.82rem;font-weight:850;border-radius:10px;white-space:nowrap;flex:1}
.kiss-tab.active{background:#8c2549;color:#fff;border-color:#8c2549}
.kiss-day-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:10px;padding:20px 14px 14px;background:var(--surface);border:1px solid var(--line);border-top:0}
.kiss-day-heading h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.4rem,4vw,2.15rem);margin:0 0 3px}
.kiss-day-heading p{font-size:.79rem;color:var(--muted);margin:0}
.kiss-day-heading .kiss-clock{font-size:.7rem;border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--bg);color:var(--ink)}
.kiss-stops{background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;padding:0 12px 10px}
.kiss-stop{display:grid;grid-template-columns:minmax(110px,175px) minmax(0,1fr);gap:10px;padding:13px 5px;border-bottom:1px solid var(--line);align-items:baseline}
.kiss-stop:last-child{border-bottom:0}
.kiss-when{color:#a53357;font-size:.88rem;font-weight:900;font-variant-numeric:tabular-nums}
.kiss-what{color:var(--ink);font-weight:750;font-size:.96rem;line-height:1.37}
.kiss-footnote{color:var(--muted);font-size:.74rem;text-align:center;line-height:1.5}
[data-theme="dark"] .kiss-masthead{background:linear-gradient(140deg,#3a202a,#34262b);color:#ffccd6;border-color:#72394c}
[data-theme="dark"] .kiss-masthead h1{color:#ffa4bb}
[data-theme="dark"] .kiss-overline,[data-theme="dark"] .kiss-tagline,[data-theme="dark"] .kiss-subtitle{color:#eab4c5}
[data-theme="dark"] .kiss-tab.active{background:#b43f62}
[data-theme="dark"] .kiss-when{color:#ff9eb8}
/* Live clocks in the existing sticky day-navigation bar. */
.trip-timebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;gap:7px;padding:0 1px 9px;margin-bottom:9px;border-bottom:1px solid var(--line)}
.time-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:7px 12px;min-width:0;line-height:1.2}
.time-place{color:var(--muted);font-size:.7rem;font-weight:800}
.time-chip strong{font-size:1rem;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:2px}
.time-chip small{font-size:.65rem;color:var(--muted);margin-top:1px;white-space:nowrap}
.time-convert-btn{background:#e8f3eb;color:#245443;border:1px solid #bfddca;min-width:80px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:.7rem;font-weight:850}
.time-convert-btn span:first-child{font-size:1.15rem;line-height:1}
[data-theme="dark"] .time-convert-btn{background:#254638;border-color:#47745e;color:#e1f9e9}
body.time-modal-open{overflow:hidden}
.time-modal{position:fixed;inset:0;z-index:3001;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(6,18,20,.76);backdrop-filter:blur(4px)}
.time-panel{width:min(490px,100%);max-height:91dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:23px;box-shadow:0 18px 70px rgba(0,0,0,.35);padding:23px;color:var(--ink)}
.time-panel-header{display:flex;gap:12px;justify-content:space-between;align-items:start}
.time-panel-header .eyebrow{color:var(--green);font-size:.65rem;margin:0 0 6px}
.time-panel h2{font:700 1.55rem/1.12 'Playfair Display',Georgia,serif;margin:0}
.time-panel-header>button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:50%;font-size:1.25rem;min-width:38px;min-height:38px}
.time-offset{color:var(--muted);font-size:.83rem;line-height:1.4;margin:13px 0}
.time-form{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;align-items:end}
.time-form label{font-size:.76rem;color:var(--muted);font-weight:850}
.time-form label:first-child,.time-form select{grid-column:1/-1}
.time-form input,.time-form select{font-family:inherit;font-size:16px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);max-width:100%;min-height:43px}
.time-form label[for="timeDate"]{grid-column:1}.time-form label[for="timeValue"]{grid-column:2;grid-row:3}
.time-form #timeDate{grid-column:1;grid-row:4}.time-form #timeValue{grid-column:2;grid-row:4}
.time-results{display:grid;gap:7px;margin-top:15px}
.time-results>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px}
.time-results span{color:var(--muted);font-size:.79rem;font-weight:800}.time-results strong{font-size:.9rem}
.time-business-note{font-size:.79rem;line-height:1.45;color:#205641;font-weight:800;margin:12px 0 0;padding:11px 12px;border:1px solid #c7dccf;border-radius:10px;background:#eaf5ed}
[data-theme="dark"] .time-business-note{background:#223b30;color:#ddf5e6;border-color:#3a684f}
.time-conversion-note{font-size:.76rem;line-height:1.45;color:var(--muted);margin:10px 0 0}
/* Styled outfit picker. */
.mobile-look-title{margin:8px 0 3px;font-size:.84rem;font-weight:850;color:var(--ink)}
.mobile-look-title span{font-size:.69rem;font-weight:700;color:var(--muted);margin-left:6px}
.look-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.look-genders{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--surface-2)}
.look-genders button{border:0;background:transparent;border-radius:7px;color:var(--muted);font-size:.75rem;font-weight:850;padding:7px 9px;min-height:32px}
.look-genders button.selected{background:#315c49;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.09)}
.look-shuffle{border:1px solid #d5bcd5;border-radius:10px;color:#773b72;background:#f5eaf5;padding:8px 10px;min-height:38px;font-size:.74rem;font-weight:900}
[data-theme="dark"] .look-shuffle{background:#4b2d4b;color:#f9cef0;border-color:#754c72}
.look-controls-desktop{margin-top:10px}.look-controls-mobile{display:none}
.look-vibe{font-size:.81rem;line-height:1.45;color:var(--muted);margin:6px 0 0;max-width:440px}
.look-variant-label{font-size:.73rem;color:var(--muted);margin:10px 0 -2px}
@media(max-width:680px){
  .top-actions{gap:5px;align-items:center}
  .kiss-toggle{padding:5px 8px;min-height:36px;font-size:.7rem;gap:2px}
  .kiss-toggle .kiss-icon{width:24px;height:18px}
  .top-actions #themeToggle{width:36px;height:36px}
  .trip-timebar{gap:4px;padding-bottom:7px;margin-bottom:7px}
  .time-chip{padding:5px 6px;border-radius:9px}
  .time-place{font-size:.62rem}
  .time-chip strong{font-size:.83rem}
  .time-chip small{font-size:.58rem}
  .time-convert-btn{min-width:58px;font-size:.61rem}
  .time-convert-btn span:first-child{font-size:1rem}
  .kiss-view{margin:10px auto 24px}
  .kiss-masthead{padding:16px 12px 15px;border-radius:17px 17px 0 0}
  .kiss-big-lips{width:95px;height:58px;margin-bottom:2px}
  .kiss-masthead h1{font-size:3.6rem}
  .kiss-subtitle{font-size:.96rem}
  .kiss-tagline{font-size:.76rem}
  .kiss-day-tabs{gap:5px;padding:9px 8px}
  .kiss-tab{flex:0 0 auto;padding:8px 10px;min-height:40px;font-size:.75rem}
  .kiss-day-heading{padding:15px 10px 11px}
  .kiss-day-heading h2{font-size:1.38rem}
  .kiss-day-heading .kiss-clock{width:100%;font-size:.71rem}
  .kiss-stops{padding:0 10px 6px}
  .kiss-stop{grid-template-columns:minmax(83px,94px) minmax(0,1fr);gap:8px;padding:10px 2px}
  .kiss-when{font-size:.72rem}.kiss-what{font-size:.83rem}
  .time-modal{align-items:flex-end;padding:0}
  .time-panel{border-radius:18px 18px 0 0;width:100%;padding:18px 17px calc(20px + env(safe-area-inset-bottom));max-height:91dvh}
  .time-panel h2{font-size:1.4rem}
  .time-results strong{font-size:.84rem}
  .mobile-look-title{font-size:.83rem}
  .mobile-outfit-preview{margin-top:4px}
  .look-controls-mobile{display:flex;margin-top:7px}
  .look-controls-desktop{display:none}
  .look-controls .look-shuffle{font-size:.7rem;padding:7px 8px;min-height:35px}
  .look-genders button{font-size:.7rem;padding:6px 7px;min-height:33px}
  .weather-wardrobe-full .wardrobe-card .outfit-grid{grid-template-columns:1fr}
  .look-variant-label{margin-top:4px}
}
@media(max-width:355px){
  .brand{font-size:.66rem;letter-spacing:.13em}
  .kiss-toggle{padding:4px 5px}
  .look-controls{gap:5px}
  .look-genders button{padding:6px;font-size:.66rem}
  .look-controls .look-shuffle{font-size:.65rem;padding:6px 7px}
}
@media print{
  .kiss-toggle,.time-modal,.trip-timebar,.look-controls{display:none!important}
  body.kiss-active .hero{display:none!important}
  body.kiss-active .kiss-view{display:block!important}
  body.kiss-active .kiss-day-tabs{display:none!important}
  body.kiss-active .kiss-masthead{padding:12px}
}