html{color-scheme:light dark;background:light-dark(#f5f3ef,#121214)}
html,body{margin:0;min-height:100%;overscroll-behavior-x:none}
body{font-family:'DM Sans',system-ui,sans-serif}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{opacity:.5;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ff7957;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#arxak-next-experience{padding:0;min-height:100dvh}
#arxak-next-experience .ax-stage{padding:0;min-height:100dvh}
#arxak-next-experience .ax-phone{max-width:520px;min-height:100dvh;border:0;border-radius:0;box-shadow:none;overflow:clip}
#arxak-next-experience .ax-brand{position:sticky;top:0;z-index:10;padding:calc(9px + env(safe-area-inset-top)) 20px 12px}
#arxak-next-experience .ax-wordmark{display:flex;align-items:center;gap:8px}
#arxak-next-experience .ax-wordmark img{object-fit:contain}
#arxak-next-experience .ax-main{min-height:calc(100dvh - 151px);padding-bottom:calc(106px + env(safe-area-inset-bottom));max-width:520px}
#arxak-next-experience .ax-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;z-index:20;padding-bottom:calc(7px + env(safe-area-inset-bottom));background:var(--ax-surface)}
#arxak-next-experience .ax-heading{max-width:430px}
#arxak-next-experience .ax-hero>img{height:clamp(266px,40vh,370px)}
#arxak-next-experience .ax-member-avatar{background:var(--ax-peach);color:var(--ax-text);width:30px;height:30px;border:2px solid var(--ax-surface);border-radius:50%;display:grid;place-items:center;font-size:12px;margin:0 0 0 -6px;flex-shrink:0}
#arxak-next-experience .ax-member-avatar:first-child{margin-left:0}
#arxak-next-experience .ax-hero .ax-member-avatar{background:#383433;border-color:#383433;color:#fff}
#arxak-next-experience .ax-hero .ax-avatars>span:last-child{color:#fff}
#arxak-next-experience .ax-empty{padding:26px 16px;text-align:center;background:var(--ax-surface);border:1px solid var(--ax-line);border-radius:22px;margin:15px 0}
#arxak-next-experience .ax-empty>svg{width:32px;height:32px;margin-bottom:12px}
#arxak-next-experience .ax-empty h3{font:500 22px/1.2 'Space Grotesk',sans-serif;margin-bottom:10px}
#arxak-next-experience .ax-empty p{font-size:13px;color:var(--ax-muted);margin-bottom:18px;line-height:1.6}
#arxak-next-experience .ax-error{background:var(--ax-peach);color:var(--ax-text);padding:13px;border-radius:13px;font-size:13px;margin-bottom:16px}
#arxak-next-experience .ax-recovery{background:var(--ax-surface);padding:12px;border-radius:14px;font-size:12px;line-height:1.5;margin-top:12px;color:var(--ax-muted)}
#arxak-next-experience .ax-recovery button{margin-right:18px}
#arxak-next-experience .ax-status-line{text-align:center;font-size:12px;color:var(--ax-muted);padding:10px}
#arxak-next-experience .ax-guest{flex-wrap:wrap}
#arxak-next-experience .ax-guest label{display:flex;align-items:center;gap:8px}
#arxak-next-experience .ax-guest input{width:110px}
#arxak-next-experience .ax-message-list{min-height:220px;max-height:42vh;overflow-y:auto;overflow-wrap:anywhere}
#arxak-next-experience .ax-chat-bottom{position:sticky;bottom:86px;padding-top:12px;background:var(--ax-bg)}
#arxak-next-experience .ax-profile-placeholder{height:306px;display:grid;place-items:center;font:500 90px 'Space Grotesk';background:var(--ax-peach);color:var(--ax-text)}
#arxak-next-experience .ax-toast{position:fixed;top:calc(82px + env(safe-area-inset-top));bottom:auto;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:460px;z-index:50;pointer-events:none}
#arxak-next-experience .ax-time-choices{flex-wrap:wrap}
#arxak-next-experience .ax-time-choices .ax-chip{white-space:normal;min-width:90px}
#arxak-next-experience .ax-main a{color:var(--ax-muted);text-underline-offset:3px}
#arxak-next-experience .ax-photo-list{max-height:none}
#arxak-next-experience .ax-vote-copy small{overflow-wrap:anywhere}
#arxak-next-experience .ax-field-pair>*{min-width:0}
#arxak-next-experience .ax-input{font-size:16px!important;min-width:0;width:100%}
#arxak-next-experience .ax-suggestion span{overflow-wrap:anywhere;min-width:0}
@media(min-width:800px){
 #arxak-next-experience .ax-phone{max-width:1100px;display:grid;grid-template-columns:220px minmax(0,1fr)}
 #arxak-next-experience .ax-brand{grid-column:1/-1;padding-left:28px;padding-right:28px}
 #arxak-next-experience .ax-nav{position:sticky;transform:none;left:0;top:90px;bottom:auto;grid-row:2;grid-column:1;align-self:start;display:flex;flex-direction:column;border:0;background:transparent;padding:26px 20px;gap:8px}
 #arxak-next-experience .ax-nav button{flex-direction:row;justify-content:flex-start;gap:15px;font-size:15px;border-radius:15px;padding:14px 18px;min-height:54px}
 #arxak-next-experience .ax-nav button[aria-current]{background:var(--ax-peach)}
 #arxak-next-experience .ax-main{grid-column:2;grid-row:2;width:100%;max-width:690px;padding:30px 32px 50px;border-left:1px solid var(--ax-line)}
 #arxak-next-experience .ax-hero>img{height:390px}
 #arxak-next-experience .ax-heading{font-size:38px}
 #arxak-next-experience .ax-chat-bottom{bottom:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}