/* Login and sign-up window (auth-panel.js), One Wing look on the site and in Studio. The card stays dark in both. */
#auth-modal .ci-auth-card{max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px 26px 22px;border:1px solid #ffffff1f;border-radius:24px;background:radial-gradient(80% 50% at 0% 0%,#FF8A0024,transparent 70%),radial-gradient(60% 40% at 100% 100%,#FFC24D14,transparent 70%),#10151D;box-shadow:0 40px 90px -30px #000000f0;color:#F5F4F2;font-family:Inter,system-ui,sans-serif}
#auth-modal .ci-auth-card>button[onclick="closeAuthModal()"]{top:18px;right:18px}
#auth-modal .ci-auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 34px 18px 0}
#auth-modal .ci-auth-brand{display:flex;align-items:center;gap:10px;font:800 19px/1 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:#fff}
#auth-modal .ci-auth-brand em{font-style:normal;background:linear-gradient(90deg,#FF8A00,#FFC24D);-webkit-background-clip:text;background-clip:text;color:transparent}
#auth-modal .ci-auth-wing{width:auto;height:30px;aspect-ratio:105/129}
#auth-modal .ci-auth-lang{display:flex;gap:4px}
#auth-modal .ci-auth-lang>button{padding:4px 9px;border:1px solid #ffffff1f;border-radius:8px;background:transparent;color:#9AA4B2;font:700 11px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
#auth-modal .ci-auth-lang>button[aria-pressed=true]{border-color:#FF8A00;color:#FFB04D;background:#FF8A0014}
#auth-modal .ci-auth{display:grid;gap:12px}
#auth-modal .ci-auth[data-auth-mode=login] [data-auth-only=register],#auth-modal .ci-auth[data-auth-mode=register] [data-auth-only=login]{display:none!important}
#auth-modal .ci-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #ffffff17;border-radius:14px;background:#ffffff08}
#auth-modal .ci-auth-tabs>button{min-height:38px;border:0;border-radius:10px;background:transparent;color:#9AA4B2;font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer}
#auth-modal .ci-auth-tabs>button[aria-selected=true]{background:linear-gradient(135deg,#FF8A00,#FFC24D);color:#1A1003}
#auth-modal .ci-auth-lead{margin:2px 0 0;color:#9AA4B2;font-size:13px}
#auth-modal .ci-auth-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:0;border-radius:13px;background:#fff;color:#18181B;font:700 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .15s ease}
#auth-modal .ci-auth-google:hover{transform:translateY(-1px)}
#auth-modal .ci-auth-google>i{color:#EA4335!important;font-size:15px}
#auth-modal .ci-auth-or{display:flex;align-items:center;gap:10px;color:#6B7280;font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
#auth-modal .ci-auth-or::before,#auth-modal .ci-auth-or::after{content:"";flex:1;height:1px;background:#ffffff17}
#auth-modal .ci-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#auth-modal .ci-auth-field{display:grid;gap:6px;min-width:0}
#auth-modal .ci-auth-field>span:first-child,#auth-modal .ci-auth-label-row{color:#C4CAD4;font:700 11.5px/1.2 Inter,system-ui,sans-serif}
#auth-modal .ci-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
#auth-modal .ci-auth-label-row small{color:#6B7280;font-weight:500}
#auth-modal .ci-auth-link{padding:0;border:0;background:none;color:#FFB04D;font:600 11.5px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
#auth-modal .ci-auth input:not([type=checkbox]){width:100%;min-width:0;height:44px;padding:0 13px;border:1px solid #ffffff1c;border-radius:12px;background:#0B0F14;color:#fff;font:500 13.5px/1 Inter,system-ui,sans-serif;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
#auth-modal .ci-auth input::placeholder{color:#4B5563}
#auth-modal .ci-auth input:focus{border-color:#FF8A00;box-shadow:0 0 0 3px #FF8A0026}
#auth-modal .ci-auth-at{display:flex;align-items:center;border:1px solid #ffffff1c;border-radius:12px;background:#0B0F14}
#auth-modal .ci-auth-at:focus-within{border-color:#FF8A00;box-shadow:0 0 0 3px #FF8A0026}
#auth-modal .ci-auth-at>b{padding-left:12px;color:#6B7280;font-size:14px}
#auth-modal .ci-auth-at>input{border:0!important;box-shadow:none!important;padding-left:4px!important;background:transparent!important}
#auth-modal .ci-auth-terms{display:flex;align-items:flex-start;gap:10px;color:#9AA4B2;font-size:12px;line-height:1.45;cursor:pointer}
#auth-modal .ci-auth-terms>input{flex:none;width:16px;height:16px;margin-top:1px;accent-color:#FF8A00}
#auth-modal .ci-auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:2px;border:0;border-radius:13px;background:linear-gradient(135deg,#FF8A00,#FFC24D);color:#1A1003;font:800 14px/1 Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 14px 30px -14px #FF8A00;transition:transform .15s ease,filter .15s ease}
#auth-modal .ci-auth-submit:hover{transform:translateY(-1px);filter:brightness(1.05)}
#auth-modal .ci-auth-submit>i{color:#1A1003!important}
@media(max-width:480px){#auth-modal .ci-auth-card{padding:22px 18px 18px}#auth-modal .ci-auth-row{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#auth-modal :is(.ci-auth-google,.ci-auth-submit){transition:none}}