/* Affordances use the existing Lumi palette; artwork remains decorative. */
.interaction-hint{font-size:13px;line-height:1.55;font-weight:650;color:var(--muted);margin:0 0 12px}
.experience-tabs button{cursor:pointer;border-width:2px;min-width:0}
.experience-tabs .tab-description{padding-right:0;flex:1}
.tab-action{display:block;margin-top:14px;padding-top:10px;border-top:1px solid currentColor;font-size:12px;font-weight:800;text-align:left;line-height:1.5}
.tab-available{display:flex;align-items:center;justify-content:space-between;gap:12px}.tab-available b{font-size:19px;line-height:1}
.tab-current{display:none}.experience-tabs [aria-selected=true] .tab-current{display:block}.experience-tabs [aria-selected=true] .tab-available{display:none}
.experience-tabs button[aria-selected=true]{box-shadow:inset 0 0 0 2px #fff!important}.experience-tabs button[data-tab=habitos][aria-selected=true]{box-shadow:inset 0 0 0 2px #061b42!important}
.experience-tabs button:focus-visible,.journey-steps button:focus-visible,.interactive-moods button:focus-visible,.week-days button:focus-visible,.chat-choice:focus-visible,.shortcut-options label:has(input:focus-visible),.habit-options label:has(input:focus-visible){outline:3px solid #0755f5;outline-offset:4px}
html[data-theme=dark] :is(.experience-tabs,.journey-steps,.interactive-moods,.week-days) button:focus-visible,.chat-choice:focus-visible,html[data-theme=dark] :is(.shortcut-options,.habit-options) label:has(input:focus-visible){outline-color:#ffda32}
.chat-choice-area #chat-choice-hint{color:#d1e1fa;margin-bottom:12px;font-size:12px}.chat-choice-area h4{margin-bottom:7px}
.chat-choice:not(.quiet){display:flex;align-items:center;justify-content:space-between;gap:12px;border-width:2px}.chat-choice:not(.quiet)::after{content:'→';font-size:19px;flex-shrink:0}
.chat-composer-preview .chat-composer,html[data-theme=dark] .chat-composer-preview .chat-composer{background:#061b42!important;border:1px dashed #55719a!important;box-shadow:none}
.chat-composer-preview .chat-composer p,html[data-theme=dark] .chat-composer-preview .chat-composer p{color:#b8cbe7!important}
.chat-composer-preview .chat-composer button:disabled{background:#18345a;color:#b8cbe7;border:0}
.journal-controls #journal-action-hint{margin:0;max-width:32ch}.pause-controls #pause-action-hint{margin-bottom:10px}
#journey-action-hint+.journey-steps{margin-top:12px}.day-preview{scroll-margin-top:80px}
.interactive-moods button{position:relative;cursor:pointer;border:1px solid #526b91;border-radius:16px;padding:14px 5px 10px;min-width:0;min-height:74px;transition:transform .18s,border-color .18s}
.interactive-moods button[aria-pressed=true]::after,.week-days button[aria-pressed=true]::after{content:'✓';position:absolute;top:3px;right:3px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0755f5;color:#fff;font-size:11px;font-weight:800}
.interactive-moods button[aria-pressed=true],.week-days button[aria-pressed=true]{outline:2px solid #0755f5;outline-offset:2px}
html[data-theme=dark] .interactive-moods button[aria-pressed=true],html[data-theme=dark] .week-days button[aria-pressed=true]{outline-color:#ffda32}
.week-days button{position:relative;cursor:pointer;min-height:68px;border:1px solid #6d84aa}.week-days{padding:4px;gap:8px}
.shortcut-options label,.habit-options label{cursor:pointer;border-width:2px;transition:box-shadow .18s,transform .18s}
.shortcut-options input,.habit-options input{width:20px;height:20px;accent-color:#0755f5;cursor:pointer}
.shortcut-options label:has(input:checked){box-shadow:inset 0 0 0 2px currentColor!important}
.journey-steps button{cursor:pointer;border-width:2px}.journey-steps button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.interaction-updated{animation:interaction-reveal .3s ease-out}.cue-once{animation:interaction-invite .85s ease-in-out 2}
@keyframes interaction-invite{50%{outline:3px solid #ffda32;outline-offset:5px;box-shadow:0 0 0 7px #061b42}}
@keyframes interaction-reveal{from{transform:translateY(5px)}to{transform:translateY(0)}}
@media(hover:hover){.interactive-moods button:hover,.week-days button:hover,.shortcut-options label:hover,.habit-options label:hover{transform:translateY(-2px);box-shadow:0 3px 0 #061b42}.chat-choice:hover{border-color:#ffda32}}
@media(max-width:800px){
 .experience-panel{scroll-margin-top:80px}.journal-controls #journal-action-hint{grid-column:1/-1;grid-row:1;max-width:none}.journal-controls #journal-next,.journal-controls .journal-prompt-count{grid-row:2}.journal-controls .panel-footnote{grid-row:3}
 .journey-demo{min-width:0}.day-preview{gap:22px}#journey-action-hint{margin-bottom:12px}.journey-steps{margin-bottom:20px}
 .space-shell .space-section{gap:18px}.space-copy .fine-print{margin-bottom:0}.space-preview{padding:22px;min-height:0}.space-preview #selected-shortcuts{min-height:115px}
}
@media(max-width:640px){
 .experience-tabs button{min-height:196px}.tab-action{margin-top:10px;padding-top:8px;font-size:11px}.tab-description strong{font-size:14px;line-height:1.3}
 .interaction-hint{font-size:12px}.interactive-moods{gap:7px}.interactive-moods button{padding-inline:3px;flex:1}.interactive-moods button span{font-size:10px}.week-days{gap:5px}.week-days button{padding:8px 3px}
 .chat-composer-preview{margin-top:14px;padding-top:12px}.chat-composer-preview .chat-composer{padding:10px 12px}.chat-composer-preview .chat-composer p{font-size:11px}
 .week-heading{gap:8px;align-items:flex-start}.week-heading span{max-width:30ch;line-height:1.5}.shortcut-options{gap:10px}.shortcut-options label{min-height:58px}
}
@media(max-width:380px){.shortcut-options label{display:grid;grid-template-columns:24px minmax(0,1fr) 18px;padding:12px 10px;gap:6px;font-size:11px;min-width:0}.shortcut-options label>img{width:24px;height:24px}.shortcut-options input{width:18px;height:18px;margin:0}.shortcut-options label>span{overflow-wrap:anywhere}}
@media(max-width:360px){.journal-controls .journal-prompt-count{grid-column:1;grid-row:3;justify-self:end}.journal-controls .panel-footnote{grid-row:4}.interactive-moods{gap:5px}.week-days{gap:4px}}
@media(prefers-reduced-motion:reduce){.cue-once,.interaction-updated{animation:none!important}.interactive-moods button,.week-days button,.shortcut-options label,.habit-options label{transition:none!important}}