.ritual-picker{position:relative;isolation:isolate;min-height:100dvh;background:var(--paper);color:var(--ink)}
.ritual-picker>.ritual-header{position:fixed;color:var(--ink);background:var(--paper)}
.ritual-picker>.ritual-header .ritual-brand img{filter:none}
.ritual-picker:has([data-ritual-root]:not([data-view="listen"]))>.ritual-header{color:var(--on-image);background:transparent}
.ritual-picker:has([data-ritual-root]:not([data-view="listen"]))>.ritual-header .ritual-brand img{filter:brightness(0) invert(1)}
.ritual-picker-stage{display:grid}
.ritual-picker-stage>*{grid-area:1/1;min-width:0}
.ritual-picker-panel{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:calc(120px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
.ritual-picker-content{width:min(100%,1000px)}
.ritual-picker-intro{text-align:center;margin-bottom:40px}
.ritual-picker-intro .ritual-eyebrow{margin-bottom:12px;color:var(--muted)}
.ritual-picker-intro h1{font-size:clamp(32px,4vw,46px);line-height:1.1;font-weight:400;margin-bottom:16px}
.ritual-picker-intro>p:last-child{font-size:17px;line-height:1.5;color:var(--muted);text-wrap:balance}
.ritual-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ritual-choice{display:flex;flex-direction:column;align-items:flex-start;min-height:224px;padding:24px 20px 20px;border:1px solid var(--line);background:rgba(255,249,238,.16);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color 160ms ease-out}
.ritual-choice-emotion{font-size:clamp(26px,2.7vw,34px);line-height:1.15;letter-spacing:-.035em}
.ritual-choice-fragrance{margin-top:9px;font-size:13px;line-height:1.4;letter-spacing:.035em;color:var(--muted)}
.ritual-choice img{width:56px;height:56px;object-fit:contain;margin:32px 0 0;align-self:flex-end;opacity:.72}
.ritual-choice:active,.ritual-choice[aria-busy="true"]{background:rgba(48,42,34,.07)}
.ritual-choice:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.ritual-picker-intro h1:focus{outline:none}
.ritual-picker-journey .ritual-root{--ritual-enter-duration:320ms;--ritual-exit-duration:240ms}
@media(max-width:759px){.ritual-picker-content{max-width:440px}.ritual-picker-intro{margin-bottom:28px}.ritual-picker-intro>p:last-child{font-size:16px}.ritual-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ritual-choice{min-height:164px;padding:20px 18px 16px}.ritual-choice-emotion{font-size:28px}.ritual-choice-fragrance{font-size:12px;margin-top:7px}.ritual-choice img{width:48px;height:48px;margin-top:22px}}
@media(max-width:359px){.ritual-picker-panel{padding-left:20px;padding-right:20px}.ritual-choice{padding:18px 14px 14px}.ritual-choice-emotion{font-size:24px}.ritual-choice-fragrance{font-size:11px}}
@media(hover:hover) and (pointer:fine){.ritual-choice:hover{background:rgba(255,249,238,.55)}}
@media(prefers-reduced-motion:reduce){.ritual-picker *{animation:none!important;transition:none!important}}

.ritual-picker-content>.ritual-phone{margin:24px auto 0;text-align:center}
.ritual-picker-content>.ritual-phone .ritual-phone-open{padding:10px 18px;min-height:46px;border:1px solid var(--line);border-radius:999px}
.ritual-picker-content>.ritual-phone .ritual-phone-open>span{text-decoration:none}