/* 1NFINIT3 Olive V22 — World Glass evolution. Same product/repo; new preview build. */
:root{
  --v22-ink:#101820;--v22-muted:rgba(16,24,32,.58);--v22-gold:#d7a127;
  --v22-olive:#9ba074;--v22-warm:#f4f1e8;--v22-dark:#111318;
  --v22-glass:rgba(255,255,255,.055);--v22-edge:rgba(255,255,255,.48);
  --v22-ease:cubic-bezier(.22,.82,.26,1);
}
html[data-v22-world="midday"]{color-scheme:dark;--v22-ink:#fff;--v22-muted:rgba(255,255,255,.72);--v22-edge:rgba(255,255,255,.50)}
html[data-v22-world="fullday"]{color-scheme:light;--v22-ink:#171717;--v22-muted:rgba(23,23,23,.50);--v22-edge:rgba(77,77,77,.16)}
html[data-v22-world="night"]{color-scheme:dark;--v22-ink:#f7f4eb;--v22-muted:rgba(247,244,235,.56);--v22-edge:rgba(255,255,255,.18)}
body{color:var(--v22-ink)!important}
.app-shell{background:#78b9dc!important}
.live-world{background:transparent!important;overflow:hidden!important}
.live-world::before,.live-world::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .72s var(--v22-ease)}
.live-world::before{
  opacity:1;background:
  linear-gradient(180deg,rgba(86,165,219,.08),rgba(255,240,195,.05) 54%,rgba(32,70,35,.08)),
  url('/assets/v22-world-midday.jpg') center 48% / cover no-repeat!important;
}
.live-world::after{
  opacity:0;inset:auto -5% -3% -5%;height:36%;
}
.world-vignette{z-index:5!important;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 50%,rgba(34,58,28,.12))!important}
.star-canvas{z-index:2!important;opacity:0!important;transition:opacity .6s var(--v22-ease)}
html[data-v22-world="night"] .live-world::before{opacity:1;background:radial-gradient(circle at 52% 60%,rgba(189,128,26,.13),transparent 24%),linear-gradient(#05060a,#090912 62%,#05060a)!important}
html[data-v22-world="night"] .live-world::after{opacity:.07;background:#151a18;filter:none}
html[data-v22-world="night"] .star-canvas{opacity:.86!important}
html[data-v22-world="fullday"] .live-world::before{opacity:1;background:radial-gradient(circle at 51% 58%,rgba(225,198,126,.15),transparent 23%),linear-gradient(#fbfaf6,#f4f1e9)!important}
html[data-v22-world="fullday"] .live-world::after{opacity:0}
html[data-v22-world="fullday"] .star-canvas{opacity:0!important}

/* moving cloud-light for Mid Day only */
.v22-clouds{position:absolute;z-index:1;inset:-12% -42%;pointer-events:none;opacity:.63;filter:blur(12px);background:
 radial-gradient(ellipse at 15% 28%,rgba(255,255,255,.52) 0 4%,transparent 14%),
 radial-gradient(ellipse at 45% 20%,rgba(255,255,255,.34) 0 5%,transparent 16%),
 radial-gradient(ellipse at 76% 36%,rgba(255,255,255,.42) 0 4.6%,transparent 15%);
 animation:v22CloudDrift 104s linear infinite;transition:opacity .55s var(--v22-ease)}
html:not([data-v22-world="midday"]) .v22-clouds{opacity:0}
@keyframes v22CloudDrift{from{transform:translate3d(-7%,0,0)}to{transform:translate3d(8%,0,0)}}

/* Protected top identity: no conventional header slab. */
.float-control{background:rgba(255,255,255,.035)!important;border:1px solid var(--v22-edge)!important;color:var(--v22-ink)!important;backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 30px rgba(0,0,0,.06)!important}
.float-right{width:auto!important;min-width:84px!important;padding:0 17px!important;border-radius:24px!important}
.float-right svg{display:none!important}.float-right::after{content:none!important}
.brand-anchor{left:calc(50% + 13px)!important;transform:translateX(-50%)!important;width:clamp(108px,28vw,146px)!important;height:34px!important}
.v22-world-switch{position:absolute;z-index:31;top:calc(var(--safe-top) + 16px);left:calc(50% - 94px);width:32px;height:32px;border:0;background:transparent;padding:2px;display:grid;place-items:center;cursor:pointer}
.v22-world-switch::before{content:"";width:26px;height:26px;border-radius:50%;background:conic-gradient(from 0deg,var(--v22-dark) 0 33.333%,var(--v22-olive) 33.333% 66.666%,var(--v22-warm) 66.666% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 3px 14px rgba(0,0,0,.16)}
.v22-world-switch::after{content:"";position:absolute;width:6px;height:6px;border:1px solid rgba(255,255,255,.9);border-radius:50%;left:6px;top:13px;transition:left .24s var(--v22-ease),border-color .24s}
html[data-v22-world="midday"] .v22-world-switch::after{left:13px}
html[data-v22-world="fullday"] .v22-world-switch::after{left:20px;border-color:rgba(20,20,20,.62)}

/* Protected entrance hierarchy. */
.workspace{z-index:9!important}
.entrance-state{padding:20px 22px 92px!important}
.entrance-state::before{content:"";width:110px;height:110px;position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);background:currentColor;-webkit-mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat;mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat;opacity:.10;filter:drop-shadow(0 1px 0 rgba(255,255,255,.22));pointer-events:none}
.entrance-state h1{font-size:clamp(34px,5.7vw,58px)!important;font-weight:720!important;letter-spacing:-.052em!important;color:var(--v22-ink)!important;text-shadow:none!important;transform:translateY(30px);white-space:nowrap}
.composer-dock{bottom:auto!important;top:58%!important;transform:translateY(-50%)!important;gap:7px!important;color:var(--v22-ink)!important}
.composer{background:var(--v22-glass)!important;border:1px solid var(--v22-edge)!important;border-radius:32px!important;backdrop-filter:blur(25px) saturate(138%)!important;-webkit-backdrop-filter:blur(25px) saturate(138%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 16px 46px rgba(0,0,0,.08)!important}
.composer textarea{color:var(--v22-ink)!important;text-align:center!important}.composer textarea::placeholder{color:var(--v22-ink)!important;opacity:.46}
.composer-icon{color:var(--v22-ink)!important}.send-button{background:rgba(216,169,55,.22)!important;color:rgba(126,94,18,.78)!important}
.legal-line{color:var(--v22-muted)!important;order:3!important}
.v22-helper{margin:0;max-width:720px;text-align:center;font-size:12.5px;font-weight:560;color:var(--v22-muted)}
.v22-quick{position:absolute;z-index:24;left:50%;bottom:max(calc(var(--safe-bottom) + 24px),3.2vh);transform:translateX(-50%);display:flex;gap:8px;max-width:92vw;overflow:auto;padding:2px 4px;scrollbar-width:none}
.v22-quick::-webkit-scrollbar{display:none}.v22-chip{flex:0 0 auto;min-height:36px;padding:7px 13px;border:1px solid var(--v22-edge);border-radius:18px;background:var(--v22-glass);color:var(--v22-ink);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);box-shadow:inset 0 1px 0 rgba(255,255,255,.24);font:inherit;font-size:11.5px;font-weight:620}

/* Retire old drawer + old floating RC21 rail on this new V22 shell only. */
#sideDrawer{display:none!important}.rc21-nav{display:none!important}
.drawer-scrim{display:none!important}

/* Canonical single clear-glass navigation. */
.v22-scrim{position:fixed;z-index:52;inset:0;background:rgba(22,30,34,.035);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .28s ease}.v22-scrim.on{opacity:1;pointer-events:auto}
.v22-nav{position:fixed;z-index:60;left:-12px;top:max(88px,calc(var(--safe-top) + 76px));bottom:max(72px,calc(var(--safe-bottom) + 66px));width:0;display:flex;flex-direction:column;color:var(--v22-ink);border:1px solid var(--v22-edge);border-left:0;border-radius:0 32px 32px 0;background:var(--v22-glass);backdrop-filter:blur(30px) saturate(142%);-webkit-backdrop-filter:blur(30px) saturate(142%);box-shadow:20px 0 60px rgba(0,0,0,.10),inset -1px 0 0 rgba(255,255,255,.18);overflow:visible;transform:translateX(-110%);transition:transform .38s var(--v22-ease),width .38s var(--v22-ease),left .38s var(--v22-ease),right .38s var(--v22-ease),bottom .38s var(--v22-ease),height .38s var(--v22-ease),border-radius .38s var(--v22-ease)}
.v22-nav.open{transform:translateX(0)}.v22-nav.right{left:auto;right:-12px;border-left:1px solid var(--v22-edge);border-right:0;border-radius:32px 0 0 32px;box-shadow:-20px 0 60px rgba(0,0,0,.10)}.v22-nav.right:not(.open){transform:translateX(110%)}
.v22-nav[data-stage="2"]{width:48px;top:126px;bottom:auto;height:auto;min-height:286px;padding:6px 4px 7px 10px;border-radius:0 24px 24px 0}.v22-nav.right[data-stage="2"]{padding:6px 10px 7px 4px;border-radius:24px 0 0 24px}
.v22-nav[data-stage="3"]{width:142px}.v22-nav[data-stage="4"]{width:252px}.v22-nav[data-stage="5"]{width:min(66vw,366px)}
.v22-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:8px 13px 4px 20px;flex:0 0 auto}.v22-mark{width:26px;height:26px;background:var(--v22-gold);-webkit-mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat;mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat}.v22-head-actions{display:flex;gap:2px}.v22-head-actions button{width:36px;height:36px;border:0;background:transparent;color:inherit;border-radius:12px;font-size:23px}
.v22-stage2-menu{display:none;width:30px;height:30px;margin:0 auto 4px;border:0;background:transparent;color:inherit;border-radius:12px;padding:0}.v22-stage2-menu span{display:block;width:20px;height:20px;margin:auto;background:var(--v22-gold);-webkit-mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat;mask:url('/assets/brand/1nfinit3/1nfinit3-master-symbol-transparent.svg') center/contain no-repeat}.v22-nav[data-stage="2"] .v22-head{display:none}.v22-nav[data-stage="2"] .v22-stage2-menu{display:grid;place-items:center}
.v22-search{display:none;margin:0 12px 8px 20px;height:39px;border:1px solid var(--v22-edge);border-radius:14px;background:rgba(255,255,255,.05);align-items:center;gap:7px;padding:0 10px}.v22-search.on{display:flex}.v22-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:inherit}.v22-nav[data-stage="2"] .v22-search{display:none!important}
.v22-list{display:flex;flex-direction:column;gap:2px;padding:0 8px 7px 17px;flex:0 0 auto}.v22-link{height:44px;border:0;background:transparent;color:inherit;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 10px;text-decoration:none;text-align:left;white-space:nowrap;overflow:hidden}.v22-link:active{background:rgba(255,255,255,.10)}.v22-ico{width:20px;min-width:20px;text-align:center;font-size:18px}.v22-label{overflow:hidden;text-overflow:ellipsis;transition:opacity .2s,transform .2s}.v22-nav[data-stage="2"] .v22-list{padding:0 1px;gap:1px}.v22-nav[data-stage="2"] .v22-link{width:30px;height:30px;padding:0;justify-content:center;border-radius:11px}.v22-nav[data-stage="2"] .v22-label{display:none}.v22-nav[data-stage="2"] .v22-ico{width:auto;min-width:0;font-size:14px;line-height:1}.v22-nav[data-stage="3"] .v22-label{max-width:49px}.v22-nav[data-stage="3"] .v22-list{padding-left:19px}
.v22-divider{height:1px;background:rgba(255,255,255,.22);margin:5px 16px 2px}.v22-work{min-height:0;overflow:auto;padding:7px 14px 10px 23px;flex:1}.v22-work-section{padding:9px 0 13px;border-bottom:1px solid rgba(255,255,255,.18)}.v22-work-title{display:flex;justify-content:space-between;font-weight:680;opacity:.65}.v22-work-desc{font-size:12px;line-height:1.4;color:var(--v22-muted);margin-top:7px}.v22-nav[data-stage="2"] .v22-divider,.v22-nav[data-stage="2"] .v22-work{display:none}.v22-nav[data-stage="3"] .v22-work-desc,.v22-nav[data-stage="4"] .v22-work-desc{display:none}
.v22-account{margin:10px 11px 11px 19px;min-height:64px;border:1px solid rgba(255,255,255,.22);border-radius:21px;background:rgba(255,255,255,.075);backdrop-filter:blur(20px);display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:10px;padding:7px 9px;flex:0 0 auto;color:inherit}.v22-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dfa92f,#986000);font-weight:760;color:#17120a}.v22-account-copy{min-width:0;text-align:left}.v22-account-copy strong{display:block}.v22-account-copy small{display:block;color:var(--v22-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-nav[data-stage="2"] .v22-account{width:30px;height:30px;min-height:30px;margin:5px 1px 0;padding:0;display:grid;place-items:center;border-radius:12px}.v22-nav[data-stage="2"] .v22-avatar{width:24px;height:24px;font-size:9px}.v22-nav[data-stage="2"] .v22-account-copy,.v22-nav[data-stage="2"] .v22-chevron{display:none}.v22-nav[data-stage="3"] .v22-account-copy small{display:none}
.v22-grabber{position:absolute;z-index:8;right:-8px;top:54%;transform:translateY(-50%);width:17px;height:66px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(166,166,170,.16);box-shadow:0 3px 12px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.24);display:grid;place-items:center;touch-action:none;cursor:ew-resize}.v22-grabber::after{content:"";width:4px;height:38px;border-radius:999px;background:rgba(105,105,111,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.v22-nav.right .v22-grabber{right:auto;left:-8px}.v22-nav[data-stage="2"] .v22-grabber{width:14px;height:54px;right:-6px}.v22-nav[data-stage="2"] .v22-grabber::after{width:3px;height:30px}.v22-nav.right[data-stage="2"] .v22-grabber{right:auto;left:-6px}.v22-nav.resizing{transition:none!important}.v22-nav.moving{outline:2px solid rgba(255,255,255,.58);outline-offset:2px}
.v22-more{display:none;margin:0 13px 6px 20px;padding:5px;border-radius:15px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.v22-more.on{display:block}.v22-more a{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:inherit;text-decoration:none;border-radius:10px;font-size:12px}.v22-more a:active{background:rgba(255,255,255,.08)}
.v22-nav.bottom{left:50%;right:auto;top:auto;bottom:calc(max(10px,var(--safe-bottom)) + 4px);width:min(92vw,520px)!important;height:59px!important;min-height:59px;transform:translateX(-50%);border:1px solid var(--v22-edge);border-radius:31px;padding:5px 8px;display:block}.v22-nav.bottom:not(.open){transform:translate(-50%,150%)}.v22-nav.bottom .v22-head,.v22-nav.bottom .v22-stage2-menu,.v22-nav.bottom .v22-search,.v22-nav.bottom .v22-divider,.v22-nav.bottom .v22-work,.v22-nav.bottom .v22-account,.v22-nav.bottom .v22-grabber,.v22-nav.bottom .v22-more{display:none!important}.v22-nav.bottom .v22-list{height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:0}.v22-nav.bottom .v22-link{height:47px;padding:0;justify-content:center;border-radius:23px}.v22-nav.bottom .v22-label{display:none}

/* Keep auth/account clear, not opaque. */
.account-popover,.quantum-panel,.auth-panel{background:rgba(255,255,255,.075)!important;color:var(--v22-ink)!important;border-color:var(--v22-edge)!important;backdrop-filter:blur(32px) saturate(140%)!important;-webkit-backdrop-filter:blur(32px) saturate(140%)!important}
.auth-panel input,.auth-panel button{color:var(--v22-ink)!important}

@media(max-width:720px){
 .brand-anchor{width:116px!important;left:calc(50% + 13px)!important}.v22-world-switch{left:calc(50% - 88px)}
 .entrance-state{padding-bottom:72px!important}.entrance-state::before{top:34%;width:90px;height:90px}.entrance-state h1{font-size:clamp(25px,6.7vw,30px)!important;transform:translateY(28px);white-space:nowrap;max-width:calc(100vw - 64px)}
 .composer-dock{top:61%!important;bottom:auto!important;gap:0!important}.composer{margin-bottom:11px!important}.v22-helper{font-size:10.5px;max-width:96vw;line-height:1.25;margin:0 0 7px!important;white-space:nowrap}.legal-line{margin-top:0!important;line-height:1.2}.v22-quick{bottom:max(calc(var(--safe-bottom) + 10px),1.5vh)}.v22-chip{font-size:10.5px;min-height:33px;padding:6px 11px}
 .v22-nav[data-stage="3"]{width:136px}.v22-nav[data-stage="4"]{width:220px}.v22-nav[data-stage="5"]{width:min(66vw,286px)}
}
@media(max-height:690px){.v22-quick{display:none}.composer-dock{top:68%!important;bottom:auto!important}.entrance-state::before{display:none}.entrance-state h1{transform:none}}
@media(prefers-reduced-motion:reduce){.v22-clouds{animation:none}.v22-nav{transition-duration:.01ms!important}}


/* V22 secondary-page continuity */
.v22-page-menu{position:fixed;z-index:61;top:calc(var(--rc21-safe-top,0px) + 14px);left:calc(var(--rc21-safe-left,0px) + 12px);width:44px;height:44px;border:1px solid var(--v22-edge);border-radius:50%;background:var(--v22-glass);color:var(--v22-ink);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 30px rgba(0,0,0,.07);display:grid;place-items:center}
.v22-page-menu span{display:block;width:20px;height:14px;background:linear-gradient(currentColor 0 0) 0 0/20px 2px no-repeat,linear-gradient(currentColor 0 0) 0 6px/20px 2px no-repeat,linear-gradient(currentColor 0 0) 0 12px/20px 2px no-repeat}
html[data-v22-world="midday"] .rc21-page-world{background:linear-gradient(180deg,rgba(86,165,219,.08),rgba(255,240,195,.04) 54%,rgba(32,70,35,.12)),url('/assets/v22-world-midday.jpg') center 48%/cover no-repeat!important}
html[data-v22-world="fullday"] .rc21-page-world{background:radial-gradient(circle at 50% 17%,rgba(224,194,121,.14),transparent 18%),linear-gradient(#fbfaf6,#f4f1e9)!important}
html[data-v22-world="night"] .rc21-page-world{background:radial-gradient(circle at 50% 20%,rgba(217,161,39,.06),transparent 24%),linear-gradient(#05060a,#090912)!important}
html[data-v22-world="midday"] .rc21-page-world::after{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 54%,rgba(45,72,33,.16))!important}
html[data-v22-world="fullday"] .rc21-page-world::after{background:radial-gradient(ellipse at center,transparent 50%,rgba(218,212,197,.22))!important}
html[data-v22-world="night"] .rc21-page-world::after{background:radial-gradient(ellipse at center,transparent 42%,rgba(1,3,2,.48))!important}
body.rc21-page-root{color:var(--v22-ink)!important}
body.rc21-page-root .rc21-card,body.rc21-page-root .card{background:var(--v22-glass)!important;border-color:var(--v22-edge)!important;color:var(--v22-ink)!important;backdrop-filter:blur(28px) saturate(140%)!important;-webkit-backdrop-filter:blur(28px) saturate(140%)!important}
body.rc21-page-root .rc21-lede,body.rc21-page-root .rc21-copy,body.rc21-page-root .page-head p,body.rc21-page-root .card p{color:var(--v22-muted)!important}

.v22-work-title a{color:inherit;text-decoration:none}

html[data-v22-world="midday"] .entrance-state h1{color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.28)!important}
html[data-v22-world="midday"] .composer textarea,html[data-v22-world="midday"] .composer-icon,html[data-v22-world="midday"] .v22-helper,html[data-v22-world="midday"] .legal-line,html[data-v22-world="midday"] .v22-chip{color:#fff!important}

/* OWNER LOCK: top icon controls float without outlines/containers. */
.float-left,
.v22-page-menu,
.v22-world-switch,
#menuButton,
#v22PageMenu,
#v22WorldSwitch {
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.float-left::before,.float-left::after,.v22-page-menu::before,.v22-page-menu::after{box-shadow:none!important}
/* Log in remains the approved outlined glass button. */
.float-right{border:1px solid var(--v22-edge)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 30px rgba(0,0,0,.06)!important;backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important}

/* QALS micro-rail vertical-zone correction — 2026-09-12
   Icons-only must remain entirely in the upper-left control zone and keep clear
   separation from the formation question/composer on mobile AND desktop. */
.v22-nav[data-stage="2"]{
  top:max(calc(var(--safe-top) + 62px),74px)!important;
  height:246px!important;
  min-height:246px!important;
  width:44px!important;
  padding:5px 3px 6px 9px!important;
  border-radius:0 22px 22px 0!important;
}
.v22-nav.right[data-stage="2"]{
  padding:5px 9px 6px 3px!important;
  border-radius:22px 0 0 22px!important;
}
.v22-nav[data-stage="2"] .v22-stage2-menu{
  width:25px!important;height:25px!important;margin:0 auto 2px!important;
}
.v22-nav[data-stage="2"] .v22-stage2-menu span{width:17px!important;height:17px!important}
.v22-nav[data-stage="2"] .v22-list{padding:0!important;gap:0!important}
.v22-nav[data-stage="2"] .v22-link{
  width:25px!important;height:25px!important;min-height:25px!important;
  border-radius:9px!important;
}
.v22-nav[data-stage="2"] .v22-ico{font-size:12px!important;line-height:1!important}
.v22-nav[data-stage="2"] .v22-account{
  width:25px!important;height:25px!important;min-height:25px!important;
  margin:3px 0 0!important;border-radius:10px!important;
}
.v22-nav[data-stage="2"] .v22-avatar{width:20px!important;height:20px!important;font-size:8px!important}
.v22-nav[data-stage="2"] .v22-grabber{
  width:12px!important;height:44px!important;right:-5px!important;top:52%!important;
}
.v22-nav[data-stage="2"] .v22-grabber::after{width:3px!important;height:25px!important}
.v22-nav.right[data-stage="2"] .v22-grabber{right:auto!important;left:-5px!important}
@media (min-width:721px){
  .v22-nav[data-stage="2"]{top:78px!important;height:238px!important;min-height:238px!important}
}


/* QALS BUILDUP: iOS/Safari composer legibility + responsive polish — 2026-09-12 */
.composer textarea{
  min-height:44px!important;
  height:44px;
  padding:11px 7px 9px!important;
  line-height:22px!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.18);
  transform:translateZ(0);
}
.composer textarea::placeholder{
  opacity:1!important;
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.18);
}
.v22-helper,.legal-line{
  text-shadow:0 1px 8px rgba(0,0,0,.22);
}
@media(max-width:720px){
  .v22-helper{font-size:11px!important;line-height:1.28!important;max-width:calc(100vw - 30px)!important}
  .legal-line{font-size:10.5px!important;line-height:1.25!important}
  .composer{min-height:54px!important}
  .composer textarea{font-size:15px!important}
}
@media(max-width:360px){
  .entrance-state h1{font-size:24px!important;max-width:calc(100vw - 44px)!important}
  .v22-helper{font-size:10px!important}
  .v22-chip{font-size:10px!important;padding:5px 9px!important}
}