/* Echo authentication. Deliberately scoped: no media cards or app shell rules. */
.echo-root,.echo-root *,.echo-root *::before,.echo-root *::after,.echo-popup{box-sizing:border-box}
.echo-mascot[data-echo-state=idle] .echo-gaze{animation:echo-look 12s ease-in-out infinite}
@keyframes echo-look{0%,25%,60%,100%{transform:translate(0,0)}35%,45%{transform:translate(3px,1px)}75%,85%{transform:translate(-3px,1px)}}
.echo-root{--ea-bg:#0b1020;--ea-panel:#141d35;--ea-ink:#f4f2f7;--ea-muted:#bcc5df;--ea-line:#364365;--ea-accent:#76bac8;--ea-field:#0f182c;position:relative;isolation:isolate;color:var(--ea-ink);font-family:Inter,system-ui,sans-serif}
html:not(.theme-dark) .echo-root{--ea-bg:#edf0f8;--ea-panel:#f8f9fd;--ea-ink:#172440;--ea-muted:#52617e;--ea-line:#b6c2db;--ea-accent:#256779;--ea-field:#fff}
body:has(>.echo-page){padding:0!important;background:#0b1020!important}
.echo-page{min-height:100svh;padding:28px 22px 24px;display:flex;align-items:center;flex-direction:column;overflow:clip;background:var(--ea-bg)}
.echo-brand{align-self:flex-start;display:flex;align-items:center;gap:9px;color:var(--ea-ink);font-size:12px;letter-spacing:.18em;font-weight:850;text-decoration:none}
.echo-brand img{object-fit:contain}.echo-brand span{font-size:11px;letter-spacing:.02em;color:var(--ea-muted);font-weight:500;margin-left:14px}
.echo-environment{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#283a7055,transparent 65%),radial-gradient(ellipse at 85% 80%,#73557833,transparent 55%)}
.echo-record{position:absolute;width:clamp(220px,34vw,520px);aspect-ratio:1;border-radius:50%;border:1px solid #515b7744;background:repeating-radial-gradient(circle,#101624 0 3px,#242c40 4px,#101624 5px 8px);box-shadow:inset 0 0 0 12px #0d1320,0 25px 55px #0003;display:grid;place-items:center;opacity:.65;animation:echo-spin 55s linear infinite}
.echo-record:before{content:'';position:absolute;inset:8%;border-radius:50%;background:conic-gradient(transparent 0deg,#c3b5ec12 50deg,transparent 100deg,transparent 180deg,#76bac817 230deg,transparent 280deg)}
.echo-record span{width:25%;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;background:#283a70;color:#d0d6ea;font-size:clamp(8px,1vw,12px);line-height:1.8;letter-spacing:.12em;border:1px solid #7988c755}
.echo-record span:after{content:'';width:8px;height:8px;border-radius:50%;background:#0b1020;margin:5px auto 0}
.echo-record-one{top:-15%;left:-12%}.echo-record-two{width:clamp(190px,28vw,420px);bottom:-13%;right:-10%;animation-direction:reverse;animation-duration:65s}.echo-record-two span{background:#735578}
.echo-waves{position:absolute;width:100%;height:100%;color:#7988c7;opacity:.1;animation:echo-drift 14s ease-in-out infinite alternate}
.echo-dust{position:absolute;width:4px;height:4px;border-radius:50%;background:#c3b5ec;opacity:.4;animation:echo-drift 9s ease-in-out infinite alternate}.dust-one{top:22%;left:29%}.dust-two{top:72%;left:17%;animation-delay:-4s}.dust-three{top:40%;right:18%;animation-delay:-7s;background:#76bac8}
.echo-mascot{width:170px;height:162px;flex:none;margin:12px auto -8px;position:relative;z-index:2;pointer-events:none;--look-x:0px;--look-y:0px}.echo-mascot svg{width:100%;height:100%;overflow:visible}
.echo-body{transform-origin:110px 175px;animation:echo-breathe 4.8s ease-in-out infinite}.echo-head{transform-origin:110px 133px;transition:transform .5s ease}.echo-gaze{transform:translate(var(--look-x),var(--look-y));transition:transform .16s ease-out}.echo-eyes{transform-origin:110px 98px;animation:echo-blink 6.7s infinite}.echo-arm{transition:transform .55s cubic-bezier(.3,.1,.2,1);transform-origin:110px 130px}.echo-blush,.echo-brows,.echo-worry,.echo-sparkles{opacity:0;transition:opacity .25s}.echo-smile{transition:opacity .25s}
.echo-mascot[data-echo-state=watch] .echo-head{transform:rotate(-3deg)}
.echo-mascot:is([data-echo-state=cover],[data-echo-state=peek]) .echo-arm-left{transform:translate(53px,-54px)}
.echo-mascot[data-echo-state=cover] .echo-arm-right{transform:translate(-57px,-54px)}
.echo-mascot[data-echo-state=peek] .echo-arm-right{transform:translate(-27px,-25px);transition-duration:.7s}
.echo-mascot:is([data-echo-state=cover],[data-echo-state=peek]) .echo-blush{opacity:.65}
.echo-mascot[data-echo-state=cover] .echo-gaze{transform:none}
.echo-mascot[data-echo-state=error] .echo-head{transform:translateY(3px) rotate(4deg)}
.echo-mascot[data-echo-state=error] :is(.echo-brows,.echo-worry){opacity:1}.echo-mascot[data-echo-state=error] .echo-smile{opacity:0}
.echo-mascot[data-echo-state=success] .echo-body{animation:echo-celebrate .65s ease-out both}.echo-mascot[data-echo-state=success] .echo-sparkles{opacity:1;animation:echo-spark .7s ease-out both}.echo-mascot[data-echo-state=success] .echo-arm-left{transform:translateY(-18px) rotate(8deg)}.echo-mascot[data-echo-state=success] .echo-arm-right{transform:translateY(-18px) rotate(-8deg)}
.echo-root .echo-panel{position:relative;width:min(440px,100%);min-width:0;border:1px solid var(--ea-line);background:var(--ea-panel);padding:28px 32px;box-shadow:0 20px 65px #0002;border-radius:12px}
.echo-root .auth-art{display:none!important}
.echo-root :is(.auth-wrap,.auth-box,.google-complete-shell){display:block!important;min-height:0!important;padding:0!important;background:none!important;grid-template-columns:none!important;color:var(--ea-ink)!important}
.echo-root :is(.auth-card,.google-complete-card){width:100%!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;color:var(--ea-ink)!important}
.echo-root :is(.auth-card,.google-complete-card) h2,.echo-root .google-complete-card h1{font:650 30px/1.12 Inter,system-ui,sans-serif!important;letter-spacing:-.04em!important;color:var(--ea-ink)!important;margin:8px 0 18px!important}
.echo-root :is(.auth-card,.google-complete-card)>p{font-size:13px!important;line-height:1.6!important;color:var(--ea-muted)!important;margin:12px 0!important}
.echo-root .eyebrow{font-size:10px!important;letter-spacing:.16em;color:var(--ea-accent)!important}
.echo-root label{display:grid;gap:7px;margin:0 0 15px;font:650 12px/1.5 Inter,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:var(--ea-ink)!important}
.echo-root :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){box-sizing:border-box;width:100%;min-height:46px;border:1px solid var(--ea-line)!important;border-radius:8px!important;background:var(--ea-field)!important;color:var(--ea-ink)!important;font:400 16px/1.4 Inter,system-ui,sans-serif!important;padding:11px 13px!important;transition:border-color .2s,box-shadow .2s}
.echo-root input::placeholder{color:var(--ea-muted)!important;opacity:.75}.echo-root :is(input,select,textarea):focus{outline:2px solid var(--ea-accent)!important;outline-offset:2px;box-shadow:none!important}
.echo-root .primary,.echo-root .echo-join{display:flex;justify-content:center;align-items:center;min-height:46px;border-radius:8px!important;border:1px solid transparent!important;background:#c3b5ec!important;color:#151c34!important;box-shadow:none!important;font:750 14px/1.3 Inter,system-ui,sans-serif!important;padding:12px 16px!important;cursor:pointer;transition:transform .18s,filter .18s;text-decoration:none}
.echo-root .primary:hover,.echo-root .echo-join:hover{filter:brightness(1.08)}.echo-root button:active{transform:scale(.98)}.echo-root button:disabled{opacity:.6;cursor:wait}
.echo-root .auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 15px}.echo-root .auth-remember{display:flex!important;align-items:center;margin:0!important;font-size:12px!important}.echo-root input[type=checkbox]{width:17px;height:17px;accent-color:#7988c7}.echo-root .auth-forgot-link{margin:0!important;font-size:12px}.echo-root .auth-forgot-link a{color:var(--ea-muted)!important}
.echo-root a:not(.primary):not(.echo-brand):not(.echo-join){color:var(--ea-accent)}
.echo-root .divider{color:var(--ea-muted);font-size:11px;margin:16px 0}.echo-root .divider:before{border-color:var(--ea-line)}.echo-root .divider span{background:var(--ea-panel)!important;color:var(--ea-muted)!important}
.echo-root .google-auth-block{margin:14px 0 4px;display:grid;justify-items:center}.echo-root .google-auth-button{width:100%;min-height:44px;display:flex;justify-content:center}.echo-root .google-auth-status{color:var(--ea-muted)!important;font-size:12px;text-align:center;margin:5px 0;min-height:0}.echo-root .google-auth-status:empty{display:none}
.echo-root .form-alert,.echo-root .echo-status:not(:empty){padding:11px 13px!important;border:1px solid var(--ea-line);border-left:3px solid var(--ea-accent);background:var(--ea-field)!important;color:var(--ea-ink)!important;font-size:13px;line-height:1.5;border-radius:6px}
.echo-root .echo-status:empty{display:none}.echo-root .echo-status{margin:12px 0 0}.echo-password{display:block;position:relative}.echo-root .echo-password input{padding-right:52px!important}.echo-reveal{position:absolute;right:2px;top:2px;width:42px;height:42px;display:grid;place-items:center;background:none;border:0;color:var(--ea-muted);cursor:pointer}.echo-reveal svg{width:21px;height:21px}.echo-reveal[aria-pressed=false] .echo-eye-slash{display:none}
.echo-root :is(a,button):focus-visible{outline:2px solid var(--ea-accent);outline-offset:3px}.echo-foot{font-size:10px;color:var(--ea-muted);display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:22px 0 0}.echo-foot a{text-decoration:none}.echo-root .google-complete-logo{display:none}.echo-root .review-card,.echo-root .review-row{background:var(--ea-field)!important;color:var(--ea-ink)!important;border-color:var(--ea-line)!important}.echo-root .review-value{color:var(--ea-ink)!important}
.echo-panel.is-changing{animation:echo-panel-in .26s ease both}
.echo-popup[hidden]{display:none!important}.echo-popup{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}.echo-popup.is-open{opacity:1;visibility:visible}.echo-popup-backdrop{position:absolute;inset:0;background:#040812a8;backdrop-filter:blur(4px)}
.echo-popup .echo-dialog{position:relative;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;width:min(540px,100%);background:var(--ea-bg);border:1px solid var(--ea-line);border-radius:12px;box-shadow:0 30px 100px #0005;display:flex;align-items:center;flex-direction:column;padding:18px 26px 20px;transform:translateY(12px) scale(.98);transition:transform .3s;isolation:isolate}.echo-popup.is-open .echo-dialog{transform:none}
.echo-popup .echo-mascot{width:136px;height:130px;margin:0 auto -8px}.echo-popup .echo-panel{padding:22px 24px;box-shadow:none;width:100%;background:var(--ea-panel)}
.echo-close{position:absolute;right:9px;top:9px;z-index:4;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--ea-ink);cursor:pointer}.echo-close svg{width:21px;height:21px}
.echo-intro :is(h1,h2){font:650 clamp(27px,4vw,35px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.045em;margin:10px 0 16px}.echo-intro p{font-size:13px;line-height:1.65;color:var(--ea-muted)}.echo-intro .echo-tagline{font-size:12px;color:var(--ea-ink);margin:16px 0}.echo-intro .echo-join{width:100%}.echo-existing{display:block;text-align:center;margin:13px 0 0;font-size:12px}.echo-dismiss{display:flex;justify-content:center;gap:20px;margin:14px 0 0}.echo-dismiss button{border:0;background:transparent;color:var(--ea-muted);min-height:36px;font-size:11px;cursor:pointer}.echo-return{display:block;font-size:12px;margin-top:14px;text-align:center}.echo-root[aria-busy=true] [data-echo-panel]{pointer-events:none;opacity:.8}
.mp-signup-lock{overflow:hidden!important}.echo-popup:not(.is-open) *,.echo-root[data-echo-paused=true] *{animation-play-state:paused!important}
@keyframes echo-spin{to{transform:rotate(360deg)}}@keyframes echo-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-2px) rotate(.5deg)}}@keyframes echo-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes echo-drift{to{transform:translateY(-12px)}}@keyframes echo-celebrate{0%,100%{transform:translateY(0)}40%{transform:translateY(-10px) rotate(-3deg)}70%{transform:translateY(-3px) rotate(2deg)}}@keyframes echo-spark{0%{opacity:0;transform:translateY(6px)}50%{opacity:1}100%{opacity:0;transform:translateY(-7px)}}@keyframes echo-panel-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-height:900px){.echo-page>.echo-mascot{margin-top:6vh}}
@media(max-width:600px){.echo-page{padding:16px 16px max(20px,env(safe-area-inset-bottom))}.echo-brand span{display:none}.echo-page>.echo-mascot{width:140px;height:134px;margin-top:8px}.echo-root .echo-panel{padding:22px}.echo-record-one{top:-8%;left:-40%;width:270px}.echo-record-two{bottom:-5%;right:-40%;width:240px}.echo-waves{opacity:.07}.echo-popup{padding:8px}.echo-popup .echo-dialog{max-height:calc(100dvh - 16px);padding:12px 14px max(12px,env(safe-area-inset-bottom));border-radius:10px}.echo-popup .echo-panel{padding:18px}.echo-popup .echo-mascot{width:115px;height:110px}.echo-intro :is(h1,h2){font-size:28px}.echo-popup .echo-dismiss{margin-top:5px}.echo-root label{margin-bottom:12px}.echo-root :is(.auth-card,.google-complete-card) h2{font-size:27px!important}.echo-root .auth-card .primary.full{margin-top:0!important}.echo-foot{margin-top:18px}}
@media(max-height:600px){.echo-page>.echo-mascot,.echo-popup .echo-mascot{width:95px;height:91px;margin-top:0}.echo-page{padding-top:10px}.echo-dust{display:none}}
@media(prefers-reduced-motion:reduce){.echo-root *{animation:none!important;transition:none!important}.echo-popup{transition:none}}

.echo-intro h1{color:var(--ea-ink)}