/* K STELLA WAY RC115 — cinematic first impact + forced light customer UI */
:root{color-scheme:light only!important;background:#fff!important}
html{background:#fff!important;color-scheme:light only!important}
body{background:#fff!important;color:#211f1b;-webkit-print-color-adjust:exact;print-color-adjust:exact}
input,select,textarea,button{color-scheme:light!important}
@media (prefers-color-scheme:dark){
  :root,html,body{color-scheme:light only!important;background:#fff!important;color:#211f1b!important}
  .shell,.topBrand{background-color:#fff!important}
  .textInput,.digitInput,.selectInput,.storyText{background:#fff!important;color:#211f1b!important;border-color:#dfd7c9!important}
  .textInput::placeholder,.digitInput::placeholder,.storyText::placeholder{color:#9b968f!important}
  .ghostBtn,.priorityBtn,.productCard{background:#fff!important;color:#38342e!important}
}
/* Intentional cinematic intro stays cinematic, but browser/native controls remain light-scheme safe. */
body.introFlowActive{color-scheme:light only!important}
#introFlowApp{color-scheme:light only!important}
#introFlowApp input,#introFlowApp select,#introFlowApp textarea{color-scheme:light!important}
#introFlowApp .sw-impact{position:absolute;inset:0;z-index:25;overflow:hidden;opacity:1;transition:opacity .48s ease;pointer-events:none;background:#07101f}
#introFlowApp .sw-impact[hidden]{display:none!important}
#introFlowApp .sw-impact.is-fading{opacity:0}
#introFlowApp .sw-impact-art{position:absolute;inset:-3%;background:url('/assets/mood/personal-01.jpg') center 34%/cover no-repeat;transform:scale(1.035);animation:swImpactDrift 7.4s cubic-bezier(.2,.6,.2,1) forwards;filter:saturate(1.05) contrast(1.03)}
#introFlowApp .sw-impact-copy{position:absolute;z-index:2;left:8.5vw;right:7vw;bottom:max(12vh,calc(env(safe-area-inset-bottom) + 82px));text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.72),0 0 20px rgba(5,12,25,.58)}
#introFlowApp .sw-impact-phase{position:absolute;left:0;right:0;bottom:0;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
#introFlowApp .sw-impact-phase.phase-one{opacity:1;transform:none}
#introFlowApp .sw-impact.phase-two-on .phase-one{opacity:0;transform:translateY(-10px)}
#introFlowApp .sw-impact.phase-two-on .phase-two{opacity:1;transform:none}
#introFlowApp .sw-impact-copy strong,#introFlowApp .sw-impact-copy span{display:block;max-width:92%}
#introFlowApp .sw-impact-copy strong{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(35px,9.6vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.045em;background:linear-gradient(100deg,#fff8dc 0%,#f9d57a 45%,#fff4bf 75%,#e9b963 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.45px rgba(66,36,6,.45);filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
#introFlowApp .sw-impact-copy span{margin-top:10px;font-family:"Noto Serif KR",Georgia,serif;font-size:clamp(20px,5.4vw,31px);font-weight:650;line-height:1.42;letter-spacing:-.025em;color:#fffaf0;text-shadow:0 2px 3px rgba(0,0,0,.82),0 0 18px rgba(255,203,126,.18)}
#introFlowApp .sw-impact.phase-two-on .phase-two strong{background:linear-gradient(100deg,#fff6d0 0%,#ffc878 44%,#f7c8da 86%);-webkit-background-clip:text;background-clip:text;color:transparent}
#introFlowApp .sw-impact.phase-two-on .phase-two span{color:#ffe6f1;text-shadow:0 2px 4px rgba(0,0,0,.82),0 0 18px rgba(255,149,192,.18)}
@keyframes swImpactDrift{0%{transform:scale(1.035) translate3d(0,0,0)}100%{transform:scale(1.105) translate3d(-1.1%,.7%,0)}}
@media(max-width:420px){#introFlowApp .sw-impact-copy{left:7vw;right:5vw;bottom:max(11vh,calc(env(safe-area-inset-bottom) + 72px))}#introFlowApp .sw-impact-copy strong{font-size:clamp(32px,9.3vw,46px)}#introFlowApp .sw-impact-copy span{font-size:clamp(18px,5.1vw,25px)}}
@media(prefers-reduced-motion:reduce){#introFlowApp .sw-impact-art{animation:none}}
#introFlowApp .sw-reset{z-index:45}