/* HeiGo · quieter surfaces and continuous choice feedback. All selectors are scoped. */
.outfit-dialog[data-recorded=false]{--of-paper:#fdfcfe;--of-ink:#352b40;--of-muted:#817587}
.outfit-dialog[data-recorded=false] .outfit-nav{padding-inline:22px;background:#fdfcfe;min-height:66px}
.outfit-dialog[data-recorded=false] .outfit-nav h1{font-size:19px;letter-spacing:-.5px;font-weight:700}
.outfit-dialog[data-recorded=false] .outfit-back{background:none;border:1px solid #eee8f1;color:#715b86;width:42px;height:42px}
.outfit-calendar-action{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#f3eef7;color:#715b86}
.outfit-calendar-action svg{width:19px;height:19px;stroke-width:1.5}.outfit-calendar-action[hidden],.outfit-wordmark[hidden]{display:none}
.outfit-dialog[data-recorded=false] .outfit-tabs{display:flex;align-items:center;justify-content:space-between;padding:0 22px 8px;gap:15px;background:#fdfcfe;border:0}
.outfit-dialog[data-recorded=false] .outfit-tabs button{flex:none;min-height:44px;width:auto;padding:0;border:0;background:none;gap:6px;color:#7f7189;font-size:12px;font-weight:500;line-height:1.5}
.outfit-dialog[data-recorded=false] #outfitTab{color:#55475f;font-size:13px}.outfit-dialog[data-recorded=false] #outfitTab svg{width:14px;height:14px;stroke-width:1.5}
.outfit-dialog[data-recorded=false] #outfitWeatherTab{font-size:11px;gap:7px;color:#89749a}.outfit-dialog[data-recorded=false] #outfitWeatherTab:after{content:'↗';font-size:14px;margin-left:2px}.outfit-dialog[data-recorded=false] #outfitWeatherTab svg{width:15px;height:15px}
.outfit-dialog[data-recorded=false] .outfit-scroll{padding-inline:22px}
.outfit-dialog[data-recorded=false] .outfit-intro{margin:0 -22px;padding:25px 43% 26px 22px;min-height:245px;border-radius:0 0 32px 4px;background:radial-gradient(ellipse at 90% 20%,#e0d4ec66,transparent 65%),linear-gradient(110deg,#fcfaff,#f1eaf7)}
.outfit-dialog[data-recorded=false] .outfit-intro:after{border-color:#fff8;right:-80px;top:14px;width:275px;height:275px}
.outfit-dialog[data-recorded=false] .outfit-display-title{font-weight:650;line-height:1.24;letter-spacing:-1.5px;color:#4b365b}
.outfit-dialog[data-recorded=false] .outfit-intro .outfit-eyebrow{display:none}
.outfit-dialog[data-recorded=false] .outfit-intro .outfit-lede{color:#93829d;font-size:11px;line-height:1.9}
.outfit-dialog[data-recorded=false] .outfit-intro-person{transform:rotate(2deg);right:-34px;top:14px;width:58%;height:238px;border-radius:24px;mask-image:linear-gradient(to right,transparent,#000 17%,#000 96%,transparent)}
.outfit-dialog[data-recorded=false] .outfit-voice{border:0;border-radius:0;padding:0;margin:28px 0 30px;background:none;box-shadow:none}
.outfit-dialog[data-recorded=false] .outfit-voice>.outfit-mini-label{display:none}
.outfit-dialog[data-recorded=false] .outfit-voice h2{font-size:22px;font-weight:650;color:#51415d;letter-spacing:-.75px;line-height:1.45;margin-bottom:15px}
.outfit-dialog[data-recorded=false] .outfit-voice-button{min-height:70px;border:1px solid #ece5f2;border-radius:22px;background:linear-gradient(110deg,#f5f0fa,#fbf9fd);font-weight:600;color:#73558b;box-shadow:0 5px 18px #70538d04}
.outfit-dialog[data-recorded=false] .outfit-mic-icon{width:44px;height:44px;background:#795e97;box-shadow:0 4px 10px #6b4fa817}
.outfit-dialog[data-recorded=false] .outfit-voice-tools{margin-top:2px}.outfit-dialog[data-recorded=false] .outfit-voice-status{color:#9582a3}
.outfit-dialog[data-recorded=false] .outfit-notes{background:#f8f6fa;border:1px solid transparent;border-radius:17px;min-height:80px;font-size:12px!important;color:#655371}
.outfit-dialog[data-recorded=false] .outfit-notes::placeholder{color:#aa9ab3}.outfit-dialog[data-recorded=false] .outfit-notes:focus{border-color:#c6b0d9;background:#fff;outline:0;box-shadow:0 0 0 3px #c6b0d91c}
.outfit-dialog[data-recorded=false] .outfit-notes-label{font-size:10px;color:#95859f}.outfit-dialog[data-recorded=false] .outfit-voice-limit,.outfit-dialog[data-recorded=false] .outfit-voice-privacy{font-size:9px;line-height:1.8;color:#a395ad}
.outfit-dialog[data-recorded=false] .outfit-form{padding:0;margin:30px 0 22px;background:none;border:0;border-radius:0;box-shadow:none}
.outfit-plans-heading{font-size:22px;line-height:1.5;font-weight:650;color:#51415d;letter-spacing:-.7px;margin:0 0 22px;text-wrap:balance}
.outfit-dialog[data-recorded=false] .outfit-field-pair{gap:14px}
.outfit-dialog[data-recorded=false] .outfit-field{gap:8px}
.outfit-dialog[data-recorded=false] .outfit-field>span,.outfit-dialog[data-recorded=false] .outfit-chip-field legend{font-size:11px;font-weight:500;color:#95839f;line-height:1.6}
.outfit-dialog[data-recorded=false] .outfit-field :is(input,select){min-height:50px;border:1px solid transparent;background:#f3f0f6;border-radius:17px;padding:11px 13px;color:#5b4a68;font-weight:550;font-size:13px;box-shadow:none}
.outfit-dialog[data-recorded=false] .outfit-field :is(input,select):focus{background:#fff;border-color:#d7c8e3;box-shadow:0 0 0 3px #d7c8e320;outline:0}
.outfit-dialog[data-recorded=false] .outfit-chip-field{margin-top:26px}
.outfit-dialog[data-recorded=false] .outfit-chip-field legend{margin-bottom:11px}
.outfit-dialog[data-recorded=false] .outfit-chips{position:relative;isolation:isolate;gap:0}
.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chips{padding:4px;border-radius:999px;background:#f2eef6}
.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:0;border:0!important;background:transparent!important;border-radius:999px;color:#9c8ca8;font-size:11px!important;font-weight:500!important;box-shadow:none!important}
.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip[aria-pressed=true]{color:#6a4c85;font-weight:700!important}
.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip svg{width:14px;height:14px;stroke-width:1.6;flex:none}
.outfit-choice-wash{display:none}
.outfit-dialog[data-recorded=false] .outfit-choice-wash{position:absolute;display:block;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:999px;background:#fff;box-shadow:0 2px 7px #5136670d;transform:translateX(calc(var(--choice-index,0)*100%));pointer-events:none}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:92px;padding:17px 4px 12px;border:1px solid transparent!important;background:#f6f3f8;border-radius:21px;color:#9b8ba6;font-size:11px!important;font-weight:500;line-height:1.4;box-shadow:none!important;transform:translateY(0)}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip svg{width:23px;height:23px;stroke-width:1.4;flex:none}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip[aria-pressed=true]{background:#eee5f6;color:#6d4b88;transform:translateY(-2px);font-weight:650}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip[aria-pressed=true]:after{content:'✓';display:grid;place-items:center;position:absolute;right:7px;top:7px;width:13px;height:13px;font-size:8px;line-height:1;border-radius:50%;background:#fff9;color:#8766a2}
.outfit-dialog[data-recorded=false] .outfit-more{border:0;border-top:1px solid #eee8f2;margin-top:24px}
.outfit-dialog[data-recorded=false] .outfit-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;color:#887393;font-size:11px;font-weight:500;min-height:58px;padding:15px 0;line-height:1.6}
.outfit-dialog[data-recorded=false] .outfit-more summary::-webkit-details-marker{display:none}
.outfit-dialog[data-recorded=false] .outfit-more summary>svg{width:15px;height:15px;flex:none;stroke-width:1.5;transform:rotate(0)}
.outfit-dialog[data-recorded=false] .outfit-more[open] summary>svg{transform:rotate(180deg)}
.outfit-dialog[data-recorded=false] .outfit-owned{font-size:11px;color:#887392}
.outfit-dialog[data-recorded=false] .outfit-calendar-card{padding:0;margin:16px 0 28px;border:0;border-radius:0;background:none}
.outfit-calendar-fold>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:68px;padding:14px 0;border-block:1px solid #eee8f2;color:#80688f}
.outfit-calendar-fold>summary::-webkit-details-marker{display:none}
.outfit-calendar-fold>summary>svg{width:19px;height:19px;stroke-width:1.5;flex:none}
.outfit-calendar-fold>summary>svg:last-child{width:15px;height:15px;margin-left:auto;transition:transform .25s;transform:rotate(0)}
.outfit-calendar-fold[open]>summary>svg:last-child{transform:rotate(180deg)}
.outfit-calendar-fold>summary>span{display:flex;flex-direction:column;gap:4px}
.outfit-calendar-fold strong{font-size:13px;font-weight:600}.outfit-calendar-fold small{font-size:10px;font-weight:500;color:#aa98b5;letter-spacing:.4px}
.outfit-calendar-fold .hg-cal{padding-top:20px}
.outfit-dialog[data-recorded=false] .outfit-calendar-selected{margin-inline:0;border-radius:14px;border:0;background:#f4eff8;font-size:11px;padding:12px}
.outfit-dialog[data-recorded=false] .outfit-footer{border:0;background:#fdfcfeed;backdrop-filter:blur(16px);padding:12px 22px max(16px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px #fbf9fc99}
.outfit-dialog[data-recorded=false] .outfit-primary{min-height:55px;border-radius:999px;background:var(--of-purple);font-size:14px;font-weight:600;box-shadow:0 6px 16px #6b4fa81a;letter-spacing:-.2px}
.outfit-dialog[data-recorded=false] .outfit-primary:active{transform:scale(.98);background:#68437e}
.outfit-dialog[data-recorded=false] .outfit-action-note{display:none}
.outfit-dialog[data-recorded=false] .outfit-layer,.outfit-dialog[data-recorded=false] .outfit-accessory{border:0;border-radius:0;border-top:1px solid #eee8f2;background:none;padding:19px 0;margin:0}
.outfit-dialog[data-recorded=false] .outfit-layer-index{color:#b5a3c2;font-weight:400}
.outfit-dialog[data-recorded=false] .outfit-gear-icon{background:#f1ecf6;border-radius:16px;color:#9b80af}
.outfit-dialog[data-recorded=false] .outfit-result-title{color:#4b365b;font-weight:650}

/* Homepage: a compact weather companion directly below AI Outfit. */
#outfitHome{border:0!important;background:linear-gradient(120deg,#f4eef9,#ede4f5)!important;border-radius:25px!important;min-height:178px;margin-bottom:8px;padding:25px 22px!important;box-shadow:none}
#outfitHome .outfit-home-copy{gap:9px}#outfitHome .outfit-home-copy strong{font-size:25px;font-weight:650;color:#664781;letter-spacing:-.8px}#outfitHome .outfit-home-copy small{font-size:8px;letter-spacing:1.6px;color:#a18bb3}#outfitHome .outfit-home-copy>span{font-size:11px;color:#9c85ac}#outfitHome .outfit-home-copy>b{font-weight:550;font-size:11px;color:#8b6ba2}
#outfitHome>img{right:-21px;top:0;width:53%;height:100%;border-radius:20px;transform:rotate(2deg);mask-image:linear-gradient(to right,transparent,#000 17%,#000)}
#wxHome.wx-entry{display:flex;align-items:center;gap:11px;min-height:70px!important;padding:12px 14px!important;margin:0 0 28px!important;border:1px solid #ede7f2!important;border-radius:20px!important;background:#fdfcff!important;box-shadow:0 4px 14px #61477a03;color:#7b608c;text-align:left;width:100%}
#wxHome .wx-entry-icon{display:grid;place-items:center;flex:none;width:35px!important;height:35px!important;border:0!important;border-radius:50%!important;background:#f4eff8!important;color:#a487b7!important;box-shadow:none!important}
#wxHome .wx-entry-icon svg{width:21px;height:21px;stroke-width:1.3}
#wxHome .wx-entry-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
#wxHome .wx-entry-text strong{font-size:12px!important;line-height:1.5;font-weight:600!important;color:#786185}
#wxHome .wx-entry-text>span{font-size:10px!important;line-height:1.5;color:#aa98b5;white-space:normal;overflow-wrap:anywhere}
#wxHome .wx-entry-value{font-size:19px!important;font-weight:500!important;flex:none;color:#9e85b0}

@media(min-width:701px){.outfit-dialog[data-recorded=false] .outfit-intro{min-height:270px;padding-top:32px}.outfit-dialog[data-recorded=false] .outfit-intro-person{top:5px;height:270px;width:55%;right:-12px}.outfit-dialog[data-recorded=false] .outfit-display-title{font-size:34px;max-width:230px}.outfit-dialog[data-recorded=false] .outfit-voice h2,.outfit-dialog[data-recorded=false] .outfit-plans-heading{font-size:24px}}
@media(max-width:350px){.outfit-dialog[data-recorded=false] .outfit-nav,.outfit-dialog[data-recorded=false] .outfit-tabs{padding-inline:18px}.outfit-dialog[data-recorded=false] .outfit-scroll{padding-inline:18px}.outfit-dialog[data-recorded=false] .outfit-intro{margin-inline:-18px;padding-left:18px}.outfit-dialog[data-recorded=false] .outfit-voice h2,.outfit-plans-heading{font-size:20px}.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip{gap:4px;font-size:10px!important}.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip svg{width:12px;height:12px}.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chips{gap:5px}.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip{border-radius:17px;font-size:10px!important;min-height:92px}.outfit-dialog[data-recorded=false] .outfit-field-pair{gap:10px}.outfit-dialog[data-recorded=false] .outfit-field :is(input,select){font-size:12px;padding-inline:10px}.outfit-dialog[data-recorded=false] #outfitWeatherTab{font-size:10px}}
@media(prefers-reduced-motion:no-preference){.outfit-dialog[data-recorded=false] .outfit-choice-wash{transition:transform .32s cubic-bezier(.22,.9,.2,1)}.outfit-dialog[data-recorded=false] .outfit-chip{transition:color .22s,background .22s,transform .26s cubic-bezier(.22,.9,.2,1)}.outfit-dialog[data-recorded=false] .outfit-more summary>svg{transition:transform .25s}.outfit-dialog[data-recorded=false] .outfit-more[open] .outfit-more-content{animation:outfit-soft-arrive .26s cubic-bezier(.22,.9,.2,1)}.outfit-dialog[data-recorded=false] .outfit-calendar-fold[open] .hg-cal{animation:outfit-soft-arrive .28s cubic-bezier(.22,.9,.2,1)}#outfitHome{transition:transform .25s cubic-bezier(.22,.9,.2,1),box-shadow .25s}#outfitHome:active{transform:scale(.99)}#wxHome{transition:transform .2s,background .2s}#wxHome:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.outfit-dialog[data-recorded=false] *,.outfit-dialog[data-recorded=false] *::after,#outfitHome,#wxHome{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes outfit-soft-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Muted surfaces keep readable text contrast; decorative accents can stay pale. */
.outfit-dialog[data-recorded=false] .outfit-intro .outfit-lede{color:#7b6988}
.outfit-dialog[data-recorded=false] .outfit-notes::placeholder{color:#7d6a89}
.outfit-dialog[data-recorded=false] .outfit-notes-label,.outfit-dialog[data-recorded=false] .outfit-voice-limit,.outfit-dialog[data-recorded=false] .outfit-voice-privacy,.outfit-dialog[data-recorded=false] .outfit-voice-status{font-size:10px;color:#7d698b}
.outfit-dialog[data-recorded=false] .outfit-field>span,.outfit-dialog[data-recorded=false] .outfit-chip-field legend{color:#7c6986}
.outfit-dialog[data-recorded=false] [data-choice=period] .outfit-chip{color:#7b6886}
.outfit-dialog[data-recorded=false] [data-choice=activity] .outfit-chip{color:#786681}
.outfit-dialog[data-recorded=false] .outfit-more summary{color:#7e688b}
#wxHome .wx-entry-text>span{color:#7c6988}
#outfitHome .outfit-home-copy>span{color:#776087}