.portal-motion{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.portal-motion canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.portal-motion:after{content:"";position:absolute;inset:0}.portal-motion-login{display:none}.login-form{isolation:isolate;position:relative}.login-form>.portal-motion-login,.admin-login>.portal-motion-login{width:auto;max-width:none;display:block}.login-form>.portal-motion-login:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--card) 55%, transparent), transparent) 50% 50% / min(720px, 100%) min(900px, 100%) no-repeat}.login-form>.portal-motion-login~.customer-auth-form{border:1px solid var(--border);background:var(--card);border-radius:18px;max-width:530px;padding:34px clamp(20px,3vw,34px);box-shadow:0 24px 70px #00000024}.admin-login.has-motion{isolation:isolate;position:relative}.admin-login>.portal-motion-login:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--background) 80%, transparent), transparent) 50% 50% / min(820px, 100%) min(900px, 100%) no-repeat}.admin-login.has-motion .admin-login-card{box-shadow:0 30px 80px #0003}.confirmation-page{isolation:isolate;position:relative}.confirmation-page>.portal-motion-login{width:auto;max-width:none;display:block}.confirmation-page>.portal-motion-login:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--background) 80%, transparent), transparent) 50% 50% / min(860px, 100%) min(900px, 100%) no-repeat}.confirmation-page>.portal-motion-login~.confirmation-card{box-shadow:0 30px 80px #0003}.portal-motion-portal,.portal-motion-site{z-index:-1;position:fixed}.portal-motion-portal:after,.portal-motion-site:after{display:none}.admin-shell.has-portal-motion,.customer-shell.has-portal-motion,.admin-shell.has-portal-motion .admin-inbox,.admin-shell.has-portal-motion .admin-inbox .ai-chat,.admin-shell.has-portal-motion .admin-inbox .file-chat.compact,.admin-shell.has-portal-motion .admin-inbox .file-chat.compact .chat-history,.site-root.has-site-motion{background:0 0}.site-root.has-site-motion .site-hero.has-motion{background:var(--background)}.site-root.has-site-motion .site-tools{background:color-mix(in srgb, var(--foreground) 4%, transparent)}@media (width<=760px){.login-form>.portal-motion-login~.customer-auth-form{border-radius:14px;padding:24px 18px}}.appearance-motion-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.appearance-motion-choices button{text-align:left;border:1px solid var(--border);background:var(--card);color:var(--foreground);font:inherit;cursor:pointer;border-radius:8px;gap:2px;padding:10px 12px;display:grid}.appearance-motion-choices button strong{font-size:.875rem}.appearance-motion-choices button small{color:var(--muted-foreground);font-size:.75rem;font-weight:400;line-height:1.35}.appearance-motion-choices button[aria-pressed=true]{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 8%, var(--card))}.portal-motion-sample{border:1px solid var(--border);background:#101318;border-radius:10px;height:96px;position:relative;overflow:hidden}.portal-motion-sample canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.appearance-motion-places{border:1px solid var(--border);border-radius:10px;gap:0;display:grid;overflow:hidden}.appearance-motion-place{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.appearance-motion-place+.appearance-motion-place{border-top:1px solid var(--border)}.appearance-motion-place>span{gap:2px;min-width:0;display:grid}.appearance-motion-place strong{font-size:.9rem}.appearance-motion-place small{color:var(--muted-foreground);font-size:.78rem;line-height:1.4}@media (width<=900px){.appearance-motion-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}