*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font:15px/1.6 'Segoe UI',system-ui,sans-serif;color:#e7f8ff;background:#061326}body.activation{min-height:100vh;background:linear-gradient(100deg,#031021b8,#07152a55),url('/agent-world.png') center/cover fixed}.access-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px}.access-brand img{width:168px;margin-bottom:25px}.access-card{width:min(440px,100%);padding:36px;border:1px solid #92eaff42;border-radius:24px;background:#07182b9c;backdrop-filter:blur(20px);box-shadow:0 28px 100px #0006}.signal{width:56px;height:56px;display:grid;place-items:center;border:1px solid #62e9ee85;border-radius:18px;color:#83f3ff;font-size:30px;box-shadow:0 0 32px #36dce833}.access-eyebrow{font-size:10px;letter-spacing:2px;color:#81d5e3;margin-top:24px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}p{color:#b0c9d9}.steps{display:flex;gap:26px;border-bottom:1px solid #adc9e022;margin:28px 0 22px;padding-bottom:14px;font-size:12px;color:#758ea8}.steps .current{color:#8bffff}label{display:block;margin-bottom:8px;font-size:13px}input{display:block;width:100%;padding:14px;border:1px solid #84b6ce55;border-radius:10px;background:#08172790;color:#fff;font:inherit}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #8bf5ff;outline-offset:4px}button{width:100%;padding:13px;margin-top:12px;border:1px solid #9dffff75;border-radius:10px;background:#99f4ef;color:#062a36;font:600 14px 'Segoe UI';cursor:pointer}button:disabled{opacity:.6;cursor:wait}button.quiet{background:transparent;color:#abc8d9;border:0}.access-note,.access-footer{font-size:11px;text-align:center;color:#92afc3}.access-note{margin-top:24px}#access-error{color:#ffb7bb;font-size:13px;min-height:20px}.user-shell{max-width:1000px;margin:auto;padding:40px 24px}.user-shell a{color:#9bf2f2}.user-shell form{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}.user-shell button{width:auto}.user-shell table{width:100%;text-align:left;border-collapse:collapse}.user-shell td,.user-shell th{padding:16px;border-bottom:1px solid #adc9e033}.user-shell td button{margin:4px}.user-shell input{max-width:280px}.user-shell #message{color:#a3ffff}@media(max-width:500px){.access-card{padding:26px}.user-shell td,.user-shell th{padding:8px}}
/* Transparent identity uplink */
.activation .access-card{width:min(520px,100%);background:linear-gradient(140deg,#08213955,#06172b38);backdrop-filter:blur(5px);border-color:#a7f4ff55;box-shadow:0 28px 100px #0005,inset 0 1px #c1ffff22}.activation .access-card h1,.activation .access-card p,.activation .access-card label{text-shadow:0 2px 8px #00101f}.identity-instruction{font-size:13px}.identity-field{max-height:300px;overflow:auto;padding:10px 8px;border:1px solid #8ae5ed33;border-radius:14px;background:#03172a25;scrollbar-width:thin;scrollbar-color:#54cbd688 transparent}.identity-lane{min-height:65px;display:flex;align-items:center;padding:5px;overflow:hidden}.identity-lane:nth-child(even){justify-content:flex-end}.identity-chip{position:relative;width:auto;max-width:calc(100% - 70px);margin:0 65px 0 0;padding:11px 18px;border-radius:24px;border:1px solid #7af9ea80;background:#092a3f85;color:#beffff;box-shadow:0 0 22px #28dcd522;overflow-wrap:anywhere;animation:identity-drift var(--duration) ease-in-out var(--delay) infinite alternate}.identity-lane:nth-child(even) .identity-chip{margin:0 0 0 65px;animation-direction:alternate-reverse;--direction:-1}.identity-chip:before{content:'◉';margin-right:10px;color:#81ffe4}.identity-field:hover .identity-chip,.identity-field:focus-within .identity-chip,.identity-field.paused .identity-chip{animation-play-state:paused}.identity-chip:hover{background:#12495eaa;border-color:#b6ffff;box-shadow:0 0 24px #68ffff44}.identity-hint{font-size:10px;text-align:center;margin-bottom:0}#motion-toggle,#voice-toggle{font-size:11px;margin-top:0;padding:8px}.secret-lock{display:flex;flex-direction:column;align-items:center;gap:8px;margin:6px 0 22px;padding:15px;border:1px solid #78f9dc44;border-radius:14px;background:repeating-linear-gradient(0deg,#65ffe505 0,#65ffe505 1px,transparent 1px,transparent 5px)}.secret-lock svg{width:64px;height:64px;fill:none;stroke:#8affdc;stroke-width:2;filter:drop-shadow(0 0 8px #69ffd988)}.secret-lock span{letter-spacing:10px;font-size:24px;color:#afffe9}.secret-lock small{font:8px/1.8 Consolas,monospace;letter-spacing:2px;color:#8ee7db}#identity-summary{color:#c1fff0;font-size:14px}#secret{font-family:Consolas,monospace;letter-spacing:5px}.access-card #access-error:empty{min-height:0;margin:0}.access-card #motion-toggle{width:auto;display:block;margin-inline:auto}@keyframes identity-drift{from{transform:translate(0,2px)}to{transform:translate(calc(var(--drift)*var(--direction,1)),-4px)}}@media(prefers-reduced-motion:reduce){.identity-chip{animation:none}}@media(max-width:500px){.activation .access-shell{padding:20px 14px}.activation .access-card{padding:24px}.identity-chip{font-size:12px}.secret-lock{margin-bottom:12px}}

.account-controls{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:10px 14px;border:1px solid #92e5e955;border-radius:12px;background:#07192eb3;box-shadow:0 5px 25px #0005;color:#bde3ef;font:12px/1.4 'Segoe UI',system-ui,sans-serif;backdrop-filter:blur(14px)}.account-controls a{color:#a1fff0;text-decoration:none;padding:6px}.account-controls a:hover{text-decoration:underline}.account-controls button{border:1px solid #91d9e466;border-radius:7px;padding:7px 13px;background:#173449;color:#e3ffff;font:inherit;cursor:pointer}.account-controls :is(button,a):focus-visible{outline:2px solid #91fff1;outline-offset:3px}@media(max-width:600px){.account-controls{right:12px;bottom:12px;gap:8px;padding:8px;font-size:11px}.account-identity{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.activation{background-color:#061326!important}.activation .access-brand img{width:130px;height:90px;object-fit:contain;margin-bottom:12px}.activation.unlocking .signal{display:none}.activation.unlocking .access-eyebrow{margin-top:0}.activation.unlocking .steps{margin:20px 0 18px}.activation.unlocking .secret-lock{padding:12px;margin-bottom:14px}.activation.unlocking .secret-lock svg{width:48px;height:48px}.activation.unlocking .secret-lock span{font-size:20px}.activation.unlocking .access-note{margin-top:16px}
/* Compact AudTech identity header */
.activation-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.activation .activation-heading .signal{display:grid;flex:0 0 76px;width:76px;height:76px;border:1px solid #92eaff42;border-radius:16px;background:#06182a40;box-shadow:0 0 22px #36dce815}.activation-heading .signal img{display:block;width:66px;height:66px;object-fit:contain}.activation .activation-heading .access-eyebrow{margin:0 0 6px;font-size:9px;letter-spacing:1.5px}.activation-heading h1{margin:0;font-size:30px}.activation-heading+ p{margin-top:0}.identity-chip small{display:block;font-size:10px;color:#99cbd1;margin-top:3px}.user-shell form{align-items:end}.user-shell form label{flex:1 1 180px}.user-shell form input{max-width:none}@media(max-width:500px){.activation-heading{gap:12px}.activation .activation-heading .signal{flex-basis:62px;width:62px;height:62px}.activation-heading .signal img{width:54px;height:54px}.activation-heading h1{font-size:25px}.activation .activation-heading .access-eyebrow{font-size:8px;letter-spacing:.8px}}
/* Keep the identity flow inside the visible browser, with an explicit brand masthead. */
body.activation{height:100dvh;min-height:0;overflow:hidden;background-position:center top;background-size:cover}.activation .access-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:12px;padding:18px 20px 10px;background:linear-gradient(#031023ef 0,#031023e8 95px,#03102300 175px)}.activation-masthead{text-align:center;width:100%;padding:0 8px}.activation-masthead h2{margin:0;color:#effaff;font-size:clamp(25px,3.2vw,44px);line-height:1.15;font-weight:720;letter-spacing:-1.4px}.activation-masthead h2 span{color:#7ee1d4}.activation-masthead p{margin:7px 0 0;font-size:clamp(11px,1.35vw,17px);line-height:1.4;color:#c1dbe8;letter-spacing:.2px}.activation .access-card{max-height:100%;min-height:0;width:min(500px,100%);padding:24px 28px;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#54cbd688 transparent}.activation-heading{gap:12px;margin-bottom:10px}.activation .activation-heading .signal{flex-basis:56px;width:56px;height:56px}.activation-heading .signal img{width:48px;height:48px}.activation-heading h1{font-size:27px}.activation .access-card>p:not(.access-note){font-size:12px;margin:0 0 8px}.activation .steps,.activation.unlocking .steps{margin:10px 0 12px;padding-bottom:10px;flex-shrink:0}.activation #activation-form{display:flex;flex-direction:column;min-height:0}.activation #identity{display:flex;flex-direction:column;min-height:0}.activation .identity-instruction{margin:0 0 10px;font-size:12px}.activation .identity-field{flex:1 1 auto;min-height:70px;max-height:min(240px,29dvh);padding:6px}.activation .identity-lane{min-height:60px;padding:3px}.activation .identity-chip{padding:8px 16px;line-height:1.3}.activation .identity-hint{margin:7px 0 0;line-height:1.3}.activation #motion-toggle{padding:6px}.activation .access-note,.activation.unlocking .access-note{font-size:10px;line-height:1.4;margin:10px 0 0}.activation .access-footer{margin:0;font-size:10px;line-height:1.4}.activation.unlocking .secret-lock{padding:8px;margin:0 0 10px;gap:4px}.activation.unlocking .secret-lock svg{width:40px;height:40px}.activation.unlocking .secret-lock span{font-size:18px}.activation.unlocking #identity-summary{font-size:12px;line-height:1.5;margin:8px 0}.activation #secret{padding:11px}.activation #voice-toggle{padding:5px}.activation #access-error{margin:5px 0;font-size:12px;line-height:1.4;min-height:0}.activation #activate-button{margin-top:6px;padding:11px}.activation #back{margin-top:4px;padding:8px}@media(max-height:700px){.activation .access-shell{gap:8px;padding:10px 16px 8px}.activation-masthead h2{font-size:29px}.activation-masthead p{margin-top:4px;font-size:12px}.activation .access-card{padding:16px 24px}.activation .activation-heading .signal{flex-basis:46px;width:46px;height:46px}.activation-heading .signal img{width:40px;height:40px}.activation-heading h1{font-size:24px}.activation .steps,.activation.unlocking .steps{margin:6px 0 9px;padding-bottom:7px}.activation .access-note{margin-top:6px}.activation .identity-field{max-height:25dvh}.activation .identity-lane{min-height:54px}.activation.unlocking .secret-lock{flex-direction:row;justify-content:center;gap:12px;padding:6px}.activation .secret-lock small{display:none}}@media(max-width:500px){.activation .access-shell{padding-inline:12px}.activation .access-card{padding:18px 20px}.activation-masthead h2{font-size:29px}.activation-masthead p{font-size:11px}.activation .activation-heading .access-eyebrow{letter-spacing:.3px;font-size:8px}}@media(max-height:480px){.activation .access-shell{gap:4px;padding:7px 12px}.activation-masthead h2{font-size:23px}.activation-masthead p{font-size:10px;margin-top:2px}.activation .access-card{padding:10px 18px;width:min(520px,100%)}.activation-heading{margin-bottom:4px}.activation .activation-heading .signal{flex-basis:36px;width:36px;height:36px}.activation-heading .signal img{width:32px;height:32px}.activation-heading h1{font-size:21px}.activation .access-card>p,.activation .identity-hint,.activation .access-note,.activation .access-footer,.activation .access-eyebrow{display:none}.activation .steps,.activation.unlocking .steps{margin:4px 0 6px;padding-bottom:5px;font-size:10px}.activation .identity-instruction{font-size:10px;margin-bottom:5px}.activation .identity-field{max-height:26dvh;min-height:50px}.activation .identity-lane{min-height:45px}.activation .identity-chip{padding:6px 12px}.activation.unlocking .secret-lock{display:none}.activation #secret{padding:8px}.activation #activate-button{padding:8px}.activation #back{padding:5px}.activation .access-shell{grid-template-rows:auto minmax(0,1fr)}}
.activation .access-shell{grid-template-columns:minmax(0,1fr);width:100%;background:linear-gradient(#031023 0,#031023 105px,#03102300 180px)}@media(max-height:700px){.activation .identity-field{max-height:30dvh}.activation .access-shell{background:linear-gradient(#031023 0,#031023 75px,#03102300 140px)}}@media(max-height:480px){.activation .identity-field{max-height:26dvh}}
/* Show the complete existing artwork, including its embedded title and tagline. */
body.activation{background-image:linear-gradient(#03102312,#03102345),url('/agent-world.png');background-size:100% 100%,100% 100%;background-position:center top;background-repeat:no-repeat;background-color:#061326;height:100dvh;overflow:hidden}.activation .access-shell{--art-height:100dvh;grid-template-rows:minmax(0,1fr) auto;background:none;height:100dvh;padding:calc(var(--art-height) * .135 + 8px) 20px 10px;gap:8px}.activation .access-card{max-height:100%;margin:0}.activation .access-footer{margin:0}@media(max-width:500px){.activation .access-shell{padding-inline:12px}}@media(max-height:480px){.activation .access-shell{grid-template-rows:minmax(0,1fr);padding-bottom:8px}}

/* Give the transparent activation card a little more room. */
.activation .access-card{width:min(580px,100%);padding:30px 34px}.activation .identity-field{max-height:min(270px,32dvh)}.activation .identity-lane{min-height:68px}@media(max-height:700px){.activation .access-card{padding:20px 28px}.activation .identity-lane{min-height:58px}}@media(max-width:500px){.activation .access-card{padding:20px 22px}}@media(max-height:480px){.activation .access-card{width:min(580px,100%);padding:10px 20px}.activation .identity-lane{min-height:45px}.activation .identity-field{max-height:26dvh}}
/* Requested desktop dimensions; shrink within the available viewport. */
.activation .access-card{width:min(800px,100%);height:min(600px,100%);justify-content:center}.activation .identity-field{max-height:min(300px,34dvh)}@media(max-height:700px){.activation .access-card{height:min(600px,100%)}}@media(max-height:480px){.activation .access-card{width:min(800px,100%);height:100%}.activation .identity-field{max-height:26dvh}}
/* Requested desktop dimensions, constrained by the available viewport. */
.activation .access-card{width:min(700px,100%);height:600px;max-height:100%;justify-content:center}@media(max-height:700px){.activation .access-card{height:min(600px,100%)}}
/* Scale the contents to the 700 × 600 activation card. */
@media(min-width:601px) and (min-height:701px){
 .activation .access-card{padding:28px 32px;justify-content:flex-start}
 .activation-heading{gap:18px;margin-bottom:12px;flex-shrink:0}
 .activation .activation-heading .signal{flex-basis:76px;width:76px;height:76px;border-radius:18px}
 .activation-heading .signal img{width:66px;height:66px}
 .activation-heading h1{font-size:34px;line-height:1.2}
 .activation .activation-heading .access-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:8px}
 .activation .access-card>p:not(.access-note){font-size:14px;margin-bottom:10px}
 .activation .steps,.activation.unlocking .steps{font-size:14px;gap:34px;margin:10px 0 14px;padding-bottom:12px}
 .activation #activation-form{flex:1;min-height:0}
 .activation #identity{flex:1;min-height:0}
 .activation .identity-instruction{font-size:14px;margin-bottom:12px}
 .activation .identity-field{max-height:none;min-height:80px;padding:8px 12px}
 .activation .identity-lane{min-height:72px;padding:4px}
 .activation .identity-chip{font-size:16px;padding:11px 22px;border-radius:28px}
 .activation .identity-chip small{font-size:12px;margin-top:5px}
 .activation .identity-chip:before{font-size:15px;margin-right:12px}
 .activation .identity-hint{font-size:11px;margin-top:9px}
 .activation #motion-toggle{font-size:12px;padding:7px}
 .activation .access-note,.activation.unlocking .access-note{font-size:11px;margin:12px 0 0}
 .activation.unlocking #secret-step{display:flex;flex-direction:column;flex:1;min-height:0;justify-content:center}
 .activation.unlocking .secret-lock{padding:12px;margin-bottom:12px;gap:5px}
 .activation.unlocking .secret-lock svg{width:48px;height:48px}
 .activation.unlocking .secret-lock span{font-size:22px}
 .activation.unlocking #identity-summary{font-size:14px;margin:10px 0}
 .activation #secret-step label{font-size:14px}
 .activation #secret{padding:13px;font-size:17px}
 .activation #activate-button{font-size:15px;padding:13px}
 .activation #back{font-size:13px;padding:8px}
 .activation #voice-toggle{font-size:12px;padding:6px}
}

/* Anchor the header at the top rather than vertically centering the flow. */
.activation .access-card{justify-content:flex-start}
@media(min-width:601px) and (min-height:481px){
 .activation .access-card{padding-top:20px;padding-bottom:20px}
 .activation-heading{gap:20px;margin-bottom:12px;flex-shrink:0}
 .activation .activation-heading .signal{flex-basis:88px;width:88px;height:88px;border-radius:20px}
 .activation-heading .signal img{width:78px;height:78px}
 .activation-heading h1{font-size:38px;line-height:1.15}
 .activation .activation-heading .access-eyebrow{font-size:11px;letter-spacing:1.4px;margin-bottom:9px}
 .activation #activation-form{flex:1;min-height:0}
 .activation #identity{flex:1;min-height:0}
 .activation .identity-field{max-height:none;min-height:65px}
 .activation .access-note,.activation.unlocking .access-note{margin-top:10px;margin-bottom:0}
}
/* All identities share one collision-aware motion area. */
.activation .identity-field{position:relative;overflow:auto;isolation:isolate}.activation .identity-field>.identity-lane{position:relative;display:block;width:100%;height:100%;min-height:90px;padding:0;overflow:hidden}.activation .identity-field .identity-chip{position:absolute;left:0;top:0;width:max-content;max-width:calc(100% - 20px);margin:0!important;animation:none!important;will-change:transform;transition:background .15s,border-color .15s;overflow-wrap:anywhere}.activation .identity-field .identity-chip:focus-visible{outline-offset:3px}
/* Keep the secret controls in normal flow beneath the enlarged header. */
@media(min-width:601px) and (min-height:701px){.activation.unlocking #secret-step{flex:0 0 auto;justify-content:flex-start}.activation.unlocking .secret-lock{flex-direction:row;justify-content:center;gap:18px;padding:8px;margin-bottom:8px}.activation.unlocking .secret-lock svg{width:38px;height:38px}.activation.unlocking .secret-lock small{display:none}.activation.unlocking #identity-summary{margin:6px 0}.activation.unlocking #back{padding:6px}.activation.unlocking #secret{padding:11px}.activation.unlocking #activation-form{justify-content:flex-start}}

/* Keep account actions in the upper-right corner on every screen. */
.account-controls{top:18px;bottom:auto}@media(max-width:600px){.account-controls{top:12px;bottom:auto}}


/* Trim the account bar by 12px while keeping its controls unchanged. */
.account-controls{padding-inline:8px}@media(max-width:600px){.account-controls{padding-inline:2px}}


/* Match the monitor account controls on the user-management screen. */
.account-controls{position:fixed;right:18px;bottom:18px;background:rgba(7,25,46,.68);backdrop-filter:blur(10px)}@media(max-width:600px){.account-controls{right:12px;bottom:12px}}
/* Explicitly reset both axes so earlier top positioning cannot stretch the panel. */
body .account-controls{position:fixed;inset:auto 12px 10px auto;width:max-content;height:auto;min-height:0;max-height:none;max-width:calc(100vw - 24px);display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;padding:6px 9px;border:1px solid #92e5e933;border-radius:10px;background:rgba(7,25,46,.56);box-shadow:0 3px 12px #0003;backdrop-filter:blur(8px);font-size:11px;line-height:1.4}body .account-controls .account-identity{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}body .account-controls a{white-space:nowrap;padding:4px}body .account-controls button{width:auto;flex:0 0 auto;margin:0;padding:5px 10px;line-height:1.4;font-size:11px}@media(max-width:600px){body .account-controls{inset:auto 8px 8px auto;gap:6px;padding:5px 7px;max-width:calc(100vw - 16px);font-size:10px}body .account-controls .account-identity{max-width:100px}body .account-controls button{font-size:10px;padding:5px 8px}}
/* Compact username-only identities with distinct softly glowing accents. */
.activation .identity-field .identity-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;min-height:34px;border-radius:20px;font-size:12px;line-height:1.35;font-weight:600;border-color:hsl(var(--chip-hue) 75% 68% / .75);color:#e7faff;background:rgba(6,25,43,.8);animation:identity-halo 3.6s ease-in-out var(--halo-delay) infinite alternate!important}.activation .identity-field .identity-chip:before{content:none;margin:0}.activation .identity-chip svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:hsl(var(--chip-hue) 80% 77%);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.activation .identity-field .identity-chip:hover,.activation .identity-field .identity-chip:focus-visible{border-color:hsl(var(--chip-hue) 90% 82%);background:rgba(16,45,62,.95)}.identity-tooltip{position:fixed;z-index:200;max-width:calc(100vw - 16px);padding:6px 10px;border:1px solid #88d8df66;border-radius:7px;background:#071b2bf2;color:#e2fcff;font:12px/1.4 'Segoe UI',system-ui,sans-serif;box-shadow:0 4px 16px #0005;pointer-events:none;overflow-wrap:anywhere}@keyframes identity-halo{from{box-shadow:0 0 3px hsl(var(--chip-hue) 80% 65% / .1)}to{box-shadow:0 0 15px hsl(var(--chip-hue) 80% 65% / .4),inset 0 0 7px hsl(var(--chip-hue) 80% 65% / .09)}}@media(prefers-reduced-motion:reduce){.activation .identity-field .identity-chip{animation:none!important;box-shadow:0 0 7px hsl(var(--chip-hue) 80% 65% / .15)}}
/* Ambient radar stays behind the selectable identities. */
.activation .identity-field{background-color:rgba(3,20,36,.46);background-image:linear-gradient(rgba(86,220,225,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(86,220,225,.065) 1px,transparent 1px),radial-gradient(ellipse at center,rgba(37,185,191,.08),transparent 70%);background-size:28px 28px,28px 28px,100% 100%;border-color:rgba(118,229,232,.3)}.activation .identity-field:before,.activation .identity-field:after{content:'';position:absolute;pointer-events:none;z-index:-1;left:50%;top:50%;width:100%;height:100%;border-radius:inherit;transform:translate(-50%,-50%)}.activation .identity-field:before{background:repeating-radial-gradient(circle at center,transparent 0 55px,rgba(94,235,224,.085) 56px 57px,transparent 58px 112px);border:1px solid rgba(94,235,224,.08)}.activation .identity-field:after{background:conic-gradient(from var(--radar-angle),transparent 0deg 278deg,rgba(75,241,211,.015) 300deg,rgba(75,241,211,.13) 357deg,rgba(160,255,235,.32) 359deg,transparent 360deg);animation:identity-radar 14s linear infinite}.activation .identity-field:hover:after,.activation .identity-field:focus-within:after,.activation .identity-field.paused:after{animation-play-state:paused}@property --radar-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes identity-radar{from{--radar-angle:0deg}to{--radar-angle:360deg}}@media(prefers-reduced-motion:reduce){.activation .identity-field:after{animation:none;opacity:.45}}

/* Neural-network backdrop replaces the radar sweep. */
.activation .identity-field{background-image:radial-gradient(ellipse at 40% 45%,rgba(45,168,205,.12),transparent 75%);background-size:100% 100%}.activation .identity-field:before,.activation .identity-field:after{content:none;animation:none}.identity-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.identity-network line{stroke:#68dce5;stroke-width:.65;opacity:.14;animation:neural-link 7s ease-in-out infinite alternate;animation-delay:var(--delay)}.identity-network circle{fill:#a0fff0;opacity:.45;animation:neural-node 5s ease-in-out infinite alternate;animation-delay:var(--delay)}.identity-network .neural-halo{fill:#4fe1e9;opacity:.07;animation:none}.identity-field:hover .identity-network *,.identity-field:focus-within .identity-network *,.identity-field.paused .identity-network *{animation-play-state:paused}@keyframes neural-link{from{opacity:.07;stroke:#59bde1}to{opacity:.28;stroke:#8bffe6}}@keyframes neural-node{from{opacity:.25}to{opacity:.8}}@media(prefers-reduced-motion:reduce){.identity-network *{animation:none!important}}
/* Dim falling glyphs behind the shared identity area. */
.activation .identity-field{background-image:radial-gradient(ellipse at center,rgba(15,105,85,.12),transparent 75%);background-color:rgba(2,18,27,.55)}.identity-rain{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.rain-column{position:absolute;left:var(--rain-x);top:-340px;white-space:pre;text-align:center;font:11px/16px Consolas,monospace;color:#71efbd;opacity:.17;text-shadow:0 0 5px #62ffbc55;animation:identity-rainfall var(--rain-duration) linear var(--rain-delay) infinite}.identity-field:hover .rain-column,.identity-field:focus-within .rain-column,.identity-field.paused .rain-column{animation-play-state:paused}@keyframes identity-rainfall{from{transform:translateY(-40px)}to{transform:translateY(850px)}}@media(prefers-reduced-motion:reduce){.rain-column{animation:none;top:0;opacity:.1}}
/* Quiet star field behind the selectable identities. */
.activation .identity-field{background-image:radial-gradient(ellipse at 25% 35%,rgba(75,98,165,.12),transparent 65%),radial-gradient(ellipse at 75% 80%,rgba(34,139,156,.08),transparent 60%);background-color:rgba(3,13,29,.58)}.identity-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}.identity-star{position:absolute;left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);border-radius:50%;background:#d9faff;box-shadow:0 0 5px #a6e8ff88;opacity:.3;animation:identity-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate}.identity-field:hover .identity-star,.identity-field:focus-within .identity-star,.identity-field.paused .identity-star{animation-play-state:paused}@keyframes identity-twinkle{from{opacity:.13;box-shadow:0 0 2px #a6e8ff33}to{opacity:.75;box-shadow:0 0 7px #a6e8ff99}}@media(prefers-reduced-motion:reduce){.identity-star{animation:none;opacity:.4}}
/* Soft blue and teal energy waves behind the identities. */
.activation .identity-field{background-image:radial-gradient(ellipse at center,rgba(23,103,145,.1),transparent 75%);background-color:rgba(3,17,32,.56)}.identity-energy{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}.energy-wave{position:absolute;left:-20%;top:10%;width:140%;height:90%;border-radius:45%;background:radial-gradient(ellipse,transparent 35%,rgba(42,195,218,.15) 48%,rgba(67,145,238,.09) 57%,transparent 70%);filter:blur(12px);opacity:.65;animation:identity-energy-flow 14s ease-in-out infinite alternate}.energy-wave:nth-child(2){top:-30%;left:-10%;background:radial-gradient(ellipse,transparent 30%,rgba(57,230,186,.14) 48%,transparent 67%);animation-duration:19s;animation-delay:-7s;animation-direction:alternate-reverse}.energy-wave:nth-child(3){top:45%;left:-30%;height:75%;background:radial-gradient(ellipse,transparent 30%,rgba(70,123,242,.16) 50%,transparent 68%);animation-duration:23s;animation-delay:-11s}.identity-field:hover .energy-wave,.identity-field:focus-within .energy-wave,.identity-field.paused .energy-wave{animation-play-state:paused}@keyframes identity-energy-flow{from{transform:translate(-6%,-10%) rotate(-12deg) scale(.92);opacity:.4}to{transform:translate(7%,14%) rotate(16deg) scale(1.08);opacity:.8}}@media(prefers-reduced-motion:reduce){.energy-wave{animation:none;opacity:.5}}
/* Blend all three ambient layers beneath the identity chips. */
.identity-energy{z-index:-3;opacity:.65}.identity-network{z-index:-2;opacity:.5}.identity-stars{z-index:-1;opacity:.6}.activation .identity-field>.identity-lane{z-index:1}